diff --git a/README.md b/README.md index 3c8cdb8..e129fd4 100644 --- a/README.md +++ b/README.md @@ -33,6 +33,7 @@ npm install @digital-go-jp/tailwind-theme-plugin | Figma のバージョン | パッケージのバージョン | | ------------------ | ---------------- | +| 2.0.4 | 0.2.1 | | 2.0.3 | 0.2.0 | | 2.0.2 | 0.1.17 | | 2.0.1 | 0.1.16 | diff --git a/examples/README.md b/examples/README.md index 74573ab..7268dfe 100644 --- a/examples/README.md +++ b/examples/README.md @@ -3,11 +3,11 @@ ## セットアップ ``` -sh setup.sh +$ npm install ``` ## 実行 ``` -npm run dev +$ npm run dev ``` diff --git a/examples/package-lock.json b/examples/package-lock.json index 37fbf5c..c8f5cda 100644 --- a/examples/package-lock.json +++ b/examples/package-lock.json @@ -13,14 +13,14 @@ }, "devDependencies": { "@biomejs/biome": "^1.9.4", - "@types/react": "^18.3.4", - "@types/react-dom": "^18.3.0", - "@vitejs/plugin-react": "^4.3.1", + "@types/react": "^18.3.12", + "@types/react-dom": "^18.3.1", + "@vitejs/plugin-react": "^4.3.3", "autoprefixer": "^10.4.20", - "postcss": "^8.4.47", - "tailwindcss": "^3.4.14", + "postcss": "^8.4.49", + "tailwindcss": "^3.4.15", "typescript": "^5.6.3", - "vite": "^5.4.10" + "vite": "^5.4.11" } }, "node_modules/@alloc/quick-lru": { @@ -49,12 +49,14 @@ } }, "node_modules/@babel/code-frame": { - "version": "7.24.7", - "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.24.7.tgz", - "integrity": "sha512-BcYH1CVJBO9tvyIZ2jVeXgSIMvGZ2FDRvDdOIVQyuklNKSsx+eppDEBq/g47Ayw+RqNFE+URvOShmf+f/qwAlA==", + "version": "7.26.2", + "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.26.2.tgz", + "integrity": "sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==", "dev": true, + "license": "MIT", "dependencies": { - "@babel/highlight": "^7.24.7", + "@babel/helper-validator-identifier": "^7.25.9", + "js-tokens": "^4.0.0", "picocolors": "^1.0.0" }, "engines": { @@ -62,30 +64,32 @@ } }, "node_modules/@babel/compat-data": { - "version": "7.24.7", - "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.24.7.tgz", - "integrity": "sha512-qJzAIcv03PyaWqxRgO4mSU3lihncDT296vnyuE2O8uA4w3UHWI4S3hgeZd1L8W1Bft40w9JxJ2b412iDUFFRhw==", + "version": "7.26.2", + "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.26.2.tgz", + "integrity": "sha512-Z0WgzSEa+aUcdiJuCIqgujCshpMWgUpgOxXotrYPSA53hA3qopNaqcJpyr0hVb1FeWdnqFA35/fUtXgBK8srQg==", "dev": true, + "license": "MIT", "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/core": { - "version": "7.24.7", - "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.24.7.tgz", - "integrity": "sha512-nykK+LEK86ahTkX/3TgauT0ikKoNCfKHEaZYTUVupJdTLzGNvrblu4u6fa7DhZONAltdf8e662t/abY8idrd/g==", + "version": "7.26.0", + "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.26.0.tgz", + "integrity": "sha512-i1SLeK+DzNnQ3LL/CswPCa/E5u4lh1k6IAEphON8F+cXt0t9euTshDru0q7/IqMa1PMPz5RnHuHscF8/ZJsStg==", "dev": true, + "license": "MIT", "dependencies": { "@ampproject/remapping": "^2.2.0", - "@babel/code-frame": "^7.24.7", - "@babel/generator": "^7.24.7", - "@babel/helper-compilation-targets": "^7.24.7", - "@babel/helper-module-transforms": "^7.24.7", - "@babel/helpers": "^7.24.7", - "@babel/parser": "^7.24.7", - "@babel/template": "^7.24.7", - "@babel/traverse": "^7.24.7", - "@babel/types": "^7.24.7", + "@babel/code-frame": "^7.26.0", + "@babel/generator": "^7.26.0", + "@babel/helper-compilation-targets": "^7.25.9", + "@babel/helper-module-transforms": "^7.26.0", + "@babel/helpers": "^7.26.0", + "@babel/parser": "^7.26.0", + "@babel/template": "^7.25.9", + "@babel/traverse": "^7.25.9", + "@babel/types": "^7.26.0", "convert-source-map": "^2.0.0", "debug": "^4.1.0", "gensync": "^1.0.0-beta.2", @@ -101,29 +105,32 @@ } }, "node_modules/@babel/generator": { - "version": "7.24.7", - "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.24.7.tgz", - "integrity": "sha512-oipXieGC3i45Y1A41t4tAqpnEZWgB/lC6Ehh6+rOviR5XWpTtMmLN+fGjz9vOiNRt0p6RtO6DtD0pdU3vpqdSA==", + "version": "7.26.2", + "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.26.2.tgz", + "integrity": "sha512-zevQbhbau95nkoxSq3f/DC/SC+EEOUZd3DYqfSkMhY2/wfSeaHV1Ew4vk8e+x8lja31IbyuUa2uQ3JONqKbysw==", "dev": true, + "license": "MIT", "dependencies": { - "@babel/types": "^7.24.7", + "@babel/parser": "^7.26.2", + "@babel/types": "^7.26.0", "@jridgewell/gen-mapping": "^0.3.5", "@jridgewell/trace-mapping": "^0.3.25", - "jsesc": "^2.5.1" + "jsesc": "^3.0.2" }, "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/helper-compilation-targets": { - "version": "7.24.7", - "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.24.7.tgz", - "integrity": "sha512-ctSdRHBi20qWOfy27RUb4Fhp07KSJ3sXcuSvTrXrc4aG8NSYDo1ici3Vhg9bg69y5bj0Mr1lh0aeEgTvc12rMg==", + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.25.9.tgz", + "integrity": "sha512-j9Db8Suy6yV/VHa4qzrj9yZfZxhLWQdVnRlXxmKLYlhWUVB1sB2G5sxuWYXk/whHD9iW76PmNzxZ4UCnTQTVEQ==", "dev": true, + "license": "MIT", "dependencies": { - "@babel/compat-data": "^7.24.7", - "@babel/helper-validator-option": "^7.24.7", - "browserslist": "^4.22.2", + "@babel/compat-data": "^7.25.9", + "@babel/helper-validator-option": "^7.25.9", + "browserslist": "^4.24.0", "lru-cache": "^5.1.1", "semver": "^6.3.1" }, @@ -131,67 +138,30 @@ "node": ">=6.9.0" } }, - "node_modules/@babel/helper-environment-visitor": { - "version": "7.24.7", - "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.24.7.tgz", - "integrity": "sha512-DoiN84+4Gnd0ncbBOM9AZENV4a5ZiL39HYMyZJGZ/AZEykHYdJw0wW3kdcsh9/Kn+BRXHLkkklZ51ecPKmI1CQ==", - "dev": true, - "dependencies": { - "@babel/types": "^7.24.7" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-function-name": { - "version": "7.24.7", - "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.24.7.tgz", - "integrity": "sha512-FyoJTsj/PEUWu1/TYRiXTIHc8lbw+TDYkZuoE43opPS5TrI7MyONBE1oNvfguEXAD9yhQRrVBnXdXzSLQl9XnA==", - "dev": true, - "dependencies": { - "@babel/template": "^7.24.7", - "@babel/types": "^7.24.7" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-hoist-variables": { - "version": "7.24.7", - "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.24.7.tgz", - "integrity": "sha512-MJJwhkoGy5c4ehfoRyrJ/owKeMl19U54h27YYftT0o2teQ3FJ3nQUf/I3LlJsX4l3qlw7WRXUmiyajvHXoTubQ==", - "dev": true, - "dependencies": { - "@babel/types": "^7.24.7" - }, - "engines": { - "node": ">=6.9.0" - } - }, "node_modules/@babel/helper-module-imports": { - "version": "7.24.7", - "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.24.7.tgz", - "integrity": "sha512-8AyH3C+74cgCVVXow/myrynrAGv+nTVg5vKu2nZph9x7RcRwzmh0VFallJuFTZ9mx6u4eSdXZfcOzSqTUm0HCA==", + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.25.9.tgz", + "integrity": "sha512-tnUA4RsrmflIM6W6RFTLFSXITtl0wKjgpnLgXyowocVPrbYrLUXSBXDgTs8BlbmIzIdlBySRQjINYs2BAkiLtw==", "dev": true, + "license": "MIT", "dependencies": { - "@babel/traverse": "^7.24.7", - "@babel/types": "^7.24.7" + "@babel/traverse": "^7.25.9", + "@babel/types": "^7.25.9" }, "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/helper-module-transforms": { - "version": "7.24.7", - "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.24.7.tgz", - "integrity": "sha512-1fuJEwIrp+97rM4RWdO+qrRsZlAeL1lQJoPqtCYWv0NL115XM93hIH4CSRln2w52SqvmY5hqdtauB6QFCDiZNQ==", + "version": "7.26.0", + "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.26.0.tgz", + "integrity": "sha512-xO+xu6B5K2czEnQye6BHA7DolFFmS3LB7stHZFaOLb1pAwO1HWLS8fXA+eh0A2yIvltPVmx3eNNDBJA2SLHXFw==", "dev": true, + "license": "MIT", "dependencies": { - "@babel/helper-environment-visitor": "^7.24.7", - "@babel/helper-module-imports": "^7.24.7", - "@babel/helper-simple-access": "^7.24.7", - "@babel/helper-split-export-declaration": "^7.24.7", - "@babel/helper-validator-identifier": "^7.24.7" + "@babel/helper-module-imports": "^7.25.9", + "@babel/helper-validator-identifier": "^7.25.9", + "@babel/traverse": "^7.25.9" }, "engines": { "node": ">=6.9.0" @@ -209,91 +179,59 @@ "node": ">=6.9.0" } }, - "node_modules/@babel/helper-simple-access": { - "version": "7.24.7", - "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.24.7.tgz", - "integrity": "sha512-zBAIvbCMh5Ts+b86r/CjU+4XGYIs+R1j951gxI3KmmxBMhCg4oQMsv6ZXQ64XOm/cvzfU1FmoCyt6+owc5QMYg==", - "dev": true, - "dependencies": { - "@babel/traverse": "^7.24.7", - "@babel/types": "^7.24.7" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-split-export-declaration": { - "version": "7.24.7", - "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.24.7.tgz", - "integrity": "sha512-oy5V7pD+UvfkEATUKvIjvIAH/xCzfsFVw7ygW2SI6NClZzquT+mwdTfgfdbUiceh6iQO0CHtCPsyze/MZ2YbAA==", - "dev": true, - "dependencies": { - "@babel/types": "^7.24.7" - }, - "engines": { - "node": ">=6.9.0" - } - }, "node_modules/@babel/helper-string-parser": { - "version": "7.24.7", - "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.24.7.tgz", - "integrity": "sha512-7MbVt6xrwFQbunH2DNQsAP5sTGxfqQtErvBIvIMi6EQnbgUOuVYanvREcmFrOPhoXBrTtjhhP+lW+o5UfK+tDg==", + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.25.9.tgz", + "integrity": "sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==", "dev": true, + "license": "MIT", "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/helper-validator-identifier": { - "version": "7.24.7", - "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.7.tgz", - "integrity": "sha512-rR+PBcQ1SMQDDyF6X0wxtG8QyLCgUB0eRAGguqRLfkCA87l7yAP7ehq8SNj96OOGTO8OBV70KhuFYcIkHXOg0w==", + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz", + "integrity": "sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==", "dev": true, + "license": "MIT", "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/helper-validator-option": { - "version": "7.24.7", - "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.24.7.tgz", - "integrity": "sha512-yy1/KvjhV/ZCL+SM7hBrvnZJ3ZuT9OuZgIJAGpPEToANvc3iM6iDvBnRjtElWibHU6n8/LPR/EjX9EtIEYO3pw==", + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.25.9.tgz", + "integrity": "sha512-e/zv1co8pp55dNdEcCynfj9X7nyUKUXoUEwfXqaZt0omVOmDe9oOTdKStH4GmAw6zxMFs50ZayuMfHDKlO7Tfw==", "dev": true, + "license": "MIT", "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/helpers": { - "version": "7.24.7", - "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.24.7.tgz", - "integrity": "sha512-NlmJJtvcw72yRJRcnCmGvSi+3jDEg8qFu3z0AFoymmzLx5ERVWyzd9kVXr7Th9/8yIJi2Zc6av4Tqz3wFs8QWg==", + "version": "7.26.0", + "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.26.0.tgz", + "integrity": "sha512-tbhNuIxNcVb21pInl3ZSjksLCvgdZy9KwJ8brv993QtIVKJBBkYXz4q4ZbAv31GdnC+R90np23L5FbEBlthAEw==", "dev": true, + "license": "MIT", "dependencies": { - "@babel/template": "^7.24.7", - "@babel/types": "^7.24.7" + "@babel/template": "^7.25.9", + "@babel/types": "^7.26.0" }, "engines": { "node": ">=6.9.0" } }, - "node_modules/@babel/highlight": { - "version": "7.24.7", - "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.24.7.tgz", - "integrity": "sha512-EStJpq4OuY8xYfhGVXngigBJRWxftKX9ksiGDnmlY3o7B/V7KIAc9X4oiK87uPJSc/vs5L869bem5fhZa8caZw==", + "node_modules/@babel/parser": { + "version": "7.26.2", + "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.26.2.tgz", + "integrity": "sha512-DWMCZH9WA4Maitz2q21SRKHo9QXZxkDsbNZoVD62gusNtNBBqDg9i7uOhASfTfIGNzW+O+r7+jAlM8dwphcJKQ==", "dev": true, + "license": "MIT", "dependencies": { - "@babel/helper-validator-identifier": "^7.24.7", - "chalk": "^2.4.2", - "js-tokens": "^4.0.0", - "picocolors": "^1.0.0" + "@babel/types": "^7.26.0" }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/parser": { - "version": "7.24.7", - "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.24.7.tgz", - "integrity": "sha512-9uUYRm6OqQrCqQdG1iCBwBPZgN8ciDBro2nIOFaiRz1/BCxaI7CNvQbDHvsArAC7Tw9Hda/B3U+6ui9u4HWXPw==", - "dev": true, "bin": { "parser": "bin/babel-parser.js" }, @@ -332,33 +270,32 @@ } }, "node_modules/@babel/template": { - "version": "7.24.7", - "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.24.7.tgz", - "integrity": "sha512-jYqfPrU9JTF0PmPy1tLYHW4Mp4KlgxJD9l2nP9fD6yT/ICi554DmrWBAEYpIelzjHf1msDP3PxJIRt/nFNfBig==", + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.25.9.tgz", + "integrity": "sha512-9DGttpmPvIxBb/2uwpVo3dqJ+O6RooAFOS+lB+xDqoE2PVCE8nfoHMdZLpfCQRLwvohzXISPZcgxt80xLfsuwg==", "dev": true, + "license": "MIT", "dependencies": { - "@babel/code-frame": "^7.24.7", - "@babel/parser": "^7.24.7", - "@babel/types": "^7.24.7" + "@babel/code-frame": "^7.25.9", + "@babel/parser": "^7.25.9", + "@babel/types": "^7.25.9" }, "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/traverse": { - "version": "7.24.7", - "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.24.7.tgz", - "integrity": "sha512-yb65Ed5S/QAcewNPh0nZczy9JdYXkkAbIsEo+P7BE7yO3txAY30Y/oPa3QkQ5It3xVG2kpKMg9MsdxZaO31uKA==", - "dev": true, - "dependencies": { - "@babel/code-frame": "^7.24.7", - "@babel/generator": "^7.24.7", - "@babel/helper-environment-visitor": "^7.24.7", - "@babel/helper-function-name": "^7.24.7", - "@babel/helper-hoist-variables": "^7.24.7", - "@babel/helper-split-export-declaration": "^7.24.7", - "@babel/parser": "^7.24.7", - "@babel/types": "^7.24.7", + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.25.9.tgz", + "integrity": "sha512-ZCuvfwOwlz/bawvAuvcj8rrithP2/N55Tzz342AkTvq4qaWbGfmCk/tKhNaV2cthijKrPAA8SRJV5WWe7IBMJw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/code-frame": "^7.25.9", + "@babel/generator": "^7.25.9", + "@babel/parser": "^7.25.9", + "@babel/template": "^7.25.9", + "@babel/types": "^7.25.9", "debug": "^4.3.1", "globals": "^11.1.0" }, @@ -367,14 +304,14 @@ } }, "node_modules/@babel/types": { - "version": "7.24.7", - "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.24.7.tgz", - "integrity": "sha512-XEFXSlxiG5td2EJRe8vOmRbaXVgfcBlszKujvVmWIK/UpywWljQCfzAv3RQCGujWQ1RD4YYWEAqDXfuJiy8f5Q==", + "version": "7.26.0", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.0.tgz", + "integrity": "sha512-Z/yiTPj+lDVnF7lWeKCIJzaIkI0vYO87dMpZ4bg4TDrFe4XXLFWL1TbXU27gBP3QccxV9mZICCrnjnYlJjXHOA==", "dev": true, + "license": "MIT", "dependencies": { - "@babel/helper-string-parser": "^7.24.7", - "@babel/helper-validator-identifier": "^7.24.7", - "to-fast-properties": "^2.0.0" + "@babel/helper-string-parser": "^7.25.9", + "@babel/helper-validator-identifier": "^7.25.9" }, "engines": { "node": ">=6.9.0" @@ -1301,9 +1238,9 @@ "dev": true }, "node_modules/@types/react": { - "version": "18.3.4", - "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.4.tgz", - "integrity": "sha512-J7W30FTdfCxDDjmfRM+/JqLHBIyl7xUIp9kwK637FGmY7+mkSFSe6L4jpZzhj5QMfLssSDP4/i75AKkrdC7/Jw==", + "version": "18.3.12", + "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.12.tgz", + "integrity": "sha512-D2wOSq/d6Agt28q7rSI3jhU7G6aiuzljDGZ2hTZHIkrTLUI+AF3WMeKkEZ9nN2fkBAlcktT6vcZjDFiIhMYEQw==", "dev": true, "license": "MIT", "dependencies": { @@ -1312,9 +1249,9 @@ } }, "node_modules/@types/react-dom": { - "version": "18.3.0", - "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.0.tgz", - "integrity": "sha512-EhwApuTmMBmXuFOikhQLIBUn6uFg81SwLMOAUgodJF14SOBOCMdU04gDoYi0WOJJHD144TL32z4yDqCW3dnkQg==", + "version": "18.3.1", + "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.1.tgz", + "integrity": "sha512-qW1Mfv8taImTthu4KoXgDfLuk4bydU6Q/TkADnDWWHwi4NX4BR+LWfTp2sVmTqRrsHvyDDTelgelxJ+SsejKKQ==", "dev": true, "license": "MIT", "dependencies": { @@ -1322,14 +1259,15 @@ } }, "node_modules/@vitejs/plugin-react": { - "version": "4.3.1", - "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.3.1.tgz", - "integrity": "sha512-m/V2syj5CuVnaxcUJOQRel/Wr31FFXRFlnOoq1TVtkCxsY5veGMTEmpWHndrhB2U8ScHtCQB1e+4hWYExQc6Lg==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.3.3.tgz", + "integrity": "sha512-NooDe9GpHGqNns1i8XDERg0Vsg5SSYRhRxxyTGogUdkdNt47jal+fbuYi+Yfq6pzRCKXyoPcWisfxE6RIM3GKA==", "dev": true, + "license": "MIT", "dependencies": { - "@babel/core": "^7.24.5", - "@babel/plugin-transform-react-jsx-self": "^7.24.5", - "@babel/plugin-transform-react-jsx-source": "^7.24.1", + "@babel/core": "^7.25.2", + "@babel/plugin-transform-react-jsx-self": "^7.24.7", + "@babel/plugin-transform-react-jsx-source": "^7.24.7", "@types/babel__core": "^7.20.5", "react-refresh": "^0.14.2" }, @@ -1352,18 +1290,6 @@ "url": "https://github.com/chalk/ansi-regex?sponsor=1" } }, - "node_modules/ansi-styles": { - "version": "3.2.1", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", - "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", - "dev": true, - "dependencies": { - "color-convert": "^1.9.0" - }, - "engines": { - "node": ">=4" - } - }, "node_modules/any-promise": { "version": "1.3.0", "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz", @@ -1467,9 +1393,9 @@ } }, "node_modules/browserslist": { - "version": "4.23.3", - "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.3.tgz", - "integrity": "sha512-btwCFJVjI4YWDNfau8RhZ+B1Q/VLoUITrm3RlP6y1tYGWIOa+InuYiRGXUBXo8nA1qKmHMyLB/iVQg5TT4eFoA==", + "version": "4.24.2", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.2.tgz", + "integrity": "sha512-ZIc+Q62revdMcqC6aChtW4jz3My3klmCO1fEmINZY/8J3EpBg5/A/D0AKmBveUh6pgoeycoMkVMko84tuYS+Gg==", "dev": true, "funding": [ { @@ -1487,10 +1413,10 @@ ], "license": "MIT", "dependencies": { - "caniuse-lite": "^1.0.30001646", - "electron-to-chromium": "^1.5.4", + "caniuse-lite": "^1.0.30001669", + "electron-to-chromium": "^1.5.41", "node-releases": "^2.0.18", - "update-browserslist-db": "^1.1.0" + "update-browserslist-db": "^1.1.1" }, "bin": { "browserslist": "cli.js" @@ -1509,9 +1435,9 @@ } }, "node_modules/caniuse-lite": { - "version": "1.0.30001653", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001653.tgz", - "integrity": "sha512-XGWQVB8wFQ2+9NZwZ10GxTYC5hk0Fa+q8cSkr0tgvMhYhMHP/QC+WTgrePMDBWiWc/pV+1ik82Al20XOK25Gcw==", + "version": "1.0.30001680", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001680.tgz", + "integrity": "sha512-rPQy70G6AGUMnbwS1z6Xg+RkHYPAi18ihs47GH0jcxIG7wArmPgY3XbS2sRdBbxJljp3thdT8BIqv9ccCypiPA==", "dev": true, "funding": [ { @@ -1529,20 +1455,6 @@ ], "license": "CC-BY-4.0" }, - "node_modules/chalk": { - "version": "2.4.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", - "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", - "dev": true, - "dependencies": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" - }, - "engines": { - "node": ">=4" - } - }, "node_modules/chokidar": { "version": "3.6.0", "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz", @@ -1579,21 +1491,6 @@ "node": ">= 6" } }, - "node_modules/color-convert": { - "version": "1.9.3", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", - "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", - "dev": true, - "dependencies": { - "color-name": "1.1.3" - } - }, - "node_modules/color-name": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", - "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==", - "dev": true - }, "node_modules/commander": { "version": "4.1.1", "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz", @@ -1610,10 +1507,11 @@ "dev": true }, "node_modules/cross-spawn": { - "version": "7.0.3", - "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz", - "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==", + "version": "7.0.6", + "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz", + "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==", "dev": true, + "license": "MIT", "dependencies": { "path-key": "^3.1.0", "shebang-command": "^2.0.0", @@ -1628,6 +1526,7 @@ "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz", "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==", "dev": true, + "license": "MIT", "bin": { "cssesc": "bin/cssesc" }, @@ -1642,12 +1541,13 @@ "dev": true }, "node_modules/debug": { - "version": "4.3.5", - "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.5.tgz", - "integrity": "sha512-pt0bNEmneDIvdL1Xsd9oDQ/wrQRkXDT4AUWlNZNPKvW5x/jyO9VFXkJUP07vQ2upmw5PlaITaPKc31jK13V+jg==", + "version": "4.3.7", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz", + "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==", "dev": true, + "license": "MIT", "dependencies": { - "ms": "2.1.2" + "ms": "^2.1.3" }, "engines": { "node": ">=6.0" @@ -1677,9 +1577,9 @@ "dev": true }, "node_modules/electron-to-chromium": { - "version": "1.5.13", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.13.tgz", - "integrity": "sha512-lbBcvtIJ4J6sS4tb5TLp1b4LyfCdMkwStzXPyAgVgTRAsep4bvrAGaBOP7ZJtQMNJpSQ9SqG4brWOroNaQtm7Q==", + "version": "1.5.63", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.63.tgz", + "integrity": "sha512-ddeXKuY9BHo/mw145axlyWjlJ1UBt4WK3AlvkT7W2AbqfRQoacVoRUCF6wL3uIx/8wT9oLKXzI+rFqHHscByaA==", "dev": true, "license": "ISC" }, @@ -1728,24 +1628,15 @@ } }, "node_modules/escalade": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.2.tgz", - "integrity": "sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==", + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz", + "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==", "dev": true, "license": "MIT", "engines": { "node": ">=6" } }, - "node_modules/escape-string-regexp": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", - "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==", - "dev": true, - "engines": { - "node": ">=0.8.0" - } - }, "node_modules/fast-glob": { "version": "3.3.2", "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz", @@ -1896,15 +1787,7 @@ "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz", "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==", "dev": true, - "engines": { - "node": ">=4" - } - }, - "node_modules/has-flag": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", - "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==", - "dev": true, + "license": "MIT", "engines": { "node": ">=4" } @@ -2026,15 +1909,16 @@ "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==" }, "node_modules/jsesc": { - "version": "2.5.2", - "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz", - "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==", + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.0.2.tgz", + "integrity": "sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==", "dev": true, + "license": "MIT", "bin": { "jsesc": "bin/jsesc" }, "engines": { - "node": ">=4" + "node": ">=6" } }, "node_modules/json5": { @@ -2080,6 +1964,7 @@ "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz", "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==", "dev": true, + "license": "ISC", "dependencies": { "yallist": "^3.0.2" } @@ -2132,10 +2017,11 @@ } }, "node_modules/ms": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", - "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==", - "dev": true + "version": "2.1.3", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz", + "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==", + "dev": true, + "license": "MIT" }, "node_modules/mz": { "version": "2.7.0", @@ -2256,9 +2142,9 @@ } }, "node_modules/picocolors": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.0.tgz", - "integrity": "sha512-TQ92mBOW0l3LeMeyLV6mzy/kWr8lkd/hp3mTg7wYK7zJhuBStmGMBG0BdeDZS/dZx1IukaX6Bk11zcln25o1Aw==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz", + "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==", "dev": true, "license": "ISC" }, @@ -2293,9 +2179,9 @@ } }, "node_modules/postcss": { - "version": "8.4.47", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.47.tgz", - "integrity": "sha512-56rxCq7G/XfB4EkXq9Egn5GCqugWvDFjafDOThIdMBsI15iqPqR5r15TfSr1YPYeEI19YeaXMCbY6u88Y76GLQ==", + "version": "8.4.49", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.49.tgz", + "integrity": "sha512-OCVPnIObs4N29kxTjzLfUryOkvZEq+pf8jTF0lg8E7uETuWHA+v7j3c/xJmiqpX450191LlmZfUKkXxkTry7nA==", "dev": true, "funding": [ { @@ -2314,7 +2200,7 @@ "license": "MIT", "dependencies": { "nanoid": "^3.3.7", - "picocolors": "^1.1.0", + "picocolors": "^1.1.1", "source-map-js": "^1.2.1" }, "engines": { @@ -2405,29 +2291,37 @@ } }, "node_modules/postcss-nested": { - "version": "6.0.1", - "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.1.tgz", - "integrity": "sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==", + "version": "6.2.0", + "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.2.0.tgz", + "integrity": "sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==", "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", "dependencies": { - "postcss-selector-parser": "^6.0.11" + "postcss-selector-parser": "^6.1.1" }, "engines": { "node": ">=12.0" }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/postcss/" - }, "peerDependencies": { "postcss": "^8.2.14" } }, "node_modules/postcss-selector-parser": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.0.tgz", - "integrity": "sha512-UMz42UD0UY0EApS0ZL9o1XnLhSTtvvvLe5Dc2H2O56fvRZi+KulDyf5ctDhhtYJBGKStV2FL1fy6253cmLgqVQ==", + "version": "6.1.2", + "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz", + "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==", "dev": true, + "license": "MIT", "dependencies": { "cssesc": "^3.0.0", "util-deprecate": "^1.0.2" @@ -2614,6 +2508,7 @@ "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", "dev": true, + "license": "ISC", "bin": { "semver": "bin/semver.js" } @@ -2779,18 +2674,6 @@ "node": ">=16 || 14 >=14.17" } }, - "node_modules/supports-color": { - "version": "5.5.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", - "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", - "dev": true, - "dependencies": { - "has-flag": "^3.0.0" - }, - "engines": { - "node": ">=4" - } - }, "node_modules/supports-preserve-symlinks-flag": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz", @@ -2804,34 +2687,34 @@ } }, "node_modules/tailwindcss": { - "version": "3.4.14", - "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.14.tgz", - "integrity": "sha512-IcSvOcTRcUtQQ7ILQL5quRDg7Xs93PdJEk1ZLbhhvJc7uj/OAhYOnruEiwnGgBvUtaUAJ8/mhSw1o8L2jCiENA==", + "version": "3.4.15", + "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.15.tgz", + "integrity": "sha512-r4MeXnfBmSOuKUWmXe6h2CcyfzJCEk4F0pptO5jlnYSIViUkVmsawj80N5h2lO3gwcmSb4n3PuN+e+GC1Guylw==", "dev": true, "license": "MIT", "dependencies": { "@alloc/quick-lru": "^5.2.0", "arg": "^5.0.2", - "chokidar": "^3.5.3", + "chokidar": "^3.6.0", "didyoumean": "^1.2.2", "dlv": "^1.1.3", - "fast-glob": "^3.3.0", + "fast-glob": "^3.3.2", "glob-parent": "^6.0.2", "is-glob": "^4.0.3", - "jiti": "^1.21.0", + "jiti": "^1.21.6", "lilconfig": "^2.1.0", - "micromatch": "^4.0.5", + "micromatch": "^4.0.8", "normalize-path": "^3.0.0", "object-hash": "^3.0.0", - "picocolors": "^1.0.0", - "postcss": "^8.4.23", + "picocolors": "^1.1.1", + "postcss": "^8.4.47", "postcss-import": "^15.1.0", "postcss-js": "^4.0.1", - "postcss-load-config": "^4.0.1", - "postcss-nested": "^6.0.1", - "postcss-selector-parser": "^6.0.11", - "resolve": "^1.22.2", - "sucrase": "^3.32.0" + "postcss-load-config": "^4.0.2", + "postcss-nested": "^6.2.0", + "postcss-selector-parser": "^6.1.2", + "resolve": "^1.22.8", + "sucrase": "^3.35.0" }, "bin": { "tailwind": "lib/cli.js", @@ -2862,15 +2745,6 @@ "node": ">=0.8" } }, - "node_modules/to-fast-properties": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz", - "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==", - "dev": true, - "engines": { - "node": ">=4" - } - }, "node_modules/to-regex-range": { "version": "5.0.1", "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", @@ -2904,9 +2778,9 @@ } }, "node_modules/update-browserslist-db": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.0.tgz", - "integrity": "sha512-EdRAaAyk2cUE1wOf2DkEhzxqOQvFOoRJFNS6NeyJ01Gp2beMRpBAINjM2iDXE3KCuKhwnvHIQCJm6ThL2Z+HzQ==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.1.tgz", + "integrity": "sha512-R8UzCaa9Az+38REPiJ1tXlImTJXlVfgHZsglwBD/k6nj76ctsH1E3q4doGrukiLQd3sGQYu56r5+lo5r94l29A==", "dev": true, "funding": [ { @@ -2924,8 +2798,8 @@ ], "license": "MIT", "dependencies": { - "escalade": "^3.1.2", - "picocolors": "^1.0.1" + "escalade": "^3.2.0", + "picocolors": "^1.1.0" }, "bin": { "update-browserslist-db": "cli.js" @@ -2938,12 +2812,13 @@ "version": "1.0.2", "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==", - "dev": true + "dev": true, + "license": "MIT" }, "node_modules/vite": { - "version": "5.4.10", - "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.10.tgz", - "integrity": "sha512-1hvaPshuPUtxeQ0hsVH3Mud0ZanOLwVTneA1EgbAM5LhaZEqyPWGRQ7BtaMvUrTDeEaC8pxtj6a6jku3x4z6SQ==", + "version": "5.4.11", + "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.11.tgz", + "integrity": "sha512-c7jFQRklXua0mTzneGW9QVyxFjUgwcihC4bXEtujIo2ouWCe1Ajt/amn2PCxYnhYfd5k09JX3SB7OYWFKYqj8Q==", "dev": true, "license": "MIT", "dependencies": { @@ -3140,7 +3015,8 @@ "version": "3.1.1", "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz", "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==", - "dev": true + "dev": true, + "license": "ISC" }, "node_modules/yaml": { "version": "2.4.5", diff --git a/examples/package.json b/examples/package.json index a10759b..1ef73c2 100644 --- a/examples/package.json +++ b/examples/package.json @@ -17,13 +17,13 @@ }, "devDependencies": { "@biomejs/biome": "^1.9.4", - "@types/react": "^18.3.4", - "@types/react-dom": "^18.3.0", - "@vitejs/plugin-react": "^4.3.1", + "@types/react": "^18.3.12", + "@types/react-dom": "^18.3.1", + "@vitejs/plugin-react": "^4.3.3", "autoprefixer": "^10.4.20", - "postcss": "^8.4.47", - "tailwindcss": "^3.4.14", + "postcss": "^8.4.49", + "tailwindcss": "^3.4.15", "typescript": "^5.6.3", - "vite": "^5.4.10" + "vite": "^5.4.11" } } diff --git a/examples/setup.sh b/examples/setup.sh deleted file mode 100644 index 3078696..0000000 --- a/examples/setup.sh +++ /dev/null @@ -1,13 +0,0 @@ -#!/bin/sh - -set -eu - -SCRIPT_DIR=$(cd $(dirname $0); pwd) - -cd ${SCRIPT_DIR}/../ - -npm run build - -cd examples - -npm install \ No newline at end of file diff --git a/examples/src/elevation/ElevationSection.tsx b/examples/src/elevation/ElevationSection.tsx index 3a2525a..d143155 100644 --- a/examples/src/elevation/ElevationSection.tsx +++ b/examples/src/elevation/ElevationSection.tsx @@ -6,35 +6,35 @@ export const ElevationSection = () => {
-
+
Style 1
-
+
Style 2
-
+
Style 3
-
+
Style 4
-
+
Style 5
-
+
Style 6
-
+
Style 7
-
+
Style 8
diff --git a/examples/src/radius/RadiusSection.tsx b/examples/src/radius/RadiusSection.tsx index 4fb1598..b56c231 100644 --- a/examples/src/radius/RadiusSection.tsx +++ b/examples/src/radius/RadiusSection.tsx @@ -6,23 +6,31 @@ export const RadiusSection = () => {
-
+
none
-
+
+ 4px +
+
+
8px
-
+
16px
-
+
+ 24px +
+
+
32px
-
+
full
diff --git a/examples/tailwind-theme-plugin/index.cjs.js b/examples/tailwind-theme-plugin/index.cjs.js new file mode 100644 index 0000000..2d2a042 --- /dev/null +++ b/examples/tailwind-theme-plugin/index.cjs.js @@ -0,0 +1 @@ +"use strict";function s(i){return i&&i.__esModule&&Object.prototype.hasOwnProperty.call(i,"default")?i.default:i}var g={Color:{Primitive:{Blue:{50:{$type:"color",$value:"#e8f1fe",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#e8f1fe"},name:"ColorPrimitiveBlue50",attributes:{category:"Color",type:"Primitive",item:"Blue",subitem:"50"},path:["Color","Primitive","Blue","50"]},100:{$type:"color",$value:"#d9e6ff",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#d9e6ff"},name:"ColorPrimitiveBlue100",attributes:{category:"Color",type:"Primitive",item:"Blue",subitem:"100"},path:["Color","Primitive","Blue","100"]},200:{$type:"color",$value:"#c5d7fb",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#c5d7fb"},name:"ColorPrimitiveBlue200",attributes:{category:"Color",type:"Primitive",item:"Blue",subitem:"200"},path:["Color","Primitive","Blue","200"]},300:{$type:"color",$value:"#9db7f9",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#9db7f9"},name:"ColorPrimitiveBlue300",attributes:{category:"Color",type:"Primitive",item:"Blue",subitem:"300"},path:["Color","Primitive","Blue","300"]},400:{$type:"color",$value:"#7096f8",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#7096f8"},name:"ColorPrimitiveBlue400",attributes:{category:"Color",type:"Primitive",item:"Blue",subitem:"400"},path:["Color","Primitive","Blue","400"]},500:{$type:"color",$value:"#4979f5",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#4979f5"},name:"ColorPrimitiveBlue500",attributes:{category:"Color",type:"Primitive",item:"Blue",subitem:"500"},path:["Color","Primitive","Blue","500"]},600:{$type:"color",$value:"#3460fb",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#3460fb"},name:"ColorPrimitiveBlue600",attributes:{category:"Color",type:"Primitive",item:"Blue",subitem:"600"},path:["Color","Primitive","Blue","600"]},700:{$type:"color",$value:"#264af4",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#264af4"},name:"ColorPrimitiveBlue700",attributes:{category:"Color",type:"Primitive",item:"Blue",subitem:"700"},path:["Color","Primitive","Blue","700"]},800:{$type:"color",$value:"#0031d8",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#0031d8"},name:"ColorPrimitiveBlue800",attributes:{category:"Color",type:"Primitive",item:"Blue",subitem:"800"},path:["Color","Primitive","Blue","800"]},900:{$type:"color",$value:"#0017c1",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#0017c1"},name:"ColorPrimitiveBlue900",attributes:{category:"Color",type:"Primitive",item:"Blue",subitem:"900"},path:["Color","Primitive","Blue","900"]},1e3:{$type:"color",$value:"#00118f",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#00118f"},name:"ColorPrimitiveBlue1000",attributes:{category:"Color",type:"Primitive",item:"Blue",subitem:"1000"},path:["Color","Primitive","Blue","1000"]},1100:{$type:"color",$value:"#000071",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#000071"},name:"ColorPrimitiveBlue1100",attributes:{category:"Color",type:"Primitive",item:"Blue",subitem:"1100"},path:["Color","Primitive","Blue","1100"]},1200:{$type:"color",$value:"#000060",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#000060"},name:"ColorPrimitiveBlue1200",attributes:{category:"Color",type:"Primitive",item:"Blue",subitem:"1200"},path:["Color","Primitive","Blue","1200"]}},LightBlue:{50:{$type:"color",$value:"#f0f9ff",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#f0f9ff"},name:"ColorPrimitiveLightBlue50",attributes:{category:"Color",type:"Primitive",item:"LightBlue",subitem:"50"},path:["Color","Primitive","LightBlue","50"]},100:{$type:"color",$value:"#dcf0ff",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#dcf0ff"},name:"ColorPrimitiveLightBlue100",attributes:{category:"Color",type:"Primitive",item:"LightBlue",subitem:"100"},path:["Color","Primitive","LightBlue","100"]},200:{$type:"color",$value:"#c0e4ff",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#c0e4ff"},name:"ColorPrimitiveLightBlue200",attributes:{category:"Color",type:"Primitive",item:"LightBlue",subitem:"200"},path:["Color","Primitive","LightBlue","200"]},300:{$type:"color",$value:"#97d3ff",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#97d3ff"},name:"ColorPrimitiveLightBlue300",attributes:{category:"Color",type:"Primitive",item:"LightBlue",subitem:"300"},path:["Color","Primitive","LightBlue","300"]},400:{$type:"color",$value:"#57b8ff",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#57b8ff"},name:"ColorPrimitiveLightBlue400",attributes:{category:"Color",type:"Primitive",item:"LightBlue",subitem:"400"},path:["Color","Primitive","LightBlue","400"]},500:{$type:"color",$value:"#39abff",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#39abff"},name:"ColorPrimitiveLightBlue500",attributes:{category:"Color",type:"Primitive",item:"LightBlue",subitem:"500"},path:["Color","Primitive","LightBlue","500"]},600:{$type:"color",$value:"#008bf2",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#008bf2"},name:"ColorPrimitiveLightBlue600",attributes:{category:"Color",type:"Primitive",item:"LightBlue",subitem:"600"},path:["Color","Primitive","LightBlue","600"]},700:{$type:"color",$value:"#0877d7",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#0877d7"},name:"ColorPrimitiveLightBlue700",attributes:{category:"Color",type:"Primitive",item:"LightBlue",subitem:"700"},path:["Color","Primitive","LightBlue","700"]},800:{$type:"color",$value:"#0066be",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#0066be"},name:"ColorPrimitiveLightBlue800",attributes:{category:"Color",type:"Primitive",item:"LightBlue",subitem:"800"},path:["Color","Primitive","LightBlue","800"]},900:{$type:"color",$value:"#0055ad",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#0055ad"},name:"ColorPrimitiveLightBlue900",attributes:{category:"Color",type:"Primitive",item:"LightBlue",subitem:"900"},path:["Color","Primitive","LightBlue","900"]},1e3:{$type:"color",$value:"#00428c",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#00428c"},name:"ColorPrimitiveLightBlue1000",attributes:{category:"Color",type:"Primitive",item:"LightBlue",subitem:"1000"},path:["Color","Primitive","LightBlue","1000"]},1100:{$type:"color",$value:"#00316a",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#00316a"},name:"ColorPrimitiveLightBlue1100",attributes:{category:"Color",type:"Primitive",item:"LightBlue",subitem:"1100"},path:["Color","Primitive","LightBlue","1100"]},1200:{$type:"color",$value:"#00234b",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#00234b"},name:"ColorPrimitiveLightBlue1200",attributes:{category:"Color",type:"Primitive",item:"LightBlue",subitem:"1200"},path:["Color","Primitive","LightBlue","1200"]}},Cyan:{50:{$type:"color",$value:"#e9f7f9",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#e9f7f9"},name:"ColorPrimitiveCyan50",attributes:{category:"Color",type:"Primitive",item:"Cyan",subitem:"50"},path:["Color","Primitive","Cyan","50"]},100:{$type:"color",$value:"#c8f8ff",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#c8f8ff"},name:"ColorPrimitiveCyan100",attributes:{category:"Color",type:"Primitive",item:"Cyan",subitem:"100"},path:["Color","Primitive","Cyan","100"]},200:{$type:"color",$value:"#99f2ff",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#99f2ff"},name:"ColorPrimitiveCyan200",attributes:{category:"Color",type:"Primitive",item:"Cyan",subitem:"200"},path:["Color","Primitive","Cyan","200"]},300:{$type:"color",$value:"#79e2f2",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#79e2f2"},name:"ColorPrimitiveCyan300",attributes:{category:"Color",type:"Primitive",item:"Cyan",subitem:"300"},path:["Color","Primitive","Cyan","300"]},400:{$type:"color",$value:"#2bc8e4",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#2bc8e4"},name:"ColorPrimitiveCyan400",attributes:{category:"Color",type:"Primitive",item:"Cyan",subitem:"400"},path:["Color","Primitive","Cyan","400"]},500:{$type:"color",$value:"#01b7d6",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#01b7d6"},name:"ColorPrimitiveCyan500",attributes:{category:"Color",type:"Primitive",item:"Cyan",subitem:"500"},path:["Color","Primitive","Cyan","500"]},600:{$type:"color",$value:"#00a3bf",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#00a3bf"},name:"ColorPrimitiveCyan600",attributes:{category:"Color",type:"Primitive",item:"Cyan",subitem:"600"},path:["Color","Primitive","Cyan","600"]},700:{$type:"color",$value:"#008da6",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#008da6"},name:"ColorPrimitiveCyan700",attributes:{category:"Color",type:"Primitive",item:"Cyan",subitem:"700"},path:["Color","Primitive","Cyan","700"]},800:{$type:"color",$value:"#008299",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#008299"},name:"ColorPrimitiveCyan800",attributes:{category:"Color",type:"Primitive",item:"Cyan",subitem:"800"},path:["Color","Primitive","Cyan","800"]},900:{$type:"color",$value:"#006f83",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#006f83"},name:"ColorPrimitiveCyan900",attributes:{category:"Color",type:"Primitive",item:"Cyan",subitem:"900"},path:["Color","Primitive","Cyan","900"]},1e3:{$type:"color",$value:"#006173",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#006173"},name:"ColorPrimitiveCyan1000",attributes:{category:"Color",type:"Primitive",item:"Cyan",subitem:"1000"},path:["Color","Primitive","Cyan","1000"]},1100:{$type:"color",$value:"#004c59",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#004c59"},name:"ColorPrimitiveCyan1100",attributes:{category:"Color",type:"Primitive",item:"Cyan",subitem:"1100"},path:["Color","Primitive","Cyan","1100"]},1200:{$type:"color",$value:"#003741",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#003741"},name:"ColorPrimitiveCyan1200",attributes:{category:"Color",type:"Primitive",item:"Cyan",subitem:"1200"},path:["Color","Primitive","Cyan","1200"]}},Green:{50:{$type:"color",$value:"#e6f5ec",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#e6f5ec"},name:"ColorPrimitiveGreen50",attributes:{category:"Color",type:"Primitive",item:"Green",subitem:"50"},path:["Color","Primitive","Green","50"]},100:{$type:"color",$value:"#c2e5d1",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#c2e5d1"},name:"ColorPrimitiveGreen100",attributes:{category:"Color",type:"Primitive",item:"Green",subitem:"100"},path:["Color","Primitive","Green","100"]},200:{$type:"color",$value:"#9bd4b5",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#9bd4b5"},name:"ColorPrimitiveGreen200",attributes:{category:"Color",type:"Primitive",item:"Green",subitem:"200"},path:["Color","Primitive","Green","200"]},300:{$type:"color",$value:"#71c598",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#71c598"},name:"ColorPrimitiveGreen300",attributes:{category:"Color",type:"Primitive",item:"Green",subitem:"300"},path:["Color","Primitive","Green","300"]},400:{$type:"color",$value:"#51b883",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#51b883"},name:"ColorPrimitiveGreen400",attributes:{category:"Color",type:"Primitive",item:"Green",subitem:"400"},path:["Color","Primitive","Green","400"]},500:{$type:"color",$value:"#2cac6e",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#2cac6e"},name:"ColorPrimitiveGreen500",attributes:{category:"Color",type:"Primitive",item:"Green",subitem:"500"},path:["Color","Primitive","Green","500"]},600:{$type:"color",$value:"#259d63",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#259d63"},name:"ColorPrimitiveGreen600",attributes:{category:"Color",type:"Primitive",item:"Green",subitem:"600"},path:["Color","Primitive","Green","600"]},700:{$type:"color",$value:"#1d8b56",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#1d8b56"},name:"ColorPrimitiveGreen700",attributes:{category:"Color",type:"Primitive",item:"Green",subitem:"700"},path:["Color","Primitive","Green","700"]},800:{$type:"color",$value:"#197a4b",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#197a4b"},name:"ColorPrimitiveGreen800",attributes:{category:"Color",type:"Primitive",item:"Green",subitem:"800"},path:["Color","Primitive","Green","800"]},900:{$type:"color",$value:"#115a36",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#115a36"},name:"ColorPrimitiveGreen900",attributes:{category:"Color",type:"Primitive",item:"Green",subitem:"900"},path:["Color","Primitive","Green","900"]},1e3:{$type:"color",$value:"#0c472a",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#0c472a"},name:"ColorPrimitiveGreen1000",attributes:{category:"Color",type:"Primitive",item:"Green",subitem:"1000"},path:["Color","Primitive","Green","1000"]},1100:{$type:"color",$value:"#08351f",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#08351f"},name:"ColorPrimitiveGreen1100",attributes:{category:"Color",type:"Primitive",item:"Green",subitem:"1100"},path:["Color","Primitive","Green","1100"]},1200:{$type:"color",$value:"#032213",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#032213"},name:"ColorPrimitiveGreen1200",attributes:{category:"Color",type:"Primitive",item:"Green",subitem:"1200"},path:["Color","Primitive","Green","1200"]}},Lime:{50:{$type:"color",$value:"#ebfad9",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#ebfad9"},name:"ColorPrimitiveLime50",attributes:{category:"Color",type:"Primitive",item:"Lime",subitem:"50"},path:["Color","Primitive","Lime","50"]},100:{$type:"color",$value:"#d0f5a2",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#d0f5a2"},name:"ColorPrimitiveLime100",attributes:{category:"Color",type:"Primitive",item:"Lime",subitem:"100"},path:["Color","Primitive","Lime","100"]},200:{$type:"color",$value:"#c0f354",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#c0f354"},name:"ColorPrimitiveLime200",attributes:{category:"Color",type:"Primitive",item:"Lime",subitem:"200"},path:["Color","Primitive","Lime","200"]},300:{$type:"color",$value:"#ade830",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#ade830"},name:"ColorPrimitiveLime300",attributes:{category:"Color",type:"Primitive",item:"Lime",subitem:"300"},path:["Color","Primitive","Lime","300"]},400:{$type:"color",$value:"#9ddd15",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#9ddd15"},name:"ColorPrimitiveLime400",attributes:{category:"Color",type:"Primitive",item:"Lime",subitem:"400"},path:["Color","Primitive","Lime","400"]},500:{$type:"color",$value:"#8cc80c",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#8cc80c"},name:"ColorPrimitiveLime500",attributes:{category:"Color",type:"Primitive",item:"Lime",subitem:"500"},path:["Color","Primitive","Lime","500"]},600:{$type:"color",$value:"#7eb40d",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#7eb40d"},name:"ColorPrimitiveLime600",attributes:{category:"Color",type:"Primitive",item:"Lime",subitem:"600"},path:["Color","Primitive","Lime","600"]},700:{$type:"color",$value:"#6fa104",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#6fa104"},name:"ColorPrimitiveLime700",attributes:{category:"Color",type:"Primitive",item:"Lime",subitem:"700"},path:["Color","Primitive","Lime","700"]},800:{$type:"color",$value:"#618e00",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#618e00"},name:"ColorPrimitiveLime800",attributes:{category:"Color",type:"Primitive",item:"Lime",subitem:"800"},path:["Color","Primitive","Lime","800"]},900:{$type:"color",$value:"#507500",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#507500"},name:"ColorPrimitiveLime900",attributes:{category:"Color",type:"Primitive",item:"Lime",subitem:"900"},path:["Color","Primitive","Lime","900"]},1e3:{$type:"color",$value:"#3e5a00",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#3e5a00"},name:"ColorPrimitiveLime1000",attributes:{category:"Color",type:"Primitive",item:"Lime",subitem:"1000"},path:["Color","Primitive","Lime","1000"]},1100:{$type:"color",$value:"#2c4100",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#2c4100"},name:"ColorPrimitiveLime1100",attributes:{category:"Color",type:"Primitive",item:"Lime",subitem:"1100"},path:["Color","Primitive","Lime","1100"]},1200:{$type:"color",$value:"#1e2d00",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#1e2d00"},name:"ColorPrimitiveLime1200",attributes:{category:"Color",type:"Primitive",item:"Lime",subitem:"1200"},path:["Color","Primitive","Lime","1200"]}},Yellow:{50:{$type:"color",$value:"#fbf5e0",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#fbf5e0"},name:"ColorPrimitiveYellow50",attributes:{category:"Color",type:"Primitive",item:"Yellow",subitem:"50"},path:["Color","Primitive","Yellow","50"]},100:{$type:"color",$value:"#fff0b3",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#fff0b3"},name:"ColorPrimitiveYellow100",attributes:{category:"Color",type:"Primitive",item:"Yellow",subitem:"100"},path:["Color","Primitive","Yellow","100"]},200:{$type:"color",$value:"#ffe380",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#ffe380"},name:"ColorPrimitiveYellow200",attributes:{category:"Color",type:"Primitive",item:"Yellow",subitem:"200"},path:["Color","Primitive","Yellow","200"]},300:{$type:"color",$value:"#ffd43d",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#ffd43d"},name:"ColorPrimitiveYellow300",attributes:{category:"Color",type:"Primitive",item:"Yellow",subitem:"300"},path:["Color","Primitive","Yellow","300"]},400:{$type:"color",$value:"#ffc700",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#ffc700"},name:"ColorPrimitiveYellow400",attributes:{category:"Color",type:"Primitive",item:"Yellow",subitem:"400"},path:["Color","Primitive","Yellow","400"]},500:{$type:"color",$value:"#ebb700",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#ebb700"},name:"ColorPrimitiveYellow500",attributes:{category:"Color",type:"Primitive",item:"Yellow",subitem:"500"},path:["Color","Primitive","Yellow","500"]},600:{$type:"color",$value:"#d2a400",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#d2a400"},name:"ColorPrimitiveYellow600",attributes:{category:"Color",type:"Primitive",item:"Yellow",subitem:"600"},path:["Color","Primitive","Yellow","600"]},700:{$type:"color",$value:"#b78f00",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#b78f00"},name:"ColorPrimitiveYellow700",attributes:{category:"Color",type:"Primitive",item:"Yellow",subitem:"700"},path:["Color","Primitive","Yellow","700"]},800:{$type:"color",$value:"#a58000",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#a58000"},name:"ColorPrimitiveYellow800",attributes:{category:"Color",type:"Primitive",item:"Yellow",subitem:"800"},path:["Color","Primitive","Yellow","800"]},900:{$type:"color",$value:"#927200",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#927200"},name:"ColorPrimitiveYellow900",attributes:{category:"Color",type:"Primitive",item:"Yellow",subitem:"900"},path:["Color","Primitive","Yellow","900"]},1e3:{$type:"color",$value:"#806300",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#806300"},name:"ColorPrimitiveYellow1000",attributes:{category:"Color",type:"Primitive",item:"Yellow",subitem:"1000"},path:["Color","Primitive","Yellow","1000"]},1100:{$type:"color",$value:"#6e5600",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#6e5600"},name:"ColorPrimitiveYellow1100",attributes:{category:"Color",type:"Primitive",item:"Yellow",subitem:"1100"},path:["Color","Primitive","Yellow","1100"]},1200:{$type:"color",$value:"#604b00",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#604b00"},name:"ColorPrimitiveYellow1200",attributes:{category:"Color",type:"Primitive",item:"Yellow",subitem:"1200"},path:["Color","Primitive","Yellow","1200"]}},Orange:{50:{$type:"color",$value:"#ffeee2",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#ffeee2"},name:"ColorPrimitiveOrange50",attributes:{category:"Color",type:"Primitive",item:"Orange",subitem:"50"},path:["Color","Primitive","Orange","50"]},100:{$type:"color",$value:"#ffdfca",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#ffdfca"},name:"ColorPrimitiveOrange100",attributes:{category:"Color",type:"Primitive",item:"Orange",subitem:"100"},path:["Color","Primitive","Orange","100"]},200:{$type:"color",$value:"#ffc199",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#ffc199"},name:"ColorPrimitiveOrange200",attributes:{category:"Color",type:"Primitive",item:"Orange",subitem:"200"},path:["Color","Primitive","Orange","200"]},300:{$type:"color",$value:"#ffa66d",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#ffa66d"},name:"ColorPrimitiveOrange300",attributes:{category:"Color",type:"Primitive",item:"Orange",subitem:"300"},path:["Color","Primitive","Orange","300"]},400:{$type:"color",$value:"#ff8d44",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#ff8d44"},name:"ColorPrimitiveOrange400",attributes:{category:"Color",type:"Primitive",item:"Orange",subitem:"400"},path:["Color","Primitive","Orange","400"]},500:{$type:"color",$value:"#ff7628",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#ff7628"},name:"ColorPrimitiveOrange500",attributes:{category:"Color",type:"Primitive",item:"Orange",subitem:"500"},path:["Color","Primitive","Orange","500"]},600:{$type:"color",$value:"#fb5b01",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#fb5b01"},name:"ColorPrimitiveOrange600",attributes:{category:"Color",type:"Primitive",item:"Orange",subitem:"600"},path:["Color","Primitive","Orange","600"]},700:{$type:"color",$value:"#e25100",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#e25100"},name:"ColorPrimitiveOrange700",attributes:{category:"Color",type:"Primitive",item:"Orange",subitem:"700"},path:["Color","Primitive","Orange","700"]},800:{$type:"color",$value:"#c74700",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#c74700"},name:"ColorPrimitiveOrange800",attributes:{category:"Color",type:"Primitive",item:"Orange",subitem:"800"},path:["Color","Primitive","Orange","800"]},900:{$type:"color",$value:"#ac3e00",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#ac3e00"},name:"ColorPrimitiveOrange900",attributes:{category:"Color",type:"Primitive",item:"Orange",subitem:"900"},path:["Color","Primitive","Orange","900"]},1e3:{$type:"color",$value:"#8b3200",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#8b3200"},name:"ColorPrimitiveOrange1000",attributes:{category:"Color",type:"Primitive",item:"Orange",subitem:"1000"},path:["Color","Primitive","Orange","1000"]},1100:{$type:"color",$value:"#6d2700",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#6d2700"},name:"ColorPrimitiveOrange1100",attributes:{category:"Color",type:"Primitive",item:"Orange",subitem:"1100"},path:["Color","Primitive","Orange","1100"]},1200:{$type:"color",$value:"#541e00",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#541e00"},name:"ColorPrimitiveOrange1200",attributes:{category:"Color",type:"Primitive",item:"Orange",subitem:"1200"},path:["Color","Primitive","Orange","1200"]}},Red:{50:{$type:"color",$value:"#fdeeee",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#fdeeee"},name:"ColorPrimitiveRed50",attributes:{category:"Color",type:"Primitive",item:"Red",subitem:"50"},path:["Color","Primitive","Red","50"]},100:{$type:"color",$value:"#ffdada",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#ffdada"},name:"ColorPrimitiveRed100",attributes:{category:"Color",type:"Primitive",item:"Red",subitem:"100"},path:["Color","Primitive","Red","100"]},200:{$type:"color",$value:"#ffbbbb",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#ffbbbb"},name:"ColorPrimitiveRed200",attributes:{category:"Color",type:"Primitive",item:"Red",subitem:"200"},path:["Color","Primitive","Red","200"]},300:{$type:"color",$value:"#ff9696",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#ff9696"},name:"ColorPrimitiveRed300",attributes:{category:"Color",type:"Primitive",item:"Red",subitem:"300"},path:["Color","Primitive","Red","300"]},400:{$type:"color",$value:"#ff7171",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#ff7171"},name:"ColorPrimitiveRed400",attributes:{category:"Color",type:"Primitive",item:"Red",subitem:"400"},path:["Color","Primitive","Red","400"]},500:{$type:"color",$value:"#ff5454",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#ff5454"},name:"ColorPrimitiveRed500",attributes:{category:"Color",type:"Primitive",item:"Red",subitem:"500"},path:["Color","Primitive","Red","500"]},600:{$type:"color",$value:"#fe3939",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#fe3939"},name:"ColorPrimitiveRed600",attributes:{category:"Color",type:"Primitive",item:"Red",subitem:"600"},path:["Color","Primitive","Red","600"]},700:{$type:"color",$value:"#fa0000",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#fa0000"},name:"ColorPrimitiveRed700",attributes:{category:"Color",type:"Primitive",item:"Red",subitem:"700"},path:["Color","Primitive","Red","700"]},800:{$type:"color",$value:"#ec0000",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#ec0000"},name:"ColorPrimitiveRed800",attributes:{category:"Color",type:"Primitive",item:"Red",subitem:"800"},path:["Color","Primitive","Red","800"]},900:{$type:"color",$value:"#ce0000",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#ce0000"},name:"ColorPrimitiveRed900",attributes:{category:"Color",type:"Primitive",item:"Red",subitem:"900"},path:["Color","Primitive","Red","900"]},1e3:{$type:"color",$value:"#a90000",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#a90000"},name:"ColorPrimitiveRed1000",attributes:{category:"Color",type:"Primitive",item:"Red",subitem:"1000"},path:["Color","Primitive","Red","1000"]},1100:{$type:"color",$value:"#850000",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#850000"},name:"ColorPrimitiveRed1100",attributes:{category:"Color",type:"Primitive",item:"Red",subitem:"1100"},path:["Color","Primitive","Red","1100"]},1200:{$type:"color",$value:"#620000",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#620000"},name:"ColorPrimitiveRed1200",attributes:{category:"Color",type:"Primitive",item:"Red",subitem:"1200"},path:["Color","Primitive","Red","1200"]}},Magenta:{50:{$type:"color",$value:"#f3e5f4",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#f3e5f4"},name:"ColorPrimitiveMagenta50",attributes:{category:"Color",type:"Primitive",item:"Magenta",subitem:"50"},path:["Color","Primitive","Magenta","50"]},100:{$type:"color",$value:"#ffd0ff",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#ffd0ff"},name:"ColorPrimitiveMagenta100",attributes:{category:"Color",type:"Primitive",item:"Magenta",subitem:"100"},path:["Color","Primitive","Magenta","100"]},200:{$type:"color",$value:"#ffaeff",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#ffaeff"},name:"ColorPrimitiveMagenta200",attributes:{category:"Color",type:"Primitive",item:"Magenta",subitem:"200"},path:["Color","Primitive","Magenta","200"]},300:{$type:"color",$value:"#ff8eff",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#ff8eff"},name:"ColorPrimitiveMagenta300",attributes:{category:"Color",type:"Primitive",item:"Magenta",subitem:"300"},path:["Color","Primitive","Magenta","300"]},400:{$type:"color",$value:"#f661f6",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#f661f6"},name:"ColorPrimitiveMagenta400",attributes:{category:"Color",type:"Primitive",item:"Magenta",subitem:"400"},path:["Color","Primitive","Magenta","400"]},500:{$type:"color",$value:"#f137f1",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#f137f1"},name:"ColorPrimitiveMagenta500",attributes:{category:"Color",type:"Primitive",item:"Magenta",subitem:"500"},path:["Color","Primitive","Magenta","500"]},600:{$type:"color",$value:"#db00db",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#db00db"},name:"ColorPrimitiveMagenta600",attributes:{category:"Color",type:"Primitive",item:"Magenta",subitem:"600"},path:["Color","Primitive","Magenta","600"]},700:{$type:"color",$value:"#c000c0",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#c000c0"},name:"ColorPrimitiveMagenta700",attributes:{category:"Color",type:"Primitive",item:"Magenta",subitem:"700"},path:["Color","Primitive","Magenta","700"]},800:{$type:"color",$value:"#aa00aa",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#aa00aa"},name:"ColorPrimitiveMagenta800",attributes:{category:"Color",type:"Primitive",item:"Magenta",subitem:"800"},path:["Color","Primitive","Magenta","800"]},900:{$type:"color",$value:"#8b008b",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#8b008b"},name:"ColorPrimitiveMagenta900",attributes:{category:"Color",type:"Primitive",item:"Magenta",subitem:"900"},path:["Color","Primitive","Magenta","900"]},1e3:{$type:"color",$value:"#6c006c",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#6c006c"},name:"ColorPrimitiveMagenta1000",attributes:{category:"Color",type:"Primitive",item:"Magenta",subitem:"1000"},path:["Color","Primitive","Magenta","1000"]},1100:{$type:"color",$value:"#500050",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#500050"},name:"ColorPrimitiveMagenta1100",attributes:{category:"Color",type:"Primitive",item:"Magenta",subitem:"1100"},path:["Color","Primitive","Magenta","1100"]},1200:{$type:"color",$value:"#3b003b",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#3b003b"},name:"ColorPrimitiveMagenta1200",attributes:{category:"Color",type:"Primitive",item:"Magenta",subitem:"1200"},path:["Color","Primitive","Magenta","1200"]}},Purple:{50:{$type:"color",$value:"#f1eafa",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#f1eafa"},name:"ColorPrimitivePurple50",attributes:{category:"Color",type:"Primitive",item:"Purple",subitem:"50"},path:["Color","Primitive","Purple","50"]},100:{$type:"color",$value:"#ecddff",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#ecddff"},name:"ColorPrimitivePurple100",attributes:{category:"Color",type:"Primitive",item:"Purple",subitem:"100"},path:["Color","Primitive","Purple","100"]},200:{$type:"color",$value:"#ddc2ff",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#ddc2ff"},name:"ColorPrimitivePurple200",attributes:{category:"Color",type:"Primitive",item:"Purple",subitem:"200"},path:["Color","Primitive","Purple","200"]},300:{$type:"color",$value:"#cda6ff",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#cda6ff"},name:"ColorPrimitivePurple300",attributes:{category:"Color",type:"Primitive",item:"Purple",subitem:"300"},path:["Color","Primitive","Purple","300"]},400:{$type:"color",$value:"#bb87ff",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#bb87ff"},name:"ColorPrimitivePurple400",attributes:{category:"Color",type:"Primitive",item:"Purple",subitem:"400"},path:["Color","Primitive","Purple","400"]},500:{$type:"color",$value:"#a565f8",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#a565f8"},name:"ColorPrimitivePurple500",attributes:{category:"Color",type:"Primitive",item:"Purple",subitem:"500"},path:["Color","Primitive","Purple","500"]},600:{$type:"color",$value:"#8843e1",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#8843e1"},name:"ColorPrimitivePurple600",attributes:{category:"Color",type:"Primitive",item:"Purple",subitem:"600"},path:["Color","Primitive","Purple","600"]},700:{$type:"color",$value:"#6f23d0",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#6f23d0"},name:"ColorPrimitivePurple700",attributes:{category:"Color",type:"Primitive",item:"Purple",subitem:"700"},path:["Color","Primitive","Purple","700"]},800:{$type:"color",$value:"#5c10be",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#5c10be"},name:"ColorPrimitivePurple800",attributes:{category:"Color",type:"Primitive",item:"Purple",subitem:"800"},path:["Color","Primitive","Purple","800"]},900:{$type:"color",$value:"#5109ad",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#5109ad"},name:"ColorPrimitivePurple900",attributes:{category:"Color",type:"Primitive",item:"Purple",subitem:"900"},path:["Color","Primitive","Purple","900"]},1e3:{$type:"color",$value:"#41048e",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#41048e"},name:"ColorPrimitivePurple1000",attributes:{category:"Color",type:"Primitive",item:"Purple",subitem:"1000"},path:["Color","Primitive","Purple","1000"]},1100:{$type:"color",$value:"#30016c",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#30016c"},name:"ColorPrimitivePurple1100",attributes:{category:"Color",type:"Primitive",item:"Purple",subitem:"1100"},path:["Color","Primitive","Purple","1100"]},1200:{$type:"color",$value:"#21004b",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#21004b"},name:"ColorPrimitivePurple1200",attributes:{category:"Color",type:"Primitive",item:"Purple",subitem:"1200"},path:["Color","Primitive","Purple","1200"]}}},Neutral:{White:{$type:"color",$value:"#ffffff",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#ffffff"},name:"ColorNeutralWhite",attributes:{category:"Color",type:"Neutral",item:"White"},path:["Color","Neutral","White"]},Black:{$type:"color",$value:"#000000",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#000000"},name:"ColorNeutralBlack",attributes:{category:"Color",type:"Neutral",item:"Black"},path:["Color","Neutral","Black"]},SolidGray:{50:{$type:"color",$value:"#f2f2f2",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#f2f2f2"},name:"ColorNeutralSolidGray50",attributes:{category:"Color",type:"Neutral",item:"SolidGray",subitem:"50"},path:["Color","Neutral","SolidGray","50"]},100:{$type:"color",$value:"#e6e6e6",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#e6e6e6"},name:"ColorNeutralSolidGray100",attributes:{category:"Color",type:"Neutral",item:"SolidGray",subitem:"100"},path:["Color","Neutral","SolidGray","100"]},200:{$type:"color",$value:"#cccccc",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#cccccc"},name:"ColorNeutralSolidGray200",attributes:{category:"Color",type:"Neutral",item:"SolidGray",subitem:"200"},path:["Color","Neutral","SolidGray","200"]},300:{$type:"color",$value:"#b3b3b3",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#b3b3b3"},name:"ColorNeutralSolidGray300",attributes:{category:"Color",type:"Neutral",item:"SolidGray",subitem:"300"},path:["Color","Neutral","SolidGray","300"]},400:{$type:"color",$value:"#999999",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#999999"},name:"ColorNeutralSolidGray400",attributes:{category:"Color",type:"Neutral",item:"SolidGray",subitem:"400"},path:["Color","Neutral","SolidGray","400"]},420:{$type:"color",$value:"#949494",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#949494"},name:"ColorNeutralSolidGray420",attributes:{category:"Color",type:"Neutral",item:"SolidGray",subitem:"420"},path:["Color","Neutral","SolidGray","420"]},500:{$type:"color",$value:"#7f7f7f",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#7f7f7f"},name:"ColorNeutralSolidGray500",attributes:{category:"Color",type:"Neutral",item:"SolidGray",subitem:"500"},path:["Color","Neutral","SolidGray","500"]},536:{$type:"color",$value:"#767676",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#767676"},name:"ColorNeutralSolidGray536",attributes:{category:"Color",type:"Neutral",item:"SolidGray",subitem:"536"},path:["Color","Neutral","SolidGray","536"]},600:{$type:"color",$value:"#666666",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#666666"},name:"ColorNeutralSolidGray600",attributes:{category:"Color",type:"Neutral",item:"SolidGray",subitem:"600"},path:["Color","Neutral","SolidGray","600"]},700:{$type:"color",$value:"#4d4d4d",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#4d4d4d"},name:"ColorNeutralSolidGray700",attributes:{category:"Color",type:"Neutral",item:"SolidGray",subitem:"700"},path:["Color","Neutral","SolidGray","700"]},800:{$type:"color",$value:"#333333",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#333333"},name:"ColorNeutralSolidGray800",attributes:{category:"Color",type:"Neutral",item:"SolidGray",subitem:"800"},path:["Color","Neutral","SolidGray","800"]},900:{$type:"color",$value:"#1a1a1a",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"#1a1a1a"},name:"ColorNeutralSolidGray900",attributes:{category:"Color",type:"Neutral",item:"SolidGray",subitem:"900"},path:["Color","Neutral","SolidGray","900"]}},OpacityGray:{50:{$type:"color",$value:"rgba(0, 0, 0, 0.05)",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"rgba(0,0,0,0.05)"},name:"ColorNeutralOpacityGray50",attributes:{category:"Color",type:"Neutral",item:"OpacityGray",subitem:"50"},path:["Color","Neutral","OpacityGray","50"]},100:{$type:"color",$value:"rgba(0, 0, 0, 0.1)",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"rgba(0,0,0,0.1)"},name:"ColorNeutralOpacityGray100",attributes:{category:"Color",type:"Neutral",item:"OpacityGray",subitem:"100"},path:["Color","Neutral","OpacityGray","100"]},200:{$type:"color",$value:"rgba(0, 0, 0, 0.2)",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"rgba(0,0,0,0.2)"},name:"ColorNeutralOpacityGray200",attributes:{category:"Color",type:"Neutral",item:"OpacityGray",subitem:"200"},path:["Color","Neutral","OpacityGray","200"]},300:{$type:"color",$value:"rgba(0, 0, 0, 0.3)",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"rgba(0,0,0,0.3)"},name:"ColorNeutralOpacityGray300",attributes:{category:"Color",type:"Neutral",item:"OpacityGray",subitem:"300"},path:["Color","Neutral","OpacityGray","300"]},400:{$type:"color",$value:"rgba(0, 0, 0, 0.4)",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"rgba(0,0,0,0.4)"},name:"ColorNeutralOpacityGray400",attributes:{category:"Color",type:"Neutral",item:"OpacityGray",subitem:"400"},path:["Color","Neutral","OpacityGray","400"]},420:{$type:"color",$value:"rgba(0, 0, 0, 0.42)",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"rgba(0,0,0,0.42)"},name:"ColorNeutralOpacityGray420",attributes:{category:"Color",type:"Neutral",item:"OpacityGray",subitem:"420"},path:["Color","Neutral","OpacityGray","420"]},500:{$type:"color",$value:"rgba(0, 0, 0, 0.5)",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"rgba(0,0,0,0.5)"},name:"ColorNeutralOpacityGray500",attributes:{category:"Color",type:"Neutral",item:"OpacityGray",subitem:"500"},path:["Color","Neutral","OpacityGray","500"]},536:{$type:"color",$value:"rgba(0, 0, 0, 0.54)",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"rgba(0,0,0,0.536)"},name:"ColorNeutralOpacityGray536",attributes:{category:"Color",type:"Neutral",item:"OpacityGray",subitem:"536"},path:["Color","Neutral","OpacityGray","536"]},600:{$type:"color",$value:"rgba(0, 0, 0, 0.6)",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"rgba(0,0,0,0.6)"},name:"ColorNeutralOpacityGray600",attributes:{category:"Color",type:"Neutral",item:"OpacityGray",subitem:"600"},path:["Color","Neutral","OpacityGray","600"]},700:{$type:"color",$value:"rgba(0, 0, 0, 0.7)",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"rgba(0,0,0,0.7)"},name:"ColorNeutralOpacityGray700",attributes:{category:"Color",type:"Neutral",item:"OpacityGray",subitem:"700"},path:["Color","Neutral","OpacityGray","700"]},800:{$type:"color",$value:"rgba(0, 0, 0, 0.8)",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"rgba(0,0,0,0.8)"},name:"ColorNeutralOpacityGray800",attributes:{category:"Color",type:"Neutral",item:"OpacityGray",subitem:"800"},path:["Color","Neutral","OpacityGray","800"]},900:{$type:"color",$value:"rgba(0, 0, 0, 0.9)",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"rgba(0,0,0,0.9)"},name:"ColorNeutralOpacityGray900",attributes:{category:"Color",type:"Neutral",item:"OpacityGray",subitem:"900"},path:["Color","Neutral","OpacityGray","900"]}}},Semantic:{Success:{1:{$type:"color",$value:"#259d63",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"{Color.Primitive.Green.600}"},name:"ColorSemanticSuccess1",attributes:{category:"Color",type:"Semantic",item:"Success",subitem:"1"},path:["Color","Semantic","Success","1"]},2:{$type:"color",$value:"#197a4b",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"{Color.Primitive.Green.800}"},name:"ColorSemanticSuccess2",attributes:{category:"Color",type:"Semantic",item:"Success",subitem:"2"},path:["Color","Semantic","Success","2"]}},Error:{1:{$type:"color",$value:"#ec0000",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"{Color.Primitive.Red.800}"},name:"ColorSemanticError1",attributes:{category:"Color",type:"Semantic",item:"Error",subitem:"1"},path:["Color","Semantic","Error","1"]},2:{$type:"color",$value:"#ce0000",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"{Color.Primitive.Red.900}"},name:"ColorSemanticError2",attributes:{category:"Color",type:"Semantic",item:"Error",subitem:"2"},path:["Color","Semantic","Error","2"]}},Warning:{Yellow:{1:{$type:"color",$value:"#b78f00",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"{Color.Primitive.Yellow.700}"},name:"ColorSemanticWarningYellow1",attributes:{category:"Color",type:"Semantic",item:"Warning",subitem:"Yellow",state:"1"},path:["Color","Semantic","Warning","Yellow","1"]},2:{$type:"color",$value:"#927200",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"{Color.Primitive.Yellow.900}"},name:"ColorSemanticWarningYellow2",attributes:{category:"Color",type:"Semantic",item:"Warning",subitem:"Yellow",state:"2"},path:["Color","Semantic","Warning","Yellow","2"]}},Orange:{1:{$type:"color",$value:"#fb5b01",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"{Color.Primitive.Orange.600}"},name:"ColorSemanticWarningOrange1",attributes:{category:"Color",type:"Semantic",item:"Warning",subitem:"Orange",state:"1"},path:["Color","Semantic","Warning","Orange","1"]},2:{$type:"color",$value:"#c74700",filePath:"figma/tokens.json",isSource:!0,original:{$type:"color",$value:"{Color.Primitive.Orange.800}"},name:"ColorSemanticWarningOrange2",attributes:{category:"Color",type:"Semantic",item:"Warning",subitem:"Orange",state:"2"},path:["Color","Semantic","Warning","Orange","2"]}}}}},FontWeight:{400:{$type:"fontWeight",$value:"400",filePath:"figma/tokens.json",isSource:!0,$extensions:{"studio.tokens":{originalType:"fontWeights"}},original:{$type:"fontWeight",$value:"400",$extensions:{"studio.tokens":{originalType:"fontWeights"}}},name:"FontWeight400",attributes:{category:"FontWeight",type:"400"},path:["FontWeight","400"]},700:{$type:"fontWeight",$value:"700",filePath:"figma/tokens.json",isSource:!0,$extensions:{"studio.tokens":{originalType:"fontWeights"}},original:{$type:"fontWeight",$value:"700",$extensions:{"studio.tokens":{originalType:"fontWeights"}}},name:"FontWeight700",attributes:{category:"FontWeight",type:"700"},path:["FontWeight","700"]}},FontFamily:{Sans:{$type:"fontFamily",$value:"'Noto Sans JP', -apple-system, BlinkMacSystemFont, sans-serif",filePath:"figma/tokens.json",isSource:!0,$extensions:{"studio.tokens":{originalType:"fontFamilies"}},original:{$type:"fontFamily",$value:"'Noto Sans JP', -apple-system, BlinkMacSystemFont, sans-serif",$extensions:{"studio.tokens":{originalType:"fontFamilies"}}},name:"FontFamilySans",attributes:{category:"FontFamily",type:"Sans"},path:["FontFamily","Sans"]},Mono:{$type:"fontFamily",$value:"'Noto Sans Mono', monospace",filePath:"figma/tokens.json",isSource:!0,$extensions:{"studio.tokens":{originalType:"fontFamilies"}},original:{$type:"fontFamily",$value:"'Noto Sans Mono', monospace",$extensions:{"studio.tokens":{originalType:"fontFamilies"}}},name:"FontFamilyMono",attributes:{category:"FontFamily",type:"Mono"},path:["FontFamily","Mono"]}},FontSize:{14:{$type:"fontSize",$value:"0.875rem",filePath:"figma/tokens.json",isSource:!0,$extensions:{"studio.tokens":{originalType:"fontSizes"}},original:{$type:"fontSize",$value:"14px",$extensions:{"studio.tokens":{originalType:"fontSizes"}}},name:"FontSize14",attributes:{category:"FontSize",type:"14"},path:["FontSize","14"]},16:{$type:"fontSize",$value:"1rem",filePath:"figma/tokens.json",isSource:!0,$extensions:{"studio.tokens":{originalType:"fontSizes"}},original:{$type:"fontSize",$value:"16px",$extensions:{"studio.tokens":{originalType:"fontSizes"}}},name:"FontSize16",attributes:{category:"FontSize",type:"16"},path:["FontSize","16"]},17:{$type:"fontSize",$value:"1.0625rem",filePath:"figma/tokens.json",isSource:!0,$extensions:{"studio.tokens":{originalType:"fontSizes"}},original:{$type:"fontSize",$value:"17px",$extensions:{"studio.tokens":{originalType:"fontSizes"}}},name:"FontSize17",attributes:{category:"FontSize",type:"17"},path:["FontSize","17"]},18:{$type:"fontSize",$value:"1.125rem",filePath:"figma/tokens.json",isSource:!0,$extensions:{"studio.tokens":{originalType:"fontSizes"}},original:{$type:"fontSize",$value:"18px",$extensions:{"studio.tokens":{originalType:"fontSizes"}}},name:"FontSize18",attributes:{category:"FontSize",type:"18"},path:["FontSize","18"]},20:{$type:"fontSize",$value:"1.25rem",filePath:"figma/tokens.json",isSource:!0,$extensions:{"studio.tokens":{originalType:"fontSizes"}},original:{$type:"fontSize",$value:"20px",$extensions:{"studio.tokens":{originalType:"fontSizes"}}},name:"FontSize20",attributes:{category:"FontSize",type:"20"},path:["FontSize","20"]},22:{$type:"fontSize",$value:"1.375rem",filePath:"figma/tokens.json",isSource:!0,$extensions:{"studio.tokens":{originalType:"fontSizes"}},original:{$type:"fontSize",$value:"22px",$extensions:{"studio.tokens":{originalType:"fontSizes"}}},name:"FontSize22",attributes:{category:"FontSize",type:"22"},path:["FontSize","22"]},24:{$type:"fontSize",$value:"1.5rem",filePath:"figma/tokens.json",isSource:!0,$extensions:{"studio.tokens":{originalType:"fontSizes"}},original:{$type:"fontSize",$value:"24px",$extensions:{"studio.tokens":{originalType:"fontSizes"}}},name:"FontSize24",attributes:{category:"FontSize",type:"24"},path:["FontSize","24"]},26:{$type:"fontSize",$value:"1.625rem",filePath:"figma/tokens.json",isSource:!0,$extensions:{"studio.tokens":{originalType:"fontSizes"}},original:{$type:"fontSize",$value:"26px",$extensions:{"studio.tokens":{originalType:"fontSizes"}}},name:"FontSize26",attributes:{category:"FontSize",type:"26"},path:["FontSize","26"]},28:{$type:"fontSize",$value:"1.75rem",filePath:"figma/tokens.json",isSource:!0,$extensions:{"studio.tokens":{originalType:"fontSizes"}},original:{$type:"fontSize",$value:"28px",$extensions:{"studio.tokens":{originalType:"fontSizes"}}},name:"FontSize28",attributes:{category:"FontSize",type:"28"},path:["FontSize","28"]},32:{$type:"fontSize",$value:"2rem",filePath:"figma/tokens.json",isSource:!0,$extensions:{"studio.tokens":{originalType:"fontSizes"}},original:{$type:"fontSize",$value:"32px",$extensions:{"studio.tokens":{originalType:"fontSizes"}}},name:"FontSize32",attributes:{category:"FontSize",type:"32"},path:["FontSize","32"]},36:{$type:"fontSize",$value:"2.25rem",filePath:"figma/tokens.json",isSource:!0,$extensions:{"studio.tokens":{originalType:"fontSizes"}},original:{$type:"fontSize",$value:"36px",$extensions:{"studio.tokens":{originalType:"fontSizes"}}},name:"FontSize36",attributes:{category:"FontSize",type:"36"},path:["FontSize","36"]},45:{$type:"fontSize",$value:"2.8125rem",filePath:"figma/tokens.json",isSource:!0,$extensions:{"studio.tokens":{originalType:"fontSizes"}},original:{$type:"fontSize",$value:"45px",$extensions:{"studio.tokens":{originalType:"fontSizes"}}},name:"FontSize45",attributes:{category:"FontSize",type:"45"},path:["FontSize","45"]},48:{$type:"fontSize",$value:"3rem",filePath:"figma/tokens.json",isSource:!0,$extensions:{"studio.tokens":{originalType:"fontSizes"}},original:{$type:"fontSize",$value:"48px",$extensions:{"studio.tokens":{originalType:"fontSizes"}}},name:"FontSize48",attributes:{category:"FontSize",type:"48"},path:["FontSize","48"]},57:{$type:"fontSize",$value:"3.5625rem",filePath:"figma/tokens.json",isSource:!0,$extensions:{"studio.tokens":{originalType:"fontSizes"}},original:{$type:"fontSize",$value:"57px",$extensions:{"studio.tokens":{originalType:"fontSizes"}}},name:"FontSize57",attributes:{category:"FontSize",type:"57"},path:["FontSize","57"]},64:{$type:"fontSize",$value:"4rem",filePath:"figma/tokens.json",isSource:!0,$extensions:{"studio.tokens":{originalType:"fontSizes"}},original:{$type:"fontSize",$value:"64px",$extensions:{"studio.tokens":{originalType:"fontSizes"}}},name:"FontSize64",attributes:{category:"FontSize",type:"64"},path:["FontSize","64"]}},LineHeight:{100:{$type:"lineHeight",$value:1,filePath:"figma/tokens.json",isSource:!0,$extensions:{"studio.tokens":{originalType:"lineHeights"}},original:{$type:"lineHeight",$value:"100%",$extensions:{"studio.tokens":{originalType:"lineHeights"}}},name:"LineHeight100",attributes:{category:"LineHeight",type:"100"},path:["LineHeight","100"]},120:{$type:"lineHeight",$value:1.2,filePath:"figma/tokens.json",isSource:!0,$extensions:{"studio.tokens":{originalType:"lineHeights"}},original:{$type:"lineHeight",$value:"120%",$extensions:{"studio.tokens":{originalType:"lineHeights"}}},name:"LineHeight120",attributes:{category:"LineHeight",type:"120"},path:["LineHeight","120"]},130:{$type:"lineHeight",$value:1.3,filePath:"figma/tokens.json",isSource:!0,$extensions:{"studio.tokens":{originalType:"lineHeights"}},original:{$type:"lineHeight",$value:"130%",$extensions:{"studio.tokens":{originalType:"lineHeights"}}},name:"LineHeight130",attributes:{category:"LineHeight",type:"130"},path:["LineHeight","130"]},140:{$type:"lineHeight",$value:1.4,filePath:"figma/tokens.json",isSource:!0,$extensions:{"studio.tokens":{originalType:"lineHeights"}},original:{$type:"lineHeight",$value:"140%",$extensions:{"studio.tokens":{originalType:"lineHeights"}}},name:"LineHeight140",attributes:{category:"LineHeight",type:"140"},path:["LineHeight","140"]},150:{$type:"lineHeight",$value:1.5,filePath:"figma/tokens.json",isSource:!0,$extensions:{"studio.tokens":{originalType:"lineHeights"}},original:{$type:"lineHeight",$value:"150%",$extensions:{"studio.tokens":{originalType:"lineHeights"}}},name:"LineHeight150",attributes:{category:"LineHeight",type:"150"},path:["LineHeight","150"]},160:{$type:"lineHeight",$value:1.6,filePath:"figma/tokens.json",isSource:!0,$extensions:{"studio.tokens":{originalType:"lineHeights"}},original:{$type:"lineHeight",$value:"160%",$extensions:{"studio.tokens":{originalType:"lineHeights"}}},name:"LineHeight160",attributes:{category:"LineHeight",type:"160"},path:["LineHeight","160"]},170:{$type:"lineHeight",$value:1.7,filePath:"figma/tokens.json",isSource:!0,$extensions:{"studio.tokens":{originalType:"lineHeights"}},original:{$type:"lineHeight",$value:"170%",$extensions:{"studio.tokens":{originalType:"lineHeights"}}},name:"LineHeight170",attributes:{category:"LineHeight",type:"170"},path:["LineHeight","170"]},175:{$type:"lineHeight",$value:1.75,filePath:"figma/tokens.json",isSource:!0,$extensions:{"studio.tokens":{originalType:"lineHeights"}},original:{$type:"lineHeight",$value:"175%",$extensions:{"studio.tokens":{originalType:"lineHeights"}}},name:"LineHeight175",attributes:{category:"LineHeight",type:"175"},path:["LineHeight","175"]}},BorderRadius:{4:{$type:"dimension",$value:"0.25rem",filePath:"figma/tokens.json",isSource:!0,$extensions:{"studio.tokens":{originalType:"borderRadius"}},original:{$type:"dimension",$value:"4px",$extensions:{"studio.tokens":{originalType:"borderRadius"}}},name:"BorderRadius4",attributes:{category:"BorderRadius",type:"4"},path:["BorderRadius","4"]},8:{$type:"dimension",$value:"0.5rem",filePath:"figma/tokens.json",isSource:!0,$extensions:{"studio.tokens":{originalType:"borderRadius"}},original:{$type:"dimension",$value:"8px",$extensions:{"studio.tokens":{originalType:"borderRadius"}}},name:"BorderRadius8",attributes:{category:"BorderRadius",type:"8"},path:["BorderRadius","8"]},16:{$type:"dimension",$value:"1rem",filePath:"figma/tokens.json",isSource:!0,$extensions:{"studio.tokens":{originalType:"borderRadius"}},original:{$type:"dimension",$value:"16px",$extensions:{"studio.tokens":{originalType:"borderRadius"}}},name:"BorderRadius16",attributes:{category:"BorderRadius",type:"16"},path:["BorderRadius","16"]},24:{$type:"dimension",$value:"1.5rem",filePath:"figma/tokens.json",isSource:!0,$extensions:{"studio.tokens":{originalType:"borderRadius"}},original:{$type:"dimension",$value:"24px",$extensions:{"studio.tokens":{originalType:"borderRadius"}}},name:"BorderRadius24",attributes:{category:"BorderRadius",type:"24"},path:["BorderRadius","24"]},32:{$type:"dimension",$value:"2rem",filePath:"figma/tokens.json",isSource:!0,$extensions:{"studio.tokens":{originalType:"borderRadius"}},original:{$type:"dimension",$value:"32px",$extensions:{"studio.tokens":{originalType:"borderRadius"}}},name:"BorderRadius32",attributes:{category:"BorderRadius",type:"32"},path:["BorderRadius","32"]},Full:{$type:"dimension",$value:"624.9375rem",filePath:"figma/tokens.json",isSource:!0,$extensions:{"studio.tokens":{originalType:"borderRadius"}},original:{$type:"dimension",$value:"9999px",$extensions:{"studio.tokens":{originalType:"borderRadius"}}},name:"BorderRadiusFull",attributes:{category:"BorderRadius",type:"Full"},path:["BorderRadius","Full"]}},Elevation:{1:{$type:"shadow",$value:"0 2px 8px 1px rgba(0,0,0,0.1), 0 1px 5px 0 rgba(0,0,0,0.3)",filePath:"figma/tokens.json",isSource:!0,$extensions:{"studio.tokens":{originalType:"boxShadow"}},original:{$type:"shadow",$value:[{blur:"8px",spread:"1px",color:"rgba(0,0,0,0.1)",type:"dropShadow",offsetX:"0",offsetY:"2px"},{blur:"5px",spread:"0",color:"rgba(0,0,0,0.3)",type:"dropShadow",offsetX:"0",offsetY:"1px"}],$extensions:{"studio.tokens":{originalType:"boxShadow"}}},name:"Elevation1",attributes:{category:"Elevation",type:"1"},path:["Elevation","1"]},2:{$type:"shadow",$value:"0 2px 12px 2px rgba(0,0,0,0.1), 0 1px 6px 0 rgba(0,0,0,0.3)",filePath:"figma/tokens.json",isSource:!0,$extensions:{"studio.tokens":{originalType:"boxShadow"}},original:{$type:"shadow",$value:[{blur:"12px",spread:"2px",color:"rgba(0,0,0,0.1)",type:"dropShadow",offsetX:"0",offsetY:"2px"},{blur:"6px",spread:"0",color:"rgba(0,0,0,0.3)",type:"dropShadow",offsetX:"0",offsetY:"1px"}],$extensions:{"studio.tokens":{originalType:"boxShadow"}}},name:"Elevation2",attributes:{category:"Elevation",type:"2"},path:["Elevation","2"]},3:{$type:"shadow",$value:"0 4px 16px 3px rgba(0,0,0,0.1), 0 1px 6px 0 rgba(0,0,0,0.3)",filePath:"figma/tokens.json",isSource:!0,$extensions:{"studio.tokens":{originalType:"boxShadow"}},original:{$type:"shadow",$value:[{blur:"16px",spread:"3px",color:"rgba(0,0,0,0.1)",type:"dropShadow",offsetX:"0",offsetY:"4px"},{blur:"6px",spread:"0",color:"rgba(0,0,0,0.3)",type:"dropShadow",offsetX:"0",offsetY:"1px"}],$extensions:{"studio.tokens":{originalType:"boxShadow"}}},name:"Elevation3",attributes:{category:"Elevation",type:"3"},path:["Elevation","3"]},4:{$type:"shadow",$value:"0 6px 20px 4px rgba(0,0,0,0.1), 0 2px 6px 0 rgba(0,0,0,0.3)",filePath:"figma/tokens.json",isSource:!0,$extensions:{"studio.tokens":{originalType:"boxShadow"}},original:{$type:"shadow",$value:[{blur:"20px",spread:"4px",color:"rgba(0,0,0,0.1)",type:"dropShadow",offsetX:"0",offsetY:"6px"},{blur:"6px",spread:"0",color:"rgba(0,0,0,0.3)",type:"dropShadow",offsetX:"0",offsetY:"2px"}],$extensions:{"studio.tokens":{originalType:"boxShadow"}}},name:"Elevation4",attributes:{category:"Elevation",type:"4"},path:["Elevation","4"]},5:{$type:"shadow",$value:"0 8px 24px 5px rgba(0,0,0,0.1), 0 2px 10px 0 rgba(0,0,0,0.3)",filePath:"figma/tokens.json",isSource:!0,$extensions:{"studio.tokens":{originalType:"boxShadow"}},original:{$type:"shadow",$value:[{blur:"24px",spread:"5px",color:"rgba(0,0,0,0.1)",type:"dropShadow",offsetX:"0",offsetY:"8px"},{blur:"10px",spread:"0",color:"rgba(0,0,0,0.3)",type:"dropShadow",offsetX:"0",offsetY:"2px"}],$extensions:{"studio.tokens":{originalType:"boxShadow"}}},name:"Elevation5",attributes:{category:"Elevation",type:"5"},path:["Elevation","5"]},6:{$type:"shadow",$value:"0 10px 30px 6px rgba(0,0,0,0.1), 0 3px 12px 0 rgba(0,0,0,0.3)",filePath:"figma/tokens.json",isSource:!0,$extensions:{"studio.tokens":{originalType:"boxShadow"}},original:{$type:"shadow",$value:[{blur:"30px",spread:"6px",color:"rgba(0,0,0,0.1)",type:"dropShadow",offsetX:"0",offsetY:"10px"},{blur:"12px",spread:"0",color:"rgba(0,0,0,0.3)",type:"dropShadow",offsetX:"0",offsetY:"3px"}],$extensions:{"studio.tokens":{originalType:"boxShadow"}}},name:"Elevation6",attributes:{category:"Elevation",type:"6"},path:["Elevation","6"]},7:{$type:"shadow",$value:"0 12px 36px 7px rgba(0,0,0,0.1), 0 3px 14px 0 rgba(0,0,0,0.3)",filePath:"figma/tokens.json",isSource:!0,$extensions:{"studio.tokens":{originalType:"boxShadow"}},original:{$type:"shadow",$value:[{blur:"36px",spread:"7px",color:"rgba(0,0,0,0.1)",type:"dropShadow",offsetX:"0",offsetY:"12px"},{blur:"14px",spread:"0",color:"rgba(0,0,0,0.3)",type:"dropShadow",offsetX:"0",offsetY:"3px"}],$extensions:{"studio.tokens":{originalType:"boxShadow"}}},name:"Elevation7",attributes:{category:"Elevation",type:"7"},path:["Elevation","7"]},8:{$type:"shadow",$value:"0 14px 40px 7px rgba(0,0,0,0.1), 0 3px 16px 0 rgba(0,0,0,0.3)",filePath:"figma/tokens.json",isSource:!0,$extensions:{"studio.tokens":{originalType:"boxShadow"}},original:{$type:"shadow",$value:[{blur:"40px",spread:"7px",color:"rgba(0,0,0,0.1)",type:"dropShadow",offsetX:"0",offsetY:"14px"},{blur:"16px",spread:"0",color:"rgba(0,0,0,0.3)",type:"dropShadow",offsetX:"0",offsetY:"3px"}],$extensions:{"studio.tokens":{originalType:"boxShadow"}}},name:"Elevation8",attributes:{category:"Elevation",type:"8"},path:["Elevation","8"]}}};const e=s(g);var m={},v={};(function(i){Object.defineProperty(i,"__esModule",{value:!0}),Object.defineProperty(i,"default",{enumerable:!0,get:function(){return l}});function r(o,t){return{handler:o,config:t}}r.withOptions=function(o,t=()=>({})){const a=function(n){return{__options:n,handler:o(n),config:t(n)}};return a.__isOptionsFunction=!0,a.__pluginFunction=o,a.__configFunction=t,a};const l=r})(v);(function(i){Object.defineProperty(i,"__esModule",{value:!0}),Object.defineProperty(i,"default",{enumerable:!0,get:function(){return o}});const r=l(v);function l(t){return t&&t.__esModule?t:{default:t}}const o=r.default})(m);let u=m;var $=(u.__esModule?u:{default:u}).default;const p=s($),y=p(()=>{},{theme:{extend:{colors:{white:e.Color.Neutral.White.$value,black:e.Color.Neutral.Black.$value,blue:{50:e.Color.Primitive.Blue[50].$value,100:e.Color.Primitive.Blue[100].$value,200:e.Color.Primitive.Blue[200].$value,300:e.Color.Primitive.Blue[300].$value,400:e.Color.Primitive.Blue[400].$value,500:e.Color.Primitive.Blue[500].$value,600:e.Color.Primitive.Blue[600].$value,700:e.Color.Primitive.Blue[700].$value,800:e.Color.Primitive.Blue[800].$value,900:e.Color.Primitive.Blue[900].$value,1e3:e.Color.Primitive.Blue[1e3].$value,1100:e.Color.Primitive.Blue[1100].$value,1200:e.Color.Primitive.Blue[1200].$value},"light-blue":{50:e.Color.Primitive.LightBlue[50].$value,100:e.Color.Primitive.LightBlue[100].$value,200:e.Color.Primitive.LightBlue[200].$value,300:e.Color.Primitive.LightBlue[300].$value,400:e.Color.Primitive.LightBlue[400].$value,500:e.Color.Primitive.LightBlue[500].$value,600:e.Color.Primitive.LightBlue[600].$value,700:e.Color.Primitive.LightBlue[700].$value,800:e.Color.Primitive.LightBlue[800].$value,900:e.Color.Primitive.LightBlue[900].$value,1e3:e.Color.Primitive.LightBlue[1e3].$value,1100:e.Color.Primitive.LightBlue[1100].$value,1200:e.Color.Primitive.LightBlue[1200].$value},cyan:{50:e.Color.Primitive.Cyan[50].$value,100:e.Color.Primitive.Cyan[100].$value,200:e.Color.Primitive.Cyan[200].$value,300:e.Color.Primitive.Cyan[300].$value,400:e.Color.Primitive.Cyan[400].$value,500:e.Color.Primitive.Cyan[500].$value,600:e.Color.Primitive.Cyan[600].$value,700:e.Color.Primitive.Cyan[700].$value,800:e.Color.Primitive.Cyan[800].$value,900:e.Color.Primitive.Cyan[900].$value,1e3:e.Color.Primitive.Cyan[1e3].$value,1100:e.Color.Primitive.Cyan[1100].$value,1200:e.Color.Primitive.Cyan[1200].$value},green:{50:e.Color.Primitive.Green[50].$value,100:e.Color.Primitive.Green[100].$value,200:e.Color.Primitive.Green[200].$value,300:e.Color.Primitive.Green[300].$value,400:e.Color.Primitive.Green[400].$value,500:e.Color.Primitive.Green[500].$value,600:e.Color.Primitive.Green[600].$value,700:e.Color.Primitive.Green[700].$value,800:e.Color.Primitive.Green[800].$value,900:e.Color.Primitive.Green[900].$value,1e3:e.Color.Primitive.Green[1e3].$value,1100:e.Color.Primitive.Green[1100].$value,1200:e.Color.Primitive.Green[1200].$value},lime:{50:e.Color.Primitive.Lime[50].$value,100:e.Color.Primitive.Lime[100].$value,200:e.Color.Primitive.Lime[200].$value,300:e.Color.Primitive.Lime[300].$value,400:e.Color.Primitive.Lime[400].$value,500:e.Color.Primitive.Lime[500].$value,600:e.Color.Primitive.Lime[600].$value,700:e.Color.Primitive.Lime[700].$value,800:e.Color.Primitive.Lime[800].$value,900:e.Color.Primitive.Lime[900].$value,1e3:e.Color.Primitive.Lime[1e3].$value,1100:e.Color.Primitive.Lime[1100].$value,1200:e.Color.Primitive.Lime[1200].$value},yellow:{50:e.Color.Primitive.Yellow[50].$value,100:e.Color.Primitive.Yellow[100].$value,200:e.Color.Primitive.Yellow[200].$value,300:e.Color.Primitive.Yellow[300].$value,400:e.Color.Primitive.Yellow[400].$value,500:e.Color.Primitive.Yellow[500].$value,600:e.Color.Primitive.Yellow[600].$value,700:e.Color.Primitive.Yellow[700].$value,800:e.Color.Primitive.Yellow[800].$value,900:e.Color.Primitive.Yellow[900].$value,1e3:e.Color.Primitive.Yellow[1e3].$value,1100:e.Color.Primitive.Yellow[1100].$value,1200:e.Color.Primitive.Yellow[1200].$value},orange:{50:e.Color.Primitive.Orange[50].$value,100:e.Color.Primitive.Orange[100].$value,200:e.Color.Primitive.Orange[200].$value,300:e.Color.Primitive.Orange[300].$value,400:e.Color.Primitive.Orange[400].$value,500:e.Color.Primitive.Orange[500].$value,600:e.Color.Primitive.Orange[600].$value,700:e.Color.Primitive.Orange[700].$value,800:e.Color.Primitive.Orange[800].$value,900:e.Color.Primitive.Orange[900].$value,1e3:e.Color.Primitive.Orange[1e3].$value,1100:e.Color.Primitive.Orange[1100].$value,1200:e.Color.Primitive.Orange[1200].$value},red:{50:e.Color.Primitive.Red[50].$value,100:e.Color.Primitive.Red[100].$value,200:e.Color.Primitive.Red[200].$value,300:e.Color.Primitive.Red[300].$value,400:e.Color.Primitive.Red[400].$value,500:e.Color.Primitive.Red[500].$value,600:e.Color.Primitive.Red[600].$value,700:e.Color.Primitive.Red[700].$value,800:e.Color.Primitive.Red[800].$value,900:e.Color.Primitive.Red[900].$value,1e3:e.Color.Primitive.Red[1e3].$value,1100:e.Color.Primitive.Red[1100].$value,1200:e.Color.Primitive.Red[1200].$value},magenta:{50:e.Color.Primitive.Magenta[50].$value,100:e.Color.Primitive.Magenta[100].$value,200:e.Color.Primitive.Magenta[200].$value,300:e.Color.Primitive.Magenta[300].$value,400:e.Color.Primitive.Magenta[400].$value,500:e.Color.Primitive.Magenta[500].$value,600:e.Color.Primitive.Magenta[600].$value,700:e.Color.Primitive.Magenta[700].$value,800:e.Color.Primitive.Magenta[800].$value,900:e.Color.Primitive.Magenta[900].$value,1e3:e.Color.Primitive.Magenta[1e3].$value,1100:e.Color.Primitive.Magenta[1100].$value,1200:e.Color.Primitive.Magenta[1200].$value},purple:{50:e.Color.Primitive.Purple[50].$value,100:e.Color.Primitive.Purple[100].$value,200:e.Color.Primitive.Purple[200].$value,300:e.Color.Primitive.Purple[300].$value,400:e.Color.Primitive.Purple[400].$value,500:e.Color.Primitive.Purple[500].$value,600:e.Color.Primitive.Purple[600].$value,700:e.Color.Primitive.Purple[700].$value,800:e.Color.Primitive.Purple[800].$value,900:e.Color.Primitive.Purple[900].$value,1e3:e.Color.Primitive.Purple[1e3].$value,1100:e.Color.Primitive.Purple[1100].$value,1200:e.Color.Primitive.Purple[1200].$value},"solid-gray":{50:e.Color.Neutral.SolidGray[50].$value,100:e.Color.Neutral.SolidGray[100].$value,200:e.Color.Neutral.SolidGray[200].$value,300:e.Color.Neutral.SolidGray[300].$value,400:e.Color.Neutral.SolidGray[400].$value,420:e.Color.Neutral.SolidGray[420].$value,500:e.Color.Neutral.SolidGray[500].$value,536:e.Color.Neutral.SolidGray[536].$value,600:e.Color.Neutral.SolidGray[600].$value,700:e.Color.Neutral.SolidGray[700].$value,800:e.Color.Neutral.SolidGray[800].$value,900:e.Color.Neutral.SolidGray[900].$value},"opacity-gray":{50:e.Color.Neutral.OpacityGray[50].$value,100:e.Color.Neutral.OpacityGray[100].$value,200:e.Color.Neutral.OpacityGray[200].$value,300:e.Color.Neutral.OpacityGray[300].$value,400:e.Color.Neutral.OpacityGray[400].$value,420:e.Color.Neutral.OpacityGray[420].$value,500:e.Color.Neutral.OpacityGray[500].$value,536:e.Color.Neutral.OpacityGray[536].$value,600:e.Color.Neutral.OpacityGray[600].$value,700:e.Color.Neutral.OpacityGray[700].$value,800:e.Color.Neutral.OpacityGray[800].$value,900:e.Color.Neutral.OpacityGray[900].$value},"success-1":e.Color.Semantic.Success[1].$value,"success-2":e.Color.Semantic.Success[2].$value,"error-1":e.Color.Semantic.Error[1].$value,"error-2":e.Color.Semantic.Error[2].$value,"warning-yellow-1":e.Color.Semantic.Warning.Yellow[1].$value,"warning-yellow-2":e.Color.Semantic.Warning.Yellow[2].$value,"warning-orange-1":e.Color.Semantic.Warning.Orange[1].$value,"warning-orange-2":e.Color.Semantic.Warning.Orange[2].$value,"focus-yellow":e.Color.Primitive.Yellow[700].$value,"focus-blue":e.Color.Primitive.LightBlue[700].$value},fontSize:{"dsp-64N-140":[e.FontSize[64].$value,{fontWeight:e.FontWeight[400].$value,lineHeight:e.LineHeight[140].$value}],"dsp-57N-140":[e.FontSize[57].$value,{fontWeight:e.FontWeight[400].$value,lineHeight:e.LineHeight[140].$value}],"dsp-48N-140":[e.FontSize[48].$value,{fontWeight:e.FontWeight[400].$value,lineHeight:e.LineHeight[140].$value}],"std-45B-140":[e.FontSize[45].$value,{fontWeight:e.FontWeight[700].$value,lineHeight:e.LineHeight[140].$value}],"std-36B-140":[e.FontSize[36].$value,{fontWeight:e.FontWeight[700].$value,lineHeight:e.LineHeight[140].$value,letterSpacing:"0.01em"}],"std-32B-150":[e.FontSize[32].$value,{fontWeight:e.FontWeight[700].$value,lineHeight:e.LineHeight[150].$value,letterSpacing:"0.01em"}],"std-28B-150":[e.FontSize[28].$value,{fontWeight:e.FontWeight[700].$value,lineHeight:e.LineHeight[150].$value,letterSpacing:"0.01em"}],"std-26B-150":[e.FontSize[26].$value,{fontWeight:e.FontWeight[700].$value,lineHeight:e.LineHeight[150].$value,letterSpacing:"0.02em"}],"std-24B-150":[e.FontSize[24].$value,{fontWeight:e.FontWeight[700].$value,lineHeight:e.LineHeight[150].$value,letterSpacing:"0.02em"}],"std-22B-150":[e.FontSize[22].$value,{fontWeight:e.FontWeight[700].$value,lineHeight:e.LineHeight[150].$value,letterSpacing:"0.02em"}],"std-20B-160":[e.FontSize[20].$value,{fontWeight:e.FontWeight[700].$value,lineHeight:e.LineHeight[160].$value,letterSpacing:"0.02em"}],"std-20B-150":[e.FontSize[20].$value,{fontWeight:e.FontWeight[700].$value,lineHeight:e.LineHeight[150].$value,letterSpacing:"0.02em"}],"std-18B-160":[e.FontSize[18].$value,{fontWeight:e.FontWeight[700].$value,lineHeight:e.LineHeight[160].$value,letterSpacing:"0.02em"}],"std-17B-170":[e.FontSize[17].$value,{fontWeight:e.FontWeight[700].$value,lineHeight:e.LineHeight[170].$value,letterSpacing:"0.02em"}],"std-16B-170":[e.FontSize[16].$value,{fontWeight:e.FontWeight[700].$value,lineHeight:e.LineHeight[170].$value,letterSpacing:"0.02em"}],"std-16B-175":[e.FontSize[16].$value,{fontWeight:e.FontWeight[700].$value,lineHeight:e.LineHeight[175].$value,letterSpacing:"0.02em"}],"std-45N-140":[e.FontSize[45].$value,{fontWeight:e.FontWeight[400].$value,lineHeight:e.LineHeight[140].$value}],"std-36N-140":[e.FontSize[36].$value,{fontWeight:e.FontWeight[400].$value,lineHeight:e.LineHeight[140].$value,letterSpacing:"0.01em"}],"std-32N-150":[e.FontSize[32].$value,{fontWeight:e.FontWeight[400].$value,lineHeight:e.LineHeight[150].$value,letterSpacing:"0.01em"}],"std-28N-150":[e.FontSize[28].$value,{fontWeight:e.FontWeight[400].$value,lineHeight:e.LineHeight[150].$value,letterSpacing:"0.01em"}],"std-26N-150":[e.FontSize[26].$value,{fontWeight:e.FontWeight[400].$value,lineHeight:e.LineHeight[150].$value,letterSpacing:"0.02em"}],"std-24N-150":[e.FontSize[24].$value,{fontWeight:e.FontWeight[400].$value,lineHeight:e.LineHeight[150].$value,letterSpacing:"0.02em"}],"std-22N-150":[e.FontSize[22].$value,{fontWeight:e.FontWeight[400].$value,lineHeight:e.LineHeight[150].$value,letterSpacing:"0.02em"}],"std-20N-150":[e.FontSize[20].$value,{fontWeight:e.FontWeight[400].$value,lineHeight:e.LineHeight[150].$value,letterSpacing:"0.02em"}],"std-18N-160":[e.FontSize[18].$value,{fontWeight:e.FontWeight[400].$value,lineHeight:e.LineHeight[160].$value,letterSpacing:"0.02em"}],"std-17N-170":[e.FontSize[17].$value,{fontWeight:e.FontWeight[400].$value,lineHeight:e.LineHeight[170].$value,letterSpacing:"0.02em"}],"std-16N-170":[e.FontSize[16].$value,{fontWeight:e.FontWeight[400].$value,lineHeight:e.LineHeight[170].$value,letterSpacing:"0.02em"}],"std-16N-175":[e.FontSize[16].$value,{fontWeight:e.FontWeight[400].$value,lineHeight:e.LineHeight[175].$value,letterSpacing:"0.02em"}],"dns-17B-130":[e.FontSize[17].$value,{fontWeight:e.FontWeight[700].$value,lineHeight:e.LineHeight[130].$value}],"dns-17B-120":[e.FontSize[17].$value,{fontWeight:e.FontWeight[700].$value,lineHeight:e.LineHeight[120].$value}],"dns-16B-130":[e.FontSize[16].$value,{fontWeight:e.FontWeight[700].$value,lineHeight:e.LineHeight[130].$value}],"dns-16B-120":[e.FontSize[16].$value,{fontWeight:e.FontWeight[700].$value,lineHeight:e.LineHeight[120].$value}],"dns-14B-130":[e.FontSize[14].$value,{fontWeight:e.FontWeight[700].$value,lineHeight:e.LineHeight[130].$value}],"dns-14B-120":[e.FontSize[14].$value,{fontWeight:e.FontWeight[700].$value,lineHeight:e.LineHeight[120].$value}],"dns-17N-130":[e.FontSize[17].$value,{fontWeight:e.FontWeight[400].$value,lineHeight:e.LineHeight[130].$value}],"dns-17N-120":[e.FontSize[17].$value,{fontWeight:e.FontWeight[400].$value,lineHeight:e.LineHeight[120].$value}],"dns-16N-130":[e.FontSize[16].$value,{fontWeight:e.FontWeight[400].$value,lineHeight:e.LineHeight[130].$value}],"dns-16N-120":[e.FontSize[16].$value,{fontWeight:e.FontWeight[400].$value,lineHeight:e.LineHeight[120].$value}],"dns-14N-130":[e.FontSize[14].$value,{fontWeight:e.FontWeight[400].$value,lineHeight:e.LineHeight[130].$value}],"dns-14N-120":[e.FontSize[14].$value,{fontWeight:e.FontWeight[400].$value,lineHeight:e.LineHeight[120].$value}],"oln-17B-100":[e.FontSize[17].$value,{fontWeight:e.FontWeight[700].$value,lineHeight:e.LineHeight[100].$value,letterSpacing:"0.02em"}],"oln-16B-100":[e.FontSize[16].$value,{fontWeight:e.FontWeight[700].$value,lineHeight:e.LineHeight[100].$value,letterSpacing:"0.02em"}],"oln-14B-100":[e.FontSize[14].$value,{fontWeight:e.FontWeight[700].$value,lineHeight:e.LineHeight[100].$value,letterSpacing:"0.02em"}],"oln-17N-100":[e.FontSize[17].$value,{fontWeight:e.FontWeight[400].$value,lineHeight:e.LineHeight[100].$value,letterSpacing:"0.02em"}],"oln-16N-100":[e.FontSize[16].$value,{fontWeight:e.FontWeight[400].$value,lineHeight:e.LineHeight[100].$value,letterSpacing:"0.02em"}],"oln-14N-100":[e.FontSize[14].$value,{fontWeight:e.FontWeight[400].$value,lineHeight:e.LineHeight[100].$value,letterSpacing:"0.02em"}],"mono-17B-150":[e.FontSize[17].$value,{fontWeight:e.FontWeight[700].$value,lineHeight:e.LineHeight[150].$value}],"mono-16B-150":[e.FontSize[16].$value,{fontWeight:e.FontWeight[700].$value,lineHeight:e.LineHeight[150].$value}],"mono-14B-150":[e.FontSize[14].$value,{fontWeight:e.FontWeight[700].$value,lineHeight:e.LineHeight[150].$value}],"mono-17N-150":[e.FontSize[17].$value,{fontWeight:e.FontWeight[400].$value,lineHeight:e.LineHeight[150].$value}],"mono-16N-150":[e.FontSize[16].$value,{fontWeight:e.FontWeight[400].$value,lineHeight:e.LineHeight[150].$value}],"mono-14N-150":[e.FontSize[14].$value,{fontWeight:e.FontWeight[400].$value,lineHeight:e.LineHeight[150].$value}]},fontFamily:{sans:e.FontFamily.Sans.$value,mono:e.FontFamily.Mono.$value},fontWeight:{400:e.FontWeight[400].$value,700:e.FontWeight[700].$value},lineHeight:{100:e.LineHeight[100].$value,120:e.LineHeight[120].$value,130:e.LineHeight[130].$value,140:e.LineHeight[140].$value,150:e.LineHeight[150].$value,160:e.LineHeight[160].$value,170:e.LineHeight[170].$value,175:e.LineHeight[175].$value,"1-0":e.LineHeight[100].$value,"1-2":e.LineHeight[120].$value,"1-3":e.LineHeight[130].$value,"1-4":e.LineHeight[140].$value,"1-5":e.LineHeight[150].$value,"1-6":e.LineHeight[160].$value,"1-7":e.LineHeight[170].$value,"1-75":e.LineHeight[175].$value},borderRadius:{4:e.BorderRadius[4].$value,8:e.BorderRadius[8].$value,16:e.BorderRadius[16].$value,24:e.BorderRadius[24].$value,32:e.BorderRadius[32].$value,full:e.BorderRadius.Full.$value},screens:{desktop:"48em","desktop-admin":"62em"},listStyleType:{"lower-latin":"lower-latin",circle:"circle",square:"square"},aspectRatio:{"1/1":"1 / 1","3/2":"3 / 2","16/9":"16 / 9"},boxShadow:{1:e.Elevation[1].$value,2:e.Elevation[2].$value,3:e.Elevation[3].$value,4:e.Elevation[4].$value,5:e.Elevation[5].$value,6:e.Elevation[6].$value,7:e.Elevation[7].$value,8:e.Elevation[8].$value}}}});module.exports=y; diff --git a/examples/tailwind-theme-plugin/index.d.ts b/examples/tailwind-theme-plugin/index.d.ts new file mode 100644 index 0000000..3d435f3 --- /dev/null +++ b/examples/tailwind-theme-plugin/index.d.ts @@ -0,0 +1,5 @@ +declare const daPlugin: { + handler: import("tailwindcss/types/config").PluginCreator; + config?: Partial; +}; +export default daPlugin; diff --git a/examples/tailwind-theme-plugin/index.es.js b/examples/tailwind-theme-plugin/index.es.js new file mode 100644 index 0000000..119dc79 --- /dev/null +++ b/examples/tailwind-theme-plugin/index.es.js @@ -0,0 +1,5864 @@ +function s(i) { + return i && i.__esModule && Object.prototype.hasOwnProperty.call(i, "default") ? i.default : i; +} +var g = { + Color: { + Primitive: { + Blue: { + 50: { + $type: "color", + $value: "#e8f1fe", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#e8f1fe" + }, + name: "ColorPrimitiveBlue50", + attributes: { + category: "Color", + type: "Primitive", + item: "Blue", + subitem: "50" + }, + path: [ + "Color", + "Primitive", + "Blue", + "50" + ] + }, + 100: { + $type: "color", + $value: "#d9e6ff", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#d9e6ff" + }, + name: "ColorPrimitiveBlue100", + attributes: { + category: "Color", + type: "Primitive", + item: "Blue", + subitem: "100" + }, + path: [ + "Color", + "Primitive", + "Blue", + "100" + ] + }, + 200: { + $type: "color", + $value: "#c5d7fb", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#c5d7fb" + }, + name: "ColorPrimitiveBlue200", + attributes: { + category: "Color", + type: "Primitive", + item: "Blue", + subitem: "200" + }, + path: [ + "Color", + "Primitive", + "Blue", + "200" + ] + }, + 300: { + $type: "color", + $value: "#9db7f9", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#9db7f9" + }, + name: "ColorPrimitiveBlue300", + attributes: { + category: "Color", + type: "Primitive", + item: "Blue", + subitem: "300" + }, + path: [ + "Color", + "Primitive", + "Blue", + "300" + ] + }, + 400: { + $type: "color", + $value: "#7096f8", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#7096f8" + }, + name: "ColorPrimitiveBlue400", + attributes: { + category: "Color", + type: "Primitive", + item: "Blue", + subitem: "400" + }, + path: [ + "Color", + "Primitive", + "Blue", + "400" + ] + }, + 500: { + $type: "color", + $value: "#4979f5", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#4979f5" + }, + name: "ColorPrimitiveBlue500", + attributes: { + category: "Color", + type: "Primitive", + item: "Blue", + subitem: "500" + }, + path: [ + "Color", + "Primitive", + "Blue", + "500" + ] + }, + 600: { + $type: "color", + $value: "#3460fb", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#3460fb" + }, + name: "ColorPrimitiveBlue600", + attributes: { + category: "Color", + type: "Primitive", + item: "Blue", + subitem: "600" + }, + path: [ + "Color", + "Primitive", + "Blue", + "600" + ] + }, + 700: { + $type: "color", + $value: "#264af4", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#264af4" + }, + name: "ColorPrimitiveBlue700", + attributes: { + category: "Color", + type: "Primitive", + item: "Blue", + subitem: "700" + }, + path: [ + "Color", + "Primitive", + "Blue", + "700" + ] + }, + 800: { + $type: "color", + $value: "#0031d8", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#0031d8" + }, + name: "ColorPrimitiveBlue800", + attributes: { + category: "Color", + type: "Primitive", + item: "Blue", + subitem: "800" + }, + path: [ + "Color", + "Primitive", + "Blue", + "800" + ] + }, + 900: { + $type: "color", + $value: "#0017c1", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#0017c1" + }, + name: "ColorPrimitiveBlue900", + attributes: { + category: "Color", + type: "Primitive", + item: "Blue", + subitem: "900" + }, + path: [ + "Color", + "Primitive", + "Blue", + "900" + ] + }, + 1e3: { + $type: "color", + $value: "#00118f", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#00118f" + }, + name: "ColorPrimitiveBlue1000", + attributes: { + category: "Color", + type: "Primitive", + item: "Blue", + subitem: "1000" + }, + path: [ + "Color", + "Primitive", + "Blue", + "1000" + ] + }, + 1100: { + $type: "color", + $value: "#000071", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#000071" + }, + name: "ColorPrimitiveBlue1100", + attributes: { + category: "Color", + type: "Primitive", + item: "Blue", + subitem: "1100" + }, + path: [ + "Color", + "Primitive", + "Blue", + "1100" + ] + }, + 1200: { + $type: "color", + $value: "#000060", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#000060" + }, + name: "ColorPrimitiveBlue1200", + attributes: { + category: "Color", + type: "Primitive", + item: "Blue", + subitem: "1200" + }, + path: [ + "Color", + "Primitive", + "Blue", + "1200" + ] + } + }, + LightBlue: { + 50: { + $type: "color", + $value: "#f0f9ff", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#f0f9ff" + }, + name: "ColorPrimitiveLightBlue50", + attributes: { + category: "Color", + type: "Primitive", + item: "LightBlue", + subitem: "50" + }, + path: [ + "Color", + "Primitive", + "LightBlue", + "50" + ] + }, + 100: { + $type: "color", + $value: "#dcf0ff", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#dcf0ff" + }, + name: "ColorPrimitiveLightBlue100", + attributes: { + category: "Color", + type: "Primitive", + item: "LightBlue", + subitem: "100" + }, + path: [ + "Color", + "Primitive", + "LightBlue", + "100" + ] + }, + 200: { + $type: "color", + $value: "#c0e4ff", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#c0e4ff" + }, + name: "ColorPrimitiveLightBlue200", + attributes: { + category: "Color", + type: "Primitive", + item: "LightBlue", + subitem: "200" + }, + path: [ + "Color", + "Primitive", + "LightBlue", + "200" + ] + }, + 300: { + $type: "color", + $value: "#97d3ff", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#97d3ff" + }, + name: "ColorPrimitiveLightBlue300", + attributes: { + category: "Color", + type: "Primitive", + item: "LightBlue", + subitem: "300" + }, + path: [ + "Color", + "Primitive", + "LightBlue", + "300" + ] + }, + 400: { + $type: "color", + $value: "#57b8ff", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#57b8ff" + }, + name: "ColorPrimitiveLightBlue400", + attributes: { + category: "Color", + type: "Primitive", + item: "LightBlue", + subitem: "400" + }, + path: [ + "Color", + "Primitive", + "LightBlue", + "400" + ] + }, + 500: { + $type: "color", + $value: "#39abff", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#39abff" + }, + name: "ColorPrimitiveLightBlue500", + attributes: { + category: "Color", + type: "Primitive", + item: "LightBlue", + subitem: "500" + }, + path: [ + "Color", + "Primitive", + "LightBlue", + "500" + ] + }, + 600: { + $type: "color", + $value: "#008bf2", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#008bf2" + }, + name: "ColorPrimitiveLightBlue600", + attributes: { + category: "Color", + type: "Primitive", + item: "LightBlue", + subitem: "600" + }, + path: [ + "Color", + "Primitive", + "LightBlue", + "600" + ] + }, + 700: { + $type: "color", + $value: "#0877d7", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#0877d7" + }, + name: "ColorPrimitiveLightBlue700", + attributes: { + category: "Color", + type: "Primitive", + item: "LightBlue", + subitem: "700" + }, + path: [ + "Color", + "Primitive", + "LightBlue", + "700" + ] + }, + 800: { + $type: "color", + $value: "#0066be", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#0066be" + }, + name: "ColorPrimitiveLightBlue800", + attributes: { + category: "Color", + type: "Primitive", + item: "LightBlue", + subitem: "800" + }, + path: [ + "Color", + "Primitive", + "LightBlue", + "800" + ] + }, + 900: { + $type: "color", + $value: "#0055ad", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#0055ad" + }, + name: "ColorPrimitiveLightBlue900", + attributes: { + category: "Color", + type: "Primitive", + item: "LightBlue", + subitem: "900" + }, + path: [ + "Color", + "Primitive", + "LightBlue", + "900" + ] + }, + 1e3: { + $type: "color", + $value: "#00428c", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#00428c" + }, + name: "ColorPrimitiveLightBlue1000", + attributes: { + category: "Color", + type: "Primitive", + item: "LightBlue", + subitem: "1000" + }, + path: [ + "Color", + "Primitive", + "LightBlue", + "1000" + ] + }, + 1100: { + $type: "color", + $value: "#00316a", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#00316a" + }, + name: "ColorPrimitiveLightBlue1100", + attributes: { + category: "Color", + type: "Primitive", + item: "LightBlue", + subitem: "1100" + }, + path: [ + "Color", + "Primitive", + "LightBlue", + "1100" + ] + }, + 1200: { + $type: "color", + $value: "#00234b", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#00234b" + }, + name: "ColorPrimitiveLightBlue1200", + attributes: { + category: "Color", + type: "Primitive", + item: "LightBlue", + subitem: "1200" + }, + path: [ + "Color", + "Primitive", + "LightBlue", + "1200" + ] + } + }, + Cyan: { + 50: { + $type: "color", + $value: "#e9f7f9", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#e9f7f9" + }, + name: "ColorPrimitiveCyan50", + attributes: { + category: "Color", + type: "Primitive", + item: "Cyan", + subitem: "50" + }, + path: [ + "Color", + "Primitive", + "Cyan", + "50" + ] + }, + 100: { + $type: "color", + $value: "#c8f8ff", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#c8f8ff" + }, + name: "ColorPrimitiveCyan100", + attributes: { + category: "Color", + type: "Primitive", + item: "Cyan", + subitem: "100" + }, + path: [ + "Color", + "Primitive", + "Cyan", + "100" + ] + }, + 200: { + $type: "color", + $value: "#99f2ff", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#99f2ff" + }, + name: "ColorPrimitiveCyan200", + attributes: { + category: "Color", + type: "Primitive", + item: "Cyan", + subitem: "200" + }, + path: [ + "Color", + "Primitive", + "Cyan", + "200" + ] + }, + 300: { + $type: "color", + $value: "#79e2f2", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#79e2f2" + }, + name: "ColorPrimitiveCyan300", + attributes: { + category: "Color", + type: "Primitive", + item: "Cyan", + subitem: "300" + }, + path: [ + "Color", + "Primitive", + "Cyan", + "300" + ] + }, + 400: { + $type: "color", + $value: "#2bc8e4", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#2bc8e4" + }, + name: "ColorPrimitiveCyan400", + attributes: { + category: "Color", + type: "Primitive", + item: "Cyan", + subitem: "400" + }, + path: [ + "Color", + "Primitive", + "Cyan", + "400" + ] + }, + 500: { + $type: "color", + $value: "#01b7d6", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#01b7d6" + }, + name: "ColorPrimitiveCyan500", + attributes: { + category: "Color", + type: "Primitive", + item: "Cyan", + subitem: "500" + }, + path: [ + "Color", + "Primitive", + "Cyan", + "500" + ] + }, + 600: { + $type: "color", + $value: "#00a3bf", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#00a3bf" + }, + name: "ColorPrimitiveCyan600", + attributes: { + category: "Color", + type: "Primitive", + item: "Cyan", + subitem: "600" + }, + path: [ + "Color", + "Primitive", + "Cyan", + "600" + ] + }, + 700: { + $type: "color", + $value: "#008da6", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#008da6" + }, + name: "ColorPrimitiveCyan700", + attributes: { + category: "Color", + type: "Primitive", + item: "Cyan", + subitem: "700" + }, + path: [ + "Color", + "Primitive", + "Cyan", + "700" + ] + }, + 800: { + $type: "color", + $value: "#008299", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#008299" + }, + name: "ColorPrimitiveCyan800", + attributes: { + category: "Color", + type: "Primitive", + item: "Cyan", + subitem: "800" + }, + path: [ + "Color", + "Primitive", + "Cyan", + "800" + ] + }, + 900: { + $type: "color", + $value: "#006f83", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#006f83" + }, + name: "ColorPrimitiveCyan900", + attributes: { + category: "Color", + type: "Primitive", + item: "Cyan", + subitem: "900" + }, + path: [ + "Color", + "Primitive", + "Cyan", + "900" + ] + }, + 1e3: { + $type: "color", + $value: "#006173", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#006173" + }, + name: "ColorPrimitiveCyan1000", + attributes: { + category: "Color", + type: "Primitive", + item: "Cyan", + subitem: "1000" + }, + path: [ + "Color", + "Primitive", + "Cyan", + "1000" + ] + }, + 1100: { + $type: "color", + $value: "#004c59", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#004c59" + }, + name: "ColorPrimitiveCyan1100", + attributes: { + category: "Color", + type: "Primitive", + item: "Cyan", + subitem: "1100" + }, + path: [ + "Color", + "Primitive", + "Cyan", + "1100" + ] + }, + 1200: { + $type: "color", + $value: "#003741", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#003741" + }, + name: "ColorPrimitiveCyan1200", + attributes: { + category: "Color", + type: "Primitive", + item: "Cyan", + subitem: "1200" + }, + path: [ + "Color", + "Primitive", + "Cyan", + "1200" + ] + } + }, + Green: { + 50: { + $type: "color", + $value: "#e6f5ec", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#e6f5ec" + }, + name: "ColorPrimitiveGreen50", + attributes: { + category: "Color", + type: "Primitive", + item: "Green", + subitem: "50" + }, + path: [ + "Color", + "Primitive", + "Green", + "50" + ] + }, + 100: { + $type: "color", + $value: "#c2e5d1", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#c2e5d1" + }, + name: "ColorPrimitiveGreen100", + attributes: { + category: "Color", + type: "Primitive", + item: "Green", + subitem: "100" + }, + path: [ + "Color", + "Primitive", + "Green", + "100" + ] + }, + 200: { + $type: "color", + $value: "#9bd4b5", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#9bd4b5" + }, + name: "ColorPrimitiveGreen200", + attributes: { + category: "Color", + type: "Primitive", + item: "Green", + subitem: "200" + }, + path: [ + "Color", + "Primitive", + "Green", + "200" + ] + }, + 300: { + $type: "color", + $value: "#71c598", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#71c598" + }, + name: "ColorPrimitiveGreen300", + attributes: { + category: "Color", + type: "Primitive", + item: "Green", + subitem: "300" + }, + path: [ + "Color", + "Primitive", + "Green", + "300" + ] + }, + 400: { + $type: "color", + $value: "#51b883", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#51b883" + }, + name: "ColorPrimitiveGreen400", + attributes: { + category: "Color", + type: "Primitive", + item: "Green", + subitem: "400" + }, + path: [ + "Color", + "Primitive", + "Green", + "400" + ] + }, + 500: { + $type: "color", + $value: "#2cac6e", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#2cac6e" + }, + name: "ColorPrimitiveGreen500", + attributes: { + category: "Color", + type: "Primitive", + item: "Green", + subitem: "500" + }, + path: [ + "Color", + "Primitive", + "Green", + "500" + ] + }, + 600: { + $type: "color", + $value: "#259d63", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#259d63" + }, + name: "ColorPrimitiveGreen600", + attributes: { + category: "Color", + type: "Primitive", + item: "Green", + subitem: "600" + }, + path: [ + "Color", + "Primitive", + "Green", + "600" + ] + }, + 700: { + $type: "color", + $value: "#1d8b56", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#1d8b56" + }, + name: "ColorPrimitiveGreen700", + attributes: { + category: "Color", + type: "Primitive", + item: "Green", + subitem: "700" + }, + path: [ + "Color", + "Primitive", + "Green", + "700" + ] + }, + 800: { + $type: "color", + $value: "#197a4b", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#197a4b" + }, + name: "ColorPrimitiveGreen800", + attributes: { + category: "Color", + type: "Primitive", + item: "Green", + subitem: "800" + }, + path: [ + "Color", + "Primitive", + "Green", + "800" + ] + }, + 900: { + $type: "color", + $value: "#115a36", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#115a36" + }, + name: "ColorPrimitiveGreen900", + attributes: { + category: "Color", + type: "Primitive", + item: "Green", + subitem: "900" + }, + path: [ + "Color", + "Primitive", + "Green", + "900" + ] + }, + 1e3: { + $type: "color", + $value: "#0c472a", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#0c472a" + }, + name: "ColorPrimitiveGreen1000", + attributes: { + category: "Color", + type: "Primitive", + item: "Green", + subitem: "1000" + }, + path: [ + "Color", + "Primitive", + "Green", + "1000" + ] + }, + 1100: { + $type: "color", + $value: "#08351f", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#08351f" + }, + name: "ColorPrimitiveGreen1100", + attributes: { + category: "Color", + type: "Primitive", + item: "Green", + subitem: "1100" + }, + path: [ + "Color", + "Primitive", + "Green", + "1100" + ] + }, + 1200: { + $type: "color", + $value: "#032213", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#032213" + }, + name: "ColorPrimitiveGreen1200", + attributes: { + category: "Color", + type: "Primitive", + item: "Green", + subitem: "1200" + }, + path: [ + "Color", + "Primitive", + "Green", + "1200" + ] + } + }, + Lime: { + 50: { + $type: "color", + $value: "#ebfad9", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#ebfad9" + }, + name: "ColorPrimitiveLime50", + attributes: { + category: "Color", + type: "Primitive", + item: "Lime", + subitem: "50" + }, + path: [ + "Color", + "Primitive", + "Lime", + "50" + ] + }, + 100: { + $type: "color", + $value: "#d0f5a2", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#d0f5a2" + }, + name: "ColorPrimitiveLime100", + attributes: { + category: "Color", + type: "Primitive", + item: "Lime", + subitem: "100" + }, + path: [ + "Color", + "Primitive", + "Lime", + "100" + ] + }, + 200: { + $type: "color", + $value: "#c0f354", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#c0f354" + }, + name: "ColorPrimitiveLime200", + attributes: { + category: "Color", + type: "Primitive", + item: "Lime", + subitem: "200" + }, + path: [ + "Color", + "Primitive", + "Lime", + "200" + ] + }, + 300: { + $type: "color", + $value: "#ade830", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#ade830" + }, + name: "ColorPrimitiveLime300", + attributes: { + category: "Color", + type: "Primitive", + item: "Lime", + subitem: "300" + }, + path: [ + "Color", + "Primitive", + "Lime", + "300" + ] + }, + 400: { + $type: "color", + $value: "#9ddd15", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#9ddd15" + }, + name: "ColorPrimitiveLime400", + attributes: { + category: "Color", + type: "Primitive", + item: "Lime", + subitem: "400" + }, + path: [ + "Color", + "Primitive", + "Lime", + "400" + ] + }, + 500: { + $type: "color", + $value: "#8cc80c", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#8cc80c" + }, + name: "ColorPrimitiveLime500", + attributes: { + category: "Color", + type: "Primitive", + item: "Lime", + subitem: "500" + }, + path: [ + "Color", + "Primitive", + "Lime", + "500" + ] + }, + 600: { + $type: "color", + $value: "#7eb40d", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#7eb40d" + }, + name: "ColorPrimitiveLime600", + attributes: { + category: "Color", + type: "Primitive", + item: "Lime", + subitem: "600" + }, + path: [ + "Color", + "Primitive", + "Lime", + "600" + ] + }, + 700: { + $type: "color", + $value: "#6fa104", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#6fa104" + }, + name: "ColorPrimitiveLime700", + attributes: { + category: "Color", + type: "Primitive", + item: "Lime", + subitem: "700" + }, + path: [ + "Color", + "Primitive", + "Lime", + "700" + ] + }, + 800: { + $type: "color", + $value: "#618e00", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#618e00" + }, + name: "ColorPrimitiveLime800", + attributes: { + category: "Color", + type: "Primitive", + item: "Lime", + subitem: "800" + }, + path: [ + "Color", + "Primitive", + "Lime", + "800" + ] + }, + 900: { + $type: "color", + $value: "#507500", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#507500" + }, + name: "ColorPrimitiveLime900", + attributes: { + category: "Color", + type: "Primitive", + item: "Lime", + subitem: "900" + }, + path: [ + "Color", + "Primitive", + "Lime", + "900" + ] + }, + 1e3: { + $type: "color", + $value: "#3e5a00", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#3e5a00" + }, + name: "ColorPrimitiveLime1000", + attributes: { + category: "Color", + type: "Primitive", + item: "Lime", + subitem: "1000" + }, + path: [ + "Color", + "Primitive", + "Lime", + "1000" + ] + }, + 1100: { + $type: "color", + $value: "#2c4100", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#2c4100" + }, + name: "ColorPrimitiveLime1100", + attributes: { + category: "Color", + type: "Primitive", + item: "Lime", + subitem: "1100" + }, + path: [ + "Color", + "Primitive", + "Lime", + "1100" + ] + }, + 1200: { + $type: "color", + $value: "#1e2d00", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#1e2d00" + }, + name: "ColorPrimitiveLime1200", + attributes: { + category: "Color", + type: "Primitive", + item: "Lime", + subitem: "1200" + }, + path: [ + "Color", + "Primitive", + "Lime", + "1200" + ] + } + }, + Yellow: { + 50: { + $type: "color", + $value: "#fbf5e0", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#fbf5e0" + }, + name: "ColorPrimitiveYellow50", + attributes: { + category: "Color", + type: "Primitive", + item: "Yellow", + subitem: "50" + }, + path: [ + "Color", + "Primitive", + "Yellow", + "50" + ] + }, + 100: { + $type: "color", + $value: "#fff0b3", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#fff0b3" + }, + name: "ColorPrimitiveYellow100", + attributes: { + category: "Color", + type: "Primitive", + item: "Yellow", + subitem: "100" + }, + path: [ + "Color", + "Primitive", + "Yellow", + "100" + ] + }, + 200: { + $type: "color", + $value: "#ffe380", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#ffe380" + }, + name: "ColorPrimitiveYellow200", + attributes: { + category: "Color", + type: "Primitive", + item: "Yellow", + subitem: "200" + }, + path: [ + "Color", + "Primitive", + "Yellow", + "200" + ] + }, + 300: { + $type: "color", + $value: "#ffd43d", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#ffd43d" + }, + name: "ColorPrimitiveYellow300", + attributes: { + category: "Color", + type: "Primitive", + item: "Yellow", + subitem: "300" + }, + path: [ + "Color", + "Primitive", + "Yellow", + "300" + ] + }, + 400: { + $type: "color", + $value: "#ffc700", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#ffc700" + }, + name: "ColorPrimitiveYellow400", + attributes: { + category: "Color", + type: "Primitive", + item: "Yellow", + subitem: "400" + }, + path: [ + "Color", + "Primitive", + "Yellow", + "400" + ] + }, + 500: { + $type: "color", + $value: "#ebb700", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#ebb700" + }, + name: "ColorPrimitiveYellow500", + attributes: { + category: "Color", + type: "Primitive", + item: "Yellow", + subitem: "500" + }, + path: [ + "Color", + "Primitive", + "Yellow", + "500" + ] + }, + 600: { + $type: "color", + $value: "#d2a400", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#d2a400" + }, + name: "ColorPrimitiveYellow600", + attributes: { + category: "Color", + type: "Primitive", + item: "Yellow", + subitem: "600" + }, + path: [ + "Color", + "Primitive", + "Yellow", + "600" + ] + }, + 700: { + $type: "color", + $value: "#b78f00", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#b78f00" + }, + name: "ColorPrimitiveYellow700", + attributes: { + category: "Color", + type: "Primitive", + item: "Yellow", + subitem: "700" + }, + path: [ + "Color", + "Primitive", + "Yellow", + "700" + ] + }, + 800: { + $type: "color", + $value: "#a58000", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#a58000" + }, + name: "ColorPrimitiveYellow800", + attributes: { + category: "Color", + type: "Primitive", + item: "Yellow", + subitem: "800" + }, + path: [ + "Color", + "Primitive", + "Yellow", + "800" + ] + }, + 900: { + $type: "color", + $value: "#927200", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#927200" + }, + name: "ColorPrimitiveYellow900", + attributes: { + category: "Color", + type: "Primitive", + item: "Yellow", + subitem: "900" + }, + path: [ + "Color", + "Primitive", + "Yellow", + "900" + ] + }, + 1e3: { + $type: "color", + $value: "#806300", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#806300" + }, + name: "ColorPrimitiveYellow1000", + attributes: { + category: "Color", + type: "Primitive", + item: "Yellow", + subitem: "1000" + }, + path: [ + "Color", + "Primitive", + "Yellow", + "1000" + ] + }, + 1100: { + $type: "color", + $value: "#6e5600", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#6e5600" + }, + name: "ColorPrimitiveYellow1100", + attributes: { + category: "Color", + type: "Primitive", + item: "Yellow", + subitem: "1100" + }, + path: [ + "Color", + "Primitive", + "Yellow", + "1100" + ] + }, + 1200: { + $type: "color", + $value: "#604b00", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#604b00" + }, + name: "ColorPrimitiveYellow1200", + attributes: { + category: "Color", + type: "Primitive", + item: "Yellow", + subitem: "1200" + }, + path: [ + "Color", + "Primitive", + "Yellow", + "1200" + ] + } + }, + Orange: { + 50: { + $type: "color", + $value: "#ffeee2", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#ffeee2" + }, + name: "ColorPrimitiveOrange50", + attributes: { + category: "Color", + type: "Primitive", + item: "Orange", + subitem: "50" + }, + path: [ + "Color", + "Primitive", + "Orange", + "50" + ] + }, + 100: { + $type: "color", + $value: "#ffdfca", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#ffdfca" + }, + name: "ColorPrimitiveOrange100", + attributes: { + category: "Color", + type: "Primitive", + item: "Orange", + subitem: "100" + }, + path: [ + "Color", + "Primitive", + "Orange", + "100" + ] + }, + 200: { + $type: "color", + $value: "#ffc199", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#ffc199" + }, + name: "ColorPrimitiveOrange200", + attributes: { + category: "Color", + type: "Primitive", + item: "Orange", + subitem: "200" + }, + path: [ + "Color", + "Primitive", + "Orange", + "200" + ] + }, + 300: { + $type: "color", + $value: "#ffa66d", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#ffa66d" + }, + name: "ColorPrimitiveOrange300", + attributes: { + category: "Color", + type: "Primitive", + item: "Orange", + subitem: "300" + }, + path: [ + "Color", + "Primitive", + "Orange", + "300" + ] + }, + 400: { + $type: "color", + $value: "#ff8d44", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#ff8d44" + }, + name: "ColorPrimitiveOrange400", + attributes: { + category: "Color", + type: "Primitive", + item: "Orange", + subitem: "400" + }, + path: [ + "Color", + "Primitive", + "Orange", + "400" + ] + }, + 500: { + $type: "color", + $value: "#ff7628", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#ff7628" + }, + name: "ColorPrimitiveOrange500", + attributes: { + category: "Color", + type: "Primitive", + item: "Orange", + subitem: "500" + }, + path: [ + "Color", + "Primitive", + "Orange", + "500" + ] + }, + 600: { + $type: "color", + $value: "#fb5b01", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#fb5b01" + }, + name: "ColorPrimitiveOrange600", + attributes: { + category: "Color", + type: "Primitive", + item: "Orange", + subitem: "600" + }, + path: [ + "Color", + "Primitive", + "Orange", + "600" + ] + }, + 700: { + $type: "color", + $value: "#e25100", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#e25100" + }, + name: "ColorPrimitiveOrange700", + attributes: { + category: "Color", + type: "Primitive", + item: "Orange", + subitem: "700" + }, + path: [ + "Color", + "Primitive", + "Orange", + "700" + ] + }, + 800: { + $type: "color", + $value: "#c74700", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#c74700" + }, + name: "ColorPrimitiveOrange800", + attributes: { + category: "Color", + type: "Primitive", + item: "Orange", + subitem: "800" + }, + path: [ + "Color", + "Primitive", + "Orange", + "800" + ] + }, + 900: { + $type: "color", + $value: "#ac3e00", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#ac3e00" + }, + name: "ColorPrimitiveOrange900", + attributes: { + category: "Color", + type: "Primitive", + item: "Orange", + subitem: "900" + }, + path: [ + "Color", + "Primitive", + "Orange", + "900" + ] + }, + 1e3: { + $type: "color", + $value: "#8b3200", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#8b3200" + }, + name: "ColorPrimitiveOrange1000", + attributes: { + category: "Color", + type: "Primitive", + item: "Orange", + subitem: "1000" + }, + path: [ + "Color", + "Primitive", + "Orange", + "1000" + ] + }, + 1100: { + $type: "color", + $value: "#6d2700", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#6d2700" + }, + name: "ColorPrimitiveOrange1100", + attributes: { + category: "Color", + type: "Primitive", + item: "Orange", + subitem: "1100" + }, + path: [ + "Color", + "Primitive", + "Orange", + "1100" + ] + }, + 1200: { + $type: "color", + $value: "#541e00", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#541e00" + }, + name: "ColorPrimitiveOrange1200", + attributes: { + category: "Color", + type: "Primitive", + item: "Orange", + subitem: "1200" + }, + path: [ + "Color", + "Primitive", + "Orange", + "1200" + ] + } + }, + Red: { + 50: { + $type: "color", + $value: "#fdeeee", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#fdeeee" + }, + name: "ColorPrimitiveRed50", + attributes: { + category: "Color", + type: "Primitive", + item: "Red", + subitem: "50" + }, + path: [ + "Color", + "Primitive", + "Red", + "50" + ] + }, + 100: { + $type: "color", + $value: "#ffdada", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#ffdada" + }, + name: "ColorPrimitiveRed100", + attributes: { + category: "Color", + type: "Primitive", + item: "Red", + subitem: "100" + }, + path: [ + "Color", + "Primitive", + "Red", + "100" + ] + }, + 200: { + $type: "color", + $value: "#ffbbbb", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#ffbbbb" + }, + name: "ColorPrimitiveRed200", + attributes: { + category: "Color", + type: "Primitive", + item: "Red", + subitem: "200" + }, + path: [ + "Color", + "Primitive", + "Red", + "200" + ] + }, + 300: { + $type: "color", + $value: "#ff9696", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#ff9696" + }, + name: "ColorPrimitiveRed300", + attributes: { + category: "Color", + type: "Primitive", + item: "Red", + subitem: "300" + }, + path: [ + "Color", + "Primitive", + "Red", + "300" + ] + }, + 400: { + $type: "color", + $value: "#ff7171", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#ff7171" + }, + name: "ColorPrimitiveRed400", + attributes: { + category: "Color", + type: "Primitive", + item: "Red", + subitem: "400" + }, + path: [ + "Color", + "Primitive", + "Red", + "400" + ] + }, + 500: { + $type: "color", + $value: "#ff5454", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#ff5454" + }, + name: "ColorPrimitiveRed500", + attributes: { + category: "Color", + type: "Primitive", + item: "Red", + subitem: "500" + }, + path: [ + "Color", + "Primitive", + "Red", + "500" + ] + }, + 600: { + $type: "color", + $value: "#fe3939", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#fe3939" + }, + name: "ColorPrimitiveRed600", + attributes: { + category: "Color", + type: "Primitive", + item: "Red", + subitem: "600" + }, + path: [ + "Color", + "Primitive", + "Red", + "600" + ] + }, + 700: { + $type: "color", + $value: "#fa0000", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#fa0000" + }, + name: "ColorPrimitiveRed700", + attributes: { + category: "Color", + type: "Primitive", + item: "Red", + subitem: "700" + }, + path: [ + "Color", + "Primitive", + "Red", + "700" + ] + }, + 800: { + $type: "color", + $value: "#ec0000", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#ec0000" + }, + name: "ColorPrimitiveRed800", + attributes: { + category: "Color", + type: "Primitive", + item: "Red", + subitem: "800" + }, + path: [ + "Color", + "Primitive", + "Red", + "800" + ] + }, + 900: { + $type: "color", + $value: "#ce0000", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#ce0000" + }, + name: "ColorPrimitiveRed900", + attributes: { + category: "Color", + type: "Primitive", + item: "Red", + subitem: "900" + }, + path: [ + "Color", + "Primitive", + "Red", + "900" + ] + }, + 1e3: { + $type: "color", + $value: "#a90000", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#a90000" + }, + name: "ColorPrimitiveRed1000", + attributes: { + category: "Color", + type: "Primitive", + item: "Red", + subitem: "1000" + }, + path: [ + "Color", + "Primitive", + "Red", + "1000" + ] + }, + 1100: { + $type: "color", + $value: "#850000", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#850000" + }, + name: "ColorPrimitiveRed1100", + attributes: { + category: "Color", + type: "Primitive", + item: "Red", + subitem: "1100" + }, + path: [ + "Color", + "Primitive", + "Red", + "1100" + ] + }, + 1200: { + $type: "color", + $value: "#620000", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#620000" + }, + name: "ColorPrimitiveRed1200", + attributes: { + category: "Color", + type: "Primitive", + item: "Red", + subitem: "1200" + }, + path: [ + "Color", + "Primitive", + "Red", + "1200" + ] + } + }, + Magenta: { + 50: { + $type: "color", + $value: "#f3e5f4", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#f3e5f4" + }, + name: "ColorPrimitiveMagenta50", + attributes: { + category: "Color", + type: "Primitive", + item: "Magenta", + subitem: "50" + }, + path: [ + "Color", + "Primitive", + "Magenta", + "50" + ] + }, + 100: { + $type: "color", + $value: "#ffd0ff", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#ffd0ff" + }, + name: "ColorPrimitiveMagenta100", + attributes: { + category: "Color", + type: "Primitive", + item: "Magenta", + subitem: "100" + }, + path: [ + "Color", + "Primitive", + "Magenta", + "100" + ] + }, + 200: { + $type: "color", + $value: "#ffaeff", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#ffaeff" + }, + name: "ColorPrimitiveMagenta200", + attributes: { + category: "Color", + type: "Primitive", + item: "Magenta", + subitem: "200" + }, + path: [ + "Color", + "Primitive", + "Magenta", + "200" + ] + }, + 300: { + $type: "color", + $value: "#ff8eff", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#ff8eff" + }, + name: "ColorPrimitiveMagenta300", + attributes: { + category: "Color", + type: "Primitive", + item: "Magenta", + subitem: "300" + }, + path: [ + "Color", + "Primitive", + "Magenta", + "300" + ] + }, + 400: { + $type: "color", + $value: "#f661f6", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#f661f6" + }, + name: "ColorPrimitiveMagenta400", + attributes: { + category: "Color", + type: "Primitive", + item: "Magenta", + subitem: "400" + }, + path: [ + "Color", + "Primitive", + "Magenta", + "400" + ] + }, + 500: { + $type: "color", + $value: "#f137f1", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#f137f1" + }, + name: "ColorPrimitiveMagenta500", + attributes: { + category: "Color", + type: "Primitive", + item: "Magenta", + subitem: "500" + }, + path: [ + "Color", + "Primitive", + "Magenta", + "500" + ] + }, + 600: { + $type: "color", + $value: "#db00db", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#db00db" + }, + name: "ColorPrimitiveMagenta600", + attributes: { + category: "Color", + type: "Primitive", + item: "Magenta", + subitem: "600" + }, + path: [ + "Color", + "Primitive", + "Magenta", + "600" + ] + }, + 700: { + $type: "color", + $value: "#c000c0", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#c000c0" + }, + name: "ColorPrimitiveMagenta700", + attributes: { + category: "Color", + type: "Primitive", + item: "Magenta", + subitem: "700" + }, + path: [ + "Color", + "Primitive", + "Magenta", + "700" + ] + }, + 800: { + $type: "color", + $value: "#aa00aa", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#aa00aa" + }, + name: "ColorPrimitiveMagenta800", + attributes: { + category: "Color", + type: "Primitive", + item: "Magenta", + subitem: "800" + }, + path: [ + "Color", + "Primitive", + "Magenta", + "800" + ] + }, + 900: { + $type: "color", + $value: "#8b008b", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#8b008b" + }, + name: "ColorPrimitiveMagenta900", + attributes: { + category: "Color", + type: "Primitive", + item: "Magenta", + subitem: "900" + }, + path: [ + "Color", + "Primitive", + "Magenta", + "900" + ] + }, + 1e3: { + $type: "color", + $value: "#6c006c", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#6c006c" + }, + name: "ColorPrimitiveMagenta1000", + attributes: { + category: "Color", + type: "Primitive", + item: "Magenta", + subitem: "1000" + }, + path: [ + "Color", + "Primitive", + "Magenta", + "1000" + ] + }, + 1100: { + $type: "color", + $value: "#500050", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#500050" + }, + name: "ColorPrimitiveMagenta1100", + attributes: { + category: "Color", + type: "Primitive", + item: "Magenta", + subitem: "1100" + }, + path: [ + "Color", + "Primitive", + "Magenta", + "1100" + ] + }, + 1200: { + $type: "color", + $value: "#3b003b", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#3b003b" + }, + name: "ColorPrimitiveMagenta1200", + attributes: { + category: "Color", + type: "Primitive", + item: "Magenta", + subitem: "1200" + }, + path: [ + "Color", + "Primitive", + "Magenta", + "1200" + ] + } + }, + Purple: { + 50: { + $type: "color", + $value: "#f1eafa", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#f1eafa" + }, + name: "ColorPrimitivePurple50", + attributes: { + category: "Color", + type: "Primitive", + item: "Purple", + subitem: "50" + }, + path: [ + "Color", + "Primitive", + "Purple", + "50" + ] + }, + 100: { + $type: "color", + $value: "#ecddff", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#ecddff" + }, + name: "ColorPrimitivePurple100", + attributes: { + category: "Color", + type: "Primitive", + item: "Purple", + subitem: "100" + }, + path: [ + "Color", + "Primitive", + "Purple", + "100" + ] + }, + 200: { + $type: "color", + $value: "#ddc2ff", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#ddc2ff" + }, + name: "ColorPrimitivePurple200", + attributes: { + category: "Color", + type: "Primitive", + item: "Purple", + subitem: "200" + }, + path: [ + "Color", + "Primitive", + "Purple", + "200" + ] + }, + 300: { + $type: "color", + $value: "#cda6ff", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#cda6ff" + }, + name: "ColorPrimitivePurple300", + attributes: { + category: "Color", + type: "Primitive", + item: "Purple", + subitem: "300" + }, + path: [ + "Color", + "Primitive", + "Purple", + "300" + ] + }, + 400: { + $type: "color", + $value: "#bb87ff", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#bb87ff" + }, + name: "ColorPrimitivePurple400", + attributes: { + category: "Color", + type: "Primitive", + item: "Purple", + subitem: "400" + }, + path: [ + "Color", + "Primitive", + "Purple", + "400" + ] + }, + 500: { + $type: "color", + $value: "#a565f8", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#a565f8" + }, + name: "ColorPrimitivePurple500", + attributes: { + category: "Color", + type: "Primitive", + item: "Purple", + subitem: "500" + }, + path: [ + "Color", + "Primitive", + "Purple", + "500" + ] + }, + 600: { + $type: "color", + $value: "#8843e1", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#8843e1" + }, + name: "ColorPrimitivePurple600", + attributes: { + category: "Color", + type: "Primitive", + item: "Purple", + subitem: "600" + }, + path: [ + "Color", + "Primitive", + "Purple", + "600" + ] + }, + 700: { + $type: "color", + $value: "#6f23d0", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#6f23d0" + }, + name: "ColorPrimitivePurple700", + attributes: { + category: "Color", + type: "Primitive", + item: "Purple", + subitem: "700" + }, + path: [ + "Color", + "Primitive", + "Purple", + "700" + ] + }, + 800: { + $type: "color", + $value: "#5c10be", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#5c10be" + }, + name: "ColorPrimitivePurple800", + attributes: { + category: "Color", + type: "Primitive", + item: "Purple", + subitem: "800" + }, + path: [ + "Color", + "Primitive", + "Purple", + "800" + ] + }, + 900: { + $type: "color", + $value: "#5109ad", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#5109ad" + }, + name: "ColorPrimitivePurple900", + attributes: { + category: "Color", + type: "Primitive", + item: "Purple", + subitem: "900" + }, + path: [ + "Color", + "Primitive", + "Purple", + "900" + ] + }, + 1e3: { + $type: "color", + $value: "#41048e", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#41048e" + }, + name: "ColorPrimitivePurple1000", + attributes: { + category: "Color", + type: "Primitive", + item: "Purple", + subitem: "1000" + }, + path: [ + "Color", + "Primitive", + "Purple", + "1000" + ] + }, + 1100: { + $type: "color", + $value: "#30016c", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#30016c" + }, + name: "ColorPrimitivePurple1100", + attributes: { + category: "Color", + type: "Primitive", + item: "Purple", + subitem: "1100" + }, + path: [ + "Color", + "Primitive", + "Purple", + "1100" + ] + }, + 1200: { + $type: "color", + $value: "#21004b", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#21004b" + }, + name: "ColorPrimitivePurple1200", + attributes: { + category: "Color", + type: "Primitive", + item: "Purple", + subitem: "1200" + }, + path: [ + "Color", + "Primitive", + "Purple", + "1200" + ] + } + } + }, + Neutral: { + White: { + $type: "color", + $value: "#ffffff", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#ffffff" + }, + name: "ColorNeutralWhite", + attributes: { + category: "Color", + type: "Neutral", + item: "White" + }, + path: [ + "Color", + "Neutral", + "White" + ] + }, + Black: { + $type: "color", + $value: "#000000", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#000000" + }, + name: "ColorNeutralBlack", + attributes: { + category: "Color", + type: "Neutral", + item: "Black" + }, + path: [ + "Color", + "Neutral", + "Black" + ] + }, + SolidGray: { + 50: { + $type: "color", + $value: "#f2f2f2", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#f2f2f2" + }, + name: "ColorNeutralSolidGray50", + attributes: { + category: "Color", + type: "Neutral", + item: "SolidGray", + subitem: "50" + }, + path: [ + "Color", + "Neutral", + "SolidGray", + "50" + ] + }, + 100: { + $type: "color", + $value: "#e6e6e6", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#e6e6e6" + }, + name: "ColorNeutralSolidGray100", + attributes: { + category: "Color", + type: "Neutral", + item: "SolidGray", + subitem: "100" + }, + path: [ + "Color", + "Neutral", + "SolidGray", + "100" + ] + }, + 200: { + $type: "color", + $value: "#cccccc", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#cccccc" + }, + name: "ColorNeutralSolidGray200", + attributes: { + category: "Color", + type: "Neutral", + item: "SolidGray", + subitem: "200" + }, + path: [ + "Color", + "Neutral", + "SolidGray", + "200" + ] + }, + 300: { + $type: "color", + $value: "#b3b3b3", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#b3b3b3" + }, + name: "ColorNeutralSolidGray300", + attributes: { + category: "Color", + type: "Neutral", + item: "SolidGray", + subitem: "300" + }, + path: [ + "Color", + "Neutral", + "SolidGray", + "300" + ] + }, + 400: { + $type: "color", + $value: "#999999", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#999999" + }, + name: "ColorNeutralSolidGray400", + attributes: { + category: "Color", + type: "Neutral", + item: "SolidGray", + subitem: "400" + }, + path: [ + "Color", + "Neutral", + "SolidGray", + "400" + ] + }, + 420: { + $type: "color", + $value: "#949494", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#949494" + }, + name: "ColorNeutralSolidGray420", + attributes: { + category: "Color", + type: "Neutral", + item: "SolidGray", + subitem: "420" + }, + path: [ + "Color", + "Neutral", + "SolidGray", + "420" + ] + }, + 500: { + $type: "color", + $value: "#7f7f7f", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#7f7f7f" + }, + name: "ColorNeutralSolidGray500", + attributes: { + category: "Color", + type: "Neutral", + item: "SolidGray", + subitem: "500" + }, + path: [ + "Color", + "Neutral", + "SolidGray", + "500" + ] + }, + 536: { + $type: "color", + $value: "#767676", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#767676" + }, + name: "ColorNeutralSolidGray536", + attributes: { + category: "Color", + type: "Neutral", + item: "SolidGray", + subitem: "536" + }, + path: [ + "Color", + "Neutral", + "SolidGray", + "536" + ] + }, + 600: { + $type: "color", + $value: "#666666", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#666666" + }, + name: "ColorNeutralSolidGray600", + attributes: { + category: "Color", + type: "Neutral", + item: "SolidGray", + subitem: "600" + }, + path: [ + "Color", + "Neutral", + "SolidGray", + "600" + ] + }, + 700: { + $type: "color", + $value: "#4d4d4d", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#4d4d4d" + }, + name: "ColorNeutralSolidGray700", + attributes: { + category: "Color", + type: "Neutral", + item: "SolidGray", + subitem: "700" + }, + path: [ + "Color", + "Neutral", + "SolidGray", + "700" + ] + }, + 800: { + $type: "color", + $value: "#333333", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#333333" + }, + name: "ColorNeutralSolidGray800", + attributes: { + category: "Color", + type: "Neutral", + item: "SolidGray", + subitem: "800" + }, + path: [ + "Color", + "Neutral", + "SolidGray", + "800" + ] + }, + 900: { + $type: "color", + $value: "#1a1a1a", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "#1a1a1a" + }, + name: "ColorNeutralSolidGray900", + attributes: { + category: "Color", + type: "Neutral", + item: "SolidGray", + subitem: "900" + }, + path: [ + "Color", + "Neutral", + "SolidGray", + "900" + ] + } + }, + OpacityGray: { + 50: { + $type: "color", + $value: "rgba(0, 0, 0, 0.05)", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "rgba(0,0,0,0.05)" + }, + name: "ColorNeutralOpacityGray50", + attributes: { + category: "Color", + type: "Neutral", + item: "OpacityGray", + subitem: "50" + }, + path: [ + "Color", + "Neutral", + "OpacityGray", + "50" + ] + }, + 100: { + $type: "color", + $value: "rgba(0, 0, 0, 0.1)", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "rgba(0,0,0,0.1)" + }, + name: "ColorNeutralOpacityGray100", + attributes: { + category: "Color", + type: "Neutral", + item: "OpacityGray", + subitem: "100" + }, + path: [ + "Color", + "Neutral", + "OpacityGray", + "100" + ] + }, + 200: { + $type: "color", + $value: "rgba(0, 0, 0, 0.2)", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "rgba(0,0,0,0.2)" + }, + name: "ColorNeutralOpacityGray200", + attributes: { + category: "Color", + type: "Neutral", + item: "OpacityGray", + subitem: "200" + }, + path: [ + "Color", + "Neutral", + "OpacityGray", + "200" + ] + }, + 300: { + $type: "color", + $value: "rgba(0, 0, 0, 0.3)", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "rgba(0,0,0,0.3)" + }, + name: "ColorNeutralOpacityGray300", + attributes: { + category: "Color", + type: "Neutral", + item: "OpacityGray", + subitem: "300" + }, + path: [ + "Color", + "Neutral", + "OpacityGray", + "300" + ] + }, + 400: { + $type: "color", + $value: "rgba(0, 0, 0, 0.4)", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "rgba(0,0,0,0.4)" + }, + name: "ColorNeutralOpacityGray400", + attributes: { + category: "Color", + type: "Neutral", + item: "OpacityGray", + subitem: "400" + }, + path: [ + "Color", + "Neutral", + "OpacityGray", + "400" + ] + }, + 420: { + $type: "color", + $value: "rgba(0, 0, 0, 0.42)", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "rgba(0,0,0,0.42)" + }, + name: "ColorNeutralOpacityGray420", + attributes: { + category: "Color", + type: "Neutral", + item: "OpacityGray", + subitem: "420" + }, + path: [ + "Color", + "Neutral", + "OpacityGray", + "420" + ] + }, + 500: { + $type: "color", + $value: "rgba(0, 0, 0, 0.5)", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "rgba(0,0,0,0.5)" + }, + name: "ColorNeutralOpacityGray500", + attributes: { + category: "Color", + type: "Neutral", + item: "OpacityGray", + subitem: "500" + }, + path: [ + "Color", + "Neutral", + "OpacityGray", + "500" + ] + }, + 536: { + $type: "color", + $value: "rgba(0, 0, 0, 0.54)", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "rgba(0,0,0,0.536)" + }, + name: "ColorNeutralOpacityGray536", + attributes: { + category: "Color", + type: "Neutral", + item: "OpacityGray", + subitem: "536" + }, + path: [ + "Color", + "Neutral", + "OpacityGray", + "536" + ] + }, + 600: { + $type: "color", + $value: "rgba(0, 0, 0, 0.6)", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "rgba(0,0,0,0.6)" + }, + name: "ColorNeutralOpacityGray600", + attributes: { + category: "Color", + type: "Neutral", + item: "OpacityGray", + subitem: "600" + }, + path: [ + "Color", + "Neutral", + "OpacityGray", + "600" + ] + }, + 700: { + $type: "color", + $value: "rgba(0, 0, 0, 0.7)", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "rgba(0,0,0,0.7)" + }, + name: "ColorNeutralOpacityGray700", + attributes: { + category: "Color", + type: "Neutral", + item: "OpacityGray", + subitem: "700" + }, + path: [ + "Color", + "Neutral", + "OpacityGray", + "700" + ] + }, + 800: { + $type: "color", + $value: "rgba(0, 0, 0, 0.8)", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "rgba(0,0,0,0.8)" + }, + name: "ColorNeutralOpacityGray800", + attributes: { + category: "Color", + type: "Neutral", + item: "OpacityGray", + subitem: "800" + }, + path: [ + "Color", + "Neutral", + "OpacityGray", + "800" + ] + }, + 900: { + $type: "color", + $value: "rgba(0, 0, 0, 0.9)", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "rgba(0,0,0,0.9)" + }, + name: "ColorNeutralOpacityGray900", + attributes: { + category: "Color", + type: "Neutral", + item: "OpacityGray", + subitem: "900" + }, + path: [ + "Color", + "Neutral", + "OpacityGray", + "900" + ] + } + } + }, + Semantic: { + Success: { + 1: { + $type: "color", + $value: "#259d63", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "{Color.Primitive.Green.600}" + }, + name: "ColorSemanticSuccess1", + attributes: { + category: "Color", + type: "Semantic", + item: "Success", + subitem: "1" + }, + path: [ + "Color", + "Semantic", + "Success", + "1" + ] + }, + 2: { + $type: "color", + $value: "#197a4b", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "{Color.Primitive.Green.800}" + }, + name: "ColorSemanticSuccess2", + attributes: { + category: "Color", + type: "Semantic", + item: "Success", + subitem: "2" + }, + path: [ + "Color", + "Semantic", + "Success", + "2" + ] + } + }, + Error: { + 1: { + $type: "color", + $value: "#ec0000", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "{Color.Primitive.Red.800}" + }, + name: "ColorSemanticError1", + attributes: { + category: "Color", + type: "Semantic", + item: "Error", + subitem: "1" + }, + path: [ + "Color", + "Semantic", + "Error", + "1" + ] + }, + 2: { + $type: "color", + $value: "#ce0000", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "{Color.Primitive.Red.900}" + }, + name: "ColorSemanticError2", + attributes: { + category: "Color", + type: "Semantic", + item: "Error", + subitem: "2" + }, + path: [ + "Color", + "Semantic", + "Error", + "2" + ] + } + }, + Warning: { + Yellow: { + 1: { + $type: "color", + $value: "#b78f00", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "{Color.Primitive.Yellow.700}" + }, + name: "ColorSemanticWarningYellow1", + attributes: { + category: "Color", + type: "Semantic", + item: "Warning", + subitem: "Yellow", + state: "1" + }, + path: [ + "Color", + "Semantic", + "Warning", + "Yellow", + "1" + ] + }, + 2: { + $type: "color", + $value: "#927200", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "{Color.Primitive.Yellow.900}" + }, + name: "ColorSemanticWarningYellow2", + attributes: { + category: "Color", + type: "Semantic", + item: "Warning", + subitem: "Yellow", + state: "2" + }, + path: [ + "Color", + "Semantic", + "Warning", + "Yellow", + "2" + ] + } + }, + Orange: { + 1: { + $type: "color", + $value: "#fb5b01", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "{Color.Primitive.Orange.600}" + }, + name: "ColorSemanticWarningOrange1", + attributes: { + category: "Color", + type: "Semantic", + item: "Warning", + subitem: "Orange", + state: "1" + }, + path: [ + "Color", + "Semantic", + "Warning", + "Orange", + "1" + ] + }, + 2: { + $type: "color", + $value: "#c74700", + filePath: "figma/tokens.json", + isSource: !0, + original: { + $type: "color", + $value: "{Color.Primitive.Orange.800}" + }, + name: "ColorSemanticWarningOrange2", + attributes: { + category: "Color", + type: "Semantic", + item: "Warning", + subitem: "Orange", + state: "2" + }, + path: [ + "Color", + "Semantic", + "Warning", + "Orange", + "2" + ] + } + } + } + } + }, + FontWeight: { + 400: { + $type: "fontWeight", + $value: "400", + filePath: "figma/tokens.json", + isSource: !0, + $extensions: { + "studio.tokens": { + originalType: "fontWeights" + } + }, + original: { + $type: "fontWeight", + $value: "400", + $extensions: { + "studio.tokens": { + originalType: "fontWeights" + } + } + }, + name: "FontWeight400", + attributes: { + category: "FontWeight", + type: "400" + }, + path: [ + "FontWeight", + "400" + ] + }, + 700: { + $type: "fontWeight", + $value: "700", + filePath: "figma/tokens.json", + isSource: !0, + $extensions: { + "studio.tokens": { + originalType: "fontWeights" + } + }, + original: { + $type: "fontWeight", + $value: "700", + $extensions: { + "studio.tokens": { + originalType: "fontWeights" + } + } + }, + name: "FontWeight700", + attributes: { + category: "FontWeight", + type: "700" + }, + path: [ + "FontWeight", + "700" + ] + } + }, + FontFamily: { + Sans: { + $type: "fontFamily", + $value: "'Noto Sans JP', -apple-system, BlinkMacSystemFont, sans-serif", + filePath: "figma/tokens.json", + isSource: !0, + $extensions: { + "studio.tokens": { + originalType: "fontFamilies" + } + }, + original: { + $type: "fontFamily", + $value: "'Noto Sans JP', -apple-system, BlinkMacSystemFont, sans-serif", + $extensions: { + "studio.tokens": { + originalType: "fontFamilies" + } + } + }, + name: "FontFamilySans", + attributes: { + category: "FontFamily", + type: "Sans" + }, + path: [ + "FontFamily", + "Sans" + ] + }, + Mono: { + $type: "fontFamily", + $value: "'Noto Sans Mono', monospace", + filePath: "figma/tokens.json", + isSource: !0, + $extensions: { + "studio.tokens": { + originalType: "fontFamilies" + } + }, + original: { + $type: "fontFamily", + $value: "'Noto Sans Mono', monospace", + $extensions: { + "studio.tokens": { + originalType: "fontFamilies" + } + } + }, + name: "FontFamilyMono", + attributes: { + category: "FontFamily", + type: "Mono" + }, + path: [ + "FontFamily", + "Mono" + ] + } + }, + FontSize: { + 14: { + $type: "fontSize", + $value: "0.875rem", + filePath: "figma/tokens.json", + isSource: !0, + $extensions: { + "studio.tokens": { + originalType: "fontSizes" + } + }, + original: { + $type: "fontSize", + $value: "14px", + $extensions: { + "studio.tokens": { + originalType: "fontSizes" + } + } + }, + name: "FontSize14", + attributes: { + category: "FontSize", + type: "14" + }, + path: [ + "FontSize", + "14" + ] + }, + 16: { + $type: "fontSize", + $value: "1rem", + filePath: "figma/tokens.json", + isSource: !0, + $extensions: { + "studio.tokens": { + originalType: "fontSizes" + } + }, + original: { + $type: "fontSize", + $value: "16px", + $extensions: { + "studio.tokens": { + originalType: "fontSizes" + } + } + }, + name: "FontSize16", + attributes: { + category: "FontSize", + type: "16" + }, + path: [ + "FontSize", + "16" + ] + }, + 17: { + $type: "fontSize", + $value: "1.0625rem", + filePath: "figma/tokens.json", + isSource: !0, + $extensions: { + "studio.tokens": { + originalType: "fontSizes" + } + }, + original: { + $type: "fontSize", + $value: "17px", + $extensions: { + "studio.tokens": { + originalType: "fontSizes" + } + } + }, + name: "FontSize17", + attributes: { + category: "FontSize", + type: "17" + }, + path: [ + "FontSize", + "17" + ] + }, + 18: { + $type: "fontSize", + $value: "1.125rem", + filePath: "figma/tokens.json", + isSource: !0, + $extensions: { + "studio.tokens": { + originalType: "fontSizes" + } + }, + original: { + $type: "fontSize", + $value: "18px", + $extensions: { + "studio.tokens": { + originalType: "fontSizes" + } + } + }, + name: "FontSize18", + attributes: { + category: "FontSize", + type: "18" + }, + path: [ + "FontSize", + "18" + ] + }, + 20: { + $type: "fontSize", + $value: "1.25rem", + filePath: "figma/tokens.json", + isSource: !0, + $extensions: { + "studio.tokens": { + originalType: "fontSizes" + } + }, + original: { + $type: "fontSize", + $value: "20px", + $extensions: { + "studio.tokens": { + originalType: "fontSizes" + } + } + }, + name: "FontSize20", + attributes: { + category: "FontSize", + type: "20" + }, + path: [ + "FontSize", + "20" + ] + }, + 22: { + $type: "fontSize", + $value: "1.375rem", + filePath: "figma/tokens.json", + isSource: !0, + $extensions: { + "studio.tokens": { + originalType: "fontSizes" + } + }, + original: { + $type: "fontSize", + $value: "22px", + $extensions: { + "studio.tokens": { + originalType: "fontSizes" + } + } + }, + name: "FontSize22", + attributes: { + category: "FontSize", + type: "22" + }, + path: [ + "FontSize", + "22" + ] + }, + 24: { + $type: "fontSize", + $value: "1.5rem", + filePath: "figma/tokens.json", + isSource: !0, + $extensions: { + "studio.tokens": { + originalType: "fontSizes" + } + }, + original: { + $type: "fontSize", + $value: "24px", + $extensions: { + "studio.tokens": { + originalType: "fontSizes" + } + } + }, + name: "FontSize24", + attributes: { + category: "FontSize", + type: "24" + }, + path: [ + "FontSize", + "24" + ] + }, + 26: { + $type: "fontSize", + $value: "1.625rem", + filePath: "figma/tokens.json", + isSource: !0, + $extensions: { + "studio.tokens": { + originalType: "fontSizes" + } + }, + original: { + $type: "fontSize", + $value: "26px", + $extensions: { + "studio.tokens": { + originalType: "fontSizes" + } + } + }, + name: "FontSize26", + attributes: { + category: "FontSize", + type: "26" + }, + path: [ + "FontSize", + "26" + ] + }, + 28: { + $type: "fontSize", + $value: "1.75rem", + filePath: "figma/tokens.json", + isSource: !0, + $extensions: { + "studio.tokens": { + originalType: "fontSizes" + } + }, + original: { + $type: "fontSize", + $value: "28px", + $extensions: { + "studio.tokens": { + originalType: "fontSizes" + } + } + }, + name: "FontSize28", + attributes: { + category: "FontSize", + type: "28" + }, + path: [ + "FontSize", + "28" + ] + }, + 32: { + $type: "fontSize", + $value: "2rem", + filePath: "figma/tokens.json", + isSource: !0, + $extensions: { + "studio.tokens": { + originalType: "fontSizes" + } + }, + original: { + $type: "fontSize", + $value: "32px", + $extensions: { + "studio.tokens": { + originalType: "fontSizes" + } + } + }, + name: "FontSize32", + attributes: { + category: "FontSize", + type: "32" + }, + path: [ + "FontSize", + "32" + ] + }, + 36: { + $type: "fontSize", + $value: "2.25rem", + filePath: "figma/tokens.json", + isSource: !0, + $extensions: { + "studio.tokens": { + originalType: "fontSizes" + } + }, + original: { + $type: "fontSize", + $value: "36px", + $extensions: { + "studio.tokens": { + originalType: "fontSizes" + } + } + }, + name: "FontSize36", + attributes: { + category: "FontSize", + type: "36" + }, + path: [ + "FontSize", + "36" + ] + }, + 45: { + $type: "fontSize", + $value: "2.8125rem", + filePath: "figma/tokens.json", + isSource: !0, + $extensions: { + "studio.tokens": { + originalType: "fontSizes" + } + }, + original: { + $type: "fontSize", + $value: "45px", + $extensions: { + "studio.tokens": { + originalType: "fontSizes" + } + } + }, + name: "FontSize45", + attributes: { + category: "FontSize", + type: "45" + }, + path: [ + "FontSize", + "45" + ] + }, + 48: { + $type: "fontSize", + $value: "3rem", + filePath: "figma/tokens.json", + isSource: !0, + $extensions: { + "studio.tokens": { + originalType: "fontSizes" + } + }, + original: { + $type: "fontSize", + $value: "48px", + $extensions: { + "studio.tokens": { + originalType: "fontSizes" + } + } + }, + name: "FontSize48", + attributes: { + category: "FontSize", + type: "48" + }, + path: [ + "FontSize", + "48" + ] + }, + 57: { + $type: "fontSize", + $value: "3.5625rem", + filePath: "figma/tokens.json", + isSource: !0, + $extensions: { + "studio.tokens": { + originalType: "fontSizes" + } + }, + original: { + $type: "fontSize", + $value: "57px", + $extensions: { + "studio.tokens": { + originalType: "fontSizes" + } + } + }, + name: "FontSize57", + attributes: { + category: "FontSize", + type: "57" + }, + path: [ + "FontSize", + "57" + ] + }, + 64: { + $type: "fontSize", + $value: "4rem", + filePath: "figma/tokens.json", + isSource: !0, + $extensions: { + "studio.tokens": { + originalType: "fontSizes" + } + }, + original: { + $type: "fontSize", + $value: "64px", + $extensions: { + "studio.tokens": { + originalType: "fontSizes" + } + } + }, + name: "FontSize64", + attributes: { + category: "FontSize", + type: "64" + }, + path: [ + "FontSize", + "64" + ] + } + }, + LineHeight: { + 100: { + $type: "lineHeight", + $value: 1, + filePath: "figma/tokens.json", + isSource: !0, + $extensions: { + "studio.tokens": { + originalType: "lineHeights" + } + }, + original: { + $type: "lineHeight", + $value: "100%", + $extensions: { + "studio.tokens": { + originalType: "lineHeights" + } + } + }, + name: "LineHeight100", + attributes: { + category: "LineHeight", + type: "100" + }, + path: [ + "LineHeight", + "100" + ] + }, + 120: { + $type: "lineHeight", + $value: 1.2, + filePath: "figma/tokens.json", + isSource: !0, + $extensions: { + "studio.tokens": { + originalType: "lineHeights" + } + }, + original: { + $type: "lineHeight", + $value: "120%", + $extensions: { + "studio.tokens": { + originalType: "lineHeights" + } + } + }, + name: "LineHeight120", + attributes: { + category: "LineHeight", + type: "120" + }, + path: [ + "LineHeight", + "120" + ] + }, + 130: { + $type: "lineHeight", + $value: 1.3, + filePath: "figma/tokens.json", + isSource: !0, + $extensions: { + "studio.tokens": { + originalType: "lineHeights" + } + }, + original: { + $type: "lineHeight", + $value: "130%", + $extensions: { + "studio.tokens": { + originalType: "lineHeights" + } + } + }, + name: "LineHeight130", + attributes: { + category: "LineHeight", + type: "130" + }, + path: [ + "LineHeight", + "130" + ] + }, + 140: { + $type: "lineHeight", + $value: 1.4, + filePath: "figma/tokens.json", + isSource: !0, + $extensions: { + "studio.tokens": { + originalType: "lineHeights" + } + }, + original: { + $type: "lineHeight", + $value: "140%", + $extensions: { + "studio.tokens": { + originalType: "lineHeights" + } + } + }, + name: "LineHeight140", + attributes: { + category: "LineHeight", + type: "140" + }, + path: [ + "LineHeight", + "140" + ] + }, + 150: { + $type: "lineHeight", + $value: 1.5, + filePath: "figma/tokens.json", + isSource: !0, + $extensions: { + "studio.tokens": { + originalType: "lineHeights" + } + }, + original: { + $type: "lineHeight", + $value: "150%", + $extensions: { + "studio.tokens": { + originalType: "lineHeights" + } + } + }, + name: "LineHeight150", + attributes: { + category: "LineHeight", + type: "150" + }, + path: [ + "LineHeight", + "150" + ] + }, + 160: { + $type: "lineHeight", + $value: 1.6, + filePath: "figma/tokens.json", + isSource: !0, + $extensions: { + "studio.tokens": { + originalType: "lineHeights" + } + }, + original: { + $type: "lineHeight", + $value: "160%", + $extensions: { + "studio.tokens": { + originalType: "lineHeights" + } + } + }, + name: "LineHeight160", + attributes: { + category: "LineHeight", + type: "160" + }, + path: [ + "LineHeight", + "160" + ] + }, + 170: { + $type: "lineHeight", + $value: 1.7, + filePath: "figma/tokens.json", + isSource: !0, + $extensions: { + "studio.tokens": { + originalType: "lineHeights" + } + }, + original: { + $type: "lineHeight", + $value: "170%", + $extensions: { + "studio.tokens": { + originalType: "lineHeights" + } + } + }, + name: "LineHeight170", + attributes: { + category: "LineHeight", + type: "170" + }, + path: [ + "LineHeight", + "170" + ] + }, + 175: { + $type: "lineHeight", + $value: 1.75, + filePath: "figma/tokens.json", + isSource: !0, + $extensions: { + "studio.tokens": { + originalType: "lineHeights" + } + }, + original: { + $type: "lineHeight", + $value: "175%", + $extensions: { + "studio.tokens": { + originalType: "lineHeights" + } + } + }, + name: "LineHeight175", + attributes: { + category: "LineHeight", + type: "175" + }, + path: [ + "LineHeight", + "175" + ] + } + }, + BorderRadius: { + 4: { + $type: "dimension", + $value: "0.25rem", + filePath: "figma/tokens.json", + isSource: !0, + $extensions: { + "studio.tokens": { + originalType: "borderRadius" + } + }, + original: { + $type: "dimension", + $value: "4px", + $extensions: { + "studio.tokens": { + originalType: "borderRadius" + } + } + }, + name: "BorderRadius4", + attributes: { + category: "BorderRadius", + type: "4" + }, + path: [ + "BorderRadius", + "4" + ] + }, + 8: { + $type: "dimension", + $value: "0.5rem", + filePath: "figma/tokens.json", + isSource: !0, + $extensions: { + "studio.tokens": { + originalType: "borderRadius" + } + }, + original: { + $type: "dimension", + $value: "8px", + $extensions: { + "studio.tokens": { + originalType: "borderRadius" + } + } + }, + name: "BorderRadius8", + attributes: { + category: "BorderRadius", + type: "8" + }, + path: [ + "BorderRadius", + "8" + ] + }, + 16: { + $type: "dimension", + $value: "1rem", + filePath: "figma/tokens.json", + isSource: !0, + $extensions: { + "studio.tokens": { + originalType: "borderRadius" + } + }, + original: { + $type: "dimension", + $value: "16px", + $extensions: { + "studio.tokens": { + originalType: "borderRadius" + } + } + }, + name: "BorderRadius16", + attributes: { + category: "BorderRadius", + type: "16" + }, + path: [ + "BorderRadius", + "16" + ] + }, + 24: { + $type: "dimension", + $value: "1.5rem", + filePath: "figma/tokens.json", + isSource: !0, + $extensions: { + "studio.tokens": { + originalType: "borderRadius" + } + }, + original: { + $type: "dimension", + $value: "24px", + $extensions: { + "studio.tokens": { + originalType: "borderRadius" + } + } + }, + name: "BorderRadius24", + attributes: { + category: "BorderRadius", + type: "24" + }, + path: [ + "BorderRadius", + "24" + ] + }, + 32: { + $type: "dimension", + $value: "2rem", + filePath: "figma/tokens.json", + isSource: !0, + $extensions: { + "studio.tokens": { + originalType: "borderRadius" + } + }, + original: { + $type: "dimension", + $value: "32px", + $extensions: { + "studio.tokens": { + originalType: "borderRadius" + } + } + }, + name: "BorderRadius32", + attributes: { + category: "BorderRadius", + type: "32" + }, + path: [ + "BorderRadius", + "32" + ] + }, + Full: { + $type: "dimension", + $value: "624.9375rem", + filePath: "figma/tokens.json", + isSource: !0, + $extensions: { + "studio.tokens": { + originalType: "borderRadius" + } + }, + original: { + $type: "dimension", + $value: "9999px", + $extensions: { + "studio.tokens": { + originalType: "borderRadius" + } + } + }, + name: "BorderRadiusFull", + attributes: { + category: "BorderRadius", + type: "Full" + }, + path: [ + "BorderRadius", + "Full" + ] + } + }, + Elevation: { + 1: { + $type: "shadow", + $value: "0 2px 8px 1px rgba(0,0,0,0.1), 0 1px 5px 0 rgba(0,0,0,0.3)", + filePath: "figma/tokens.json", + isSource: !0, + $extensions: { + "studio.tokens": { + originalType: "boxShadow" + } + }, + original: { + $type: "shadow", + $value: [ + { + blur: "8px", + spread: "1px", + color: "rgba(0,0,0,0.1)", + type: "dropShadow", + offsetX: "0", + offsetY: "2px" + }, + { + blur: "5px", + spread: "0", + color: "rgba(0,0,0,0.3)", + type: "dropShadow", + offsetX: "0", + offsetY: "1px" + } + ], + $extensions: { + "studio.tokens": { + originalType: "boxShadow" + } + } + }, + name: "Elevation1", + attributes: { + category: "Elevation", + type: "1" + }, + path: [ + "Elevation", + "1" + ] + }, + 2: { + $type: "shadow", + $value: "0 2px 12px 2px rgba(0,0,0,0.1), 0 1px 6px 0 rgba(0,0,0,0.3)", + filePath: "figma/tokens.json", + isSource: !0, + $extensions: { + "studio.tokens": { + originalType: "boxShadow" + } + }, + original: { + $type: "shadow", + $value: [ + { + blur: "12px", + spread: "2px", + color: "rgba(0,0,0,0.1)", + type: "dropShadow", + offsetX: "0", + offsetY: "2px" + }, + { + blur: "6px", + spread: "0", + color: "rgba(0,0,0,0.3)", + type: "dropShadow", + offsetX: "0", + offsetY: "1px" + } + ], + $extensions: { + "studio.tokens": { + originalType: "boxShadow" + } + } + }, + name: "Elevation2", + attributes: { + category: "Elevation", + type: "2" + }, + path: [ + "Elevation", + "2" + ] + }, + 3: { + $type: "shadow", + $value: "0 4px 16px 3px rgba(0,0,0,0.1), 0 1px 6px 0 rgba(0,0,0,0.3)", + filePath: "figma/tokens.json", + isSource: !0, + $extensions: { + "studio.tokens": { + originalType: "boxShadow" + } + }, + original: { + $type: "shadow", + $value: [ + { + blur: "16px", + spread: "3px", + color: "rgba(0,0,0,0.1)", + type: "dropShadow", + offsetX: "0", + offsetY: "4px" + }, + { + blur: "6px", + spread: "0", + color: "rgba(0,0,0,0.3)", + type: "dropShadow", + offsetX: "0", + offsetY: "1px" + } + ], + $extensions: { + "studio.tokens": { + originalType: "boxShadow" + } + } + }, + name: "Elevation3", + attributes: { + category: "Elevation", + type: "3" + }, + path: [ + "Elevation", + "3" + ] + }, + 4: { + $type: "shadow", + $value: "0 6px 20px 4px rgba(0,0,0,0.1), 0 2px 6px 0 rgba(0,0,0,0.3)", + filePath: "figma/tokens.json", + isSource: !0, + $extensions: { + "studio.tokens": { + originalType: "boxShadow" + } + }, + original: { + $type: "shadow", + $value: [ + { + blur: "20px", + spread: "4px", + color: "rgba(0,0,0,0.1)", + type: "dropShadow", + offsetX: "0", + offsetY: "6px" + }, + { + blur: "6px", + spread: "0", + color: "rgba(0,0,0,0.3)", + type: "dropShadow", + offsetX: "0", + offsetY: "2px" + } + ], + $extensions: { + "studio.tokens": { + originalType: "boxShadow" + } + } + }, + name: "Elevation4", + attributes: { + category: "Elevation", + type: "4" + }, + path: [ + "Elevation", + "4" + ] + }, + 5: { + $type: "shadow", + $value: "0 8px 24px 5px rgba(0,0,0,0.1), 0 2px 10px 0 rgba(0,0,0,0.3)", + filePath: "figma/tokens.json", + isSource: !0, + $extensions: { + "studio.tokens": { + originalType: "boxShadow" + } + }, + original: { + $type: "shadow", + $value: [ + { + blur: "24px", + spread: "5px", + color: "rgba(0,0,0,0.1)", + type: "dropShadow", + offsetX: "0", + offsetY: "8px" + }, + { + blur: "10px", + spread: "0", + color: "rgba(0,0,0,0.3)", + type: "dropShadow", + offsetX: "0", + offsetY: "2px" + } + ], + $extensions: { + "studio.tokens": { + originalType: "boxShadow" + } + } + }, + name: "Elevation5", + attributes: { + category: "Elevation", + type: "5" + }, + path: [ + "Elevation", + "5" + ] + }, + 6: { + $type: "shadow", + $value: "0 10px 30px 6px rgba(0,0,0,0.1), 0 3px 12px 0 rgba(0,0,0,0.3)", + filePath: "figma/tokens.json", + isSource: !0, + $extensions: { + "studio.tokens": { + originalType: "boxShadow" + } + }, + original: { + $type: "shadow", + $value: [ + { + blur: "30px", + spread: "6px", + color: "rgba(0,0,0,0.1)", + type: "dropShadow", + offsetX: "0", + offsetY: "10px" + }, + { + blur: "12px", + spread: "0", + color: "rgba(0,0,0,0.3)", + type: "dropShadow", + offsetX: "0", + offsetY: "3px" + } + ], + $extensions: { + "studio.tokens": { + originalType: "boxShadow" + } + } + }, + name: "Elevation6", + attributes: { + category: "Elevation", + type: "6" + }, + path: [ + "Elevation", + "6" + ] + }, + 7: { + $type: "shadow", + $value: "0 12px 36px 7px rgba(0,0,0,0.1), 0 3px 14px 0 rgba(0,0,0,0.3)", + filePath: "figma/tokens.json", + isSource: !0, + $extensions: { + "studio.tokens": { + originalType: "boxShadow" + } + }, + original: { + $type: "shadow", + $value: [ + { + blur: "36px", + spread: "7px", + color: "rgba(0,0,0,0.1)", + type: "dropShadow", + offsetX: "0", + offsetY: "12px" + }, + { + blur: "14px", + spread: "0", + color: "rgba(0,0,0,0.3)", + type: "dropShadow", + offsetX: "0", + offsetY: "3px" + } + ], + $extensions: { + "studio.tokens": { + originalType: "boxShadow" + } + } + }, + name: "Elevation7", + attributes: { + category: "Elevation", + type: "7" + }, + path: [ + "Elevation", + "7" + ] + }, + 8: { + $type: "shadow", + $value: "0 14px 40px 7px rgba(0,0,0,0.1), 0 3px 16px 0 rgba(0,0,0,0.3)", + filePath: "figma/tokens.json", + isSource: !0, + $extensions: { + "studio.tokens": { + originalType: "boxShadow" + } + }, + original: { + $type: "shadow", + $value: [ + { + blur: "40px", + spread: "7px", + color: "rgba(0,0,0,0.1)", + type: "dropShadow", + offsetX: "0", + offsetY: "14px" + }, + { + blur: "16px", + spread: "0", + color: "rgba(0,0,0,0.3)", + type: "dropShadow", + offsetX: "0", + offsetY: "3px" + } + ], + $extensions: { + "studio.tokens": { + originalType: "boxShadow" + } + } + }, + name: "Elevation8", + attributes: { + category: "Elevation", + type: "8" + }, + path: [ + "Elevation", + "8" + ] + } + } +}; +const e = /* @__PURE__ */ s(g); +var m = {}, v = {}; +(function(i) { + Object.defineProperty(i, "__esModule", { + value: !0 + }), Object.defineProperty(i, "default", { + enumerable: !0, + get: function() { + return l; + } + }); + function r(o, t) { + return { + handler: o, + config: t + }; + } + r.withOptions = function(o, t = () => ({})) { + const a = function(n) { + return { + __options: n, + handler: o(n), + config: t(n) + }; + }; + return a.__isOptionsFunction = !0, a.__pluginFunction = o, a.__configFunction = t, a; + }; + const l = r; +})(v); +(function(i) { + Object.defineProperty(i, "__esModule", { + value: !0 + }), Object.defineProperty(i, "default", { + enumerable: !0, + get: function() { + return o; + } + }); + const r = /* @__PURE__ */ l(v); + function l(t) { + return t && t.__esModule ? t : { + default: t + }; + } + const o = r.default; +})(m); +let u = m; +var $ = (u.__esModule ? u : { default: u }).default; +const p = /* @__PURE__ */ s($), y = p(() => { +}, { + theme: { + extend: { + colors: { + white: e.Color.Neutral.White.$value, + black: e.Color.Neutral.Black.$value, + blue: { + 50: e.Color.Primitive.Blue[50].$value, + 100: e.Color.Primitive.Blue[100].$value, + 200: e.Color.Primitive.Blue[200].$value, + 300: e.Color.Primitive.Blue[300].$value, + 400: e.Color.Primitive.Blue[400].$value, + 500: e.Color.Primitive.Blue[500].$value, + 600: e.Color.Primitive.Blue[600].$value, + 700: e.Color.Primitive.Blue[700].$value, + 800: e.Color.Primitive.Blue[800].$value, + 900: e.Color.Primitive.Blue[900].$value, + 1e3: e.Color.Primitive.Blue[1e3].$value, + 1100: e.Color.Primitive.Blue[1100].$value, + 1200: e.Color.Primitive.Blue[1200].$value + }, + "light-blue": { + 50: e.Color.Primitive.LightBlue[50].$value, + 100: e.Color.Primitive.LightBlue[100].$value, + 200: e.Color.Primitive.LightBlue[200].$value, + 300: e.Color.Primitive.LightBlue[300].$value, + 400: e.Color.Primitive.LightBlue[400].$value, + 500: e.Color.Primitive.LightBlue[500].$value, + 600: e.Color.Primitive.LightBlue[600].$value, + 700: e.Color.Primitive.LightBlue[700].$value, + 800: e.Color.Primitive.LightBlue[800].$value, + 900: e.Color.Primitive.LightBlue[900].$value, + 1e3: e.Color.Primitive.LightBlue[1e3].$value, + 1100: e.Color.Primitive.LightBlue[1100].$value, + 1200: e.Color.Primitive.LightBlue[1200].$value + }, + cyan: { + 50: e.Color.Primitive.Cyan[50].$value, + 100: e.Color.Primitive.Cyan[100].$value, + 200: e.Color.Primitive.Cyan[200].$value, + 300: e.Color.Primitive.Cyan[300].$value, + 400: e.Color.Primitive.Cyan[400].$value, + 500: e.Color.Primitive.Cyan[500].$value, + 600: e.Color.Primitive.Cyan[600].$value, + 700: e.Color.Primitive.Cyan[700].$value, + 800: e.Color.Primitive.Cyan[800].$value, + 900: e.Color.Primitive.Cyan[900].$value, + 1e3: e.Color.Primitive.Cyan[1e3].$value, + 1100: e.Color.Primitive.Cyan[1100].$value, + 1200: e.Color.Primitive.Cyan[1200].$value + }, + green: { + 50: e.Color.Primitive.Green[50].$value, + 100: e.Color.Primitive.Green[100].$value, + 200: e.Color.Primitive.Green[200].$value, + 300: e.Color.Primitive.Green[300].$value, + 400: e.Color.Primitive.Green[400].$value, + 500: e.Color.Primitive.Green[500].$value, + 600: e.Color.Primitive.Green[600].$value, + 700: e.Color.Primitive.Green[700].$value, + 800: e.Color.Primitive.Green[800].$value, + 900: e.Color.Primitive.Green[900].$value, + 1e3: e.Color.Primitive.Green[1e3].$value, + 1100: e.Color.Primitive.Green[1100].$value, + 1200: e.Color.Primitive.Green[1200].$value + }, + lime: { + 50: e.Color.Primitive.Lime[50].$value, + 100: e.Color.Primitive.Lime[100].$value, + 200: e.Color.Primitive.Lime[200].$value, + 300: e.Color.Primitive.Lime[300].$value, + 400: e.Color.Primitive.Lime[400].$value, + 500: e.Color.Primitive.Lime[500].$value, + 600: e.Color.Primitive.Lime[600].$value, + 700: e.Color.Primitive.Lime[700].$value, + 800: e.Color.Primitive.Lime[800].$value, + 900: e.Color.Primitive.Lime[900].$value, + 1e3: e.Color.Primitive.Lime[1e3].$value, + 1100: e.Color.Primitive.Lime[1100].$value, + 1200: e.Color.Primitive.Lime[1200].$value + }, + yellow: { + 50: e.Color.Primitive.Yellow[50].$value, + 100: e.Color.Primitive.Yellow[100].$value, + 200: e.Color.Primitive.Yellow[200].$value, + 300: e.Color.Primitive.Yellow[300].$value, + 400: e.Color.Primitive.Yellow[400].$value, + 500: e.Color.Primitive.Yellow[500].$value, + 600: e.Color.Primitive.Yellow[600].$value, + 700: e.Color.Primitive.Yellow[700].$value, + 800: e.Color.Primitive.Yellow[800].$value, + 900: e.Color.Primitive.Yellow[900].$value, + 1e3: e.Color.Primitive.Yellow[1e3].$value, + 1100: e.Color.Primitive.Yellow[1100].$value, + 1200: e.Color.Primitive.Yellow[1200].$value + }, + orange: { + 50: e.Color.Primitive.Orange[50].$value, + 100: e.Color.Primitive.Orange[100].$value, + 200: e.Color.Primitive.Orange[200].$value, + 300: e.Color.Primitive.Orange[300].$value, + 400: e.Color.Primitive.Orange[400].$value, + 500: e.Color.Primitive.Orange[500].$value, + 600: e.Color.Primitive.Orange[600].$value, + 700: e.Color.Primitive.Orange[700].$value, + 800: e.Color.Primitive.Orange[800].$value, + 900: e.Color.Primitive.Orange[900].$value, + 1e3: e.Color.Primitive.Orange[1e3].$value, + 1100: e.Color.Primitive.Orange[1100].$value, + 1200: e.Color.Primitive.Orange[1200].$value + }, + red: { + 50: e.Color.Primitive.Red[50].$value, + 100: e.Color.Primitive.Red[100].$value, + 200: e.Color.Primitive.Red[200].$value, + 300: e.Color.Primitive.Red[300].$value, + 400: e.Color.Primitive.Red[400].$value, + 500: e.Color.Primitive.Red[500].$value, + 600: e.Color.Primitive.Red[600].$value, + 700: e.Color.Primitive.Red[700].$value, + 800: e.Color.Primitive.Red[800].$value, + 900: e.Color.Primitive.Red[900].$value, + 1e3: e.Color.Primitive.Red[1e3].$value, + 1100: e.Color.Primitive.Red[1100].$value, + 1200: e.Color.Primitive.Red[1200].$value + }, + magenta: { + 50: e.Color.Primitive.Magenta[50].$value, + 100: e.Color.Primitive.Magenta[100].$value, + 200: e.Color.Primitive.Magenta[200].$value, + 300: e.Color.Primitive.Magenta[300].$value, + 400: e.Color.Primitive.Magenta[400].$value, + 500: e.Color.Primitive.Magenta[500].$value, + 600: e.Color.Primitive.Magenta[600].$value, + 700: e.Color.Primitive.Magenta[700].$value, + 800: e.Color.Primitive.Magenta[800].$value, + 900: e.Color.Primitive.Magenta[900].$value, + 1e3: e.Color.Primitive.Magenta[1e3].$value, + 1100: e.Color.Primitive.Magenta[1100].$value, + 1200: e.Color.Primitive.Magenta[1200].$value + }, + purple: { + 50: e.Color.Primitive.Purple[50].$value, + 100: e.Color.Primitive.Purple[100].$value, + 200: e.Color.Primitive.Purple[200].$value, + 300: e.Color.Primitive.Purple[300].$value, + 400: e.Color.Primitive.Purple[400].$value, + 500: e.Color.Primitive.Purple[500].$value, + 600: e.Color.Primitive.Purple[600].$value, + 700: e.Color.Primitive.Purple[700].$value, + 800: e.Color.Primitive.Purple[800].$value, + 900: e.Color.Primitive.Purple[900].$value, + 1e3: e.Color.Primitive.Purple[1e3].$value, + 1100: e.Color.Primitive.Purple[1100].$value, + 1200: e.Color.Primitive.Purple[1200].$value + }, + "solid-gray": { + 50: e.Color.Neutral.SolidGray[50].$value, + 100: e.Color.Neutral.SolidGray[100].$value, + 200: e.Color.Neutral.SolidGray[200].$value, + 300: e.Color.Neutral.SolidGray[300].$value, + 400: e.Color.Neutral.SolidGray[400].$value, + 420: e.Color.Neutral.SolidGray[420].$value, + 500: e.Color.Neutral.SolidGray[500].$value, + 536: e.Color.Neutral.SolidGray[536].$value, + 600: e.Color.Neutral.SolidGray[600].$value, + 700: e.Color.Neutral.SolidGray[700].$value, + 800: e.Color.Neutral.SolidGray[800].$value, + 900: e.Color.Neutral.SolidGray[900].$value + }, + "opacity-gray": { + 50: e.Color.Neutral.OpacityGray[50].$value, + 100: e.Color.Neutral.OpacityGray[100].$value, + 200: e.Color.Neutral.OpacityGray[200].$value, + 300: e.Color.Neutral.OpacityGray[300].$value, + 400: e.Color.Neutral.OpacityGray[400].$value, + 420: e.Color.Neutral.OpacityGray[420].$value, + 500: e.Color.Neutral.OpacityGray[500].$value, + 536: e.Color.Neutral.OpacityGray[536].$value, + 600: e.Color.Neutral.OpacityGray[600].$value, + 700: e.Color.Neutral.OpacityGray[700].$value, + 800: e.Color.Neutral.OpacityGray[800].$value, + 900: e.Color.Neutral.OpacityGray[900].$value + }, + "success-1": e.Color.Semantic.Success[1].$value, + "success-2": e.Color.Semantic.Success[2].$value, + "error-1": e.Color.Semantic.Error[1].$value, + "error-2": e.Color.Semantic.Error[2].$value, + "warning-yellow-1": e.Color.Semantic.Warning.Yellow[1].$value, + "warning-yellow-2": e.Color.Semantic.Warning.Yellow[2].$value, + "warning-orange-1": e.Color.Semantic.Warning.Orange[1].$value, + "warning-orange-2": e.Color.Semantic.Warning.Orange[2].$value, + "focus-yellow": e.Color.Primitive.Yellow[700].$value, + "focus-blue": e.Color.Primitive.LightBlue[700].$value + }, + fontSize: { + "dsp-64N-140": [ + e.FontSize[64].$value, + { + fontWeight: e.FontWeight[400].$value, + lineHeight: e.LineHeight[140].$value + } + ], + "dsp-57N-140": [ + e.FontSize[57].$value, + { + fontWeight: e.FontWeight[400].$value, + lineHeight: e.LineHeight[140].$value + } + ], + "dsp-48N-140": [ + e.FontSize[48].$value, + { + fontWeight: e.FontWeight[400].$value, + lineHeight: e.LineHeight[140].$value + } + ], + "std-45B-140": [ + e.FontSize[45].$value, + { + fontWeight: e.FontWeight[700].$value, + lineHeight: e.LineHeight[140].$value + } + ], + "std-36B-140": [ + e.FontSize[36].$value, + { + fontWeight: e.FontWeight[700].$value, + lineHeight: e.LineHeight[140].$value, + letterSpacing: "0.01em" + } + ], + "std-32B-150": [ + e.FontSize[32].$value, + { + fontWeight: e.FontWeight[700].$value, + lineHeight: e.LineHeight[150].$value, + letterSpacing: "0.01em" + } + ], + "std-28B-150": [ + e.FontSize[28].$value, + { + fontWeight: e.FontWeight[700].$value, + lineHeight: e.LineHeight[150].$value, + letterSpacing: "0.01em" + } + ], + "std-26B-150": [ + e.FontSize[26].$value, + { + fontWeight: e.FontWeight[700].$value, + lineHeight: e.LineHeight[150].$value, + letterSpacing: "0.02em" + } + ], + "std-24B-150": [ + e.FontSize[24].$value, + { + fontWeight: e.FontWeight[700].$value, + lineHeight: e.LineHeight[150].$value, + letterSpacing: "0.02em" + } + ], + "std-22B-150": [ + e.FontSize[22].$value, + { + fontWeight: e.FontWeight[700].$value, + lineHeight: e.LineHeight[150].$value, + letterSpacing: "0.02em" + } + ], + "std-20B-160": [ + e.FontSize[20].$value, + { + fontWeight: e.FontWeight[700].$value, + lineHeight: e.LineHeight[160].$value, + letterSpacing: "0.02em" + } + ], + "std-20B-150": [ + e.FontSize[20].$value, + { + fontWeight: e.FontWeight[700].$value, + lineHeight: e.LineHeight[150].$value, + letterSpacing: "0.02em" + } + ], + "std-18B-160": [ + e.FontSize[18].$value, + { + fontWeight: e.FontWeight[700].$value, + lineHeight: e.LineHeight[160].$value, + letterSpacing: "0.02em" + } + ], + "std-17B-170": [ + e.FontSize[17].$value, + { + fontWeight: e.FontWeight[700].$value, + lineHeight: e.LineHeight[170].$value, + letterSpacing: "0.02em" + } + ], + "std-16B-170": [ + e.FontSize[16].$value, + { + fontWeight: e.FontWeight[700].$value, + lineHeight: e.LineHeight[170].$value, + letterSpacing: "0.02em" + } + ], + "std-16B-175": [ + e.FontSize[16].$value, + { + fontWeight: e.FontWeight[700].$value, + lineHeight: e.LineHeight[175].$value, + letterSpacing: "0.02em" + } + ], + "std-45N-140": [ + e.FontSize[45].$value, + { + fontWeight: e.FontWeight[400].$value, + lineHeight: e.LineHeight[140].$value + } + ], + "std-36N-140": [ + e.FontSize[36].$value, + { + fontWeight: e.FontWeight[400].$value, + lineHeight: e.LineHeight[140].$value, + letterSpacing: "0.01em" + } + ], + "std-32N-150": [ + e.FontSize[32].$value, + { + fontWeight: e.FontWeight[400].$value, + lineHeight: e.LineHeight[150].$value, + letterSpacing: "0.01em" + } + ], + "std-28N-150": [ + e.FontSize[28].$value, + { + fontWeight: e.FontWeight[400].$value, + lineHeight: e.LineHeight[150].$value, + letterSpacing: "0.01em" + } + ], + "std-26N-150": [ + e.FontSize[26].$value, + { + fontWeight: e.FontWeight[400].$value, + lineHeight: e.LineHeight[150].$value, + letterSpacing: "0.02em" + } + ], + "std-24N-150": [ + e.FontSize[24].$value, + { + fontWeight: e.FontWeight[400].$value, + lineHeight: e.LineHeight[150].$value, + letterSpacing: "0.02em" + } + ], + "std-22N-150": [ + e.FontSize[22].$value, + { + fontWeight: e.FontWeight[400].$value, + lineHeight: e.LineHeight[150].$value, + letterSpacing: "0.02em" + } + ], + "std-20N-150": [ + e.FontSize[20].$value, + { + fontWeight: e.FontWeight[400].$value, + lineHeight: e.LineHeight[150].$value, + letterSpacing: "0.02em" + } + ], + "std-18N-160": [ + e.FontSize[18].$value, + { + fontWeight: e.FontWeight[400].$value, + lineHeight: e.LineHeight[160].$value, + letterSpacing: "0.02em" + } + ], + "std-17N-170": [ + e.FontSize[17].$value, + { + fontWeight: e.FontWeight[400].$value, + lineHeight: e.LineHeight[170].$value, + letterSpacing: "0.02em" + } + ], + "std-16N-170": [ + e.FontSize[16].$value, + { + fontWeight: e.FontWeight[400].$value, + lineHeight: e.LineHeight[170].$value, + letterSpacing: "0.02em" + } + ], + "std-16N-175": [ + e.FontSize[16].$value, + { + fontWeight: e.FontWeight[400].$value, + lineHeight: e.LineHeight[175].$value, + letterSpacing: "0.02em" + } + ], + "dns-17B-130": [ + e.FontSize[17].$value, + { + fontWeight: e.FontWeight[700].$value, + lineHeight: e.LineHeight[130].$value + } + ], + "dns-17B-120": [ + e.FontSize[17].$value, + { + fontWeight: e.FontWeight[700].$value, + lineHeight: e.LineHeight[120].$value + } + ], + "dns-16B-130": [ + e.FontSize[16].$value, + { + fontWeight: e.FontWeight[700].$value, + lineHeight: e.LineHeight[130].$value + } + ], + "dns-16B-120": [ + e.FontSize[16].$value, + { + fontWeight: e.FontWeight[700].$value, + lineHeight: e.LineHeight[120].$value + } + ], + "dns-14B-130": [ + e.FontSize[14].$value, + { + fontWeight: e.FontWeight[700].$value, + lineHeight: e.LineHeight[130].$value + } + ], + "dns-14B-120": [ + e.FontSize[14].$value, + { + fontWeight: e.FontWeight[700].$value, + lineHeight: e.LineHeight[120].$value + } + ], + "dns-17N-130": [ + e.FontSize[17].$value, + { + fontWeight: e.FontWeight[400].$value, + lineHeight: e.LineHeight[130].$value + } + ], + "dns-17N-120": [ + e.FontSize[17].$value, + { + fontWeight: e.FontWeight[400].$value, + lineHeight: e.LineHeight[120].$value + } + ], + "dns-16N-130": [ + e.FontSize[16].$value, + { + fontWeight: e.FontWeight[400].$value, + lineHeight: e.LineHeight[130].$value + } + ], + "dns-16N-120": [ + e.FontSize[16].$value, + { + fontWeight: e.FontWeight[400].$value, + lineHeight: e.LineHeight[120].$value + } + ], + "dns-14N-130": [ + e.FontSize[14].$value, + { + fontWeight: e.FontWeight[400].$value, + lineHeight: e.LineHeight[130].$value + } + ], + "dns-14N-120": [ + e.FontSize[14].$value, + { + fontWeight: e.FontWeight[400].$value, + lineHeight: e.LineHeight[120].$value + } + ], + "oln-17B-100": [ + e.FontSize[17].$value, + { + fontWeight: e.FontWeight[700].$value, + lineHeight: e.LineHeight[100].$value, + letterSpacing: "0.02em" + } + ], + "oln-16B-100": [ + e.FontSize[16].$value, + { + fontWeight: e.FontWeight[700].$value, + lineHeight: e.LineHeight[100].$value, + letterSpacing: "0.02em" + } + ], + "oln-14B-100": [ + e.FontSize[14].$value, + { + fontWeight: e.FontWeight[700].$value, + lineHeight: e.LineHeight[100].$value, + letterSpacing: "0.02em" + } + ], + "oln-17N-100": [ + e.FontSize[17].$value, + { + fontWeight: e.FontWeight[400].$value, + lineHeight: e.LineHeight[100].$value, + letterSpacing: "0.02em" + } + ], + "oln-16N-100": [ + e.FontSize[16].$value, + { + fontWeight: e.FontWeight[400].$value, + lineHeight: e.LineHeight[100].$value, + letterSpacing: "0.02em" + } + ], + "oln-14N-100": [ + e.FontSize[14].$value, + { + fontWeight: e.FontWeight[400].$value, + lineHeight: e.LineHeight[100].$value, + letterSpacing: "0.02em" + } + ], + "mono-17B-150": [ + e.FontSize[17].$value, + { + fontWeight: e.FontWeight[700].$value, + lineHeight: e.LineHeight[150].$value + } + ], + "mono-16B-150": [ + e.FontSize[16].$value, + { + fontWeight: e.FontWeight[700].$value, + lineHeight: e.LineHeight[150].$value + } + ], + "mono-14B-150": [ + e.FontSize[14].$value, + { + fontWeight: e.FontWeight[700].$value, + lineHeight: e.LineHeight[150].$value + } + ], + "mono-17N-150": [ + e.FontSize[17].$value, + { + fontWeight: e.FontWeight[400].$value, + lineHeight: e.LineHeight[150].$value + } + ], + "mono-16N-150": [ + e.FontSize[16].$value, + { + fontWeight: e.FontWeight[400].$value, + lineHeight: e.LineHeight[150].$value + } + ], + "mono-14N-150": [ + e.FontSize[14].$value, + { + fontWeight: e.FontWeight[400].$value, + lineHeight: e.LineHeight[150].$value + } + ] + }, + fontFamily: { + sans: e.FontFamily.Sans.$value, + mono: e.FontFamily.Mono.$value + }, + fontWeight: { + 400: e.FontWeight[400].$value, + 700: e.FontWeight[700].$value + }, + lineHeight: { + 100: e.LineHeight[100].$value, + 120: e.LineHeight[120].$value, + 130: e.LineHeight[130].$value, + 140: e.LineHeight[140].$value, + 150: e.LineHeight[150].$value, + 160: e.LineHeight[160].$value, + 170: e.LineHeight[170].$value, + 175: e.LineHeight[175].$value, + // NOTE: Remove the old keys later + "1-0": e.LineHeight[100].$value, + "1-2": e.LineHeight[120].$value, + "1-3": e.LineHeight[130].$value, + "1-4": e.LineHeight[140].$value, + "1-5": e.LineHeight[150].$value, + "1-6": e.LineHeight[160].$value, + "1-7": e.LineHeight[170].$value, + "1-75": e.LineHeight[175].$value + }, + borderRadius: { + 4: e.BorderRadius[4].$value, + 8: e.BorderRadius[8].$value, + 16: e.BorderRadius[16].$value, + 24: e.BorderRadius[24].$value, + 32: e.BorderRadius[32].$value, + full: e.BorderRadius.Full.$value + }, + screens: { + desktop: "48em", + "desktop-admin": "62em" + }, + listStyleType: { + "lower-latin": "lower-latin", + circle: "circle", + square: "square" + }, + aspectRatio: { + "1/1": "1 / 1", + "3/2": "3 / 2", + "16/9": "16 / 9" + }, + boxShadow: { + 1: e.Elevation[1].$value, + 2: e.Elevation[2].$value, + 3: e.Elevation[3].$value, + 4: e.Elevation[4].$value, + 5: e.Elevation[5].$value, + 6: e.Elevation[6].$value, + 7: e.Elevation[7].$value, + 8: e.Elevation[8].$value + } + } + } +}); +export { + y as default +}; diff --git a/examples/tailwind.config.js b/examples/tailwind.config.js index 653ae19..82917b6 100644 --- a/examples/tailwind.config.js +++ b/examples/tailwind.config.js @@ -4,13 +4,9 @@ export default { "./index.html", "./src/**/*.{js,ts,jsx,tsx}", ], - theme: { - extend: { - fontFamily: { - mono: ['Noto Sans Mono'] - } - }, - }, - plugins: [require("../dist/index")], + // NOTE: 実際に使用する際は @digital-go-jp/tailwind-theme-plugin パッケージをインストールしてお使いください + // plugins: [require('@digital-go-jp/tailwind-theme-plugin')], + plugins: [require("./tailwind-theme-plugin/index")], + } diff --git a/package-lock.json b/package-lock.json index b549439..c5425dd 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,29 +1,29 @@ { "name": "@digital-go-jp/tailwind-theme-plugin", - "version": "0.2.0", + "version": "0.2.1", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "@digital-go-jp/tailwind-theme-plugin", - "version": "0.2.0", + "version": "0.2.1", "license": "MIT", "devDependencies": { "@biomejs/biome": "^1.9.4", - "@digital-go-jp/design-tokens": "^0.1.7", + "@digital-go-jp/design-tokens": "^1.0.0", "@tsconfig/node20": "^20.1.4", - "@types/node": "^22.7.9", + "@types/node": "^22.9.1", "autoprefixer": "^10.4.20", - "postcss": "^8.4.47", - "tailwindcss": "^3.4.14", + "postcss": "^8.4.49", + "tailwindcss": "^3.4.15", "typescript": "^5.6.3", - "vite": "^5.4.10" + "vite": "^5.4.11" }, "engines": { "node": ">=18" }, "peerDependencies": { - "tailwindcss": "^3.4.10" + "tailwindcss": "^3.4.15" } }, "node_modules/@alloc/quick-lru": { @@ -203,9 +203,9 @@ } }, "node_modules/@digital-go-jp/design-tokens": { - "version": "0.1.7", - "resolved": "https://registry.npmjs.org/@digital-go-jp/design-tokens/-/design-tokens-0.1.7.tgz", - "integrity": "sha512-apKZ/fF5nj25wcQmBw5Zpfbvp33iioqoInIN2k2SXh7a6bgWksLeb0Jr0jns99Hr+EcI/vdmaculhZbgkqmogA==", + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/@digital-go-jp/design-tokens/-/design-tokens-1.0.0.tgz", + "integrity": "sha512-NNtyaYJfASGR8sjaltawYMQcDuZ9MN9xLq59IRtG4gHvHFGOKdYx1EuqumTWE45QB5Kb506VTpsZnAM6b6u7gg==", "dev": true, "license": "MIT", "engines": { @@ -928,13 +928,13 @@ "license": "MIT" }, "node_modules/@types/node": { - "version": "22.7.9", - "resolved": "https://registry.npmjs.org/@types/node/-/node-22.7.9.tgz", - "integrity": "sha512-jrTfRC7FM6nChvU7X2KqcrgquofrWLFDeYC1hKfwNWomVvrn7JIksqf344WN2X/y8xrgqBd2dJATZV4GbatBfg==", + "version": "22.9.3", + "resolved": "https://registry.npmjs.org/@types/node/-/node-22.9.3.tgz", + "integrity": "sha512-F3u1fs/fce3FFk+DAxbxc78DF8x0cY09RRL8GnXLmkJ1jvx3TtPdWoTT5/NiYfI5ASqXBmfqJi9dZ3gxMx4lzw==", "dev": true, "license": "MIT", "dependencies": { - "undici-types": "~6.19.2" + "undici-types": "~6.19.8" } }, "node_modules/ansi-regex": { @@ -1190,10 +1190,11 @@ } }, "node_modules/cross-spawn": { - "version": "7.0.3", - "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz", - "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==", + "version": "7.0.6", + "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz", + "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==", "dev": true, + "license": "MIT", "dependencies": { "path-key": "^3.1.0", "shebang-command": "^2.0.0", @@ -1208,6 +1209,7 @@ "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz", "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==", "dev": true, + "license": "MIT", "bin": { "cssesc": "bin/cssesc" }, @@ -1529,10 +1531,11 @@ } }, "node_modules/jiti": { - "version": "1.21.3", - "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.3.tgz", - "integrity": "sha512-uy2bNX5zQ+tESe+TiC7ilGRz8AtRGmnJH55NC5S0nSUjvvvM2hJHmefHErugGXN4pNv4Qx7vLsnNw9qJ9mtIsw==", + "version": "1.21.6", + "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.6.tgz", + "integrity": "sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==", "dev": true, + "license": "MIT", "bin": { "jiti": "bin/jiti.js" } @@ -1712,9 +1715,9 @@ } }, "node_modules/picocolors": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.0.tgz", - "integrity": "sha512-TQ92mBOW0l3LeMeyLV6mzy/kWr8lkd/hp3mTg7wYK7zJhuBStmGMBG0BdeDZS/dZx1IukaX6Bk11zcln25o1Aw==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz", + "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==", "dev": true, "license": "ISC" }, @@ -1749,9 +1752,9 @@ } }, "node_modules/postcss": { - "version": "8.4.47", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.47.tgz", - "integrity": "sha512-56rxCq7G/XfB4EkXq9Egn5GCqugWvDFjafDOThIdMBsI15iqPqR5r15TfSr1YPYeEI19YeaXMCbY6u88Y76GLQ==", + "version": "8.4.49", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.49.tgz", + "integrity": "sha512-OCVPnIObs4N29kxTjzLfUryOkvZEq+pf8jTF0lg8E7uETuWHA+v7j3c/xJmiqpX450191LlmZfUKkXxkTry7nA==", "dev": true, "funding": [ { @@ -1770,7 +1773,7 @@ "license": "MIT", "dependencies": { "nanoid": "^3.3.7", - "picocolors": "^1.1.0", + "picocolors": "^1.1.1", "source-map-js": "^1.2.1" }, "engines": { @@ -1861,29 +1864,37 @@ } }, "node_modules/postcss-nested": { - "version": "6.0.1", - "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.1.tgz", - "integrity": "sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==", + "version": "6.2.0", + "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.2.0.tgz", + "integrity": "sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==", "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", "dependencies": { - "postcss-selector-parser": "^6.0.11" + "postcss-selector-parser": "^6.1.1" }, "engines": { "node": ">=12.0" }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/postcss/" - }, "peerDependencies": { "postcss": "^8.2.14" } }, "node_modules/postcss-selector-parser": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.0.tgz", - "integrity": "sha512-UMz42UD0UY0EApS0ZL9o1XnLhSTtvvvLe5Dc2H2O56fvRZi+KulDyf5ctDhhtYJBGKStV2FL1fy6253cmLgqVQ==", + "version": "6.1.2", + "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz", + "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==", "dev": true, + "license": "MIT", "dependencies": { "cssesc": "^3.0.0", "util-deprecate": "^1.0.2" @@ -2199,34 +2210,34 @@ } }, "node_modules/tailwindcss": { - "version": "3.4.14", - "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.14.tgz", - "integrity": "sha512-IcSvOcTRcUtQQ7ILQL5quRDg7Xs93PdJEk1ZLbhhvJc7uj/OAhYOnruEiwnGgBvUtaUAJ8/mhSw1o8L2jCiENA==", + "version": "3.4.15", + "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.15.tgz", + "integrity": "sha512-r4MeXnfBmSOuKUWmXe6h2CcyfzJCEk4F0pptO5jlnYSIViUkVmsawj80N5h2lO3gwcmSb4n3PuN+e+GC1Guylw==", "dev": true, "license": "MIT", "dependencies": { "@alloc/quick-lru": "^5.2.0", "arg": "^5.0.2", - "chokidar": "^3.5.3", + "chokidar": "^3.6.0", "didyoumean": "^1.2.2", "dlv": "^1.1.3", - "fast-glob": "^3.3.0", + "fast-glob": "^3.3.2", "glob-parent": "^6.0.2", "is-glob": "^4.0.3", - "jiti": "^1.21.0", + "jiti": "^1.21.6", "lilconfig": "^2.1.0", - "micromatch": "^4.0.5", + "micromatch": "^4.0.8", "normalize-path": "^3.0.0", "object-hash": "^3.0.0", - "picocolors": "^1.0.0", - "postcss": "^8.4.23", + "picocolors": "^1.1.1", + "postcss": "^8.4.47", "postcss-import": "^15.1.0", "postcss-js": "^4.0.1", - "postcss-load-config": "^4.0.1", - "postcss-nested": "^6.0.1", - "postcss-selector-parser": "^6.0.11", - "resolve": "^1.22.2", - "sucrase": "^3.32.0" + "postcss-load-config": "^4.0.2", + "postcss-nested": "^6.2.0", + "postcss-selector-parser": "^6.1.2", + "resolve": "^1.22.8", + "sucrase": "^3.35.0" }, "bin": { "tailwind": "lib/cli.js", @@ -2331,12 +2342,13 @@ "version": "1.0.2", "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==", - "dev": true + "dev": true, + "license": "MIT" }, "node_modules/vite": { - "version": "5.4.10", - "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.10.tgz", - "integrity": "sha512-1hvaPshuPUtxeQ0hsVH3Mud0ZanOLwVTneA1EgbAM5LhaZEqyPWGRQ7BtaMvUrTDeEaC8pxtj6a6jku3x4z6SQ==", + "version": "5.4.11", + "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.11.tgz", + "integrity": "sha512-c7jFQRklXua0mTzneGW9QVyxFjUgwcihC4bXEtujIo2ouWCe1Ajt/amn2PCxYnhYfd5k09JX3SB7OYWFKYqj8Q==", "dev": true, "license": "MIT", "dependencies": { diff --git a/package.json b/package.json index 27d2bc8..0da9893 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@digital-go-jp/tailwind-theme-plugin", - "version": "0.2.0", + "version": "0.2.1", "main": "dist/index.cjs.js", "types": "dist/index.d.ts", "exports": { @@ -32,17 +32,17 @@ }, "devDependencies": { "@biomejs/biome": "^1.9.4", - "@digital-go-jp/design-tokens": "^0.1.7", + "@digital-go-jp/design-tokens": "^1.0.0", "@tsconfig/node20": "^20.1.4", - "@types/node": "^22.7.9", + "@types/node": "^22.9.1", "autoprefixer": "^10.4.20", - "postcss": "^8.4.47", - "tailwindcss": "^3.4.14", + "postcss": "^8.4.49", + "tailwindcss": "^3.4.15", "typescript": "^5.6.3", - "vite": "^5.4.10" + "vite": "^5.4.11" }, "peerDependencies": { - "tailwindcss": "^3.4.10" + "tailwindcss": "^3.4.15" }, "engines": { "node": ">=18" diff --git a/src/index.ts b/src/index.ts index 76a2d4e..627e666 100644 --- a/src/index.ts +++ b/src/index.ts @@ -5,597 +5,626 @@ const daPlugin = plugin(() => {}, { theme: { extend: { colors: { - white: tokens.Color.Neutral.White.value, - black: tokens.Color.Neutral.Black.value, + white: tokens.Color.Neutral.White.$value, + black: tokens.Color.Neutral.Black.$value, blue: { - 50: tokens.Color.Primitive.Blue[50].value, - 100: tokens.Color.Primitive.Blue[100].value, - 200: tokens.Color.Primitive.Blue[200].value, - 300: tokens.Color.Primitive.Blue[300].value, - 400: tokens.Color.Primitive.Blue[400].value, - 500: tokens.Color.Primitive.Blue[500].value, - 600: tokens.Color.Primitive.Blue[600].value, - 700: tokens.Color.Primitive.Blue[700].value, - 800: tokens.Color.Primitive.Blue[800].value, - 900: tokens.Color.Primitive.Blue[900].value, - 1000: tokens.Color.Primitive.Blue[1000].value, - 1100: tokens.Color.Primitive.Blue[1100].value, - 1200: tokens.Color.Primitive.Blue[1200].value, + 50: tokens.Color.Primitive.Blue[50].$value, + 100: tokens.Color.Primitive.Blue[100].$value, + 200: tokens.Color.Primitive.Blue[200].$value, + 300: tokens.Color.Primitive.Blue[300].$value, + 400: tokens.Color.Primitive.Blue[400].$value, + 500: tokens.Color.Primitive.Blue[500].$value, + 600: tokens.Color.Primitive.Blue[600].$value, + 700: tokens.Color.Primitive.Blue[700].$value, + 800: tokens.Color.Primitive.Blue[800].$value, + 900: tokens.Color.Primitive.Blue[900].$value, + 1000: tokens.Color.Primitive.Blue[1000].$value, + 1100: tokens.Color.Primitive.Blue[1100].$value, + 1200: tokens.Color.Primitive.Blue[1200].$value, }, 'light-blue': { - 50: tokens.Color.Primitive.LightBlue[50].value, - 100: tokens.Color.Primitive.LightBlue[100].value, - 200: tokens.Color.Primitive.LightBlue[200].value, - 300: tokens.Color.Primitive.LightBlue[300].value, - 400: tokens.Color.Primitive.LightBlue[400].value, - 500: tokens.Color.Primitive.LightBlue[500].value, - 600: tokens.Color.Primitive.LightBlue[600].value, - 700: tokens.Color.Primitive.LightBlue[700].value, - 800: tokens.Color.Primitive.LightBlue[800].value, - 900: tokens.Color.Primitive.LightBlue[900].value, - 1000: tokens.Color.Primitive.LightBlue[1000].value, - 1100: tokens.Color.Primitive.LightBlue[1100].value, - 1200: tokens.Color.Primitive.LightBlue[1200].value, + 50: tokens.Color.Primitive.LightBlue[50].$value, + 100: tokens.Color.Primitive.LightBlue[100].$value, + 200: tokens.Color.Primitive.LightBlue[200].$value, + 300: tokens.Color.Primitive.LightBlue[300].$value, + 400: tokens.Color.Primitive.LightBlue[400].$value, + 500: tokens.Color.Primitive.LightBlue[500].$value, + 600: tokens.Color.Primitive.LightBlue[600].$value, + 700: tokens.Color.Primitive.LightBlue[700].$value, + 800: tokens.Color.Primitive.LightBlue[800].$value, + 900: tokens.Color.Primitive.LightBlue[900].$value, + 1000: tokens.Color.Primitive.LightBlue[1000].$value, + 1100: tokens.Color.Primitive.LightBlue[1100].$value, + 1200: tokens.Color.Primitive.LightBlue[1200].$value, }, cyan: { - 50: tokens.Color.Primitive.Cyan[50].value, - 100: tokens.Color.Primitive.Cyan[100].value, - 200: tokens.Color.Primitive.Cyan[200].value, - 300: tokens.Color.Primitive.Cyan[300].value, - 400: tokens.Color.Primitive.Cyan[400].value, - 500: tokens.Color.Primitive.Cyan[500].value, - 600: tokens.Color.Primitive.Cyan[600].value, - 700: tokens.Color.Primitive.Cyan[700].value, - 800: tokens.Color.Primitive.Cyan[800].value, - 900: tokens.Color.Primitive.Cyan[900].value, - 1000: tokens.Color.Primitive.Cyan[1000].value, - 1100: tokens.Color.Primitive.Cyan[1100].value, - 1200: tokens.Color.Primitive.Cyan[1200].value, + 50: tokens.Color.Primitive.Cyan[50].$value, + 100: tokens.Color.Primitive.Cyan[100].$value, + 200: tokens.Color.Primitive.Cyan[200].$value, + 300: tokens.Color.Primitive.Cyan[300].$value, + 400: tokens.Color.Primitive.Cyan[400].$value, + 500: tokens.Color.Primitive.Cyan[500].$value, + 600: tokens.Color.Primitive.Cyan[600].$value, + 700: tokens.Color.Primitive.Cyan[700].$value, + 800: tokens.Color.Primitive.Cyan[800].$value, + 900: tokens.Color.Primitive.Cyan[900].$value, + 1000: tokens.Color.Primitive.Cyan[1000].$value, + 1100: tokens.Color.Primitive.Cyan[1100].$value, + 1200: tokens.Color.Primitive.Cyan[1200].$value, }, green: { - 50: tokens.Color.Primitive.Green[50].value, - 100: tokens.Color.Primitive.Green[100].value, - 200: tokens.Color.Primitive.Green[200].value, - 300: tokens.Color.Primitive.Green[300].value, - 400: tokens.Color.Primitive.Green[400].value, - 500: tokens.Color.Primitive.Green[500].value, - 600: tokens.Color.Primitive.Green[600].value, - 700: tokens.Color.Primitive.Green[700].value, - 800: tokens.Color.Primitive.Green[800].value, - 900: tokens.Color.Primitive.Green[900].value, - 1000: tokens.Color.Primitive.Green[1000].value, - 1100: tokens.Color.Primitive.Green[1100].value, - 1200: tokens.Color.Primitive.Green[1200].value, + 50: tokens.Color.Primitive.Green[50].$value, + 100: tokens.Color.Primitive.Green[100].$value, + 200: tokens.Color.Primitive.Green[200].$value, + 300: tokens.Color.Primitive.Green[300].$value, + 400: tokens.Color.Primitive.Green[400].$value, + 500: tokens.Color.Primitive.Green[500].$value, + 600: tokens.Color.Primitive.Green[600].$value, + 700: tokens.Color.Primitive.Green[700].$value, + 800: tokens.Color.Primitive.Green[800].$value, + 900: tokens.Color.Primitive.Green[900].$value, + 1000: tokens.Color.Primitive.Green[1000].$value, + 1100: tokens.Color.Primitive.Green[1100].$value, + 1200: tokens.Color.Primitive.Green[1200].$value, }, lime: { - 50: tokens.Color.Primitive.Lime[50].value, - 100: tokens.Color.Primitive.Lime[100].value, - 200: tokens.Color.Primitive.Lime[200].value, - 300: tokens.Color.Primitive.Lime[300].value, - 400: tokens.Color.Primitive.Lime[400].value, - 500: tokens.Color.Primitive.Lime[500].value, - 600: tokens.Color.Primitive.Lime[600].value, - 700: tokens.Color.Primitive.Lime[700].value, - 800: tokens.Color.Primitive.Lime[800].value, - 900: tokens.Color.Primitive.Lime[900].value, - 1000: tokens.Color.Primitive.Lime[1000].value, - 1100: tokens.Color.Primitive.Lime[1100].value, - 1200: tokens.Color.Primitive.Lime[1200].value, + 50: tokens.Color.Primitive.Lime[50].$value, + 100: tokens.Color.Primitive.Lime[100].$value, + 200: tokens.Color.Primitive.Lime[200].$value, + 300: tokens.Color.Primitive.Lime[300].$value, + 400: tokens.Color.Primitive.Lime[400].$value, + 500: tokens.Color.Primitive.Lime[500].$value, + 600: tokens.Color.Primitive.Lime[600].$value, + 700: tokens.Color.Primitive.Lime[700].$value, + 800: tokens.Color.Primitive.Lime[800].$value, + 900: tokens.Color.Primitive.Lime[900].$value, + 1000: tokens.Color.Primitive.Lime[1000].$value, + 1100: tokens.Color.Primitive.Lime[1100].$value, + 1200: tokens.Color.Primitive.Lime[1200].$value, }, yellow: { - 50: tokens.Color.Primitive.Yellow[50].value, - 100: tokens.Color.Primitive.Yellow[100].value, - 200: tokens.Color.Primitive.Yellow[200].value, - 300: tokens.Color.Primitive.Yellow[300].value, - 400: tokens.Color.Primitive.Yellow[400].value, - 500: tokens.Color.Primitive.Yellow[500].value, - 600: tokens.Color.Primitive.Yellow[600].value, - 700: tokens.Color.Primitive.Yellow[700].value, - 800: tokens.Color.Primitive.Yellow[800].value, - 900: tokens.Color.Primitive.Yellow[900].value, - 1000: tokens.Color.Primitive.Yellow[1000].value, - 1100: tokens.Color.Primitive.Yellow[1100].value, - 1200: tokens.Color.Primitive.Yellow[1200].value, + 50: tokens.Color.Primitive.Yellow[50].$value, + 100: tokens.Color.Primitive.Yellow[100].$value, + 200: tokens.Color.Primitive.Yellow[200].$value, + 300: tokens.Color.Primitive.Yellow[300].$value, + 400: tokens.Color.Primitive.Yellow[400].$value, + 500: tokens.Color.Primitive.Yellow[500].$value, + 600: tokens.Color.Primitive.Yellow[600].$value, + 700: tokens.Color.Primitive.Yellow[700].$value, + 800: tokens.Color.Primitive.Yellow[800].$value, + 900: tokens.Color.Primitive.Yellow[900].$value, + 1000: tokens.Color.Primitive.Yellow[1000].$value, + 1100: tokens.Color.Primitive.Yellow[1100].$value, + 1200: tokens.Color.Primitive.Yellow[1200].$value, }, orange: { - 50: tokens.Color.Primitive.Orange[50].value, - 100: tokens.Color.Primitive.Orange[100].value, - 200: tokens.Color.Primitive.Orange[200].value, - 300: tokens.Color.Primitive.Orange[300].value, - 400: tokens.Color.Primitive.Orange[400].value, - 500: tokens.Color.Primitive.Orange[500].value, - 600: tokens.Color.Primitive.Orange[600].value, - 700: tokens.Color.Primitive.Orange[700].value, - 800: tokens.Color.Primitive.Orange[800].value, - 900: tokens.Color.Primitive.Orange[900].value, - 1000: tokens.Color.Primitive.Orange[1000].value, - 1100: tokens.Color.Primitive.Orange[1100].value, - 1200: tokens.Color.Primitive.Orange[1200].value, + 50: tokens.Color.Primitive.Orange[50].$value, + 100: tokens.Color.Primitive.Orange[100].$value, + 200: tokens.Color.Primitive.Orange[200].$value, + 300: tokens.Color.Primitive.Orange[300].$value, + 400: tokens.Color.Primitive.Orange[400].$value, + 500: tokens.Color.Primitive.Orange[500].$value, + 600: tokens.Color.Primitive.Orange[600].$value, + 700: tokens.Color.Primitive.Orange[700].$value, + 800: tokens.Color.Primitive.Orange[800].$value, + 900: tokens.Color.Primitive.Orange[900].$value, + 1000: tokens.Color.Primitive.Orange[1000].$value, + 1100: tokens.Color.Primitive.Orange[1100].$value, + 1200: tokens.Color.Primitive.Orange[1200].$value, }, red: { - 50: tokens.Color.Primitive.Red[50].value, - 100: tokens.Color.Primitive.Red[100].value, - 200: tokens.Color.Primitive.Red[200].value, - 300: tokens.Color.Primitive.Red[300].value, - 400: tokens.Color.Primitive.Red[400].value, - 500: tokens.Color.Primitive.Red[500].value, - 600: tokens.Color.Primitive.Red[600].value, - 700: tokens.Color.Primitive.Red[700].value, - 800: tokens.Color.Primitive.Red[800].value, - 900: tokens.Color.Primitive.Red[900].value, - 1000: tokens.Color.Primitive.Red[1000].value, - 1100: tokens.Color.Primitive.Red[1100].value, - 1200: tokens.Color.Primitive.Red[1200].value, + 50: tokens.Color.Primitive.Red[50].$value, + 100: tokens.Color.Primitive.Red[100].$value, + 200: tokens.Color.Primitive.Red[200].$value, + 300: tokens.Color.Primitive.Red[300].$value, + 400: tokens.Color.Primitive.Red[400].$value, + 500: tokens.Color.Primitive.Red[500].$value, + 600: tokens.Color.Primitive.Red[600].$value, + 700: tokens.Color.Primitive.Red[700].$value, + 800: tokens.Color.Primitive.Red[800].$value, + 900: tokens.Color.Primitive.Red[900].$value, + 1000: tokens.Color.Primitive.Red[1000].$value, + 1100: tokens.Color.Primitive.Red[1100].$value, + 1200: tokens.Color.Primitive.Red[1200].$value, }, magenta: { - 50: tokens.Color.Primitive.Magenta[50].value, - 100: tokens.Color.Primitive.Magenta[100].value, - 200: tokens.Color.Primitive.Magenta[200].value, - 300: tokens.Color.Primitive.Magenta[300].value, - 400: tokens.Color.Primitive.Magenta[400].value, - 500: tokens.Color.Primitive.Magenta[500].value, - 600: tokens.Color.Primitive.Magenta[600].value, - 700: tokens.Color.Primitive.Magenta[700].value, - 800: tokens.Color.Primitive.Magenta[800].value, - 900: tokens.Color.Primitive.Magenta[900].value, - 1000: tokens.Color.Primitive.Magenta[1000].value, - 1100: tokens.Color.Primitive.Magenta[1100].value, - 1200: tokens.Color.Primitive.Magenta[1200].value, + 50: tokens.Color.Primitive.Magenta[50].$value, + 100: tokens.Color.Primitive.Magenta[100].$value, + 200: tokens.Color.Primitive.Magenta[200].$value, + 300: tokens.Color.Primitive.Magenta[300].$value, + 400: tokens.Color.Primitive.Magenta[400].$value, + 500: tokens.Color.Primitive.Magenta[500].$value, + 600: tokens.Color.Primitive.Magenta[600].$value, + 700: tokens.Color.Primitive.Magenta[700].$value, + 800: tokens.Color.Primitive.Magenta[800].$value, + 900: tokens.Color.Primitive.Magenta[900].$value, + 1000: tokens.Color.Primitive.Magenta[1000].$value, + 1100: tokens.Color.Primitive.Magenta[1100].$value, + 1200: tokens.Color.Primitive.Magenta[1200].$value, }, purple: { - 50: tokens.Color.Primitive.Purple[50].value, - 100: tokens.Color.Primitive.Purple[100].value, - 200: tokens.Color.Primitive.Purple[200].value, - 300: tokens.Color.Primitive.Purple[300].value, - 400: tokens.Color.Primitive.Purple[400].value, - 500: tokens.Color.Primitive.Purple[500].value, - 600: tokens.Color.Primitive.Purple[600].value, - 700: tokens.Color.Primitive.Purple[700].value, - 800: tokens.Color.Primitive.Purple[800].value, - 900: tokens.Color.Primitive.Purple[900].value, - 1000: tokens.Color.Primitive.Purple[1000].value, - 1100: tokens.Color.Primitive.Purple[1100].value, - 1200: tokens.Color.Primitive.Purple[1200].value, + 50: tokens.Color.Primitive.Purple[50].$value, + 100: tokens.Color.Primitive.Purple[100].$value, + 200: tokens.Color.Primitive.Purple[200].$value, + 300: tokens.Color.Primitive.Purple[300].$value, + 400: tokens.Color.Primitive.Purple[400].$value, + 500: tokens.Color.Primitive.Purple[500].$value, + 600: tokens.Color.Primitive.Purple[600].$value, + 700: tokens.Color.Primitive.Purple[700].$value, + 800: tokens.Color.Primitive.Purple[800].$value, + 900: tokens.Color.Primitive.Purple[900].$value, + 1000: tokens.Color.Primitive.Purple[1000].$value, + 1100: tokens.Color.Primitive.Purple[1100].$value, + 1200: tokens.Color.Primitive.Purple[1200].$value, }, 'solid-gray': { - 50: tokens.Color.Neutral.SolidGray[50].value, - 100: tokens.Color.Neutral.SolidGray[100].value, - 200: tokens.Color.Neutral.SolidGray[200].value, - 300: tokens.Color.Neutral.SolidGray[300].value, - 400: tokens.Color.Neutral.SolidGray[400].value, - 420: tokens.Color.Neutral.SolidGray[420].value, - 500: tokens.Color.Neutral.SolidGray[500].value, - 536: tokens.Color.Neutral.SolidGray[536].value, - 600: tokens.Color.Neutral.SolidGray[600].value, - 700: tokens.Color.Neutral.SolidGray[700].value, - 800: tokens.Color.Neutral.SolidGray[800].value, - 900: tokens.Color.Neutral.SolidGray[900].value, + 50: tokens.Color.Neutral.SolidGray[50].$value, + 100: tokens.Color.Neutral.SolidGray[100].$value, + 200: tokens.Color.Neutral.SolidGray[200].$value, + 300: tokens.Color.Neutral.SolidGray[300].$value, + 400: tokens.Color.Neutral.SolidGray[400].$value, + 420: tokens.Color.Neutral.SolidGray[420].$value, + 500: tokens.Color.Neutral.SolidGray[500].$value, + 536: tokens.Color.Neutral.SolidGray[536].$value, + 600: tokens.Color.Neutral.SolidGray[600].$value, + 700: tokens.Color.Neutral.SolidGray[700].$value, + 800: tokens.Color.Neutral.SolidGray[800].$value, + 900: tokens.Color.Neutral.SolidGray[900].$value, }, - 'success-1': tokens.Color.Success[1].value, - 'success-2': tokens.Color.Success[2].value, - 'error-1': tokens.Color.Error[1].value, - 'error-2': tokens.Color.Error[2].value, - 'warning-yellow-1': tokens.Color.Warning.Yellow[1].value, - 'warning-yellow-2': tokens.Color.Warning.Yellow[2].value, - 'warning-orange-1': tokens.Color.Warning.Orange[1].value, - 'warning-orange-2': tokens.Color.Warning.Orange[2].value, - 'focus-yellow': tokens.Color.Primitive.Yellow[700].value, - 'focus-blue': tokens.Color.Primitive.LightBlue[700].value, + 'opacity-gray': { + 50: tokens.Color.Neutral.OpacityGray[50].$value, + 100: tokens.Color.Neutral.OpacityGray[100].$value, + 200: tokens.Color.Neutral.OpacityGray[200].$value, + 300: tokens.Color.Neutral.OpacityGray[300].$value, + 400: tokens.Color.Neutral.OpacityGray[400].$value, + 420: tokens.Color.Neutral.OpacityGray[420].$value, + 500: tokens.Color.Neutral.OpacityGray[500].$value, + 536: tokens.Color.Neutral.OpacityGray[536].$value, + 600: tokens.Color.Neutral.OpacityGray[600].$value, + 700: tokens.Color.Neutral.OpacityGray[700].$value, + 800: tokens.Color.Neutral.OpacityGray[800].$value, + 900: tokens.Color.Neutral.OpacityGray[900].$value, + }, + 'success-1': tokens.Color.Semantic.Success[1].$value, + 'success-2': tokens.Color.Semantic.Success[2].$value, + 'error-1': tokens.Color.Semantic.Error[1].$value, + 'error-2': tokens.Color.Semantic.Error[2].$value, + 'warning-yellow-1': tokens.Color.Semantic.Warning.Yellow[1].$value, + 'warning-yellow-2': tokens.Color.Semantic.Warning.Yellow[2].$value, + 'warning-orange-1': tokens.Color.Semantic.Warning.Orange[1].$value, + 'warning-orange-2': tokens.Color.Semantic.Warning.Orange[2].$value, + 'focus-yellow': tokens.Color.Primitive.Yellow[700].$value, + 'focus-blue': tokens.Color.Primitive.LightBlue[700].$value, }, fontSize: { 'dsp-64N-140': [ - tokens.FontSize[64].value, + tokens.FontSize[64].$value, { - fontWeight: tokens.FontWeight[400].value, - lineHeight: tokens.LineHeight['1_4'].value, + fontWeight: tokens.FontWeight[400].$value, + lineHeight: tokens.LineHeight[140].$value, }, ], 'dsp-57N-140': [ - tokens.FontSize[57].value, + tokens.FontSize[57].$value, { - fontWeight: tokens.FontWeight[400].value, - lineHeight: tokens.LineHeight['1_4'].value, + fontWeight: tokens.FontWeight[400].$value, + lineHeight: tokens.LineHeight[140].$value, }, ], 'dsp-48N-140': [ - tokens.FontSize[48].value, + tokens.FontSize[48].$value, { - fontWeight: tokens.FontWeight[400].value, - lineHeight: tokens.LineHeight['1_4'].value, + fontWeight: tokens.FontWeight[400].$value, + lineHeight: tokens.LineHeight[140].$value, }, ], 'std-45B-140': [ - tokens.FontSize[45].value, + tokens.FontSize[45].$value, { - fontWeight: tokens.FontWeight[700].value, - lineHeight: tokens.LineHeight['1_4'].value, + fontWeight: tokens.FontWeight[700].$value, + lineHeight: tokens.LineHeight[140].$value, }, ], 'std-36B-140': [ - tokens.FontSize[36].value, + tokens.FontSize[36].$value, { - fontWeight: tokens.FontWeight[700].value, - lineHeight: tokens.LineHeight['1_4'].value, + fontWeight: tokens.FontWeight[700].$value, + lineHeight: tokens.LineHeight[140].$value, letterSpacing: '0.01em', }, ], 'std-32B-150': [ - tokens.FontSize[32].value, + tokens.FontSize[32].$value, { - fontWeight: tokens.FontWeight[700].value, - lineHeight: tokens.LineHeight['1_5'].value, + fontWeight: tokens.FontWeight[700].$value, + lineHeight: tokens.LineHeight[150].$value, letterSpacing: '0.01em', }, ], 'std-28B-150': [ - tokens.FontSize[28].value, + tokens.FontSize[28].$value, { - fontWeight: tokens.FontWeight[700].value, - lineHeight: tokens.LineHeight['1_5'].value, + fontWeight: tokens.FontWeight[700].$value, + lineHeight: tokens.LineHeight[150].$value, letterSpacing: '0.01em', }, ], 'std-26B-150': [ - tokens.FontSize[26].value, + tokens.FontSize[26].$value, { - fontWeight: tokens.FontWeight[700].value, - lineHeight: tokens.LineHeight['1_5'].value, + fontWeight: tokens.FontWeight[700].$value, + lineHeight: tokens.LineHeight[150].$value, letterSpacing: '0.02em', }, ], 'std-24B-150': [ - tokens.FontSize[24].value, + tokens.FontSize[24].$value, { - fontWeight: tokens.FontWeight[700].value, - lineHeight: tokens.LineHeight['1_5'].value, + fontWeight: tokens.FontWeight[700].$value, + lineHeight: tokens.LineHeight[150].$value, letterSpacing: '0.02em', }, ], 'std-22B-150': [ - tokens.FontSize[22].value, + tokens.FontSize[22].$value, { - fontWeight: tokens.FontWeight[700].value, - lineHeight: tokens.LineHeight['1_5'].value, + fontWeight: tokens.FontWeight[700].$value, + lineHeight: tokens.LineHeight[150].$value, letterSpacing: '0.02em', }, ], 'std-20B-160': [ - tokens.FontSize[20].value, + tokens.FontSize[20].$value, { - fontWeight: tokens.FontWeight[700].value, - lineHeight: tokens.LineHeight['1_6'].value, + fontWeight: tokens.FontWeight[700].$value, + lineHeight: tokens.LineHeight[160].$value, letterSpacing: '0.02em', }, ], 'std-20B-150': [ - tokens.FontSize[20].value, + tokens.FontSize[20].$value, { - fontWeight: tokens.FontWeight[700].value, - lineHeight: tokens.LineHeight['1_5'].value, + fontWeight: tokens.FontWeight[700].$value, + lineHeight: tokens.LineHeight[150].$value, letterSpacing: '0.02em', }, ], 'std-18B-160': [ - tokens.FontSize[18].value, + tokens.FontSize[18].$value, { - fontWeight: tokens.FontWeight[700].value, - lineHeight: tokens.LineHeight['1_6'].value, + fontWeight: tokens.FontWeight[700].$value, + lineHeight: tokens.LineHeight[160].$value, letterSpacing: '0.02em', }, ], 'std-17B-170': [ - tokens.FontSize[17].value, + tokens.FontSize[17].$value, { - fontWeight: tokens.FontWeight[700].value, - lineHeight: tokens.LineHeight['1_7'].value, + fontWeight: tokens.FontWeight[700].$value, + lineHeight: tokens.LineHeight[170].$value, letterSpacing: '0.02em', }, ], 'std-16B-170': [ - tokens.FontSize[16].value, + tokens.FontSize[16].$value, { - fontWeight: tokens.FontWeight[700].value, - lineHeight: tokens.LineHeight['1_7'].value, + fontWeight: tokens.FontWeight[700].$value, + lineHeight: tokens.LineHeight[170].$value, letterSpacing: '0.02em', }, ], 'std-16B-175': [ - tokens.FontSize[16].value, + tokens.FontSize[16].$value, { - fontWeight: tokens.FontWeight[700].value, - lineHeight: tokens.LineHeight['1_75'].value, + fontWeight: tokens.FontWeight[700].$value, + lineHeight: tokens.LineHeight[175].$value, letterSpacing: '0.02em', }, ], 'std-45N-140': [ - tokens.FontSize[45].value, + tokens.FontSize[45].$value, { - fontWeight: tokens.FontWeight[400].value, - lineHeight: tokens.LineHeight['1_4'].value, + fontWeight: tokens.FontWeight[400].$value, + lineHeight: tokens.LineHeight[140].$value, }, ], 'std-36N-140': [ - tokens.FontSize[36].value, + tokens.FontSize[36].$value, { - fontWeight: tokens.FontWeight[400].value, - lineHeight: tokens.LineHeight['1_4'].value, + fontWeight: tokens.FontWeight[400].$value, + lineHeight: tokens.LineHeight[140].$value, letterSpacing: '0.01em', }, ], 'std-32N-150': [ - tokens.FontSize[32].value, + tokens.FontSize[32].$value, { - fontWeight: tokens.FontWeight[400].value, - lineHeight: tokens.LineHeight['1_5'].value, + fontWeight: tokens.FontWeight[400].$value, + lineHeight: tokens.LineHeight[150].$value, letterSpacing: '0.01em', }, ], 'std-28N-150': [ - tokens.FontSize[28].value, + tokens.FontSize[28].$value, { - fontWeight: tokens.FontWeight[400].value, - lineHeight: tokens.LineHeight['1_5'].value, + fontWeight: tokens.FontWeight[400].$value, + lineHeight: tokens.LineHeight[150].$value, letterSpacing: '0.01em', }, ], 'std-26N-150': [ - tokens.FontSize[26].value, + tokens.FontSize[26].$value, { - fontWeight: tokens.FontWeight[400].value, - lineHeight: tokens.LineHeight['1_5'].value, + fontWeight: tokens.FontWeight[400].$value, + lineHeight: tokens.LineHeight[150].$value, letterSpacing: '0.02em', }, ], 'std-24N-150': [ - tokens.FontSize[24].value, + tokens.FontSize[24].$value, { - fontWeight: tokens.FontWeight[400].value, - lineHeight: tokens.LineHeight['1_5'].value, + fontWeight: tokens.FontWeight[400].$value, + lineHeight: tokens.LineHeight[150].$value, letterSpacing: '0.02em', }, ], 'std-22N-150': [ - tokens.FontSize[22].value, + tokens.FontSize[22].$value, { - fontWeight: tokens.FontWeight[400].value, - lineHeight: tokens.LineHeight['1_5'].value, + fontWeight: tokens.FontWeight[400].$value, + lineHeight: tokens.LineHeight[150].$value, letterSpacing: '0.02em', }, ], 'std-20N-150': [ - tokens.FontSize[20].value, + tokens.FontSize[20].$value, { - fontWeight: tokens.FontWeight[400].value, - lineHeight: tokens.LineHeight['1_5'].value, + fontWeight: tokens.FontWeight[400].$value, + lineHeight: tokens.LineHeight[150].$value, letterSpacing: '0.02em', }, ], 'std-18N-160': [ - tokens.FontSize[18].value, + tokens.FontSize[18].$value, { - fontWeight: tokens.FontWeight[400].value, - lineHeight: tokens.LineHeight['1_6'].value, + fontWeight: tokens.FontWeight[400].$value, + lineHeight: tokens.LineHeight[160].$value, letterSpacing: '0.02em', }, ], 'std-17N-170': [ - tokens.FontSize[17].value, + tokens.FontSize[17].$value, { - fontWeight: tokens.FontWeight[400].value, - lineHeight: tokens.LineHeight['1_7'].value, + fontWeight: tokens.FontWeight[400].$value, + lineHeight: tokens.LineHeight[170].$value, letterSpacing: '0.02em', }, ], 'std-16N-170': [ - tokens.FontSize[16].value, + tokens.FontSize[16].$value, { - fontWeight: tokens.FontWeight[400].value, - lineHeight: tokens.LineHeight['1_7'].value, + fontWeight: tokens.FontWeight[400].$value, + lineHeight: tokens.LineHeight[170].$value, letterSpacing: '0.02em', }, ], 'std-16N-175': [ - tokens.FontSize[16].value, + tokens.FontSize[16].$value, { - fontWeight: tokens.FontWeight[400].value, - lineHeight: tokens.LineHeight['1_75'].value, + fontWeight: tokens.FontWeight[400].$value, + lineHeight: tokens.LineHeight[175].$value, letterSpacing: '0.02em', }, ], 'dns-17B-130': [ - tokens.FontSize[17].value, + tokens.FontSize[17].$value, { - fontWeight: tokens.FontWeight[700].value, - lineHeight: tokens.LineHeight['1_3'].value, + fontWeight: tokens.FontWeight[700].$value, + lineHeight: tokens.LineHeight[130].$value, }, ], 'dns-17B-120': [ - tokens.FontSize[17].value, + tokens.FontSize[17].$value, { - fontWeight: tokens.FontWeight[700].value, - lineHeight: tokens.LineHeight['1_2'].value, + fontWeight: tokens.FontWeight[700].$value, + lineHeight: tokens.LineHeight[120].$value, }, ], 'dns-16B-130': [ - tokens.FontSize[16].value, + tokens.FontSize[16].$value, { - fontWeight: tokens.FontWeight[700].value, - lineHeight: tokens.LineHeight['1_3'].value, + fontWeight: tokens.FontWeight[700].$value, + lineHeight: tokens.LineHeight[130].$value, }, ], 'dns-16B-120': [ - tokens.FontSize[16].value, + tokens.FontSize[16].$value, { - fontWeight: tokens.FontWeight[700].value, - lineHeight: tokens.LineHeight['1_2'].value, + fontWeight: tokens.FontWeight[700].$value, + lineHeight: tokens.LineHeight[120].$value, }, ], 'dns-14B-130': [ - tokens.FontSize[14].value, + tokens.FontSize[14].$value, { - fontWeight: tokens.FontWeight[700].value, - lineHeight: tokens.LineHeight['1_3'].value, + fontWeight: tokens.FontWeight[700].$value, + lineHeight: tokens.LineHeight[130].$value, }, ], 'dns-14B-120': [ - tokens.FontSize[14].value, + tokens.FontSize[14].$value, { - fontWeight: tokens.FontWeight[700].value, - lineHeight: tokens.LineHeight['1_2'].value, + fontWeight: tokens.FontWeight[700].$value, + lineHeight: tokens.LineHeight[120].$value, }, ], 'dns-17N-130': [ - tokens.FontSize[17].value, + tokens.FontSize[17].$value, { - fontWeight: tokens.FontWeight[400].value, - lineHeight: tokens.LineHeight['1_3'].value, + fontWeight: tokens.FontWeight[400].$value, + lineHeight: tokens.LineHeight[130].$value, }, ], 'dns-17N-120': [ - tokens.FontSize[17].value, + tokens.FontSize[17].$value, { - fontWeight: tokens.FontWeight[400].value, - lineHeight: tokens.LineHeight['1_2'].value, + fontWeight: tokens.FontWeight[400].$value, + lineHeight: tokens.LineHeight[120].$value, }, ], 'dns-16N-130': [ - tokens.FontSize[16].value, + tokens.FontSize[16].$value, { - fontWeight: tokens.FontWeight[400].value, - lineHeight: tokens.LineHeight['1_3'].value, + fontWeight: tokens.FontWeight[400].$value, + lineHeight: tokens.LineHeight[130].$value, }, ], 'dns-16N-120': [ - tokens.FontSize[16].value, + tokens.FontSize[16].$value, { - fontWeight: tokens.FontWeight[400].value, - lineHeight: tokens.LineHeight['1_2'].value, + fontWeight: tokens.FontWeight[400].$value, + lineHeight: tokens.LineHeight[120].$value, }, ], 'dns-14N-130': [ - tokens.FontSize[14].value, + tokens.FontSize[14].$value, { - fontWeight: tokens.FontWeight[400].value, - lineHeight: tokens.LineHeight['1_3'].value, + fontWeight: tokens.FontWeight[400].$value, + lineHeight: tokens.LineHeight[130].$value, }, ], 'dns-14N-120': [ - tokens.FontSize[14].value, + tokens.FontSize[14].$value, { - fontWeight: tokens.FontWeight[400].value, - lineHeight: tokens.LineHeight['1_2'].value, + fontWeight: tokens.FontWeight[400].$value, + lineHeight: tokens.LineHeight[120].$value, }, ], 'oln-17B-100': [ - tokens.FontSize[17].value, + tokens.FontSize[17].$value, { - fontWeight: tokens.FontWeight[700].value, - lineHeight: tokens.LineHeight['1_0'].value, + fontWeight: tokens.FontWeight[700].$value, + lineHeight: tokens.LineHeight[100].$value, letterSpacing: '0.02em', }, ], 'oln-16B-100': [ - tokens.FontSize[16].value, + tokens.FontSize[16].$value, { - fontWeight: tokens.FontWeight[700].value, - lineHeight: tokens.LineHeight['1_0'].value, + fontWeight: tokens.FontWeight[700].$value, + lineHeight: tokens.LineHeight[100].$value, letterSpacing: '0.02em', }, ], 'oln-14B-100': [ - tokens.FontSize[14].value, + tokens.FontSize[14].$value, { - fontWeight: tokens.FontWeight[700].value, - lineHeight: tokens.LineHeight['1_0'].value, + fontWeight: tokens.FontWeight[700].$value, + lineHeight: tokens.LineHeight[100].$value, letterSpacing: '0.02em', }, ], 'oln-17N-100': [ - tokens.FontSize[17].value, + tokens.FontSize[17].$value, { - fontWeight: tokens.FontWeight[400].value, - lineHeight: tokens.LineHeight['1_0'].value, + fontWeight: tokens.FontWeight[400].$value, + lineHeight: tokens.LineHeight[100].$value, letterSpacing: '0.02em', }, ], 'oln-16N-100': [ - tokens.FontSize[16].value, + tokens.FontSize[16].$value, { - fontWeight: tokens.FontWeight[400].value, - lineHeight: tokens.LineHeight['1_0'].value, + fontWeight: tokens.FontWeight[400].$value, + lineHeight: tokens.LineHeight[100].$value, letterSpacing: '0.02em', }, ], 'oln-14N-100': [ - tokens.FontSize[14].value, + tokens.FontSize[14].$value, { - fontWeight: tokens.FontWeight[400].value, - lineHeight: tokens.LineHeight['1_0'].value, + fontWeight: tokens.FontWeight[400].$value, + lineHeight: tokens.LineHeight[100].$value, letterSpacing: '0.02em', }, ], 'mono-17B-150': [ - tokens.FontSize[17].value, + tokens.FontSize[17].$value, { - fontWeight: tokens.FontWeight[700].value, - lineHeight: tokens.LineHeight['1_5'].value, + fontWeight: tokens.FontWeight[700].$value, + lineHeight: tokens.LineHeight[150].$value, }, ], 'mono-16B-150': [ - tokens.FontSize[16].value, + tokens.FontSize[16].$value, { - fontWeight: tokens.FontWeight[700].value, - lineHeight: tokens.LineHeight['1_5'].value, + fontWeight: tokens.FontWeight[700].$value, + lineHeight: tokens.LineHeight[150].$value, }, ], 'mono-14B-150': [ - tokens.FontSize[14].value, + tokens.FontSize[14].$value, { - fontWeight: tokens.FontWeight[700].value, - lineHeight: tokens.LineHeight['1_5'].value, + fontWeight: tokens.FontWeight[700].$value, + lineHeight: tokens.LineHeight[150].$value, }, ], 'mono-17N-150': [ - tokens.FontSize[17].value, + tokens.FontSize[17].$value, { - fontWeight: tokens.FontWeight[400].value, - lineHeight: tokens.LineHeight['1_5'].value, + fontWeight: tokens.FontWeight[400].$value, + lineHeight: tokens.LineHeight[150].$value, }, ], 'mono-16N-150': [ - tokens.FontSize[16].value, + tokens.FontSize[16].$value, { - fontWeight: tokens.FontWeight[400].value, - lineHeight: tokens.LineHeight['1_5'].value, + fontWeight: tokens.FontWeight[400].$value, + lineHeight: tokens.LineHeight[150].$value, }, ], 'mono-14N-150': [ - tokens.FontSize[14].value, + tokens.FontSize[14].$value, { - fontWeight: tokens.FontWeight[400].value, - lineHeight: tokens.LineHeight['1_5'].value, + fontWeight: tokens.FontWeight[400].$value, + lineHeight: tokens.LineHeight[150].$value, }, ], }, + fontFamily: { + sans: tokens.FontFamily.Sans.$value, + mono: tokens.FontFamily.Mono.$value, + }, fontWeight: { - '400': tokens.FontWeight[400].value, - '500': tokens.FontWeight[500].value, - '700': tokens.FontWeight[700].value, + '400': tokens.FontWeight[400].$value, + '700': tokens.FontWeight[700].$value, }, lineHeight: { - '1-0': tokens.LineHeight['1_0'].value, - '1-2': tokens.LineHeight['1_2'].value, - '1-3': tokens.LineHeight['1_3'].value, - '1-4': tokens.LineHeight['1_4'].value, - '1-5': tokens.LineHeight['1_5'].value, - '1-6': tokens.LineHeight['1_6'].value, - '1-7': tokens.LineHeight['1_7'].value, - '1-75': tokens.LineHeight['1_75'].value, + '100': tokens.LineHeight[100].$value, + '120': tokens.LineHeight[120].$value, + '130': tokens.LineHeight[130].$value, + '140': tokens.LineHeight[140].$value, + '150': tokens.LineHeight[150].$value, + '160': tokens.LineHeight[160].$value, + '170': tokens.LineHeight[170].$value, + '175': tokens.LineHeight[175].$value, + // NOTE: Remove the old keys later + '1-0': tokens.LineHeight[100].$value, + '1-2': tokens.LineHeight[120].$value, + '1-3': tokens.LineHeight[130].$value, + '1-4': tokens.LineHeight[140].$value, + '1-5': tokens.LineHeight[150].$value, + '1-6': tokens.LineHeight[160].$value, + '1-7': tokens.LineHeight[170].$value, + '1-75': tokens.LineHeight[175].$value, }, borderRadius: { - '8': tokens.BorderRadius[8].value, - '16': tokens.BorderRadius[16].value, - '32': tokens.BorderRadius[32].value, + '4': tokens.BorderRadius[4].$value, + '8': tokens.BorderRadius[8].$value, + '16': tokens.BorderRadius[16].$value, + '24': tokens.BorderRadius[24].$value, + '32': tokens.BorderRadius[32].$value, + full: tokens.BorderRadius.Full.$value, }, screens: { desktop: '48em', @@ -612,14 +641,14 @@ const daPlugin = plugin(() => {}, { '16/9': '16 / 9', }, boxShadow: { - '1': tokens.Shadow[1].value, - '2': tokens.Shadow[2].value, - '3': tokens.Shadow[3].value, - '4': tokens.Shadow[4].value, - '5': tokens.Shadow[5].value, - '6': tokens.Shadow[6].value, - '7': tokens.Shadow[7].value, - '8': tokens.Shadow[8].value, + '1': tokens.Elevation[1].$value, + '2': tokens.Elevation[2].$value, + '3': tokens.Elevation[3].$value, + '4': tokens.Elevation[4].$value, + '5': tokens.Elevation[5].$value, + '6': tokens.Elevation[6].$value, + '7': tokens.Elevation[7].$value, + '8': tokens.Elevation[8].$value, }, }, },