diff --git a/package-lock.json b/package-lock.json index 41241c2eb8..94a56eb15f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -267,7 +267,7 @@ }, "node_modules/@babel/helper-builder-binary-assignment-operator-visitor": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-explode-assignable-expression": "^7.16.0", @@ -345,7 +345,7 @@ }, "node_modules/@babel/helper-create-regexp-features-plugin": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-annotate-as-pure": "^7.16.0", @@ -360,7 +360,7 @@ }, "node_modules/@babel/helper-define-polyfill-provider": { "version": "0.2.4", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-compilation-targets": "^7.13.0", @@ -378,7 +378,7 @@ }, "node_modules/@babel/helper-define-polyfill-provider/node_modules/semver": { "version": "6.3.0", - "dev": true, + "devOptional": true, "license": "ISC", "bin": { "semver": "bin/semver.js" @@ -394,7 +394,7 @@ }, "node_modules/@babel/helper-explode-assignable-expression": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/types": "^7.16.0" @@ -487,7 +487,7 @@ }, "node_modules/@babel/helper-remap-async-to-generator": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-annotate-as-pure": "^7.16.0", @@ -573,7 +573,7 @@ }, "node_modules/@babel/helper-wrap-function": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-function-name": "^7.16.0", @@ -680,7 +680,7 @@ }, "node_modules/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": { "version": "7.16.2", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.14.5" @@ -694,7 +694,7 @@ }, "node_modules/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.14.5", @@ -710,7 +710,7 @@ }, "node_modules/@babel/plugin-proposal-async-generator-functions": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.14.5", @@ -726,7 +726,7 @@ }, "node_modules/@babel/plugin-proposal-class-properties": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-create-class-features-plugin": "^7.16.0", @@ -741,7 +741,7 @@ }, "node_modules/@babel/plugin-proposal-class-static-block": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-create-class-features-plugin": "^7.16.0", @@ -775,7 +775,7 @@ }, "node_modules/@babel/plugin-proposal-dynamic-import": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.14.5", @@ -805,7 +805,7 @@ }, "node_modules/@babel/plugin-proposal-export-namespace-from": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.14.5", @@ -820,7 +820,7 @@ }, "node_modules/@babel/plugin-proposal-json-strings": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.14.5", @@ -835,7 +835,7 @@ }, "node_modules/@babel/plugin-proposal-logical-assignment-operators": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.14.5", @@ -850,7 +850,7 @@ }, "node_modules/@babel/plugin-proposal-nullish-coalescing-operator": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.14.5", @@ -865,7 +865,7 @@ }, "node_modules/@babel/plugin-proposal-numeric-separator": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.14.5", @@ -880,7 +880,7 @@ }, "node_modules/@babel/plugin-proposal-object-rest-spread": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/compat-data": "^7.16.0", @@ -898,7 +898,7 @@ }, "node_modules/@babel/plugin-proposal-optional-catch-binding": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.14.5", @@ -913,7 +913,7 @@ }, "node_modules/@babel/plugin-proposal-optional-chaining": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.14.5", @@ -929,7 +929,7 @@ }, "node_modules/@babel/plugin-proposal-private-methods": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-create-class-features-plugin": "^7.16.0", @@ -944,7 +944,7 @@ }, "node_modules/@babel/plugin-proposal-private-property-in-object": { "version": "7.18.6", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-annotate-as-pure": "^7.18.6", @@ -961,7 +961,7 @@ }, "node_modules/@babel/plugin-proposal-unicode-property-regex": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-create-regexp-features-plugin": "^7.16.0", @@ -976,7 +976,7 @@ }, "node_modules/@babel/plugin-syntax-async-generators": { "version": "7.8.4", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.8.0" @@ -998,7 +998,7 @@ }, "node_modules/@babel/plugin-syntax-class-properties": { "version": "7.12.13", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.12.13" @@ -1009,7 +1009,7 @@ }, "node_modules/@babel/plugin-syntax-class-static-block": { "version": "7.14.5", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.14.5" @@ -1037,7 +1037,7 @@ }, "node_modules/@babel/plugin-syntax-dynamic-import": { "version": "7.8.3", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.8.0" @@ -1062,7 +1062,7 @@ }, "node_modules/@babel/plugin-syntax-export-namespace-from": { "version": "7.8.3", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.8.3" @@ -1098,7 +1098,7 @@ }, "node_modules/@babel/plugin-syntax-json-strings": { "version": "7.8.3", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.8.0" @@ -1123,7 +1123,7 @@ }, "node_modules/@babel/plugin-syntax-logical-assignment-operators": { "version": "7.10.4", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.10.4" @@ -1144,7 +1144,7 @@ }, "node_modules/@babel/plugin-syntax-numeric-separator": { "version": "7.10.4", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.10.4" @@ -1165,7 +1165,7 @@ }, "node_modules/@babel/plugin-syntax-optional-catch-binding": { "version": "7.8.3", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.8.0" @@ -1186,7 +1186,7 @@ }, "node_modules/@babel/plugin-syntax-private-property-in-object": { "version": "7.14.5", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.14.5" @@ -1200,7 +1200,7 @@ }, "node_modules/@babel/plugin-syntax-top-level-await": { "version": "7.14.5", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.14.5" @@ -1228,7 +1228,7 @@ }, "node_modules/@babel/plugin-transform-arrow-functions": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.14.5" @@ -1242,7 +1242,7 @@ }, "node_modules/@babel/plugin-transform-async-to-generator": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-module-imports": "^7.16.0", @@ -1258,7 +1258,7 @@ }, "node_modules/@babel/plugin-transform-block-scoped-functions": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.14.5" @@ -1272,7 +1272,7 @@ }, "node_modules/@babel/plugin-transform-block-scoping": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.14.5" @@ -1301,7 +1301,7 @@ }, "node_modules/@babel/plugin-transform-classes": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-annotate-as-pure": "^7.16.0", @@ -1321,7 +1321,7 @@ }, "node_modules/@babel/plugin-transform-computed-properties": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.14.5" @@ -1335,7 +1335,7 @@ }, "node_modules/@babel/plugin-transform-destructuring": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.14.5" @@ -1349,7 +1349,7 @@ }, "node_modules/@babel/plugin-transform-dotall-regex": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-create-regexp-features-plugin": "^7.16.0", @@ -1364,7 +1364,7 @@ }, "node_modules/@babel/plugin-transform-duplicate-keys": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.14.5" @@ -1378,7 +1378,7 @@ }, "node_modules/@babel/plugin-transform-exponentiation-operator": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-builder-binary-assignment-operator-visitor": "^7.16.0", @@ -1408,7 +1408,7 @@ }, "node_modules/@babel/plugin-transform-for-of": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.14.5" @@ -1422,7 +1422,7 @@ }, "node_modules/@babel/plugin-transform-function-name": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-function-name": "^7.16.0", @@ -1437,7 +1437,7 @@ }, "node_modules/@babel/plugin-transform-literals": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.14.5" @@ -1451,7 +1451,7 @@ }, "node_modules/@babel/plugin-transform-member-expression-literals": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.14.5" @@ -1465,7 +1465,7 @@ }, "node_modules/@babel/plugin-transform-modules-amd": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-module-transforms": "^7.16.0", @@ -1497,7 +1497,7 @@ }, "node_modules/@babel/plugin-transform-modules-systemjs": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-hoist-variables": "^7.16.0", @@ -1515,7 +1515,7 @@ }, "node_modules/@babel/plugin-transform-modules-umd": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-module-transforms": "^7.16.0", @@ -1530,7 +1530,7 @@ }, "node_modules/@babel/plugin-transform-named-capturing-groups-regex": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-create-regexp-features-plugin": "^7.16.0" @@ -1544,7 +1544,7 @@ }, "node_modules/@babel/plugin-transform-new-target": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.14.5" @@ -1573,7 +1573,7 @@ }, "node_modules/@babel/plugin-transform-object-super": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.14.5", @@ -1632,7 +1632,7 @@ }, "node_modules/@babel/plugin-transform-property-literals": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.14.5" @@ -1707,7 +1707,7 @@ }, "node_modules/@babel/plugin-transform-regenerator": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "regenerator-transform": "^0.14.2" @@ -1721,7 +1721,7 @@ }, "node_modules/@babel/plugin-transform-reserved-words": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.14.5" @@ -1735,7 +1735,7 @@ }, "node_modules/@babel/plugin-transform-shorthand-properties": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.14.5" @@ -1749,7 +1749,7 @@ }, "node_modules/@babel/plugin-transform-spread": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.14.5", @@ -1764,7 +1764,7 @@ }, "node_modules/@babel/plugin-transform-sticky-regex": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.14.5" @@ -1778,7 +1778,7 @@ }, "node_modules/@babel/plugin-transform-template-literals": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.14.5" @@ -1792,7 +1792,7 @@ }, "node_modules/@babel/plugin-transform-typeof-symbol": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.14.5" @@ -1823,7 +1823,7 @@ }, "node_modules/@babel/plugin-transform-unicode-escapes": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.14.5" @@ -1837,7 +1837,7 @@ }, "node_modules/@babel/plugin-transform-unicode-regex": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-create-regexp-features-plugin": "^7.16.0", @@ -1852,7 +1852,7 @@ }, "node_modules/@babel/preset-env": { "version": "7.16.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/compat-data": "^7.16.0", @@ -1939,7 +1939,7 @@ }, "node_modules/@babel/preset-env/node_modules/babel-plugin-polyfill-corejs3": { "version": "0.3.0", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-define-polyfill-provider": "^0.2.4", @@ -1951,7 +1951,7 @@ }, "node_modules/@babel/preset-env/node_modules/semver": { "version": "6.3.0", - "dev": true, + "devOptional": true, "license": "ISC", "bin": { "semver": "bin/semver.js" @@ -1975,7 +1975,7 @@ }, "node_modules/@babel/preset-modules": { "version": "0.1.5", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.0.0", @@ -5320,7 +5320,6 @@ }, "node_modules/@jridgewell/source-map": { "version": "0.3.2", - "dev": true, "license": "MIT", "dependencies": { "@jridgewell/gen-mapping": "^0.3.0", @@ -6359,6 +6358,18 @@ "url": "https://github.com/sponsors/panva" } }, + "node_modules/@phosphor-icons/react": { + "version": "2.0.15", + "resolved": "https://registry.npmjs.org/@phosphor-icons/react/-/react-2.0.15.tgz", + "integrity": "sha512-PQKNcRrfERlC8gJGNz0su0i9xVmeubXSNxucPcbCLDd9u0cwJVTEyYK87muul/svf0UXFdL2Vl6bbeOhT1Mwow==", + "engines": { + "node": ">=10" + }, + "peerDependencies": { + "react": ">= 16.8", + "react-dom": ">= 16.8" + } + }, "node_modules/@pmmmwh/react-refresh-webpack-plugin": { "version": "0.5.8", "dev": true, @@ -12440,7 +12451,6 @@ }, "node_modules/@types/eslint": { "version": "8.4.6", - "dev": true, "license": "MIT", "dependencies": { "@types/estree": "*", @@ -12449,7 +12459,6 @@ }, "node_modules/@types/eslint-scope": { "version": "3.7.4", - "dev": true, "license": "MIT", "dependencies": { "@types/eslint": "*", @@ -12760,7 +12769,6 @@ }, "node_modules/@types/json-schema": { "version": "7.0.11", - "dev": true, "license": "MIT" }, "node_modules/@types/json5": { @@ -12825,7 +12833,6 @@ }, "node_modules/@types/node": { "version": "17.0.21", - "dev": true, "license": "MIT" }, "node_modules/@types/node-fetch": { @@ -13398,7 +13405,6 @@ }, "node_modules/@webassemblyjs/ast": { "version": "1.11.1", - "dev": true, "license": "MIT", "dependencies": { "@webassemblyjs/helper-numbers": "1.11.1", @@ -13407,22 +13413,18 @@ }, "node_modules/@webassemblyjs/floating-point-hex-parser": { "version": "1.11.1", - "dev": true, "license": "MIT" }, "node_modules/@webassemblyjs/helper-api-error": { "version": "1.11.1", - "dev": true, "license": "MIT" }, "node_modules/@webassemblyjs/helper-buffer": { "version": "1.11.1", - "dev": true, "license": "MIT" }, "node_modules/@webassemblyjs/helper-numbers": { "version": "1.11.1", - "dev": true, "license": "MIT", "dependencies": { "@webassemblyjs/floating-point-hex-parser": "1.11.1", @@ -13432,12 +13434,10 @@ }, "node_modules/@webassemblyjs/helper-wasm-bytecode": { "version": "1.11.1", - "dev": true, "license": "MIT" }, "node_modules/@webassemblyjs/helper-wasm-section": { "version": "1.11.1", - "dev": true, "license": "MIT", "dependencies": { "@webassemblyjs/ast": "1.11.1", @@ -13448,7 +13448,6 @@ }, "node_modules/@webassemblyjs/ieee754": { "version": "1.11.1", - "dev": true, "license": "MIT", "dependencies": { "@xtuc/ieee754": "^1.2.0" @@ -13456,7 +13455,6 @@ }, "node_modules/@webassemblyjs/leb128": { "version": "1.11.1", - "dev": true, "license": "Apache-2.0", "dependencies": { "@xtuc/long": "4.2.2" @@ -13464,12 +13462,10 @@ }, "node_modules/@webassemblyjs/utf8": { "version": "1.11.1", - "dev": true, "license": "MIT" }, "node_modules/@webassemblyjs/wasm-edit": { "version": "1.11.1", - "dev": true, "license": "MIT", "dependencies": { "@webassemblyjs/ast": "1.11.1", @@ -13484,7 +13480,6 @@ }, "node_modules/@webassemblyjs/wasm-edit/node_modules/@webassemblyjs/wast-printer": { "version": "1.11.1", - "dev": true, "license": "MIT", "dependencies": { "@webassemblyjs/ast": "1.11.1", @@ -13493,7 +13488,6 @@ }, "node_modules/@webassemblyjs/wasm-gen": { "version": "1.11.1", - "dev": true, "license": "MIT", "dependencies": { "@webassemblyjs/ast": "1.11.1", @@ -13505,7 +13499,6 @@ }, "node_modules/@webassemblyjs/wasm-opt": { "version": "1.11.1", - "dev": true, "license": "MIT", "dependencies": { "@webassemblyjs/ast": "1.11.1", @@ -13516,7 +13509,6 @@ }, "node_modules/@webassemblyjs/wasm-parser": { "version": "1.11.1", - "dev": true, "license": "MIT", "dependencies": { "@webassemblyjs/ast": "1.11.1", @@ -13529,12 +13521,10 @@ }, "node_modules/@xtuc/ieee754": { "version": "1.2.0", - "dev": true, "license": "BSD-3-Clause" }, "node_modules/@xtuc/long": { "version": "4.2.2", - "dev": true, "license": "Apache-2.0" }, "node_modules/abab": { @@ -13591,7 +13581,6 @@ }, "node_modules/acorn-import-assertions": { "version": "1.8.0", - "dev": true, "license": "MIT", "peerDependencies": { "acorn": "^8" @@ -13690,7 +13679,6 @@ }, "node_modules/ajv-keywords": { "version": "3.5.2", - "dev": true, "license": "MIT", "peerDependencies": { "ajv": "^6.9.1" @@ -14549,7 +14537,7 @@ }, "node_modules/babel-plugin-dynamic-import-node": { "version": "2.3.3", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "object.assign": "^4.1.0" @@ -14653,7 +14641,7 @@ }, "node_modules/babel-plugin-polyfill-corejs2": { "version": "0.2.3", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/compat-data": "^7.13.11", @@ -14666,7 +14654,7 @@ }, "node_modules/babel-plugin-polyfill-corejs2/node_modules/semver": { "version": "6.3.0", - "dev": true, + "devOptional": true, "license": "ISC", "bin": { "semver": "bin/semver.js" @@ -14712,7 +14700,7 @@ }, "node_modules/babel-plugin-polyfill-regenerator": { "version": "0.2.3", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/helper-define-polyfill-provider": "^0.2.4" @@ -15947,7 +15935,6 @@ }, "node_modules/chrome-trace-event": { "version": "1.0.2", - "dev": true, "license": "MIT", "dependencies": { "tslib": "^1.9.0" @@ -15958,7 +15945,6 @@ }, "node_modules/chrome-trace-event/node_modules/tslib": { "version": "1.14.1", - "dev": true, "license": "0BSD" }, "node_modules/ci-info": { @@ -16240,7 +16226,6 @@ }, "node_modules/commander": { "version": "2.20.3", - "dev": true, "license": "MIT" }, "node_modules/commitizen": { @@ -16729,7 +16714,7 @@ }, "node_modules/core-js-compat": { "version": "3.19.1", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "browserslist": "^4.17.6", @@ -16742,7 +16727,7 @@ }, "node_modules/core-js-compat/node_modules/semver": { "version": "7.0.0", - "dev": true, + "devOptional": true, "license": "ISC", "bin": { "semver": "bin/semver.js" @@ -18621,7 +18606,6 @@ "version": "5.15.0", "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.15.0.tgz", "integrity": "sha512-LXYT42KJ7lpIKECr2mAXIaMldcNCh/7E0KBKOu4KSfkHmP+mZmSs+8V5gBAqisWBy0OO4W5Oyys0GO1Y8KtdKg==", - "dev": true, "dependencies": { "graceful-fs": "^4.2.4", "tapable": "^2.2.0" @@ -18632,7 +18616,6 @@ }, "node_modules/enhanced-resolve/node_modules/tapable": { "version": "2.2.1", - "dev": true, "license": "MIT", "engines": { "node": ">=6" @@ -18864,7 +18847,6 @@ }, "node_modules/es-module-lexer": { "version": "0.9.3", - "dev": true, "license": "MIT" }, "node_modules/es-shim-unscopables": { @@ -19568,7 +19550,6 @@ }, "node_modules/eslint-scope": { "version": "5.1.1", - "dev": true, "license": "BSD-2-Clause", "dependencies": { "esrecurse": "^4.3.0", @@ -19580,7 +19561,6 @@ }, "node_modules/eslint-scope/node_modules/estraverse": { "version": "4.3.0", - "dev": true, "license": "BSD-2-Clause", "engines": { "node": ">=4.0" @@ -19761,7 +19741,6 @@ }, "node_modules/esrecurse": { "version": "4.3.0", - "dev": true, "license": "BSD-2-Clause", "dependencies": { "estraverse": "^5.2.0" @@ -19798,7 +19777,6 @@ }, "node_modules/estraverse": { "version": "5.3.0", - "dev": true, "license": "BSD-2-Clause", "engines": { "node": ">=4.0" @@ -19896,7 +19874,7 @@ }, "node_modules/esutils": { "version": "2.0.3", - "dev": true, + "devOptional": true, "license": "BSD-2-Clause", "engines": { "node": ">=0.10.0" @@ -19917,7 +19895,6 @@ }, "node_modules/events": { "version": "3.3.0", - "dev": true, "license": "MIT", "engines": { "node": ">=0.8.x" @@ -26313,7 +26290,6 @@ }, "node_modules/jest-worker": { "version": "27.5.1", - "dev": true, "license": "MIT", "dependencies": { "@types/node": "*", @@ -26326,7 +26302,6 @@ }, "node_modules/jest-worker/node_modules/supports-color": { "version": "8.1.1", - "dev": true, "license": "MIT", "dependencies": { "has-flag": "^4.0.0" @@ -27798,7 +27773,6 @@ }, "node_modules/loader-runner": { "version": "4.3.0", - "dev": true, "license": "MIT", "engines": { "node": ">=6.11.5" @@ -27856,7 +27830,7 @@ }, "node_modules/lodash.debounce": { "version": "4.0.8", - "dev": true, + "devOptional": true, "license": "MIT" }, "node_modules/lodash.escaperegexp": { @@ -32801,7 +32775,6 @@ }, "node_modules/randombytes": { "version": "2.1.0", - "dev": true, "license": "MIT", "dependencies": { "safe-buffer": "^5.1.0" @@ -33502,7 +33475,7 @@ }, "node_modules/regenerator-transform": { "version": "0.14.5", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@babel/runtime": "^7.8.4" @@ -34946,7 +34919,6 @@ }, "node_modules/schema-utils": { "version": "3.1.1", - "dev": true, "license": "MIT", "dependencies": { "@types/json-schema": "^7.0.8", @@ -36537,7 +36509,6 @@ }, "node_modules/terser": { "version": "5.15.1", - "dev": true, "license": "BSD-2-Clause", "dependencies": { "@jridgewell/source-map": "^0.3.2", @@ -36554,7 +36525,6 @@ }, "node_modules/terser-webpack-plugin": { "version": "5.3.6", - "dev": true, "license": "MIT", "dependencies": { "@jridgewell/trace-mapping": "^0.3.14", @@ -36587,7 +36557,6 @@ }, "node_modules/terser-webpack-plugin/node_modules/serialize-javascript": { "version": "6.0.0", - "dev": true, "license": "BSD-3-Clause", "dependencies": { "randombytes": "^2.1.0" @@ -37500,7 +37469,6 @@ }, "node_modules/typescript": { "version": "4.7.3", - "dev": true, "license": "Apache-2.0", "bin": { "tsc": "bin/tsc", @@ -38379,7 +38347,6 @@ }, "node_modules/watchpack": { "version": "2.4.0", - "dev": true, "license": "MIT", "dependencies": { "glob-to-regexp": "^0.4.1", @@ -38391,7 +38358,6 @@ }, "node_modules/watchpack/node_modules/glob-to-regexp": { "version": "0.4.1", - "dev": true, "license": "BSD-2-Clause" }, "node_modules/wcwidth": { @@ -38419,7 +38385,6 @@ }, "node_modules/webpack": { "version": "5.74.0", - "dev": true, "license": "MIT", "dependencies": { "@types/eslint-scope": "^3.7.3", @@ -38542,12 +38507,10 @@ }, "node_modules/webpack/node_modules/glob-to-regexp": { "version": "0.4.1", - "dev": true, "license": "BSD-2-Clause" }, "node_modules/webpack/node_modules/tapable": { "version": "2.2.1", - "dev": true, "license": "MIT", "engines": { "node": ">=6" @@ -38555,7 +38518,6 @@ }, "node_modules/webpack/node_modules/webpack-sources": { "version": "3.2.3", - "dev": true, "license": "MIT", "engines": { "node": ">=10.13.0" @@ -39206,6 +39168,7 @@ "@contentful/f36-core": "^4.48.0", "@contentful/f36-icon": "^4.48.0", "@contentful/f36-tokens": "^4.0.1", + "@phosphor-icons/react": "^2.0.15", "emotion": "^10.0.17" }, "peerDependencies": { @@ -43834,7 +43797,7 @@ }, "@babel/helper-builder-binary-assignment-operator-visitor": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-explode-assignable-expression": "^7.16.0", "@babel/types": "^7.16.0" @@ -43897,7 +43860,7 @@ }, "@babel/helper-create-regexp-features-plugin": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-annotate-as-pure": "^7.16.0", "regexpu-core": "^4.7.1" @@ -43905,7 +43868,7 @@ }, "@babel/helper-define-polyfill-provider": { "version": "0.2.4", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-compilation-targets": "^7.13.0", "@babel/helper-module-imports": "^7.12.13", @@ -43919,7 +43882,7 @@ "dependencies": { "semver": { "version": "6.3.0", - "dev": true + "devOptional": true } } }, @@ -43930,7 +43893,7 @@ }, "@babel/helper-explode-assignable-expression": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/types": "^7.16.0" } @@ -43995,7 +43958,7 @@ }, "@babel/helper-remap-async-to-generator": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-annotate-as-pure": "^7.16.0", "@babel/helper-wrap-function": "^7.16.0", @@ -44053,7 +44016,7 @@ }, "@babel/helper-wrap-function": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-function-name": "^7.16.0", "@babel/template": "^7.16.0", @@ -44134,14 +44097,14 @@ }, "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": { "version": "7.16.2", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-plugin-utils": "^7.14.5" } }, "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-plugin-utils": "^7.14.5", "@babel/helper-skip-transparent-expression-wrappers": "^7.16.0", @@ -44150,7 +44113,7 @@ }, "@babel/plugin-proposal-async-generator-functions": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-plugin-utils": "^7.14.5", "@babel/helper-remap-async-to-generator": "^7.16.0", @@ -44159,7 +44122,7 @@ }, "@babel/plugin-proposal-class-properties": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-create-class-features-plugin": "^7.16.0", "@babel/helper-plugin-utils": "^7.14.5" @@ -44167,7 +44130,7 @@ }, "@babel/plugin-proposal-class-static-block": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-create-class-features-plugin": "^7.16.0", "@babel/helper-plugin-utils": "^7.14.5", @@ -44187,7 +44150,7 @@ }, "@babel/plugin-proposal-dynamic-import": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-plugin-utils": "^7.14.5", "@babel/plugin-syntax-dynamic-import": "^7.8.3" @@ -44203,7 +44166,7 @@ }, "@babel/plugin-proposal-export-namespace-from": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-plugin-utils": "^7.14.5", "@babel/plugin-syntax-export-namespace-from": "^7.8.3" @@ -44211,7 +44174,7 @@ }, "@babel/plugin-proposal-json-strings": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-plugin-utils": "^7.14.5", "@babel/plugin-syntax-json-strings": "^7.8.3" @@ -44219,7 +44182,7 @@ }, "@babel/plugin-proposal-logical-assignment-operators": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-plugin-utils": "^7.14.5", "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4" @@ -44227,7 +44190,7 @@ }, "@babel/plugin-proposal-nullish-coalescing-operator": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-plugin-utils": "^7.14.5", "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3" @@ -44235,7 +44198,7 @@ }, "@babel/plugin-proposal-numeric-separator": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-plugin-utils": "^7.14.5", "@babel/plugin-syntax-numeric-separator": "^7.10.4" @@ -44243,7 +44206,7 @@ }, "@babel/plugin-proposal-object-rest-spread": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/compat-data": "^7.16.0", "@babel/helper-compilation-targets": "^7.16.0", @@ -44254,7 +44217,7 @@ }, "@babel/plugin-proposal-optional-catch-binding": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-plugin-utils": "^7.14.5", "@babel/plugin-syntax-optional-catch-binding": "^7.8.3" @@ -44262,7 +44225,7 @@ }, "@babel/plugin-proposal-optional-chaining": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-plugin-utils": "^7.14.5", "@babel/helper-skip-transparent-expression-wrappers": "^7.16.0", @@ -44271,7 +44234,7 @@ }, "@babel/plugin-proposal-private-methods": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-create-class-features-plugin": "^7.16.0", "@babel/helper-plugin-utils": "^7.14.5" @@ -44279,7 +44242,7 @@ }, "@babel/plugin-proposal-private-property-in-object": { "version": "7.18.6", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-annotate-as-pure": "^7.18.6", "@babel/helper-create-class-features-plugin": "^7.18.6", @@ -44289,7 +44252,7 @@ }, "@babel/plugin-proposal-unicode-property-regex": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-create-regexp-features-plugin": "^7.16.0", "@babel/helper-plugin-utils": "^7.14.5" @@ -44297,7 +44260,7 @@ }, "@babel/plugin-syntax-async-generators": { "version": "7.8.4", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-plugin-utils": "^7.8.0" } @@ -44311,14 +44274,14 @@ }, "@babel/plugin-syntax-class-properties": { "version": "7.12.13", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-plugin-utils": "^7.12.13" } }, "@babel/plugin-syntax-class-static-block": { "version": "7.14.5", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-plugin-utils": "^7.14.5" } @@ -44332,7 +44295,7 @@ }, "@babel/plugin-syntax-dynamic-import": { "version": "7.8.3", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-plugin-utils": "^7.8.0" } @@ -44346,7 +44309,7 @@ }, "@babel/plugin-syntax-export-namespace-from": { "version": "7.8.3", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-plugin-utils": "^7.8.3" } @@ -44368,7 +44331,7 @@ }, "@babel/plugin-syntax-json-strings": { "version": "7.8.3", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-plugin-utils": "^7.8.0" } @@ -44383,7 +44346,7 @@ }, "@babel/plugin-syntax-logical-assignment-operators": { "version": "7.10.4", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-plugin-utils": "^7.10.4" } @@ -44396,7 +44359,7 @@ }, "@babel/plugin-syntax-numeric-separator": { "version": "7.10.4", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-plugin-utils": "^7.10.4" } @@ -44409,7 +44372,7 @@ }, "@babel/plugin-syntax-optional-catch-binding": { "version": "7.8.3", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-plugin-utils": "^7.8.0" } @@ -44422,14 +44385,14 @@ }, "@babel/plugin-syntax-private-property-in-object": { "version": "7.14.5", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-plugin-utils": "^7.14.5" } }, "@babel/plugin-syntax-top-level-await": { "version": "7.14.5", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-plugin-utils": "^7.14.5" } @@ -44444,14 +44407,14 @@ }, "@babel/plugin-transform-arrow-functions": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-plugin-utils": "^7.14.5" } }, "@babel/plugin-transform-async-to-generator": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-module-imports": "^7.16.0", "@babel/helper-plugin-utils": "^7.14.5", @@ -44460,14 +44423,14 @@ }, "@babel/plugin-transform-block-scoped-functions": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-plugin-utils": "^7.14.5" } }, "@babel/plugin-transform-block-scoping": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-plugin-utils": "^7.14.5" } @@ -44483,7 +44446,7 @@ }, "@babel/plugin-transform-classes": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-annotate-as-pure": "^7.16.0", "@babel/helper-function-name": "^7.16.0", @@ -44496,21 +44459,21 @@ }, "@babel/plugin-transform-computed-properties": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-plugin-utils": "^7.14.5" } }, "@babel/plugin-transform-destructuring": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-plugin-utils": "^7.14.5" } }, "@babel/plugin-transform-dotall-regex": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-create-regexp-features-plugin": "^7.16.0", "@babel/helper-plugin-utils": "^7.14.5" @@ -44518,14 +44481,14 @@ }, "@babel/plugin-transform-duplicate-keys": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-plugin-utils": "^7.14.5" } }, "@babel/plugin-transform-exponentiation-operator": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-builder-binary-assignment-operator-visitor": "^7.16.0", "@babel/helper-plugin-utils": "^7.14.5" @@ -44542,14 +44505,14 @@ }, "@babel/plugin-transform-for-of": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-plugin-utils": "^7.14.5" } }, "@babel/plugin-transform-function-name": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-function-name": "^7.16.0", "@babel/helper-plugin-utils": "^7.14.5" @@ -44557,21 +44520,21 @@ }, "@babel/plugin-transform-literals": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-plugin-utils": "^7.14.5" } }, "@babel/plugin-transform-member-expression-literals": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-plugin-utils": "^7.14.5" } }, "@babel/plugin-transform-modules-amd": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-module-transforms": "^7.16.0", "@babel/helper-plugin-utils": "^7.14.5", @@ -44590,7 +44553,7 @@ }, "@babel/plugin-transform-modules-systemjs": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-hoist-variables": "^7.16.0", "@babel/helper-module-transforms": "^7.16.0", @@ -44601,7 +44564,7 @@ }, "@babel/plugin-transform-modules-umd": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-module-transforms": "^7.16.0", "@babel/helper-plugin-utils": "^7.14.5" @@ -44609,14 +44572,14 @@ }, "@babel/plugin-transform-named-capturing-groups-regex": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-create-regexp-features-plugin": "^7.16.0" } }, "@babel/plugin-transform-new-target": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-plugin-utils": "^7.14.5" } @@ -44632,7 +44595,7 @@ }, "@babel/plugin-transform-object-super": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-plugin-utils": "^7.14.5", "@babel/helper-replace-supers": "^7.16.0" @@ -44665,7 +44628,7 @@ }, "@babel/plugin-transform-property-literals": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-plugin-utils": "^7.14.5" } @@ -44705,28 +44668,28 @@ }, "@babel/plugin-transform-regenerator": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "regenerator-transform": "^0.14.2" } }, "@babel/plugin-transform-reserved-words": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-plugin-utils": "^7.14.5" } }, "@babel/plugin-transform-shorthand-properties": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-plugin-utils": "^7.14.5" } }, "@babel/plugin-transform-spread": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-plugin-utils": "^7.14.5", "@babel/helper-skip-transparent-expression-wrappers": "^7.16.0" @@ -44734,21 +44697,21 @@ }, "@babel/plugin-transform-sticky-regex": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-plugin-utils": "^7.14.5" } }, "@babel/plugin-transform-template-literals": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-plugin-utils": "^7.14.5" } }, "@babel/plugin-transform-typeof-symbol": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-plugin-utils": "^7.14.5" } @@ -44766,14 +44729,14 @@ }, "@babel/plugin-transform-unicode-escapes": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-plugin-utils": "^7.14.5" } }, "@babel/plugin-transform-unicode-regex": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-create-regexp-features-plugin": "^7.16.0", "@babel/helper-plugin-utils": "^7.14.5" @@ -44781,7 +44744,7 @@ }, "@babel/preset-env": { "version": "7.16.0", - "dev": true, + "devOptional": true, "requires": { "@babel/compat-data": "^7.16.0", "@babel/helper-compilation-targets": "^7.16.0", @@ -44861,7 +44824,7 @@ "dependencies": { "babel-plugin-polyfill-corejs3": { "version": "0.3.0", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-define-polyfill-provider": "^0.2.4", "core-js-compat": "^3.18.0" @@ -44869,7 +44832,7 @@ }, "semver": { "version": "6.3.0", - "dev": true + "devOptional": true } } }, @@ -44885,7 +44848,7 @@ }, "@babel/preset-modules": { "version": "0.1.5", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-plugin-utils": "^7.0.0", "@babel/plugin-proposal-unicode-property-regex": "^7.4.4", @@ -45728,7 +45691,8 @@ } }, "@code-hike/classer": { - "version": "0.0.0-e48fa74" + "version": "0.0.0-e48fa74", + "requires": {} }, "@codemirror/autocomplete": { "version": "0.19.9", @@ -46556,7 +46520,8 @@ }, "@octokit/plugin-request-log": { "version": "1.0.4", - "dev": true + "dev": true, + "requires": {} }, "@octokit/plugin-rest-endpoint-methods": { "version": "6.6.2", @@ -48814,6 +48779,7 @@ "@contentful/f36-core": "^4.48.0", "@contentful/f36-icon": "^4.48.0", "@contentful/f36-tokens": "^4.0.1", + "@phosphor-icons/react": "^2.0.15", "emotion": "^10.0.17" } }, @@ -49364,7 +49330,8 @@ } }, "@next/mdx": { - "version": "11.1.2" + "version": "11.1.2", + "requires": {} }, "acorn-walk": { "version": "8.2.0", @@ -50515,7 +50482,6 @@ }, "@jridgewell/source-map": { "version": "0.3.2", - "dev": true, "requires": { "@jridgewell/gen-mapping": "^0.3.0", "@jridgewell/trace-mapping": "^0.3.9" @@ -50751,7 +50717,8 @@ } }, "@mdx-js/react": { - "version": "1.6.22" + "version": "1.6.22", + "requires": {} }, "@mdx-js/util": { "version": "1.6.22" @@ -51231,6 +51198,12 @@ "resolved": "https://registry.npmjs.org/@panva/hkdf/-/hkdf-1.1.1.tgz", "integrity": "sha512-dhPeilub1NuIG0X5Kvhh9lH4iW3ZsHlnzwgwbOlgwQ2wG1IqFzsgHqmKPk3WzsdWAeaxKJxgM0+W433RmN45GA==" }, + "@phosphor-icons/react": { + "version": "2.0.15", + "resolved": "https://registry.npmjs.org/@phosphor-icons/react/-/react-2.0.15.tgz", + "integrity": "sha512-PQKNcRrfERlC8gJGNz0su0i9xVmeubXSNxucPcbCLDd9u0cwJVTEyYK87muul/svf0UXFdL2Vl6bbeOhT1Mwow==", + "requires": {} + }, "@pmmmwh/react-refresh-webpack-plugin": { "version": "0.5.8", "dev": true, @@ -51291,7 +51264,8 @@ } }, "@react-hook/passive-layout-effect": { - "version": "1.2.1" + "version": "1.2.1", + "requires": {} }, "@remix-run/router": { "version": "1.7.1", @@ -52979,7 +52953,8 @@ }, "icss-utils": { "version": "5.1.0", - "dev": true + "dev": true, + "requires": {} }, "interpret": { "version": "2.2.0", @@ -54440,7 +54415,8 @@ }, "icss-utils": { "version": "5.1.0", - "dev": true + "dev": true, + "requires": {} }, "lower-case": { "version": "2.0.2", @@ -55202,7 +55178,8 @@ }, "@testing-library/user-event": { "version": "14.4.3", - "dev": true + "dev": true, + "requires": {} }, "@tootallnate/once": { "version": "1.1.2", @@ -55297,7 +55274,6 @@ }, "@types/eslint": { "version": "8.4.6", - "dev": true, "requires": { "@types/estree": "*", "@types/json-schema": "*" @@ -55305,7 +55281,6 @@ }, "@types/eslint-scope": { "version": "3.7.4", - "dev": true, "requires": { "@types/eslint": "*", "@types/estree": "*" @@ -55544,8 +55519,7 @@ } }, "@types/json-schema": { - "version": "7.0.11", - "dev": true + "version": "7.0.11" }, "@types/json5": { "version": "0.0.29", @@ -55601,8 +55575,7 @@ "version": "0.7.31" }, "@types/node": { - "version": "17.0.21", - "dev": true + "version": "17.0.21" }, "@types/node-fetch": { "version": "2.6.2", @@ -55951,27 +55924,22 @@ }, "@webassemblyjs/ast": { "version": "1.11.1", - "dev": true, "requires": { "@webassemblyjs/helper-numbers": "1.11.1", "@webassemblyjs/helper-wasm-bytecode": "1.11.1" } }, "@webassemblyjs/floating-point-hex-parser": { - "version": "1.11.1", - "dev": true + "version": "1.11.1" }, "@webassemblyjs/helper-api-error": { - "version": "1.11.1", - "dev": true + "version": "1.11.1" }, "@webassemblyjs/helper-buffer": { - "version": "1.11.1", - "dev": true + "version": "1.11.1" }, "@webassemblyjs/helper-numbers": { "version": "1.11.1", - "dev": true, "requires": { "@webassemblyjs/floating-point-hex-parser": "1.11.1", "@webassemblyjs/helper-api-error": "1.11.1", @@ -55979,12 +55947,10 @@ } }, "@webassemblyjs/helper-wasm-bytecode": { - "version": "1.11.1", - "dev": true + "version": "1.11.1" }, "@webassemblyjs/helper-wasm-section": { "version": "1.11.1", - "dev": true, "requires": { "@webassemblyjs/ast": "1.11.1", "@webassemblyjs/helper-buffer": "1.11.1", @@ -55994,25 +55960,21 @@ }, "@webassemblyjs/ieee754": { "version": "1.11.1", - "dev": true, "requires": { "@xtuc/ieee754": "^1.2.0" } }, "@webassemblyjs/leb128": { "version": "1.11.1", - "dev": true, "requires": { "@xtuc/long": "4.2.2" } }, "@webassemblyjs/utf8": { - "version": "1.11.1", - "dev": true + "version": "1.11.1" }, "@webassemblyjs/wasm-edit": { "version": "1.11.1", - "dev": true, "requires": { "@webassemblyjs/ast": "1.11.1", "@webassemblyjs/helper-buffer": "1.11.1", @@ -56026,7 +55988,6 @@ "dependencies": { "@webassemblyjs/wast-printer": { "version": "1.11.1", - "dev": true, "requires": { "@webassemblyjs/ast": "1.11.1", "@xtuc/long": "4.2.2" @@ -56036,7 +55997,6 @@ }, "@webassemblyjs/wasm-gen": { "version": "1.11.1", - "dev": true, "requires": { "@webassemblyjs/ast": "1.11.1", "@webassemblyjs/helper-wasm-bytecode": "1.11.1", @@ -56047,7 +56007,6 @@ }, "@webassemblyjs/wasm-opt": { "version": "1.11.1", - "dev": true, "requires": { "@webassemblyjs/ast": "1.11.1", "@webassemblyjs/helper-buffer": "1.11.1", @@ -56057,7 +56016,6 @@ }, "@webassemblyjs/wasm-parser": { "version": "1.11.1", - "dev": true, "requires": { "@webassemblyjs/ast": "1.11.1", "@webassemblyjs/helper-api-error": "1.11.1", @@ -56068,12 +56026,10 @@ } }, "@xtuc/ieee754": { - "version": "1.2.0", - "dev": true + "version": "1.2.0" }, "@xtuc/long": { - "version": "4.2.2", - "dev": true + "version": "4.2.2" }, "abab": { "version": "2.0.5", @@ -56111,10 +56067,11 @@ }, "acorn-import-assertions": { "version": "1.8.0", - "dev": true + "requires": {} }, "acorn-jsx": { - "version": "5.3.2" + "version": "5.3.2", + "requires": {} }, "acorn-walk": { "version": "7.2.0", @@ -56176,7 +56133,7 @@ }, "ajv-keywords": { "version": "3.5.2", - "dev": true + "requires": {} }, "algoliasearch": { "version": "3.35.1", @@ -56580,7 +56537,8 @@ "babel-core": { "version": "7.0.0-bridge.0", "resolved": "https://registry.npmjs.org/babel-core/-/babel-core-7.0.0-bridge.0.tgz", - "integrity": "sha512-poPX9mZH/5CSanm50Q+1toVci6pv5KSRv/5TWCwtzQS5XEwn40BcCrgIeMFWP9CKKIniKXNxoIOnOq4VVlGXhg==" + "integrity": "sha512-poPX9mZH/5CSanm50Q+1toVci6pv5KSRv/5TWCwtzQS5XEwn40BcCrgIeMFWP9CKKIniKXNxoIOnOq4VVlGXhg==", + "requires": {} }, "babel-jest": { "version": "29.6.1", @@ -56759,7 +56717,7 @@ }, "babel-plugin-dynamic-import-node": { "version": "2.3.3", - "dev": true, + "devOptional": true, "requires": { "object.assign": "^4.1.0" } @@ -56844,7 +56802,7 @@ }, "babel-plugin-polyfill-corejs2": { "version": "0.2.3", - "dev": true, + "devOptional": true, "requires": { "@babel/compat-data": "^7.13.11", "@babel/helper-define-polyfill-provider": "^0.2.4", @@ -56853,7 +56811,7 @@ "dependencies": { "semver": { "version": "6.3.0", - "dev": true + "devOptional": true } } }, @@ -56887,7 +56845,7 @@ }, "babel-plugin-polyfill-regenerator": { "version": "0.2.3", - "dev": true, + "devOptional": true, "requires": { "@babel/helper-define-polyfill-provider": "^0.2.4" } @@ -57710,14 +57668,12 @@ }, "chrome-trace-event": { "version": "1.0.2", - "dev": true, "requires": { "tslib": "^1.9.0" }, "dependencies": { "tslib": { - "version": "1.14.1", - "dev": true + "version": "1.14.1" } } }, @@ -57906,8 +57862,7 @@ "version": "1.0.8" }, "commander": { - "version": "2.20.3", - "dev": true + "version": "2.20.3" }, "commitizen": { "version": "4.3.0", @@ -58263,7 +58218,7 @@ }, "core-js-compat": { "version": "3.19.1", - "dev": true, + "devOptional": true, "requires": { "browserslist": "^4.17.6", "semver": "7.0.0" @@ -58271,7 +58226,7 @@ "dependencies": { "semver": { "version": "7.0.0", - "dev": true + "devOptional": true } } }, @@ -58295,7 +58250,8 @@ }, "cosmiconfig-typescript-loader": { "version": "4.1.0", - "dev": true + "dev": true, + "requires": {} }, "cp-file": { "version": "7.0.0", @@ -58721,7 +58677,8 @@ }, "cssnano-utils": { "version": "3.1.0", - "dev": true + "dev": true, + "requires": {} }, "csso": { "version": "4.2.0", @@ -59544,15 +59501,13 @@ "version": "5.15.0", "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.15.0.tgz", "integrity": "sha512-LXYT42KJ7lpIKECr2mAXIaMldcNCh/7E0KBKOu4KSfkHmP+mZmSs+8V5gBAqisWBy0OO4W5Oyys0GO1Y8KtdKg==", - "dev": true, "requires": { "graceful-fs": "^4.2.4", "tapable": "^2.2.0" }, "dependencies": { "tapable": { - "version": "2.2.1", - "dev": true + "version": "2.2.1" } } }, @@ -59713,8 +59668,7 @@ } }, "es-module-lexer": { - "version": "0.9.3", - "dev": true + "version": "0.9.3" }, "es-shim-unscopables": { "version": "1.0.0", @@ -59955,13 +59909,15 @@ "version": "3.3.1", "resolved": "https://registry.npmjs.org/eslint-config-dev/-/eslint-config-dev-3.3.1.tgz", "integrity": "sha512-qFf7Y8y655tpas8QJxVkJI2MgcyQ1VingfxUm/pkFq/4r9XxW3fBTlGHr9zIizEWnnkTCnSk6uJLB0pl8Z16gQ==", - "dev": true + "dev": true, + "requires": {} }, "eslint-config-prettier": { "version": "8.8.0", "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.8.0.tgz", "integrity": "sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==", - "dev": true + "dev": true, + "requires": {} }, "eslint-import-resolver-node": { "version": "0.3.7", @@ -60173,7 +60129,8 @@ "version": "4.6.0", "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz", "integrity": "sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==", - "dev": true + "dev": true, + "requires": {} }, "eslint-plugin-rulesdir": { "version": "0.2.2", @@ -60262,15 +60219,13 @@ }, "eslint-scope": { "version": "5.1.1", - "dev": true, "requires": { "esrecurse": "^4.3.0", "estraverse": "^4.1.1" }, "dependencies": { "estraverse": { - "version": "4.3.0", - "dev": true + "version": "4.3.0" } } }, @@ -60320,7 +60275,6 @@ }, "esrecurse": { "version": "4.3.0", - "dev": true, "requires": { "estraverse": "^5.2.0" } @@ -60343,8 +60297,7 @@ } }, "estraverse": { - "version": "5.3.0", - "dev": true + "version": "5.3.0" }, "estree-to-babel": { "version": "3.2.1", @@ -60408,7 +60361,7 @@ }, "esutils": { "version": "2.0.3", - "dev": true + "devOptional": true }, "etag": { "version": "1.8.1", @@ -60419,8 +60372,7 @@ "dev": true }, "events": { - "version": "3.3.0", - "dev": true + "version": "3.3.0" }, "exec-sh": { "version": "0.3.6", @@ -64451,7 +64403,8 @@ }, "ws": { "version": "7.5.3", - "dev": true + "dev": true, + "requires": {} } } }, @@ -64750,7 +64703,8 @@ }, "jest-pnp-resolver": { "version": "1.2.2", - "dev": true + "dev": true, + "requires": {} }, "jest-regex-util": { "version": "29.4.3", @@ -65104,7 +65058,8 @@ }, "ws": { "version": "7.5.3", - "dev": true + "dev": true, + "requires": {} } } }, @@ -65412,7 +65367,6 @@ }, "jest-worker": { "version": "27.5.1", - "dev": true, "requires": { "@types/node": "*", "merge-stream": "^2.0.0", @@ -65421,7 +65375,6 @@ "dependencies": { "supports-color": { "version": "8.1.1", - "dev": true, "requires": { "has-flag": "^4.0.0" } @@ -65504,7 +65457,8 @@ "jscodeshift-find-imports": { "version": "2.0.4", "resolved": "https://registry.npmjs.org/jscodeshift-find-imports/-/jscodeshift-find-imports-2.0.4.tgz", - "integrity": "sha512-HxOzjWDOFFSCf8EKSTQGqCxXeRFqZszOywnZ0HuMB9YPDFHVpxftGRsY+QS+Qq8o2qUojlmNU3JEHts5DWYS1A==" + "integrity": "sha512-HxOzjWDOFFSCf8EKSTQGqCxXeRFqZszOywnZ0HuMB9YPDFHVpxftGRsY+QS+Qq8o2qUojlmNU3JEHts5DWYS1A==", + "requires": {} }, "jsdom": { "version": "20.0.0", @@ -65605,7 +65559,8 @@ }, "ws": { "version": "8.8.1", - "dev": true + "dev": true, + "requires": {} }, "xml-name-validator": { "version": "4.0.0", @@ -65871,8 +65826,7 @@ } }, "loader-runner": { - "version": "4.3.0", - "dev": true + "version": "4.3.0" }, "loader-utils": { "version": "2.0.0", @@ -65910,7 +65864,7 @@ }, "lodash.debounce": { "version": "4.0.8", - "dev": true + "devOptional": true }, "lodash.escaperegexp": { "version": "4.1.2", @@ -68300,19 +68254,23 @@ }, "postcss-discard-comments": { "version": "5.1.1", - "dev": true + "dev": true, + "requires": {} }, "postcss-discard-duplicates": { "version": "5.1.0", - "dev": true + "dev": true, + "requires": {} }, "postcss-discard-empty": { "version": "5.1.1", - "dev": true + "dev": true, + "requires": {} }, "postcss-discard-overridden": { "version": "5.1.0", - "dev": true + "dev": true, + "requires": {} }, "postcss-flexbugs-fixes": { "version": "4.2.1", @@ -68445,7 +68403,8 @@ }, "postcss-modules-extract-imports": { "version": "3.0.0", - "dev": true + "dev": true, + "requires": {} }, "postcss-modules-local-by-default": { "version": "4.0.0", @@ -68458,7 +68417,8 @@ "dependencies": { "icss-utils": { "version": "5.1.0", - "dev": true + "dev": true, + "requires": {} } } }, @@ -68478,13 +68438,15 @@ "dependencies": { "icss-utils": { "version": "5.1.0", - "dev": true + "dev": true, + "requires": {} } } }, "postcss-normalize-charset": { "version": "5.1.0", - "dev": true + "dev": true, + "requires": {} }, "postcss-normalize-display-values": { "version": "5.1.0", @@ -68771,7 +68733,8 @@ } }, "prism-react-renderer": { - "version": "1.2.1" + "version": "1.2.1", + "requires": {} }, "prismjs": { "version": "1.29.0", @@ -68937,7 +68900,6 @@ }, "randombytes": { "version": "2.1.0", - "dev": true, "requires": { "safe-buffer": "^5.1.0" } @@ -69009,7 +68971,8 @@ "react-day-picker": { "version": "8.8.0", "resolved": "https://registry.npmjs.org/react-day-picker/-/react-day-picker-8.8.0.tgz", - "integrity": "sha512-QIC3uOuyGGbtypbd5QEggsCSqVaPNu8kzUWquZ7JjW9fuWB9yv7WyixKmnaFelTLXFdq7h7zU6n/aBleBqe/dA==" + "integrity": "sha512-QIC3uOuyGGbtypbd5QEggsCSqVaPNu8kzUWquZ7JjW9fuWB9yv7WyixKmnaFelTLXFdq7h7zU6n/aBleBqe/dA==", + "requires": {} }, "react-devtools-inline": { "version": "4.4.0", @@ -69034,7 +68997,8 @@ } }, "react-docgen-typescript": { - "version": "2.2.2" + "version": "2.2.2", + "requires": {} }, "react-dom": { "version": "17.0.2", @@ -69084,10 +69048,12 @@ } }, "react-hook-form": { - "version": "7.25.3" + "version": "7.25.3", + "requires": {} }, "react-icons": { - "version": "4.4.0" + "version": "4.4.0", + "requires": {} }, "react-inspector": { "version": "5.1.1", @@ -69153,7 +69119,8 @@ } }, "react-simple-code-editor": { - "version": "0.11.3" + "version": "0.11.3", + "requires": {} }, "react-sizeme": { "version": "3.0.2", @@ -69387,7 +69354,7 @@ }, "regenerator-transform": { "version": "0.14.5", - "dev": true, + "devOptional": true, "requires": { "@babel/runtime": "^7.8.4" } @@ -70333,7 +70300,6 @@ }, "schema-utils": { "version": "3.1.1", - "dev": true, "requires": { "@types/json-schema": "^7.0.8", "ajv": "^6.12.5", @@ -71167,7 +71133,8 @@ } }, "styled-jsx": { - "version": "5.0.7" + "version": "5.0.7", + "requires": {} }, "stylehacks": { "version": "5.1.0", @@ -71434,7 +71401,6 @@ }, "terser": { "version": "5.15.1", - "dev": true, "requires": { "@jridgewell/source-map": "^0.3.2", "acorn": "^8.5.0", @@ -71444,7 +71410,6 @@ }, "terser-webpack-plugin": { "version": "5.3.6", - "dev": true, "requires": { "@jridgewell/trace-mapping": "^0.3.14", "jest-worker": "^27.4.5", @@ -71455,7 +71420,6 @@ "dependencies": { "serialize-javascript": { "version": "6.0.0", - "dev": true, "requires": { "randombytes": "^2.1.0" } @@ -72056,8 +72020,7 @@ } }, "typescript": { - "version": "4.7.3", - "dev": true + "version": "4.7.3" }, "uglify-js": { "version": "3.13.5", @@ -72366,7 +72329,8 @@ } }, "use-debounce": { - "version": "8.0.4" + "version": "8.0.4", + "requires": {} }, "use-sidecar": { "version": "1.1.2", @@ -72376,7 +72340,8 @@ } }, "use-sync-external-store": { - "version": "1.2.0" + "version": "1.2.0", + "requires": {} }, "user-home": { "version": "1.1.1", @@ -72609,15 +72574,13 @@ }, "watchpack": { "version": "2.4.0", - "dev": true, "requires": { "glob-to-regexp": "^0.4.1", "graceful-fs": "^4.1.2" }, "dependencies": { "glob-to-regexp": { - "version": "0.4.1", - "dev": true + "version": "0.4.1" } } }, @@ -72636,7 +72599,6 @@ }, "webpack": { "version": "5.74.0", - "dev": true, "requires": { "@types/eslint-scope": "^3.7.3", "@types/estree": "^0.0.51", @@ -72665,16 +72627,13 @@ }, "dependencies": { "glob-to-regexp": { - "version": "0.4.1", - "dev": true + "version": "0.4.1" }, "tapable": { - "version": "2.2.1", - "dev": true + "version": "2.2.1" }, "webpack-sources": { - "version": "3.2.3", - "dev": true + "version": "3.2.3" } } }, @@ -72691,7 +72650,8 @@ }, "webpack-filter-warnings-plugin": { "version": "1.2.1", - "dev": true + "dev": true, + "requires": {} }, "webpack-hot-middleware": { "version": "2.25.1", @@ -72864,7 +72824,8 @@ }, "ws": { "version": "8.5.0", - "dev": true + "dev": true, + "requires": {} }, "x-default-browser": { "version": "0.4.0", diff --git a/packages/components/icon/package.json b/packages/components/icon/package.json index 5ff3298b0b..ab10d5abc9 100644 --- a/packages/components/icon/package.json +++ b/packages/components/icon/package.json @@ -1,6 +1,6 @@ { "name": "@contentful/f36-icon", - "version": "4.58.0", + "version": "5.0.0-alpha.0", "description": "Forma 36: Icon component", "license": "MIT", "scripts": { diff --git a/packages/components/icon/src/Icon.tsx b/packages/components/icon/src/Icon.tsx index 1d7a630a80..c743c7c163 100644 --- a/packages/components/icon/src/Icon.tsx +++ b/packages/components/icon/src/Icon.tsx @@ -1,8 +1,7 @@ import { css, cx } from 'emotion'; import React, { forwardRef, - type ComponentType, - type ExoticComponent, + type ElementType, type ReactElement, type SVGAttributes, } from 'react'; @@ -14,84 +13,42 @@ import { type PolymorphicProps, type ExpandProps, } from '@contentful/f36-core'; +import type { IconComponent, IconSize } from './types'; const ICON_DEFAULT_TAG = 'svg'; -// eslint-disable-next-line @typescript-eslint/no-explicit-any -export type IconComponent = ExoticComponent | ComponentType; - -export type IconSize = 'xlarge' | 'large' | 'medium' | 'small' | 'tiny'; - -export type IconVariant = - | 'negative' - | 'positive' - | 'primary' - | 'secondary' - | 'warning' - | 'muted' - | 'white' - | 'premium'; - -const sizes: { [key in IconSize]: { [key in 'height' | 'width']: string } } = { - xlarge: { - height: '48px', - width: '48px', - }, - large: { - height: '32px', - width: '32px', - }, - medium: { - height: '24px', - width: '24px', - }, - small: { - height: '18px', - width: '18px', - }, - tiny: { - height: '16px', - width: '16px', - }, -}; - -const fills: { [key in IconVariant]: string } = { - muted: tokens.gray600, - negative: tokens.red600, - positive: tokens.green600, - primary: tokens.blue600, - secondary: tokens.gray900, - warning: tokens.colorWarning, - white: tokens.colorWhite, - premium: tokens.purple500, +export const sizes: { [key in IconSize]: `${number}px` } = { + tiny: '14px', + small: '16px', + medium: '20px', }; export type IconInternalProps = CommonProps & { children?: ReactElement | ReactElement[]; /** - * Determines the size of the icon + * Determines the color of the icon */ - size?: IconSize; + // @todo: We can't use the ColorTokens type here yet. Maybe fix in v5; + color?: string; /** - * Whether or not to trim the icon width, i.e. set `width` to `auto` + * Determines the active state of the icon */ - trimmed?: boolean; + isActive?: boolean; /** - * Determines the fill color used + * Determines the size of the icon */ - variant?: IconVariant; + size?: IconSize; /** * Custom SVG viewBox attribute to use */ viewBox?: SVGAttributes['viewBox']; }; -export type IconProps = - PolymorphicProps< - IconInternalProps, - E, - 'as' | 'children' | 'width' | 'height' - >; +export type IconProps = PolymorphicProps< + IconInternalProps, + E, + 'as' | 'children' | 'width' | 'height' +>; const useAriaHidden = ( props: Pick< @@ -111,27 +68,29 @@ const useAriaHidden = ( }; }; -export function _Icon( +export function _Icon( { as, children, className, - variant = 'primary', + isActive = false, + color = isActive ? tokens.blue500 : tokens.gray900, role = 'img', - size = 'small', + size = 'medium', testId = 'cf-ui-icon', - trimmed, - viewBox = '0 0 24 24', + viewBox = '0 0 20 20', ...otherProps }: IconProps, + // eslint-disable-next-line @typescript-eslint/no-explicit-any forwardedRef: React.Ref, ) { const shared = { className: cx( css({ - fill: fills[variant], - height: sizes[size].height, - width: trimmed ? 'auto' : sizes[size].width, + color, + fill: color, + height: sizes[size], + width: sizes[size], }), className, ), diff --git a/packages/components/icon/src/index.ts b/packages/components/icon/src/index.ts index 5029aa9df6..9e3b4c567e 100644 --- a/packages/components/icon/src/index.ts +++ b/packages/components/icon/src/index.ts @@ -1,4 +1,3 @@ -export { generateIcon } from './generateIcon'; -export type { GeneratedIconProps } from './generateIcon'; -export { Icon } from './Icon'; -export type { IconProps, IconComponent, IconSize, IconVariant } from './Icon'; +export * from './utils'; +export { Icon, type IconProps } from './Icon'; +export * from './types'; diff --git a/packages/components/icon/src/types.ts b/packages/components/icon/src/types.ts new file mode 100644 index 0000000000..1aef16f06c --- /dev/null +++ b/packages/components/icon/src/types.ts @@ -0,0 +1,11 @@ +import { type ComponentType, type ExoticComponent } from 'react'; + +// eslint-disable-next-line @typescript-eslint/no-explicit-any +export type IconComponent = ExoticComponent | ComponentType; + +export type IconSize = 'medium' | 'small' | 'tiny'; + +export enum IconVariant { + Active = 'active', + Default = 'default', +} diff --git a/packages/components/icon/src/utils/generateComponentWithVariants.ts b/packages/components/icon/src/utils/generateComponentWithVariants.ts new file mode 100644 index 0000000000..a4c4eae6b8 --- /dev/null +++ b/packages/components/icon/src/utils/generateComponentWithVariants.ts @@ -0,0 +1,18 @@ +import { IconVariant } from '../types'; +import type { GeneratedIconProps } from './generateIconComponent'; + +export function generateComponentWithVariants({ + variants, +}: { + variants: Record>; +}) { + const Component = function (props: GeneratedIconProps) { + if (props.isActive) { + return variants[IconVariant.Active](props); + } + + return variants[IconVariant.Default](props); + }; + + return Component; +} diff --git a/packages/components/icon/src/utils/generateForma36Icon.tsx b/packages/components/icon/src/utils/generateForma36Icon.tsx new file mode 100644 index 0000000000..4e55c165ff --- /dev/null +++ b/packages/components/icon/src/utils/generateForma36Icon.tsx @@ -0,0 +1,18 @@ +import React from 'react'; +import { IconVariant } from '../types'; +import { generateComponentWithVariants } from './generateComponentWithVariants'; +import { wrapPhosphorIcon } from './wrapPhosphorIcon'; + +/** + * Helper function to generate a Forma 36 icon component from a Phosphor icon component + */ +export function generateForma36Icon(PhosphorIcon) { + const Icon = wrapPhosphorIcon(PhosphorIcon); + + return generateComponentWithVariants({ + variants: { + [IconVariant.Active]: (props) => , + [IconVariant.Default]: Icon, + }, + }); +} diff --git a/packages/components/icon/src/generateIcon.tsx b/packages/components/icon/src/utils/generateIconComponent.tsx similarity index 67% rename from packages/components/icon/src/generateIcon.tsx rename to packages/components/icon/src/utils/generateIconComponent.tsx index 674b6d4a58..44387f2955 100644 --- a/packages/components/icon/src/generateIcon.tsx +++ b/packages/components/icon/src/utils/generateIconComponent.tsx @@ -1,13 +1,14 @@ import React, { type ReactElement } from 'react'; - -import { Icon, type IconProps } from './Icon'; +import { Icon, type IconProps } from '../Icon'; export type GeneratedIconProps = Omit< IconProps, 'as' | 'children' | 'name' | 'viewBox' -> & { children?: never }; +> & { + children?: never; +}; -type GenerateIconParameters = { +type GenerateIconComponentParameters = { /** * Icon name is used as the generated icon's component display name */ @@ -20,26 +21,21 @@ type GenerateIconParameters = { * A collection of default props to set on the generated icon */ props?: GeneratedIconProps; - /** - * Whether or not to trim the icon width, i.e. set `width` to `auto` - */ - trimmed?: IconProps['trimmed']; /** * Custom SVG viewBox attribute to use for the generated icon */ viewBox?: IconProps['viewBox']; }; -export function generateIcon({ +export function generateIconComponent({ name, path, props: defaultProps, - trimmed, viewBox, -}: GenerateIconParameters) { +}: GenerateIconComponentParameters) { const Component = function (props: IconProps) { return ( - + {path} ); diff --git a/packages/components/icon/src/utils/index.ts b/packages/components/icon/src/utils/index.ts new file mode 100644 index 0000000000..aeb5208020 --- /dev/null +++ b/packages/components/icon/src/utils/index.ts @@ -0,0 +1,3 @@ +export * from './generateComponentWithVariants'; +export * from './generateForma36Icon'; +export * from './generateIconComponent'; diff --git a/packages/components/icon/src/utils/wrapPhosphorIcon.tsx b/packages/components/icon/src/utils/wrapPhosphorIcon.tsx new file mode 100644 index 0000000000..1baf6bf7d7 --- /dev/null +++ b/packages/components/icon/src/utils/wrapPhosphorIcon.tsx @@ -0,0 +1,24 @@ +import React from 'react'; +import type { Icon as PhosphorIcon } from '@phosphor-icons/react'; +import tokens from '@contentful/f36-tokens'; +import { Icon, sizes } from '../Icon'; +import type { GeneratedIconProps } from './generateIconComponent'; + +// Unfortunately we have to pass props directly to the Phosphor icon +export function wrapPhosphorIcon(PhosphorIcon: PhosphorIcon) { + const Component = ({ + isActive = false, + color = isActive ? tokens.blue500 : tokens.gray900, + size = 'medium', + ...props + }: GeneratedIconProps & { weight?: 'fill' }) => { + return ( + } + /> + ); + }; + + return Component; +} diff --git a/packages/components/icon/stories/Icon.stories.tsx b/packages/components/icon/stories/Icon.stories.tsx index ba42254ad2..a5e76715a3 100644 --- a/packages/components/icon/stories/Icon.stories.tsx +++ b/packages/components/icon/stories/Icon.stories.tsx @@ -68,65 +68,12 @@ export const Overview: Story = () => { return ( - + {size} ); })} - - - Icon variants - - - - - - - primary - - - - - - - positive - - - - - - - negative - - - - - - - warning - - - - - - - secondary - - - - - - - muted - - - - - - - white - ); }; diff --git a/packages/components/icons/package.json b/packages/components/icons/package.json index a1fbe02a42..7853e00fec 100644 --- a/packages/components/icons/package.json +++ b/packages/components/icons/package.json @@ -10,6 +10,7 @@ "@contentful/f36-core": "^4.48.0", "@contentful/f36-icon": "^4.48.0", "@contentful/f36-tokens": "^4.0.1", + "@phosphor-icons/react": "^2.0.15", "emotion": "^10.0.17" }, "peerDependencies": { diff --git a/packages/components/icons/src/Appearance.tsx b/packages/components/icons/src/Appearance.tsx deleted file mode 100644 index 1d86ba0a23..0000000000 --- a/packages/components/icons/src/Appearance.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Appearance = /*#__PURE__*/ generateIcon({ - name: 'Appearance', - viewBox: '0 0 16 16', - path: ( - <> - - - ), -}); diff --git a/packages/components/icons/src/Archive.tsx b/packages/components/icons/src/Archive.tsx deleted file mode 100644 index 64a5f34eaf..0000000000 --- a/packages/components/icons/src/Archive.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import React from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Archive = /*#__PURE__*/ generateIcon({ - name: 'Archive', - viewBox: '0 0 24 24', - path: ( - <> - - - - ), -}); diff --git a/packages/components/icons/src/ArrowBackward.tsx b/packages/components/icons/src/ArrowBackward.tsx deleted file mode 100644 index 95934f1aa0..0000000000 --- a/packages/components/icons/src/ArrowBackward.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const ArrowBackward = /*#__PURE__*/ generateIcon({ - name: 'ArrowBackward', - path: ( - <> - - - ), -}); diff --git a/packages/components/icons/src/ArrowDown.tsx b/packages/components/icons/src/ArrowDown.tsx deleted file mode 100644 index 1977d8d3cd..0000000000 --- a/packages/components/icons/src/ArrowDown.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const ArrowDown = /*#__PURE__*/ generateIcon({ - name: 'ArrowDown', - path: ( - - , - - - ), -}); diff --git a/packages/components/icons/src/ArrowDownTrimmed.tsx b/packages/components/icons/src/ArrowDownTrimmed.tsx deleted file mode 100644 index de116b7e44..0000000000 --- a/packages/components/icons/src/ArrowDownTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const ArrowDownTrimmed = /*#__PURE__*/ generateIcon({ - name: 'ArrowDownTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 10 24', -}); diff --git a/packages/components/icons/src/ArrowDownward.tsx b/packages/components/icons/src/ArrowDownward.tsx deleted file mode 100644 index e1e6265671..0000000000 --- a/packages/components/icons/src/ArrowDownward.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const ArrowDownward = /*#__PURE__*/ generateIcon({ - name: 'ArrowDownward', - path: ( - - - - ), - viewBox: '0 0 16 16', -}); diff --git a/packages/components/icons/src/ArrowForward.tsx b/packages/components/icons/src/ArrowForward.tsx deleted file mode 100644 index 5d4017fe52..0000000000 --- a/packages/components/icons/src/ArrowForward.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const ArrowForward = /*#__PURE__*/ generateIcon({ - name: 'ArrowForward', - path: ( - <> - - - - ), -}); diff --git a/packages/components/icons/src/ArrowForwardTrimmed.tsx b/packages/components/icons/src/ArrowForwardTrimmed.tsx deleted file mode 100644 index fbfa3a34aa..0000000000 --- a/packages/components/icons/src/ArrowForwardTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const ArrowForwardTrimmed = /*#__PURE__*/ generateIcon({ - name: 'ArrowForwardTrimmed', - viewBox: '0 0 24 24', - trimmed: true, - path: ( - <> - - - - ), -}); diff --git a/packages/components/icons/src/ArrowUp.tsx b/packages/components/icons/src/ArrowUp.tsx deleted file mode 100644 index 176e01c764..0000000000 --- a/packages/components/icons/src/ArrowUp.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const ArrowUp = /*#__PURE__*/ generateIcon({ - name: 'ArrowUp', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/ArrowUpTrimmed.tsx b/packages/components/icons/src/ArrowUpTrimmed.tsx deleted file mode 100644 index 081db50aa6..0000000000 --- a/packages/components/icons/src/ArrowUpTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const ArrowUpTrimmed = /*#__PURE__*/ generateIcon({ - name: 'ArrowUpTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 10 24', -}); diff --git a/packages/components/icons/src/ArrowUpward.tsx b/packages/components/icons/src/ArrowUpward.tsx deleted file mode 100644 index bb76e82a0d..0000000000 --- a/packages/components/icons/src/ArrowUpward.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const ArrowUpward = /*#__PURE__*/ generateIcon({ - name: 'ArrowUpward', - path: ( - - - - ), - viewBox: '0 0 48 48', -}); diff --git a/packages/components/icons/src/Asset.tsx b/packages/components/icons/src/Asset.tsx deleted file mode 100644 index c7eeeb3c73..0000000000 --- a/packages/components/icons/src/Asset.tsx +++ /dev/null @@ -1,15 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Asset = /*#__PURE__*/ generateIcon({ - name: 'Asset', - path: ( - - - - - - - - ), -}); diff --git a/packages/components/icons/src/AssetTrimmed.tsx b/packages/components/icons/src/AssetTrimmed.tsx deleted file mode 100644 index 8ff5f43525..0000000000 --- a/packages/components/icons/src/AssetTrimmed.tsx +++ /dev/null @@ -1,17 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const AssetTrimmed = /*#__PURE__*/ generateIcon({ - name: 'AssetTrimmed', - path: ( - - - - - - - - ), - trimmed: true, - viewBox: '0 0 18 24', -}); diff --git a/packages/components/icons/src/Audio.tsx b/packages/components/icons/src/Audio.tsx deleted file mode 100644 index 57ef32f6b6..0000000000 --- a/packages/components/icons/src/Audio.tsx +++ /dev/null @@ -1,17 +0,0 @@ -import React from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Audio = /*#__PURE__*/ generateIcon({ - name: 'Audio', - viewBox: '0 0 24 24', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/Calendar.tsx b/packages/components/icons/src/Calendar.tsx deleted file mode 100644 index 912f9bed00..0000000000 --- a/packages/components/icons/src/Calendar.tsx +++ /dev/null @@ -1,9 +0,0 @@ -import React from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Calendar = /*#__PURE__*/ generateIcon({ - name: 'Calendar', - path: ( - - ), -}); diff --git a/packages/components/icons/src/ChatBubble.tsx b/packages/components/icons/src/ChatBubble.tsx deleted file mode 100644 index 5bec30bd7c..0000000000 --- a/packages/components/icons/src/ChatBubble.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const ChatBubble = /*#__PURE__*/ generateIcon({ - name: 'ChatBubble', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/ChatBubbleTrimmed.tsx b/packages/components/icons/src/ChatBubbleTrimmed.tsx deleted file mode 100644 index eb8e931ce2..0000000000 --- a/packages/components/icons/src/ChatBubbleTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const ChatBubbleTrimmed = /*#__PURE__*/ generateIcon({ - name: 'ChatBubbleTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 15 18', -}); diff --git a/packages/components/icons/src/CheckCircle.tsx b/packages/components/icons/src/CheckCircle.tsx deleted file mode 100644 index 12a36a4ed2..0000000000 --- a/packages/components/icons/src/CheckCircle.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const CheckCircle = /*#__PURE__*/ generateIcon({ - name: 'CheckCircle', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/CheckCircleTrimmed.tsx b/packages/components/icons/src/CheckCircleTrimmed.tsx deleted file mode 100644 index 90d40d756f..0000000000 --- a/packages/components/icons/src/CheckCircleTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const CheckCircleTrimmed = /*#__PURE__*/ generateIcon({ - name: 'CheckCircleTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 15 18', -}); diff --git a/packages/components/icons/src/ChevronDown.tsx b/packages/components/icons/src/ChevronDown.tsx deleted file mode 100644 index 24a1923b29..0000000000 --- a/packages/components/icons/src/ChevronDown.tsx +++ /dev/null @@ -1,9 +0,0 @@ -import React from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const ChevronDown = /*#__PURE__*/ generateIcon({ - name: 'ChevronDown', - path: ( - - ), -}); diff --git a/packages/components/icons/src/ChevronDownTrimmed.tsx b/packages/components/icons/src/ChevronDownTrimmed.tsx deleted file mode 100644 index 7e89f28335..0000000000 --- a/packages/components/icons/src/ChevronDownTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const ChevronDownTrimmed = /*#__PURE__*/ generateIcon({ - name: 'ChevronDownTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 9 18', -}); diff --git a/packages/components/icons/src/ChevronLeft.tsx b/packages/components/icons/src/ChevronLeft.tsx deleted file mode 100644 index 03c9333223..0000000000 --- a/packages/components/icons/src/ChevronLeft.tsx +++ /dev/null @@ -1,9 +0,0 @@ -import React from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const ChevronLeft = /*#__PURE__*/ generateIcon({ - name: 'ChevronLeft', - path: ( - - ), -}); diff --git a/packages/components/icons/src/ChevronLeftTrimmed.tsx b/packages/components/icons/src/ChevronLeftTrimmed.tsx deleted file mode 100644 index ae78bc74b0..0000000000 --- a/packages/components/icons/src/ChevronLeftTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const ChevronLeftTrimmed = /*#__PURE__*/ generateIcon({ - name: 'ChevronLeftTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 5.6 18', -}); diff --git a/packages/components/icons/src/ChevronRight.tsx b/packages/components/icons/src/ChevronRight.tsx deleted file mode 100644 index 371995c125..0000000000 --- a/packages/components/icons/src/ChevronRight.tsx +++ /dev/null @@ -1,9 +0,0 @@ -import React from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const ChevronRight = /*#__PURE__*/ generateIcon({ - name: 'ChevronRight', - path: ( - - ), -}); diff --git a/packages/components/icons/src/ChevronRightTrimmed.tsx b/packages/components/icons/src/ChevronRightTrimmed.tsx deleted file mode 100644 index 87ed18513a..0000000000 --- a/packages/components/icons/src/ChevronRightTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const ChevronRightTrimmed = /*#__PURE__*/ generateIcon({ - name: 'ChevronRightTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 5.6 18', -}); diff --git a/packages/components/icons/src/ChevronUp.tsx b/packages/components/icons/src/ChevronUp.tsx deleted file mode 100644 index a861a5ad05..0000000000 --- a/packages/components/icons/src/ChevronUp.tsx +++ /dev/null @@ -1,9 +0,0 @@ -import React from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const ChevronUp = /*#__PURE__*/ generateIcon({ - name: 'ChevronUp', - path: ( - - ), -}); diff --git a/packages/components/icons/src/ChevronUpTrimmed.tsx b/packages/components/icons/src/ChevronUpTrimmed.tsx deleted file mode 100644 index 2483e2de2f..0000000000 --- a/packages/components/icons/src/ChevronUpTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const ChevronUpTrimmed = /*#__PURE__*/ generateIcon({ - name: 'ChevronUpTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 9 18', -}); diff --git a/packages/components/icons/src/Clock.tsx b/packages/components/icons/src/Clock.tsx deleted file mode 100644 index 1ef9aa0f3b..0000000000 --- a/packages/components/icons/src/Clock.tsx +++ /dev/null @@ -1,13 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Clock = /*#__PURE__*/ generateIcon({ - name: 'Clock', - path: ( - - - - - - ), -}); diff --git a/packages/components/icons/src/ClockTrimmed.tsx b/packages/components/icons/src/ClockTrimmed.tsx deleted file mode 100644 index e8ec1c3135..0000000000 --- a/packages/components/icons/src/ClockTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const ClockTrimmed = /*#__PURE__*/ generateIcon({ - name: 'ClockTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 20 24', -}); diff --git a/packages/components/icons/src/Close.tsx b/packages/components/icons/src/Close.tsx deleted file mode 100644 index 25887d25b7..0000000000 --- a/packages/components/icons/src/Close.tsx +++ /dev/null @@ -1,9 +0,0 @@ -import React from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Close = /*#__PURE__*/ generateIcon({ - name: 'Close', - path: ( - - ), -}); diff --git a/packages/components/icons/src/CloseTrimmed.tsx b/packages/components/icons/src/CloseTrimmed.tsx deleted file mode 100644 index 41c6375238..0000000000 --- a/packages/components/icons/src/CloseTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const CloseTrimmed = /*#__PURE__*/ generateIcon({ - name: 'CloseTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 14 24', -}); diff --git a/packages/components/icons/src/CloudUpload.tsx b/packages/components/icons/src/CloudUpload.tsx deleted file mode 100644 index 53f550cea0..0000000000 --- a/packages/components/icons/src/CloudUpload.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const CloudUpload = /*#__PURE__*/ generateIcon({ - name: 'CloudUpload', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 24 24', -}); diff --git a/packages/components/icons/src/Code.tsx b/packages/components/icons/src/Code.tsx deleted file mode 100644 index c77b171c2d..0000000000 --- a/packages/components/icons/src/Code.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Code = /*#__PURE__*/ generateIcon({ - name: 'Code', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/CodeIllustration.tsx b/packages/components/icons/src/CodeIllustration.tsx deleted file mode 100644 index 4e403ffc74..0000000000 --- a/packages/components/icons/src/CodeIllustration.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import React from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const CodeIllustration = /*#__PURE__*/ generateIcon({ - name: 'CodeIllustration', - viewBox: '0 0 24 24', - path: ( - <> - - - - ), -}); diff --git a/packages/components/icons/src/CodeTrimmed.tsx b/packages/components/icons/src/CodeTrimmed.tsx deleted file mode 100644 index e8e2858199..0000000000 --- a/packages/components/icons/src/CodeTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const CodeTrimmed = /*#__PURE__*/ generateIcon({ - name: 'CodeTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 15 18', -}); diff --git a/packages/components/icons/src/Copy.tsx b/packages/components/icons/src/Copy.tsx deleted file mode 100644 index b94586d1ab..0000000000 --- a/packages/components/icons/src/Copy.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Copy = /*#__PURE__*/ generateIcon({ - name: 'Copy', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/CopyTrimmed.tsx b/packages/components/icons/src/CopyTrimmed.tsx deleted file mode 100644 index aa9404ce35..0000000000 --- a/packages/components/icons/src/CopyTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const CopyTrimmed = /*#__PURE__*/ generateIcon({ - name: 'CopyTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 14.2 18', -}); diff --git a/packages/components/icons/src/Cycle.tsx b/packages/components/icons/src/Cycle.tsx deleted file mode 100644 index fa69e748ff..0000000000 --- a/packages/components/icons/src/Cycle.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Cycle = /*#__PURE__*/ generateIcon({ - name: 'Cycle', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/CycleTrimmed.tsx b/packages/components/icons/src/CycleTrimmed.tsx deleted file mode 100644 index 5e6591fd9a..0000000000 --- a/packages/components/icons/src/CycleTrimmed.tsx +++ /dev/null @@ -1,17 +0,0 @@ -import React from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const CycleTrimmed = /*#__PURE__*/ generateIcon({ - name: 'CycleTrimmed', - path: ( - - ), - props: { - fillRule: 'nonzero', - clipRule: 'evenodd', - strokeLinejoin: 'round', - strokeMiterlimit: 1.414, - }, - trimmed: true, - viewBox: '0 0 16 24', -}); diff --git a/packages/components/icons/src/Delete.tsx b/packages/components/icons/src/Delete.tsx deleted file mode 100644 index 67f9965b9b..0000000000 --- a/packages/components/icons/src/Delete.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Delete = /*#__PURE__*/ generateIcon({ - name: 'Delete', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/DeleteTrimmed.tsx b/packages/components/icons/src/DeleteTrimmed.tsx deleted file mode 100644 index fa3eed6ba2..0000000000 --- a/packages/components/icons/src/DeleteTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const DeleteTrimmed = /*#__PURE__*/ generateIcon({ - name: 'DeleteTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 14 24', -}); diff --git a/packages/components/icons/src/Diamond.tsx b/packages/components/icons/src/Diamond.tsx deleted file mode 100644 index 81ad4cdc8d..0000000000 --- a/packages/components/icons/src/Diamond.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Diamond = /*#__PURE__*/ generateIcon({ - name: 'Diamond', - viewBox: '0 0 24 24', - trimmed: true, - path: ( - - ), -}); diff --git a/packages/components/icons/src/Done.tsx b/packages/components/icons/src/Done.tsx deleted file mode 100644 index 292f782110..0000000000 --- a/packages/components/icons/src/Done.tsx +++ /dev/null @@ -1,9 +0,0 @@ -import React from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Done = /*#__PURE__*/ generateIcon({ - name: 'Done', - path: ( - - ), -}); diff --git a/packages/components/icons/src/DoubleArrow.tsx b/packages/components/icons/src/DoubleArrow.tsx deleted file mode 100644 index 37357e5671..0000000000 --- a/packages/components/icons/src/DoubleArrow.tsx +++ /dev/null @@ -1,13 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const DoubleArrow = /*#__PURE__*/ generateIcon({ - name: 'DoubleArrow', - path: ( - - - - - - ), -}); diff --git a/packages/components/icons/src/Download.tsx b/packages/components/icons/src/Download.tsx deleted file mode 100644 index dec8eed459..0000000000 --- a/packages/components/icons/src/Download.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Download = /*#__PURE__*/ generateIcon({ - name: 'Download', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/DownloadTrimmed.tsx b/packages/components/icons/src/DownloadTrimmed.tsx deleted file mode 100644 index 2098b8d081..0000000000 --- a/packages/components/icons/src/DownloadTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const DownloadTrimmed = /*#__PURE__*/ generateIcon({ - name: 'DownloadTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 10.5 18', -}); diff --git a/packages/components/icons/src/Drag.tsx b/packages/components/icons/src/Drag.tsx deleted file mode 100644 index c574b8ccd8..0000000000 --- a/packages/components/icons/src/Drag.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Drag = /*#__PURE__*/ generateIcon({ - name: 'Drag', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/DragTrimmed.tsx b/packages/components/icons/src/DragTrimmed.tsx deleted file mode 100644 index e657c5e56a..0000000000 --- a/packages/components/icons/src/DragTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const DragTrimmed = /*#__PURE__*/ generateIcon({ - name: 'DragTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 10 24', -}); diff --git a/packages/components/icons/src/Edit.tsx b/packages/components/icons/src/Edit.tsx deleted file mode 100644 index e5e18c5809..0000000000 --- a/packages/components/icons/src/Edit.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Edit = /*#__PURE__*/ generateIcon({ - name: 'Edit', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/EditTrimmed.tsx b/packages/components/icons/src/EditTrimmed.tsx deleted file mode 100644 index 496ef49310..0000000000 --- a/packages/components/icons/src/EditTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const EditTrimmed = /*#__PURE__*/ generateIcon({ - name: 'EditTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 13.5 18', -}); diff --git a/packages/components/icons/src/EmbeddedBlockIcon.tsx b/packages/components/icons/src/EmbeddedBlockIcon.tsx new file mode 100644 index 0000000000..605ebf4a6e --- /dev/null +++ b/packages/components/icons/src/EmbeddedBlockIcon.tsx @@ -0,0 +1,27 @@ +import React from 'react'; +import { + IconVariant, + generateComponentWithVariants, +} from '@contentful/f36-icon'; +import { generateIconComponent } from '@contentful/f36-icon/src'; + +export const EmbeddedBlockIcon = generateComponentWithVariants({ + variants: { + [IconVariant.Active]: generateIconComponent({ + path: ( + + ), + }), + [IconVariant.Default]: generateIconComponent({ + path: ( + + + + + ), + }), + }, +}); diff --git a/packages/components/icons/src/EmbeddedEntryBlock.tsx b/packages/components/icons/src/EmbeddedEntryBlock.tsx deleted file mode 100644 index 15a850163f..0000000000 --- a/packages/components/icons/src/EmbeddedEntryBlock.tsx +++ /dev/null @@ -1,9 +0,0 @@ -import React from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const EmbeddedEntryBlock = /*#__PURE__*/ generateIcon({ - name: 'EmbeddedEntryBlock', - path: ( - - ), -}); diff --git a/packages/components/icons/src/EmbeddedEntryBlockTrimmed.tsx b/packages/components/icons/src/EmbeddedEntryBlockTrimmed.tsx deleted file mode 100644 index b7002de269..0000000000 --- a/packages/components/icons/src/EmbeddedEntryBlockTrimmed.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const EmbeddedEntryBlockTrimmed = /*#__PURE__*/ generateIcon({ - name: 'EmbeddedEntryBlockTrimmed', - path: ( - - ), - trimmed: true, - viewBox: '0 0 20 24', -}); diff --git a/packages/components/icons/src/EmbeddedEntryInline.tsx b/packages/components/icons/src/EmbeddedEntryInline.tsx deleted file mode 100644 index cbc6ec62c7..0000000000 --- a/packages/components/icons/src/EmbeddedEntryInline.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const EmbeddedEntryInline = /*#__PURE__*/ generateIcon({ - name: 'EmbeddedEntryInline', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/EmbeddedEntryInlineTrimmed.tsx b/packages/components/icons/src/EmbeddedEntryInlineTrimmed.tsx deleted file mode 100644 index 7ff547e3d5..0000000000 --- a/packages/components/icons/src/EmbeddedEntryInlineTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const EmbeddedEntryInlineTrimmed = /*#__PURE__*/ generateIcon({ - name: 'EmbeddedEntryInlineTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 22 24', -}); diff --git a/packages/components/icons/src/EmbeddedLineIcon.tsx b/packages/components/icons/src/EmbeddedLineIcon.tsx new file mode 100644 index 0000000000..30874b2f60 --- /dev/null +++ b/packages/components/icons/src/EmbeddedLineIcon.tsx @@ -0,0 +1,28 @@ +import React from 'react'; +import { + IconVariant, + generateComponentWithVariants, +} from '@contentful/f36-icon'; +import { generateIconComponent } from '@contentful/f36-icon/src'; + +export const EmbeddedLineIcon = generateComponentWithVariants({ + variants: { + [IconVariant.Active]: generateIconComponent({ + path: ( + + ), + }), + [IconVariant.Default]: generateIconComponent({ + path: ( + + + + + + ), + }), + }, +}); diff --git a/packages/components/icons/src/Entry.tsx b/packages/components/icons/src/Entry.tsx deleted file mode 100644 index 052f1ee133..0000000000 --- a/packages/components/icons/src/Entry.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Entry = /*#__PURE__*/ generateIcon({ - name: 'Entry', - path: ( - - - - - - ), - viewBox: '0 0 18 18', -}); diff --git a/packages/components/icons/src/EntryIcon.tsx b/packages/components/icons/src/EntryIcon.tsx new file mode 100644 index 0000000000..11214af5ed --- /dev/null +++ b/packages/components/icons/src/EntryIcon.tsx @@ -0,0 +1,27 @@ +import React from 'react'; +import { + IconVariant, + generateComponentWithVariants, +} from '@contentful/f36-icon'; +import { generateIconComponent } from '@contentful/f36-icon/src'; + +export const EntryIcon = generateComponentWithVariants({ + variants: { + [IconVariant.Active]: generateIconComponent({ + path: ( + + ), + }), + [IconVariant.Default]: generateIconComponent({ + path: ( + + ), + }), + }, +}); diff --git a/packages/components/icons/src/EntryTrimmed.tsx b/packages/components/icons/src/EntryTrimmed.tsx deleted file mode 100644 index 3ae5271c3c..0000000000 --- a/packages/components/icons/src/EntryTrimmed.tsx +++ /dev/null @@ -1,15 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const EntryTrimmed = /*#__PURE__*/ generateIcon({ - name: 'EntryTrimmed', - path: ( - - - - - - ), - trimmed: true, - viewBox: '0 0 18 18', -}); diff --git a/packages/components/icons/src/Environment.tsx b/packages/components/icons/src/Environment.tsx deleted file mode 100644 index 578bd344e1..0000000000 --- a/packages/components/icons/src/Environment.tsx +++ /dev/null @@ -1,10 +0,0 @@ -import React from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Environment = /*#__PURE__*/ generateIcon({ - name: 'Environment', - path: ( - - ), - viewBox: '0 0 18 18', -}); diff --git a/packages/components/icons/src/EnvironmentAlias.tsx b/packages/components/icons/src/EnvironmentAlias.tsx deleted file mode 100644 index 304b6d244d..0000000000 --- a/packages/components/icons/src/EnvironmentAlias.tsx +++ /dev/null @@ -1,10 +0,0 @@ -import React from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const EnvironmentAlias = /*#__PURE__*/ generateIcon({ - name: 'EnvironmentAlias', - path: ( - - ), - viewBox: '0 0 18 18', -}); diff --git a/packages/components/icons/src/EnvironmentAliasIcon.tsx b/packages/components/icons/src/EnvironmentAliasIcon.tsx new file mode 100644 index 0000000000..4afaa7694c --- /dev/null +++ b/packages/components/icons/src/EnvironmentAliasIcon.tsx @@ -0,0 +1,27 @@ +import React from 'react'; +import { + IconVariant, + generateComponentWithVariants, +} from '@contentful/f36-icon'; +import { generateIconComponent } from '@contentful/f36-icon/src'; + +export const EnvironmentAliasIcon = generateComponentWithVariants({ + variants: { + [IconVariant.Active]: generateIconComponent({ + path: ( + + + + + ), + }), + [IconVariant.Default]: generateIconComponent({ + path: ( + + ), + }), + }, +}); diff --git a/packages/components/icons/src/EnvironmentIcon.tsx b/packages/components/icons/src/EnvironmentIcon.tsx new file mode 100644 index 0000000000..1d93d759b3 --- /dev/null +++ b/packages/components/icons/src/EnvironmentIcon.tsx @@ -0,0 +1,27 @@ +import React from 'react'; +import { + IconVariant, + generateComponentWithVariants, +} from '@contentful/f36-icon'; +import { generateIconComponent } from '@contentful/f36-icon/src'; + +export const EnvironmentIcon = generateComponentWithVariants({ + variants: { + [IconVariant.Active]: generateIconComponent({ + path: ( + + ), + }), + [IconVariant.Default]: generateIconComponent({ + path: ( + + ), + }), + }, +}); diff --git a/packages/components/icons/src/ErrorCircle.tsx b/packages/components/icons/src/ErrorCircle.tsx deleted file mode 100644 index 387a58708f..0000000000 --- a/packages/components/icons/src/ErrorCircle.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const ErrorCircle = /*#__PURE__*/ generateIcon({ - name: 'ErrorCircle', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/ErrorCircleOutline.tsx b/packages/components/icons/src/ErrorCircleOutline.tsx deleted file mode 100644 index f027635c50..0000000000 --- a/packages/components/icons/src/ErrorCircleOutline.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const ErrorCircleOutline = /*#__PURE__*/ generateIcon({ - name: 'ErrorCircleOutline', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/ErrorCircleTrimmed.tsx b/packages/components/icons/src/ErrorCircleTrimmed.tsx deleted file mode 100644 index 98b2f470f7..0000000000 --- a/packages/components/icons/src/ErrorCircleTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const ErrorCircleTrimmed = /*#__PURE__*/ generateIcon({ - name: 'ErrorCircleTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 15 18', -}); diff --git a/packages/components/icons/src/ExternalLink.tsx b/packages/components/icons/src/ExternalLink.tsx deleted file mode 100644 index 36c2fe8208..0000000000 --- a/packages/components/icons/src/ExternalLink.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const ExternalLink = /*#__PURE__*/ generateIcon({ - name: 'ExternalLink', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/ExternalLinkTrimmed.tsx b/packages/components/icons/src/ExternalLinkTrimmed.tsx deleted file mode 100644 index 6cc2f9e8ee..0000000000 --- a/packages/components/icons/src/ExternalLinkTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const ExternalLinkTrimmed = /*#__PURE__*/ generateIcon({ - name: 'ExternalLinkTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 13.5 18', -}); diff --git a/packages/components/icons/src/FaceHappy.tsx b/packages/components/icons/src/FaceHappy.tsx deleted file mode 100644 index 5752ca71fc..0000000000 --- a/packages/components/icons/src/FaceHappy.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const FaceHappy = /*#__PURE__*/ generateIcon({ - name: 'FaceHappy', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/FaceHappyTrimmed.tsx b/packages/components/icons/src/FaceHappyTrimmed.tsx deleted file mode 100644 index 04ac75e5ac..0000000000 --- a/packages/components/icons/src/FaceHappyTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const FaceHappyTrimmed = /*#__PURE__*/ generateIcon({ - name: 'FaceHappyTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 15 18', -}); diff --git a/packages/components/icons/src/Filter.tsx b/packages/components/icons/src/Filter.tsx deleted file mode 100644 index f6d81bf176..0000000000 --- a/packages/components/icons/src/Filter.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Filter = /*#__PURE__*/ generateIcon({ - name: 'Filter', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/FilterTrimmed.tsx b/packages/components/icons/src/FilterTrimmed.tsx deleted file mode 100644 index 735d33db95..0000000000 --- a/packages/components/icons/src/FilterTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const FilterTrimmed = /*#__PURE__*/ generateIcon({ - name: 'FilterTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 13.5 18', -}); diff --git a/packages/components/icons/src/Folder.tsx b/packages/components/icons/src/Folder.tsx deleted file mode 100644 index 47df27033c..0000000000 --- a/packages/components/icons/src/Folder.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Folder = /*#__PURE__*/ generateIcon({ - name: 'Folder', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/FolderCreate.tsx b/packages/components/icons/src/FolderCreate.tsx deleted file mode 100644 index 1d50eecb5e..0000000000 --- a/packages/components/icons/src/FolderCreate.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const FolderCreate = /*#__PURE__*/ generateIcon({ - name: 'FolderCreate', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/FolderCreateTrimmed.tsx b/packages/components/icons/src/FolderCreateTrimmed.tsx deleted file mode 100644 index 7dd84ebbab..0000000000 --- a/packages/components/icons/src/FolderCreateTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const FolderCreateTrimmed = /*#__PURE__*/ generateIcon({ - name: 'FolderCreateTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 15 18', -}); diff --git a/packages/components/icons/src/FolderOpen.tsx b/packages/components/icons/src/FolderOpen.tsx deleted file mode 100644 index 78f0fef16d..0000000000 --- a/packages/components/icons/src/FolderOpen.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const FolderOpen = /*#__PURE__*/ generateIcon({ - name: 'FolderOpen', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/FolderOpenTrimmed.tsx b/packages/components/icons/src/FolderOpenTrimmed.tsx deleted file mode 100644 index ccbdf90934..0000000000 --- a/packages/components/icons/src/FolderOpenTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const FolderOpenTrimmed = /*#__PURE__*/ generateIcon({ - name: 'FolderOpenTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 15 18', -}); diff --git a/packages/components/icons/src/FolderTrimmed.tsx b/packages/components/icons/src/FolderTrimmed.tsx deleted file mode 100644 index c87d13c7b4..0000000000 --- a/packages/components/icons/src/FolderTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const FolderTrimmed = /*#__PURE__*/ generateIcon({ - name: 'FolderTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 15 18', -}); diff --git a/packages/components/icons/src/FormatBold.tsx b/packages/components/icons/src/FormatBold.tsx deleted file mode 100644 index 229420ec48..0000000000 --- a/packages/components/icons/src/FormatBold.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const FormatBold = /*#__PURE__*/ generateIcon({ - name: 'FormatBold', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/FormatBoldTrimmed.tsx b/packages/components/icons/src/FormatBoldTrimmed.tsx deleted file mode 100644 index a119f0a99a..0000000000 --- a/packages/components/icons/src/FormatBoldTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const FormatBoldTrimmed = /*#__PURE__*/ generateIcon({ - name: 'FormatBoldTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 10.8 24', -}); diff --git a/packages/components/icons/src/FormatItalic.tsx b/packages/components/icons/src/FormatItalic.tsx deleted file mode 100644 index a877b59652..0000000000 --- a/packages/components/icons/src/FormatItalic.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const FormatItalic = /*#__PURE__*/ generateIcon({ - name: 'FormatItalic', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/FormatItalicTrimmed.tsx b/packages/components/icons/src/FormatItalicTrimmed.tsx deleted file mode 100644 index a43712fcb8..0000000000 --- a/packages/components/icons/src/FormatItalicTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const FormatItalicTrimmed = /*#__PURE__*/ generateIcon({ - name: 'FormatItalicTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 12 24', -}); diff --git a/packages/components/icons/src/FormatUnderlined.tsx b/packages/components/icons/src/FormatUnderlined.tsx deleted file mode 100644 index 50c6c7c903..0000000000 --- a/packages/components/icons/src/FormatUnderlined.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const FormatUnderlined = /*#__PURE__*/ generateIcon({ - name: 'FormatUnderlined', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/FormatUnderlinedTrimmed.tsx b/packages/components/icons/src/FormatUnderlinedTrimmed.tsx deleted file mode 100644 index 7f8eddc9ce..0000000000 --- a/packages/components/icons/src/FormatUnderlinedTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const FormatUnderlinedTrimmed = /*#__PURE__*/ generateIcon({ - name: 'FormatUnderlinedTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 14 24', -}); diff --git a/packages/components/icons/src/Gift.tsx b/packages/components/icons/src/Gift.tsx deleted file mode 100644 index b70dd346a2..0000000000 --- a/packages/components/icons/src/Gift.tsx +++ /dev/null @@ -1,23 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Gift = /*#__PURE__*/ generateIcon({ - name: 'Gift', - viewBox: '0 0 18 18', - path: ( - - - - - - - - - - - - - - - ), -}); diff --git a/packages/components/icons/src/Heading.tsx b/packages/components/icons/src/Heading.tsx deleted file mode 100644 index 0d9c0613a2..0000000000 --- a/packages/components/icons/src/Heading.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Heading = /*#__PURE__*/ generateIcon({ - name: 'Heading', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/HeadingOne.tsx b/packages/components/icons/src/HeadingOne.tsx deleted file mode 100644 index 350dfb9229..0000000000 --- a/packages/components/icons/src/HeadingOne.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const HeadingOne = /*#__PURE__*/ generateIcon({ - name: 'HeadingOne', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/HeadingOneTrimmed.tsx b/packages/components/icons/src/HeadingOneTrimmed.tsx deleted file mode 100644 index c542039a38..0000000000 --- a/packages/components/icons/src/HeadingOneTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const HeadingOneTrimmed = /*#__PURE__*/ generateIcon({ - name: 'HeadingOneTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 13 18', -}); diff --git a/packages/components/icons/src/HeadingTrimmed.tsx b/packages/components/icons/src/HeadingTrimmed.tsx deleted file mode 100644 index 9d9145e7ad..0000000000 --- a/packages/components/icons/src/HeadingTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const HeadingTrimmed = /*#__PURE__*/ generateIcon({ - name: 'HeadingTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 8.4 18', -}); diff --git a/packages/components/icons/src/HeadingTwo.tsx b/packages/components/icons/src/HeadingTwo.tsx deleted file mode 100644 index 8f10dd2dec..0000000000 --- a/packages/components/icons/src/HeadingTwo.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const HeadingTwo = /*#__PURE__*/ generateIcon({ - name: 'HeadingTwo', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/HeadingTwoTrimmed.tsx b/packages/components/icons/src/HeadingTwoTrimmed.tsx deleted file mode 100644 index 0c20dce3e8..0000000000 --- a/packages/components/icons/src/HeadingTwoTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const HeadingTwoTrimmed = /*#__PURE__*/ generateIcon({ - name: 'HeadingTwoTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 14.4 18', -}); diff --git a/packages/components/icons/src/HelpCircle.tsx b/packages/components/icons/src/HelpCircle.tsx deleted file mode 100644 index d029d6271e..0000000000 --- a/packages/components/icons/src/HelpCircle.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const HelpCircle = /*#__PURE__*/ generateIcon({ - name: 'HelpCircle', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/HelpCircleInverted.tsx b/packages/components/icons/src/HelpCircleInverted.tsx deleted file mode 100644 index 981c0a344e..0000000000 --- a/packages/components/icons/src/HelpCircleInverted.tsx +++ /dev/null @@ -1,25 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const HelpCircleInverted = /*#__PURE__*/ generateIcon({ - name: 'HelpCircleInverted', - path: ( - - - - - ), - viewBox: '0 0 22 22', -}); diff --git a/packages/components/icons/src/HelpCircleTrimmed.tsx b/packages/components/icons/src/HelpCircleTrimmed.tsx deleted file mode 100644 index 5b2e303d33..0000000000 --- a/packages/components/icons/src/HelpCircleTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const HelpCircleTrimmed = /*#__PURE__*/ generateIcon({ - name: 'HelpCircleTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 15 18', -}); diff --git a/packages/components/icons/src/HorizontalRule.tsx b/packages/components/icons/src/HorizontalRule.tsx deleted file mode 100644 index 1117d446d3..0000000000 --- a/packages/components/icons/src/HorizontalRule.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const HorizontalRule = /*#__PURE__*/ generateIcon({ - name: 'HorizontalRule', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/HorizontalRuleTrimmed.tsx b/packages/components/icons/src/HorizontalRuleTrimmed.tsx deleted file mode 100644 index 316cdb04f5..0000000000 --- a/packages/components/icons/src/HorizontalRuleTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const HorizontalRuleTrimmed = /*#__PURE__*/ generateIcon({ - name: 'HorizontalRuleTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 12.6 18', -}); diff --git a/packages/components/icons/src/Image.tsx b/packages/components/icons/src/Image.tsx deleted file mode 100644 index f0d05db24d..0000000000 --- a/packages/components/icons/src/Image.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import React from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Image = /*#__PURE__*/ generateIcon({ - name: 'Image', - viewBox: '0 0 24 24', - path: ( - <> - - - - ), -}); diff --git a/packages/components/icons/src/InfoCircle.tsx b/packages/components/icons/src/InfoCircle.tsx deleted file mode 100644 index 6eeead97d1..0000000000 --- a/packages/components/icons/src/InfoCircle.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const InfoCircle = /*#__PURE__*/ generateIcon({ - name: 'InfoCircle', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/InfoCircleTrimmed.tsx b/packages/components/icons/src/InfoCircleTrimmed.tsx deleted file mode 100644 index 8f7d0f9ff5..0000000000 --- a/packages/components/icons/src/InfoCircleTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const InfoCircleTrimmed = /*#__PURE__*/ generateIcon({ - name: 'InfoCircleTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 15 18', -}); diff --git a/packages/components/icons/src/Language.tsx b/packages/components/icons/src/Language.tsx deleted file mode 100644 index e9f985d5ec..0000000000 --- a/packages/components/icons/src/Language.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Language = /*#__PURE__*/ generateIcon({ - name: 'Language', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/Link.tsx b/packages/components/icons/src/Link.tsx deleted file mode 100644 index b6b72ce01b..0000000000 --- a/packages/components/icons/src/Link.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Link = /*#__PURE__*/ generateIcon({ - name: 'Link', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/LinkAlternate.tsx b/packages/components/icons/src/LinkAlternate.tsx deleted file mode 100644 index 8237882665..0000000000 --- a/packages/components/icons/src/LinkAlternate.tsx +++ /dev/null @@ -1,9 +0,0 @@ -import React from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const LinkAlternate = /*#__PURE__*/ generateIcon({ - name: 'LinkAlternate', - path: ( - - ), -}); diff --git a/packages/components/icons/src/LinkTrimmed.tsx b/packages/components/icons/src/LinkTrimmed.tsx deleted file mode 100644 index a81612dac2..0000000000 --- a/packages/components/icons/src/LinkTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const LinkTrimmed = /*#__PURE__*/ generateIcon({ - name: 'LinkTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 15 18', -}); diff --git a/packages/components/icons/src/ListBulleted.tsx b/packages/components/icons/src/ListBulleted.tsx deleted file mode 100644 index 70f66c18f8..0000000000 --- a/packages/components/icons/src/ListBulleted.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const ListBulleted = /*#__PURE__*/ generateIcon({ - name: 'ListBulleted', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/ListBulletedTrimmed.tsx b/packages/components/icons/src/ListBulletedTrimmed.tsx deleted file mode 100644 index 1d4690021c..0000000000 --- a/packages/components/icons/src/ListBulletedTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const ListBulletedTrimmed = /*#__PURE__*/ generateIcon({ - name: 'ListBulletedTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 13.9 18', -}); diff --git a/packages/components/icons/src/ListNumbered.tsx b/packages/components/icons/src/ListNumbered.tsx deleted file mode 100644 index 5020c3428d..0000000000 --- a/packages/components/icons/src/ListNumbered.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const ListNumbered = /*#__PURE__*/ generateIcon({ - name: 'ListNumbered', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/ListNumberedTrimmed.tsx b/packages/components/icons/src/ListNumberedTrimmed.tsx deleted file mode 100644 index b6f9de5566..0000000000 --- a/packages/components/icons/src/ListNumberedTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const ListNumberedTrimmed = /*#__PURE__*/ generateIcon({ - name: 'ListNumberedTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 14.2 18', -}); diff --git a/packages/components/icons/src/Lock.tsx b/packages/components/icons/src/Lock.tsx deleted file mode 100644 index ca637c39c4..0000000000 --- a/packages/components/icons/src/Lock.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Lock = /*#__PURE__*/ generateIcon({ - name: 'Lock', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/LockTrimmed.tsx b/packages/components/icons/src/LockTrimmed.tsx deleted file mode 100644 index 2096b9ad7e..0000000000 --- a/packages/components/icons/src/LockTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const LockTrimmed = /*#__PURE__*/ generateIcon({ - name: 'LockTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 12 18', -}); diff --git a/packages/components/icons/src/Logout.tsx b/packages/components/icons/src/Logout.tsx deleted file mode 100644 index 5bc6a287d3..0000000000 --- a/packages/components/icons/src/Logout.tsx +++ /dev/null @@ -1,18 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Logout = /*#__PURE__*/ generateIcon({ - name: 'Logout', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/LooksOne.tsx b/packages/components/icons/src/LooksOne.tsx deleted file mode 100644 index f83ceb1018..0000000000 --- a/packages/components/icons/src/LooksOne.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const LooksOne = /*#__PURE__*/ generateIcon({ - name: 'LooksOne', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/LooksOneTrimmed.tsx b/packages/components/icons/src/LooksOneTrimmed.tsx deleted file mode 100644 index 83c61b7a34..0000000000 --- a/packages/components/icons/src/LooksOneTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const LooksOneTrimmed = /*#__PURE__*/ generateIcon({ - name: 'LooksOneTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 18 24', -}); diff --git a/packages/components/icons/src/LooksTwo.tsx b/packages/components/icons/src/LooksTwo.tsx deleted file mode 100644 index 7e8969e855..0000000000 --- a/packages/components/icons/src/LooksTwo.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const LooksTwo = /*#__PURE__*/ generateIcon({ - name: 'LooksTwo', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/LooksTwoTrimmed.tsx b/packages/components/icons/src/LooksTwoTrimmed.tsx deleted file mode 100644 index b5ca1e1f4d..0000000000 --- a/packages/components/icons/src/LooksTwoTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const LooksTwoTrimmed = /*#__PURE__*/ generateIcon({ - name: 'LooksTwoTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 18 24', -}); diff --git a/packages/components/icons/src/Markup.tsx b/packages/components/icons/src/Markup.tsx deleted file mode 100644 index dd132f98d4..0000000000 --- a/packages/components/icons/src/Markup.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import * as React from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Markup = /*#__PURE__*/ generateIcon({ - name: 'Markup', - viewBox: '0 0 24 24', - path: ( - <> - - - - ), -}); diff --git a/packages/components/icons/src/Menu.tsx b/packages/components/icons/src/Menu.tsx deleted file mode 100644 index 192e849c4f..0000000000 --- a/packages/components/icons/src/Menu.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Menu = /*#__PURE__*/ generateIcon({ - name: 'Menu', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/MenuTrimmed.tsx b/packages/components/icons/src/MenuTrimmed.tsx deleted file mode 100644 index d159a205b0..0000000000 --- a/packages/components/icons/src/MenuTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const MenuTrimmed = /*#__PURE__*/ generateIcon({ - name: 'MenuTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 13.5 18', -}); diff --git a/packages/components/icons/src/Minus.tsx b/packages/components/icons/src/Minus.tsx deleted file mode 100644 index 808072cda3..0000000000 --- a/packages/components/icons/src/Minus.tsx +++ /dev/null @@ -1,7 +0,0 @@ -import React from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Minus = /*#__PURE__*/ generateIcon({ - name: 'Minus', - path: , -}); diff --git a/packages/components/icons/src/MoreHorizontal.tsx b/packages/components/icons/src/MoreHorizontal.tsx deleted file mode 100644 index 296b679e53..0000000000 --- a/packages/components/icons/src/MoreHorizontal.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const MoreHorizontal = /*#__PURE__*/ generateIcon({ - name: 'MoreHorizontal', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/MoreHorizontalTrimmed.tsx b/packages/components/icons/src/MoreHorizontalTrimmed.tsx deleted file mode 100644 index 7cf2a7d90e..0000000000 --- a/packages/components/icons/src/MoreHorizontalTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const MoreHorizontalTrimmed = /*#__PURE__*/ generateIcon({ - name: 'MoreHorizontalTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 12 18', -}); diff --git a/packages/components/icons/src/MoreVertical.tsx b/packages/components/icons/src/MoreVertical.tsx deleted file mode 100644 index e9b91ba859..0000000000 --- a/packages/components/icons/src/MoreVertical.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const MoreVertical = /*#__PURE__*/ generateIcon({ - name: 'MoreVertical', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/MoreVerticalTrimmed.tsx b/packages/components/icons/src/MoreVerticalTrimmed.tsx deleted file mode 100644 index 8562f82fd3..0000000000 --- a/packages/components/icons/src/MoreVerticalTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const MoreVerticalTrimmed = /*#__PURE__*/ generateIcon({ - name: 'MoreVerticalTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 3 18', -}); diff --git a/packages/components/icons/src/Page.tsx b/packages/components/icons/src/Page.tsx deleted file mode 100644 index bbd6438de3..0000000000 --- a/packages/components/icons/src/Page.tsx +++ /dev/null @@ -1,13 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Page = /*#__PURE__*/ generateIcon({ - name: 'Page', - path: ( - - - - - - ), -}); diff --git a/packages/components/icons/src/PageTrimmed.tsx b/packages/components/icons/src/PageTrimmed.tsx deleted file mode 100644 index 504ec936e7..0000000000 --- a/packages/components/icons/src/PageTrimmed.tsx +++ /dev/null @@ -1,15 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const PageTrimmed = /*#__PURE__*/ generateIcon({ - name: 'PageTrimmed', - path: ( - - - - - - ), - trimmed: true, - viewBox: '0 0 16 24', -}); diff --git a/packages/components/icons/src/Pdf.tsx b/packages/components/icons/src/Pdf.tsx deleted file mode 100644 index f79431f196..0000000000 --- a/packages/components/icons/src/Pdf.tsx +++ /dev/null @@ -1,16 +0,0 @@ -import * as React from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Pdf = /*#__PURE__*/ generateIcon({ - name: 'Pdf', - viewBox: '0 0 24 24', - path: ( - <> - - - ), -}); diff --git a/packages/components/icons/src/Person.tsx b/packages/components/icons/src/Person.tsx deleted file mode 100644 index a3247c266b..0000000000 --- a/packages/components/icons/src/Person.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Person = /*#__PURE__*/ generateIcon({ - name: 'Person', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/PhosphorIcons.tsx b/packages/components/icons/src/PhosphorIcons.tsx new file mode 100644 index 0000000000..9bc4ce8f28 --- /dev/null +++ b/packages/components/icons/src/PhosphorIcons.tsx @@ -0,0 +1,205 @@ +import { generateForma36Icon } from '@contentful/f36-icon'; +import { + ArrowCounterClockwise, + ArrowDown, + ArrowLeft, + ArrowRight, + ArrowsLeftRight, + ArrowSquareOut, + ArrowUp, + BookmarkSimple, + BracketsCurly, + CalendarBlank, + CaretDown, + CaretLeft, + CaretRight, + CaretUp, + CaretUpDown, + Chat, + Check, + CheckCircle, + Clock, + ClockCounterClockwise, + CloudArrowUp, + CodeSimple, + CopySimple, + DotsSixVertical, + DotsThree, + DownloadSimple, + Eye, + EyeClosed, + File, + FileAudio, + FileCode, + FilePdf, + FileText, + FileVideo, + FolderOpen, + FolderSimple, + FolderSimplePlus, + FunnelSimple, + GearSix, + Globe, + HashStraight, + ImageSquare, + Info, + LinkSimpleHorizontal, + List, + ListBullets, + ListNumbers, + LockSimple, + LockSimpleOpen, + MagnifyingGlass, + MapPinLine, + Minus, + PaperPlaneTilt, + PencilSimple, + PenNib, + Plus, + Presentation, + PuzzlePiece, + Question, + Quotes, + Receipt, + Repeat, + RocketLaunch, + ShoppingCartSimple, + SignIn, + SignOut, + SketchLogo, + Smiley, + SortAscending, + SortDescending, + Sparkle, + Star, + Subtract, + Swap, + Table, + Tabs, + Tag, + TextB, + TextH, + TextHFive, + TextHFour, + TextHOne, + TextHSix, + TextHThree, + TextHTwo, + TextItalic, + TextT, + TextUnderline, + ThumbsDown, + ThumbsUp, + TrashSimple, + TreeStructure, + Triangle, + User, + Users, + Warning, + WarningOctagon, + X, +} from '@phosphor-icons/react'; + +export const ArrowCounterClockwiseIcon = generateForma36Icon( + ArrowCounterClockwise, +); +export const ArrowDownIcon = generateForma36Icon(ArrowDown); +export const ArrowLeftIcon = generateForma36Icon(ArrowLeft); +export const ArrowRightIcon = generateForma36Icon(ArrowRight); +export const ArrowsLeftRightIcon = generateForma36Icon(ArrowsLeftRight); +export const ArrowSquareOutIcon = generateForma36Icon(ArrowSquareOut); +export const ArrowUpIcon = generateForma36Icon(ArrowUp); +export const BookmarkSimpleIcon = generateForma36Icon(BookmarkSimple); +export const BracketsCurlyIcon = generateForma36Icon(BracketsCurly); +export const CalendarBlankIcon = generateForma36Icon(CalendarBlank); +export const CaretDownIcon = generateForma36Icon(CaretDown); +export const CaretLeftIcon = generateForma36Icon(CaretLeft); +export const CaretRightIcon = generateForma36Icon(CaretRight); +export const CaretUpDownIcon = generateForma36Icon(CaretUpDown); +export const CaretUpIcon = generateForma36Icon(CaretUp); +export const ChatIcon = generateForma36Icon(Chat); +export const CheckCircleIcon = generateForma36Icon(CheckCircle); +export const CheckIcon = generateForma36Icon(Check); +export const ClockIcon = generateForma36Icon(Clock); +export const ClockCounterClockwiseIcon = generateForma36Icon( + ClockCounterClockwise, +); +export const CloudArrowUpIcon = generateForma36Icon(CloudArrowUp); +export const CodeSimpleIcon = generateForma36Icon(CodeSimple); +export const CopySimpleIcon = generateForma36Icon(CopySimple); +export const DotsSixVerticalIcon = generateForma36Icon(DotsSixVertical); +export const DotsThreeIcon = generateForma36Icon(DotsThree); +export const DownloadSimpleIcon = generateForma36Icon(DownloadSimple); +export const EyeClosedIcon = generateForma36Icon(EyeClosed); +export const EyeIcon = generateForma36Icon(Eye); +export const FileAudioIcon = generateForma36Icon(FileAudio); +export const FileCodeIcon = generateForma36Icon(FileCode); +export const FileIcon = generateForma36Icon(File); +export const FilePdfIcon = generateForma36Icon(FilePdf); +export const FileTextIcon = generateForma36Icon(FileText); +export const FileVideoIcon = generateForma36Icon(FileVideo); +export const FolderOpenIcon = generateForma36Icon(FolderOpen); +export const FolderSimpleIcon = generateForma36Icon(FolderSimple); +export const FolderSimplePlusIcon = generateForma36Icon(FolderSimplePlus); +export const FunnelSimpleIcon = generateForma36Icon(FunnelSimple); +export const GearSixIcon = generateForma36Icon(GearSix); +export const GlobeIcon = generateForma36Icon(Globe); +export const HashStraightIcon = generateForma36Icon(HashStraight); +export const ImageSquareIcon = generateForma36Icon(ImageSquare); +export const InfoIcon = generateForma36Icon(Info); +export const LinkSimpleHorizontalIcon = + generateForma36Icon(LinkSimpleHorizontal); +export const ListBulletsIcon = generateForma36Icon(ListBullets); +export const ListIcon = generateForma36Icon(List); +export const ListNumbersIcon = generateForma36Icon(ListNumbers); +export const LockSimpleIcon = generateForma36Icon(LockSimple); +export const LockSimpleOpenIcon = generateForma36Icon(LockSimpleOpen); +export const MagnifyingGlassIcon = generateForma36Icon(MagnifyingGlass); +export const MapPinLineIcon = generateForma36Icon(MapPinLine); +export const MinusIcon = generateForma36Icon(Minus); +export const PaperPlaneTiltIcon = generateForma36Icon(PaperPlaneTilt); +export const PencilSimpleIcon = generateForma36Icon(PencilSimple); +export const PenNibIcon = generateForma36Icon(PenNib); +export const PlusIcon = generateForma36Icon(Plus); +export const PresentationIcon = generateForma36Icon(Presentation); +export const PuzzlePieceIcon = generateForma36Icon(PuzzlePiece); +export const QuestionIcon = generateForma36Icon(Question); +export const QuotesIcon = generateForma36Icon(Quotes); +export const ReceiptIcon = generateForma36Icon(Receipt); +export const RepeatIcon = generateForma36Icon(Repeat); +export const RocketLaunchIcon = generateForma36Icon(RocketLaunch); +export const ShoppingCartSimpleIcon = generateForma36Icon(ShoppingCartSimple); +export const SignInIcon = generateForma36Icon(SignIn); +export const SignOutIcon = generateForma36Icon(SignOut); +export const SketchLogoIcon = generateForma36Icon(SketchLogo); +export const SmileyIcon = generateForma36Icon(Smiley); +export const SortAscendingIcon = generateForma36Icon(SortAscending); +export const SortDescendingIcon = generateForma36Icon(SortDescending); +export const SparkleIcon = generateForma36Icon(Sparkle); +export const StarIcon = generateForma36Icon(Star); +export const SubtractIcon = generateForma36Icon(Subtract); +export const SwapIcon = generateForma36Icon(Swap); +export const TableIcon = generateForma36Icon(Table); +export const TabsIcon = generateForma36Icon(Tabs); +export const TagIcon = generateForma36Icon(Tag); +export const TextBIcon = generateForma36Icon(TextB); +export const TextHFiveIcon = generateForma36Icon(TextHFive); +export const TextHFourIcon = generateForma36Icon(TextHFour); +export const TextHIcon = generateForma36Icon(TextH); +export const TextHOneIcon = generateForma36Icon(TextHOne); +export const TextHSixIcon = generateForma36Icon(TextHSix); +export const TextHThreeIcon = generateForma36Icon(TextHThree); +export const TextHTwoIcon = generateForma36Icon(TextHTwo); +export const TextItalicIcon = generateForma36Icon(TextItalic); +export const TextTIcon = generateForma36Icon(TextT); +export const TextUnderlineIcon = generateForma36Icon(TextUnderline); +export const ThumbsDownIcon = generateForma36Icon(ThumbsDown); +export const ThumbsUpIcon = generateForma36Icon(ThumbsUp); +export const TrashSimpleIcon = generateForma36Icon(TrashSimple); +export const TreeStructureIcon = generateForma36Icon(TreeStructure); +export const TriangleIcon = generateForma36Icon(Triangle); +export const UserIcon = generateForma36Icon(User); +export const UsersIcon = generateForma36Icon(Users); +export const WarningIcon = generateForma36Icon(Warning); +export const WarningOctagonIcon = generateForma36Icon(WarningOctagon); +export const XIcon = generateForma36Icon(X); diff --git a/packages/components/icons/src/Plaintext.tsx b/packages/components/icons/src/Plaintext.tsx deleted file mode 100644 index a24bf690a7..0000000000 --- a/packages/components/icons/src/Plaintext.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import * as React from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Plaintext = /*#__PURE__*/ generateIcon({ - name: 'Plaintext', - viewBox: '0 0 24 24', - path: ( - <> - - - - ), -}); diff --git a/packages/components/icons/src/Plus.tsx b/packages/components/icons/src/Plus.tsx deleted file mode 100644 index 4c9e854511..0000000000 --- a/packages/components/icons/src/Plus.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Plus = /*#__PURE__*/ generateIcon({ - name: 'Plus', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/PlusCircle.tsx b/packages/components/icons/src/PlusCircle.tsx deleted file mode 100644 index 5f3b9bc49d..0000000000 --- a/packages/components/icons/src/PlusCircle.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const PlusCircle = /*#__PURE__*/ generateIcon({ - name: 'PlusCircle', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/PlusCircleTrimmed.tsx b/packages/components/icons/src/PlusCircleTrimmed.tsx deleted file mode 100644 index aa3f8a8a8a..0000000000 --- a/packages/components/icons/src/PlusCircleTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const PlusCircleTrimmed = /*#__PURE__*/ generateIcon({ - name: 'PlusCircleTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 15 18', -}); diff --git a/packages/components/icons/src/PlusTrimmed.tsx b/packages/components/icons/src/PlusTrimmed.tsx deleted file mode 100644 index 1fdc5d83ad..0000000000 --- a/packages/components/icons/src/PlusTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const PlusTrimmed = /*#__PURE__*/ generateIcon({ - name: 'PlusTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 10.5 18', -}); diff --git a/packages/components/icons/src/Presentation.tsx b/packages/components/icons/src/Presentation.tsx deleted file mode 100644 index 7c9955af24..0000000000 --- a/packages/components/icons/src/Presentation.tsx +++ /dev/null @@ -1,31 +0,0 @@ -import * as React from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Presentation = /*#__PURE__*/ generateIcon({ - name: 'Presentation', - viewBox: '0 0 24 24', - path: ( - <> - - - - - - ), -}); diff --git a/packages/components/icons/src/Preview.tsx b/packages/components/icons/src/Preview.tsx deleted file mode 100644 index a589c2d4b7..0000000000 --- a/packages/components/icons/src/Preview.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Preview = /*#__PURE__*/ generateIcon({ - name: 'Preview', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/PreviewOff.tsx b/packages/components/icons/src/PreviewOff.tsx deleted file mode 100644 index 977ff0ab93..0000000000 --- a/packages/components/icons/src/PreviewOff.tsx +++ /dev/null @@ -1,15 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const PreviewOff = /*#__PURE__*/ generateIcon({ - name: 'PreviewOff', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/Puzzle.tsx b/packages/components/icons/src/Puzzle.tsx deleted file mode 100644 index d6efe1b3e8..0000000000 --- a/packages/components/icons/src/Puzzle.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Puzzle = /*#__PURE__*/ generateIcon({ - name: 'Puzzle', - path: ( - - - - ), -}); diff --git a/packages/components/icons/src/Quote.tsx b/packages/components/icons/src/Quote.tsx deleted file mode 100644 index d75afee3ce..0000000000 --- a/packages/components/icons/src/Quote.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Quote = /*#__PURE__*/ generateIcon({ - name: 'Quote', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/QuoteTrimmed.tsx b/packages/components/icons/src/QuoteTrimmed.tsx deleted file mode 100644 index a020d28d07..0000000000 --- a/packages/components/icons/src/QuoteTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const QuoteTrimmed = /*#__PURE__*/ generateIcon({ - name: 'QuoteTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 10.5 18', -}); diff --git a/packages/components/icons/src/Receipt.tsx b/packages/components/icons/src/Receipt.tsx deleted file mode 100644 index 003ec7313e..0000000000 --- a/packages/components/icons/src/Receipt.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Receipt = /*#__PURE__*/ generateIcon({ - name: 'Receipt', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/ReceiptTrimmed.tsx b/packages/components/icons/src/ReceiptTrimmed.tsx deleted file mode 100644 index 891c951870..0000000000 --- a/packages/components/icons/src/ReceiptTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const ReceiptTrimmed = /*#__PURE__*/ generateIcon({ - name: 'ReceiptTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 13.5 18', -}); diff --git a/packages/components/icons/src/References.tsx b/packages/components/icons/src/References.tsx deleted file mode 100644 index 6c594aa4eb..0000000000 --- a/packages/components/icons/src/References.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const References = /*#__PURE__*/ generateIcon({ - name: 'References', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/Release.tsx b/packages/components/icons/src/Release.tsx deleted file mode 100644 index 0a1c8295d3..0000000000 --- a/packages/components/icons/src/Release.tsx +++ /dev/null @@ -1,9 +0,0 @@ -import React from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Release = /*#__PURE__*/ generateIcon({ - name: 'Release', - path: ( - - ), -}); diff --git a/packages/components/icons/src/ReleaseIcon.tsx b/packages/components/icons/src/ReleaseIcon.tsx new file mode 100644 index 0000000000..2de5a3ca28 --- /dev/null +++ b/packages/components/icons/src/ReleaseIcon.tsx @@ -0,0 +1,28 @@ +import React from 'react'; +import { + IconVariant, + generateComponentWithVariants, +} from '@contentful/f36-icon'; +import { generateIconComponent } from '@contentful/f36-icon/src'; + +export const ReleaseIcon = generateComponentWithVariants({ + variants: { + [IconVariant.Active]: generateIconComponent({ + path: ( + + ), + }), + [IconVariant.Default]: generateIconComponent({ + path: ( + + ), + }), + }, +}); diff --git a/packages/components/icons/src/ReleaseTrimmed.tsx b/packages/components/icons/src/ReleaseTrimmed.tsx deleted file mode 100644 index 8ce0efe1b6..0000000000 --- a/packages/components/icons/src/ReleaseTrimmed.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const ReleaseTrimmed = /*#__PURE__*/ generateIcon({ - name: 'ReleaseTrimmed', - path: ( - - ), - trimmed: true, - viewBox: '0 0 22 24', -}); diff --git a/packages/components/icons/src/RichTextIcon.tsx b/packages/components/icons/src/RichTextIcon.tsx new file mode 100644 index 0000000000..127a597982 --- /dev/null +++ b/packages/components/icons/src/RichTextIcon.tsx @@ -0,0 +1,29 @@ +import React from 'react'; +import { + IconVariant, + generateComponentWithVariants, +} from '@contentful/f36-icon'; +import { generateIconComponent } from '@contentful/f36-icon/src'; + +export const RichTextIcon = generateComponentWithVariants({ + variants: { + [IconVariant.Active]: generateIconComponent({ + path: ( + + ), + }), + [IconVariant.Default]: generateIconComponent({ + path: ( + + + + + + ), + }), + }, +}); diff --git a/packages/components/icons/src/Richtext.tsx b/packages/components/icons/src/Richtext.tsx deleted file mode 100644 index 9cbfff6f94..0000000000 --- a/packages/components/icons/src/Richtext.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import * as React from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Richtext = /*#__PURE__*/ generateIcon({ - name: 'Richtext', - viewBox: '0 0 24 24', - path: ( - <> - - - - ), -}); diff --git a/packages/components/icons/src/Search.tsx b/packages/components/icons/src/Search.tsx deleted file mode 100644 index 23630cfa4f..0000000000 --- a/packages/components/icons/src/Search.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Search = /*#__PURE__*/ generateIcon({ - name: 'Search', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/SearchTrimmed.tsx b/packages/components/icons/src/SearchTrimmed.tsx deleted file mode 100644 index 640680d42a..0000000000 --- a/packages/components/icons/src/SearchTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const SearchTrimmed = /*#__PURE__*/ generateIcon({ - name: 'SearchTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 13.1 18', -}); diff --git a/packages/components/icons/src/Settings.tsx b/packages/components/icons/src/Settings.tsx deleted file mode 100644 index ee244f99ca..0000000000 --- a/packages/components/icons/src/Settings.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Settings = /*#__PURE__*/ generateIcon({ - name: 'Settings', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/SettingsTrimmed.tsx b/packages/components/icons/src/SettingsTrimmed.tsx deleted file mode 100644 index d89c906db6..0000000000 --- a/packages/components/icons/src/SettingsTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const SettingsTrimmed = /*#__PURE__*/ generateIcon({ - name: 'SettingsTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 14.6 18', -}); diff --git a/packages/components/icons/src/ShoppingCart.tsx b/packages/components/icons/src/ShoppingCart.tsx deleted file mode 100644 index d9d78c7485..0000000000 --- a/packages/components/icons/src/ShoppingCart.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const ShoppingCart = /*#__PURE__*/ generateIcon({ - name: 'ShoppingCart', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/ShoppingCartTrimmed.tsx b/packages/components/icons/src/ShoppingCartTrimmed.tsx deleted file mode 100644 index a00e342f54..0000000000 --- a/packages/components/icons/src/ShoppingCartTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const ShoppingCartTrimmed = /*#__PURE__*/ generateIcon({ - name: 'ShoppingCartTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 15 18', -}); diff --git a/packages/components/icons/src/Sort.tsx b/packages/components/icons/src/Sort.tsx deleted file mode 100644 index 7cf51ef047..0000000000 --- a/packages/components/icons/src/Sort.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Sort = /*#__PURE__*/ generateIcon({ - name: 'Sort', - path: ( - <> - - - ), -}); diff --git a/packages/components/icons/src/SortAscending.tsx b/packages/components/icons/src/SortAscending.tsx deleted file mode 100644 index ae764466c0..0000000000 --- a/packages/components/icons/src/SortAscending.tsx +++ /dev/null @@ -1,15 +0,0 @@ -import React from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const SortAscending = /*#__PURE__*/ generateIcon({ - name: 'SortAscending', - path: ( - <> - - - - ), -}); diff --git a/packages/components/icons/src/SortDescending.tsx b/packages/components/icons/src/SortDescending.tsx deleted file mode 100644 index 2fafa546ec..0000000000 --- a/packages/components/icons/src/SortDescending.tsx +++ /dev/null @@ -1,15 +0,0 @@ -import React from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const SortDescending = /*#__PURE__*/ generateIcon({ - name: 'SortDescending', - path: ( - <> - - - - ), -}); diff --git a/packages/components/icons/src/Spreadsheet.tsx b/packages/components/icons/src/Spreadsheet.tsx deleted file mode 100644 index 28cb34d4b2..0000000000 --- a/packages/components/icons/src/Spreadsheet.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import * as React from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Spreadsheet = /*#__PURE__*/ generateIcon({ - name: 'Spreadsheet', - viewBox: '0 0 24 24', - path: ( - <> - - - - ), -}); diff --git a/packages/components/icons/src/Star.tsx b/packages/components/icons/src/Star.tsx deleted file mode 100644 index 8403e0f04d..0000000000 --- a/packages/components/icons/src/Star.tsx +++ /dev/null @@ -1,13 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Star = /*#__PURE__*/ generateIcon({ - name: 'Star', - path: ( - - - - - - ), -}); diff --git a/packages/components/icons/src/StarTrimmed.tsx b/packages/components/icons/src/StarTrimmed.tsx deleted file mode 100644 index 07aaf0d5ee..0000000000 --- a/packages/components/icons/src/StarTrimmed.tsx +++ /dev/null @@ -1,15 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const StarTrimmed = /*#__PURE__*/ generateIcon({ - name: 'StarTrimmed', - path: ( - - - - - - ), - trimmed: true, - viewBox: '0 0 15 18', -}); diff --git a/packages/components/icons/src/Subscript.tsx b/packages/components/icons/src/Subscript.tsx deleted file mode 100644 index d4a4ab8fef..0000000000 --- a/packages/components/icons/src/Subscript.tsx +++ /dev/null @@ -1,13 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Subscript = /*#__PURE__*/ generateIcon({ - name: 'Subscript', - path: ( - - - - - ), - viewBox: '0 0 13 18', -}); diff --git a/packages/components/icons/src/SubscriptTrimmed.tsx b/packages/components/icons/src/SubscriptTrimmed.tsx deleted file mode 100644 index 7d73983f8a..0000000000 --- a/packages/components/icons/src/SubscriptTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const SubscriptTrimmed = /*#__PURE__*/ generateIcon({ - name: 'SubscriptTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 13 18', -}); diff --git a/packages/components/icons/src/Superscript.tsx b/packages/components/icons/src/Superscript.tsx deleted file mode 100644 index d2b959f591..0000000000 --- a/packages/components/icons/src/Superscript.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Superscript = /*#__PURE__*/ generateIcon({ - name: 'Superscript', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/SuperscriptTrimmed.tsx b/packages/components/icons/src/SuperscriptTrimmed.tsx deleted file mode 100644 index 7365fcda3b..0000000000 --- a/packages/components/icons/src/SuperscriptTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const SuperscriptTrimmed = /*#__PURE__*/ generateIcon({ - name: 'SuperscriptTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 13 18', -}); diff --git a/packages/components/icons/src/Tab.tsx b/packages/components/icons/src/Tab.tsx deleted file mode 100644 index 91549931ac..0000000000 --- a/packages/components/icons/src/Tab.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Tab = /*#__PURE__*/ generateIcon({ - name: 'Tab', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/Table.tsx b/packages/components/icons/src/Table.tsx deleted file mode 100644 index 8ee659e8c7..0000000000 --- a/packages/components/icons/src/Table.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Table = /*#__PURE__*/ generateIcon({ - name: 'Table', - path: ( - - - - ), - viewBox: '0 0 24 24', -}); diff --git a/packages/components/icons/src/Tags.tsx b/packages/components/icons/src/Tags.tsx deleted file mode 100644 index afbe4bfb1a..0000000000 --- a/packages/components/icons/src/Tags.tsx +++ /dev/null @@ -1,13 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Tags = /*#__PURE__*/ generateIcon({ - name: 'Tags', - path: ( - - - - - - ), -}); diff --git a/packages/components/icons/src/Text.tsx b/packages/components/icons/src/Text.tsx deleted file mode 100644 index 4ed3833777..0000000000 --- a/packages/components/icons/src/Text.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Text = /*#__PURE__*/ generateIcon({ - name: 'Text', - path: ( - - - - - - - - - - ), -}); diff --git a/packages/components/icons/src/TextSubscriptIcon.tsx b/packages/components/icons/src/TextSubscriptIcon.tsx new file mode 100644 index 0000000000..191129816b --- /dev/null +++ b/packages/components/icons/src/TextSubscriptIcon.tsx @@ -0,0 +1,28 @@ +import React from 'react'; +import { + IconVariant, + generateComponentWithVariants, +} from '@contentful/f36-icon'; +import { generateIconComponent } from '@contentful/f36-icon/src'; + +export const TextSubscriptIcon = generateComponentWithVariants({ + variants: { + [IconVariant.Active]: generateIconComponent({ + path: ( + + ), + }), + [IconVariant.Default]: generateIconComponent({ + path: ( + + ), + }), + }, +}); diff --git a/packages/components/icons/src/TextSuperscriptIcon.tsx b/packages/components/icons/src/TextSuperscriptIcon.tsx new file mode 100644 index 0000000000..7cb9dd221e --- /dev/null +++ b/packages/components/icons/src/TextSuperscriptIcon.tsx @@ -0,0 +1,28 @@ +import React from 'react'; +import { + IconVariant, + generateComponentWithVariants, +} from '@contentful/f36-icon'; +import { generateIconComponent } from '@contentful/f36-icon/src'; + +export const TextSuperscriptIcon = generateComponentWithVariants({ + variants: { + [IconVariant.Active]: generateIconComponent({ + path: ( + + ), + }), + [IconVariant.Default]: generateIconComponent({ + path: ( + + ), + }), + }, +}); diff --git a/packages/components/icons/src/TextTrimmed.tsx b/packages/components/icons/src/TextTrimmed.tsx deleted file mode 100644 index 8049f94b3c..0000000000 --- a/packages/components/icons/src/TextTrimmed.tsx +++ /dev/null @@ -1,22 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const TextTrimmed = /*#__PURE__*/ generateIcon({ - name: 'TextTrimmed', - path: ( - - - - - - - - - - ), - trimmed: true, - viewBox: '0 0 14.2 18', -}); diff --git a/packages/components/icons/src/ThumbDown.tsx b/packages/components/icons/src/ThumbDown.tsx deleted file mode 100644 index 135f15b7d6..0000000000 --- a/packages/components/icons/src/ThumbDown.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const ThumbDown = /*#__PURE__*/ generateIcon({ - name: 'ThumbDown', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/ThumbDownTrimmed.tsx b/packages/components/icons/src/ThumbDownTrimmed.tsx deleted file mode 100644 index 40820b3b3e..0000000000 --- a/packages/components/icons/src/ThumbDownTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const ThumbDownTrimmed = /*#__PURE__*/ generateIcon({ - name: 'ThumbDownTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 16.5 18', -}); diff --git a/packages/components/icons/src/ThumbUp.tsx b/packages/components/icons/src/ThumbUp.tsx deleted file mode 100644 index 69f17fbb77..0000000000 --- a/packages/components/icons/src/ThumbUp.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const ThumbUp = /*#__PURE__*/ generateIcon({ - name: 'ThumbUp', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/ThumbUpTrimmed.tsx b/packages/components/icons/src/ThumbUpTrimmed.tsx deleted file mode 100644 index d09c6ed5d2..0000000000 --- a/packages/components/icons/src/ThumbUpTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const ThumbUpTrimmed = /*#__PURE__*/ generateIcon({ - name: 'ThumbUpTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 16.5 18', -}); diff --git a/packages/components/icons/src/Toggle.tsx b/packages/components/icons/src/Toggle.tsx deleted file mode 100644 index 53e6ebe3e2..0000000000 --- a/packages/components/icons/src/Toggle.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Toggle = /*#__PURE__*/ generateIcon({ - name: 'Toggle', - path: ( - <> - - - ), -}); diff --git a/packages/components/icons/src/TriangleOutline.tsx b/packages/components/icons/src/TriangleOutline.tsx deleted file mode 100644 index 751f698349..0000000000 --- a/packages/components/icons/src/TriangleOutline.tsx +++ /dev/null @@ -1,15 +0,0 @@ -import React from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const TriangleOutline = /*#__PURE__*/ generateIcon({ - name: 'TriangleOutline', - path: ( - <> - - - ), -}); diff --git a/packages/components/icons/src/Users.tsx b/packages/components/icons/src/Users.tsx deleted file mode 100644 index ab6f0856e7..0000000000 --- a/packages/components/icons/src/Users.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Users = /*#__PURE__*/ generateIcon({ - name: 'Users', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/UsersTrimmed.tsx b/packages/components/icons/src/UsersTrimmed.tsx deleted file mode 100644 index dbcdfec897..0000000000 --- a/packages/components/icons/src/UsersTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const UsersTrimmed = /*#__PURE__*/ generateIcon({ - name: 'UsersTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 16.5 18', -}); diff --git a/packages/components/icons/src/Video.tsx b/packages/components/icons/src/Video.tsx deleted file mode 100644 index bb5a0b55ec..0000000000 --- a/packages/components/icons/src/Video.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import * as React from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Video = /*#__PURE__*/ generateIcon({ - name: 'Video', - viewBox: '0 0 24 24', - path: ( - <> - - - - ), -}); diff --git a/packages/components/icons/src/Warning.tsx b/packages/components/icons/src/Warning.tsx deleted file mode 100644 index 4df05cba1d..0000000000 --- a/packages/components/icons/src/Warning.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Warning = /*#__PURE__*/ generateIcon({ - name: 'Warning', - path: ( - - - - - ), -}); diff --git a/packages/components/icons/src/WarningTrimmed.tsx b/packages/components/icons/src/WarningTrimmed.tsx deleted file mode 100644 index e9eef61ab2..0000000000 --- a/packages/components/icons/src/WarningTrimmed.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React, { Fragment } from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const WarningTrimmed = /*#__PURE__*/ generateIcon({ - name: 'WarningTrimmed', - path: ( - - - - - ), - trimmed: true, - viewBox: '0 0 16.5 18', -}); diff --git a/packages/components/icons/src/Workflows.tsx b/packages/components/icons/src/Workflows.tsx deleted file mode 100644 index 15ca5564bd..0000000000 --- a/packages/components/icons/src/Workflows.tsx +++ /dev/null @@ -1,9 +0,0 @@ -import React from 'react'; -import { generateIcon } from '@contentful/f36-icon'; - -export const Workflows = /*#__PURE__*/ generateIcon({ - name: 'Workflows', - path: ( - - ), -}); diff --git a/packages/components/icons/src/WorkflowsIcon.tsx b/packages/components/icons/src/WorkflowsIcon.tsx new file mode 100644 index 0000000000..c8a586179b --- /dev/null +++ b/packages/components/icons/src/WorkflowsIcon.tsx @@ -0,0 +1,27 @@ +import React from 'react'; +import { + IconVariant, + generateComponentWithVariants, +} from '@contentful/f36-icon'; +import { generateIconComponent } from '@contentful/f36-icon/src'; + +export const WorkflowsIcon = generateComponentWithVariants({ + variants: { + [IconVariant.Active]: generateIconComponent({ + path: ( + + ), + }), + [IconVariant.Default]: generateIconComponent({ + path: ( + + ), + }), + }, +}); diff --git a/packages/components/icons/src/index.ts b/packages/components/icons/src/index.ts index e4eecfab30..ac136c7fab 100644 --- a/packages/components/icons/src/index.ts +++ b/packages/components/icons/src/index.ts @@ -1,181 +1,19 @@ -/** - * This file is autogenerated by a build script, don't change it manually. - */ - export type { GeneratedIconProps as IconProps, IconComponent, IconSize, IconVariant, } from '@contentful/f36-icon'; -export { Appearance as AppearanceIcon } from './Appearance'; -export { Archive as ArchiveIcon } from './Archive'; -export { ArrowBackward as ArrowBackwardIcon } from './ArrowBackward'; -export { ArrowDown as ArrowDownIcon } from './ArrowDown'; -export { ArrowDownTrimmed as ArrowDownTrimmedIcon } from './ArrowDownTrimmed'; -export { ArrowForward as ArrowForwardIcon } from './ArrowForward'; -export { ArrowForwardTrimmed as ArrowForwardTrimmedIcon } from './ArrowForwardTrimmed'; -export { ArrowUp as ArrowUpIcon } from './ArrowUp'; -export { ArrowUpTrimmed as ArrowUpTrimmedIcon } from './ArrowUpTrimmed'; -export { ArrowUpward as ArrowUpwardIcon } from './ArrowUpward'; -export { ArrowDownward as ArrowDownwardIcon } from './ArrowDownward'; -export { Asset as AssetIcon } from './Asset'; -export { AssetTrimmed as AssetTrimmedIcon } from './AssetTrimmed'; -export { Audio as AudioIcon } from './Audio'; -export { Calendar as CalendarIcon } from './Calendar'; -export { ChatBubble as ChatBubbleIcon } from './ChatBubble'; -export { ChatBubbleTrimmed as ChatBubbleTrimmedIcon } from './ChatBubbleTrimmed'; -export { CheckCircle as CheckCircleIcon } from './CheckCircle'; -export { CheckCircleTrimmed as CheckCircleTrimmedIcon } from './CheckCircleTrimmed'; -export { ChevronDown as ChevronDownIcon } from './ChevronDown'; -export { ChevronDownTrimmed as ChevronDownTrimmedIcon } from './ChevronDownTrimmed'; -export { ChevronLeft as ChevronLeftIcon } from './ChevronLeft'; -export { ChevronLeftTrimmed as ChevronLeftTrimmedIcon } from './ChevronLeftTrimmed'; -export { ChevronRight as ChevronRightIcon } from './ChevronRight'; -export { ChevronRightTrimmed as ChevronRightTrimmedIcon } from './ChevronRightTrimmed'; -export { ChevronUp as ChevronUpIcon } from './ChevronUp'; -export { ChevronUpTrimmed as ChevronUpTrimmedIcon } from './ChevronUpTrimmed'; -export { Clock as ClockIcon } from './Clock'; -export { ClockTrimmed as ClockTrimmedIcon } from './ClockTrimmed'; -export { Close as CloseIcon } from './Close'; -export { CloseTrimmed as CloseTrimmedIcon } from './CloseTrimmed'; -export { CloudUpload as CloudUploadIcon } from './CloudUpload'; -export { Code as CodeIcon } from './Code'; -export { CodeIllustration as CodeIllustrationIcon } from './CodeIllustration'; -export { CodeTrimmed as CodeTrimmedIcon } from './CodeTrimmed'; -export { Copy as CopyIcon } from './Copy'; -export { CopyTrimmed as CopyTrimmedIcon } from './CopyTrimmed'; -export { Cycle as CycleIcon } from './Cycle'; -export { CycleTrimmed as CycleTrimmedIcon } from './CycleTrimmed'; -export { Delete as DeleteIcon } from './Delete'; -export { DeleteTrimmed as DeleteTrimmedIcon } from './DeleteTrimmed'; -export { Done as DoneIcon } from './Done'; -export { DoubleArrow as DoubleArrowIcon } from './DoubleArrow'; -export { Download as DownloadIcon } from './Download'; -export { DownloadTrimmed as DownloadTrimmedIcon } from './DownloadTrimmed'; -export { Drag as DragIcon } from './Drag'; -export { DragTrimmed as DragTrimmedIcon } from './DragTrimmed'; -export { Diamond as DiamondIcon } from './Diamond'; -export { Edit as EditIcon } from './Edit'; -export { EditTrimmed as EditTrimmedIcon } from './EditTrimmed'; -export { EmbeddedEntryBlock as EmbeddedEntryBlockIcon } from './EmbeddedEntryBlock'; -export { EmbeddedEntryBlockTrimmed as EmbeddedEntryBlockTrimmedIcon } from './EmbeddedEntryBlockTrimmed'; -export { EmbeddedEntryInline as EmbeddedEntryInlineIcon } from './EmbeddedEntryInline'; -export { EmbeddedEntryInlineTrimmed as EmbeddedEntryInlineTrimmedIcon } from './EmbeddedEntryInlineTrimmed'; -export { Entry as EntryIcon } from './Entry'; -export { EntryTrimmed as EntryTrimmedIcon } from './EntryTrimmed'; -export { Environment as EnvironmentIcon } from './Environment'; -export { EnvironmentAlias as EnvironmentAliasIcon } from './EnvironmentAlias'; -export { ErrorCircle as ErrorCircleIcon } from './ErrorCircle'; -export { ErrorCircleOutline as ErrorCircleOutlineIcon } from './ErrorCircleOutline'; -export { ErrorCircleTrimmed as ErrorCircleTrimmedIcon } from './ErrorCircleTrimmed'; -export { ExternalLink as ExternalLinkIcon } from './ExternalLink'; -export { ExternalLinkTrimmed as ExternalLinkTrimmedIcon } from './ExternalLinkTrimmed'; -export { FaceHappy as FaceHappyIcon } from './FaceHappy'; -export { FaceHappyTrimmed as FaceHappyTrimmedIcon } from './FaceHappyTrimmed'; -export { Filter as FilterIcon } from './Filter'; -export { FilterTrimmed as FilterTrimmedIcon } from './FilterTrimmed'; -export { Folder as FolderIcon } from './Folder'; -export { FolderCreate as FolderCreateIcon } from './FolderCreate'; -export { FolderCreateTrimmed as FolderCreateTrimmedIcon } from './FolderCreateTrimmed'; -export { FolderOpen as FolderOpenIcon } from './FolderOpen'; -export { FolderOpenTrimmed as FolderOpenTrimmedIcon } from './FolderOpenTrimmed'; -export { FolderTrimmed as FolderTrimmedIcon } from './FolderTrimmed'; -export { FormatBold as FormatBoldIcon } from './FormatBold'; -export { FormatBoldTrimmed as FormatBoldTrimmedIcon } from './FormatBoldTrimmed'; -export { FormatItalic as FormatItalicIcon } from './FormatItalic'; -export { FormatItalicTrimmed as FormatItalicTrimmedIcon } from './FormatItalicTrimmed'; -export { FormatUnderlined as FormatUnderlinedIcon } from './FormatUnderlined'; -export { FormatUnderlinedTrimmed as FormatUnderlinedTrimmedIcon } from './FormatUnderlinedTrimmed'; -export { Gift as GiftIcon } from './Gift'; -export { Heading as HeadingIcon } from './Heading'; -export { HeadingOne as HeadingOneIcon } from './HeadingOne'; -export { HeadingOneTrimmed as HeadingOneTrimmedIcon } from './HeadingOneTrimmed'; -export { HeadingTrimmed as HeadingTrimmedIcon } from './HeadingTrimmed'; -export { HeadingTwo as HeadingTwoIcon } from './HeadingTwo'; -export { HeadingTwoTrimmed as HeadingTwoTrimmedIcon } from './HeadingTwoTrimmed'; -export { HelpCircle as HelpCircleIcon } from './HelpCircle'; -export { HelpCircleInverted as HelpCircleInvertedIcon } from './HelpCircleInverted'; -export { HelpCircleTrimmed as HelpCircleTrimmedIcon } from './HelpCircleTrimmed'; -export { HorizontalRule as HorizontalRuleIcon } from './HorizontalRule'; -export { HorizontalRuleTrimmed as HorizontalRuleTrimmedIcon } from './HorizontalRuleTrimmed'; -export { Image as ImageIcon } from './Image'; -export { InfoCircle as InfoCircleIcon } from './InfoCircle'; -export { InfoCircleTrimmed as InfoCircleTrimmedIcon } from './InfoCircleTrimmed'; -export { Language as LanguageIcon } from './Language'; -export { Link as LinkIcon } from './Link'; -export { LinkAlternate as LinkAlternateIcon } from './LinkAlternate'; -export { LinkTrimmed as LinkTrimmedIcon } from './LinkTrimmed'; -export { ListBulleted as ListBulletedIcon } from './ListBulleted'; -export { ListBulletedTrimmed as ListBulletedTrimmedIcon } from './ListBulletedTrimmed'; -export { ListNumbered as ListNumberedIcon } from './ListNumbered'; -export { ListNumberedTrimmed as ListNumberedTrimmedIcon } from './ListNumberedTrimmed'; -export { Lock as LockIcon } from './Lock'; -export { LockTrimmed as LockTrimmedIcon } from './LockTrimmed'; -export { Logout as LogoutIcon } from './Logout'; -export { LooksOne as LooksOneIcon } from './LooksOne'; -export { LooksOneTrimmed as LooksOneTrimmedIcon } from './LooksOneTrimmed'; -export { LooksTwo as LooksTwoIcon } from './LooksTwo'; -export { LooksTwoTrimmed as LooksTwoTrimmedIcon } from './LooksTwoTrimmed'; -export { Markup as MarkupIcon } from './Markup'; -export { Menu as MenuIcon } from './Menu'; -export { MenuTrimmed as MenuTrimmedIcon } from './MenuTrimmed'; -export { Minus as MinusIcon } from './Minus'; -export { MoreHorizontal as MoreHorizontalIcon } from './MoreHorizontal'; -export { MoreHorizontalTrimmed as MoreHorizontalTrimmedIcon } from './MoreHorizontalTrimmed'; -export { MoreVertical as MoreVerticalIcon } from './MoreVertical'; -export { MoreVerticalTrimmed as MoreVerticalTrimmedIcon } from './MoreVerticalTrimmed'; -export { Page as PageIcon } from './Page'; -export { PageTrimmed as PageTrimmedIcon } from './PageTrimmed'; -export { Pdf as PdfIcon } from './Pdf'; -export { Person as PersonIcon } from './Person'; -export { Plaintext as PlaintextIcon } from './Plaintext'; -export { Plus as PlusIcon } from './Plus'; -export { PlusCircle as PlusCircleIcon } from './PlusCircle'; -export { PlusCircleTrimmed as PlusCircleTrimmedIcon } from './PlusCircleTrimmed'; -export { PlusTrimmed as PlusTrimmedIcon } from './PlusTrimmed'; -export { Presentation as PresentationIcon } from './Presentation'; -export { Preview as PreviewIcon } from './Preview'; -export { PreviewOff as PreviewOffIcon } from './PreviewOff'; -export { Puzzle as PuzzleIcon } from './Puzzle'; -export { Quote as QuoteIcon } from './Quote'; -export { QuoteTrimmed as QuoteTrimmedIcon } from './QuoteTrimmed'; -export { Receipt as ReceiptIcon } from './Receipt'; -export { ReceiptTrimmed as ReceiptTrimmedIcon } from './ReceiptTrimmed'; -export { References as ReferencesIcon } from './References'; -export { Release as ReleaseIcon } from './Release'; -export { ReleaseTrimmed as ReleaseTrimmedIcon } from './ReleaseTrimmed'; -export { Richtext as RichtextIcon } from './Richtext'; -export { Search as SearchIcon } from './Search'; -export { SearchTrimmed as SearchTrimmedIcon } from './SearchTrimmed'; -export { Settings as SettingsIcon } from './Settings'; -export { SettingsTrimmed as SettingsTrimmedIcon } from './SettingsTrimmed'; -export { ShoppingCart as ShoppingCartIcon } from './ShoppingCart'; -export { Sort as SortIcon } from './Sort'; -export { SortAscending as SortAscendingIcon } from './SortAscending'; -export { SortDescending as SortDescendingIcon } from './SortDescending'; -export { ShoppingCartTrimmed as ShoppingCartTrimmedIcon } from './ShoppingCartTrimmed'; -export { Spreadsheet as SpreadsheetIcon } from './Spreadsheet'; -export { Star as StarIcon } from './Star'; -export { StarTrimmed as StarTrimmedIcon } from './StarTrimmed'; -export { Subscript as SubscriptIcon } from './Subscript'; -export { SubscriptTrimmed as SubscriptTrimmedIcon } from './SubscriptTrimmed'; -export { Superscript as SuperscriptIcon } from './Superscript'; -export { SuperscriptTrimmed as SuperscriptTrimmedIcon } from './SuperscriptTrimmed'; -export { Tab as TabIcon } from './Tab'; -export { Table as TableIcon } from './Table'; -export { Tags as TagsIcon } from './Tags'; -export { Text as TextIcon } from './Text'; -export { TextTrimmed as TextTrimmedIcon } from './TextTrimmed'; -export { ThumbDown as ThumbDownIcon } from './ThumbDown'; -export { ThumbDownTrimmed as ThumbDownTrimmedIcon } from './ThumbDownTrimmed'; -export { ThumbUp as ThumbUpIcon } from './ThumbUp'; -export { ThumbUpTrimmed as ThumbUpTrimmedIcon } from './ThumbUpTrimmed'; -export { Toggle as ToggleIcon } from './Toggle'; -export { TriangleOutline as TriangleOutlineIcon } from './TriangleOutline'; -export { Users as UsersIcon } from './Users'; -export { UsersTrimmed as UsersTrimmedIcon } from './UsersTrimmed'; -export { Video as VideoIcon } from './Video'; -export { Warning as WarningIcon } from './Warning'; -export { WarningTrimmed as WarningTrimmedIcon } from './WarningTrimmed'; -export { Workflows as WorkflowsIcon } from './Workflows'; + +export * from './PhosphorIcons'; + +export * from './EmbeddedBlockIcon'; +export * from './EmbeddedLineIcon'; +export * from './EntryIcon'; +export * from './EnvironmentAliasIcon'; +export * from './EnvironmentIcon'; +export * from './ReleaseIcon'; +export * from './RichTextIcon'; +export * from './TextSubscriptIcon'; +export * from './TextSuperscriptIcon'; +export * from './WorkflowsIcon'; diff --git a/packages/components/icons/stories/Icons.stories.tsx b/packages/components/icons/stories/Icons.stories.tsx index a105725a7b..8c0e3f209d 100644 --- a/packages/components/icons/stories/Icons.stories.tsx +++ b/packages/components/icons/stories/Icons.stories.tsx @@ -1,10 +1,9 @@ import React, { Fragment } from 'react'; -import { Flex, Grid } from '@contentful/f36-core'; -import { SectionHeading } from '@contentful/f36-typography'; +import { Box, Flex } from '@contentful/f36-core'; +import { SectionHeading, Text } from '@contentful/f36-typography'; import type { Meta, Story } from '@storybook/react/types-6-0'; - import * as icons from '../src'; -import type { IconProps } from '../src'; +import type { IconProps, IconComponent } from '../src'; export default { argTypes: { @@ -41,25 +40,24 @@ export const Overview: Story = () => { Built-in icons - - {Object.keys(icons).map((icon) => { - const Component = icons[icon]; + {Object.keys(icons).map((icon) => { + const Component = icons[icon] as IconComponent; + + return ( + + {icon} - return ( - - {icon} + + + + + + - ); - })} - + + ); + })} ); };