From a9f3063b508edb2ab65b3214e9759554171e7d00 Mon Sep 17 00:00:00 2001 From: taysea Date: Fri, 8 Nov 2024 14:05:07 -0800 Subject: [PATCH 01/53] Add changsets --- .changeset/README.md | 8 + .changeset/config.json | 11 ++ package.json | 1 + yarn.lock | 434 +++++++++++++++++++++++++++++++++++++++-- 4 files changed, 435 insertions(+), 19 deletions(-) create mode 100644 .changeset/README.md create mode 100644 .changeset/config.json diff --git a/.changeset/README.md b/.changeset/README.md new file mode 100644 index 000000000..e5b6d8d6a --- /dev/null +++ b/.changeset/README.md @@ -0,0 +1,8 @@ +# Changesets + +Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works +with multi-package repos, or single-package repos to help you version and publish your code. You can +find the full documentation for it [in our repository](https://github.com/changesets/changesets) + +We have a quick list of common questions to get you started engaging with this project in +[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md) diff --git a/.changeset/config.json b/.changeset/config.json new file mode 100644 index 000000000..f3ae9de34 --- /dev/null +++ b/.changeset/config.json @@ -0,0 +1,11 @@ +{ + "$schema": "https://unpkg.com/@changesets/config@3.0.3/schema.json", + "changelog": "@changesets/cli/changelog", + "commit": false, + "fixed": [], + "linked": [], + "access": "restricted", + "baseBranch": "master", + "updateInternalDependencies": "patch", + "ignore": [] +} diff --git a/package.json b/package.json index ee81cd5c7..6f64e7521 100644 --- a/package.json +++ b/package.json @@ -33,6 +33,7 @@ "design-tokens-manager" ], "dependencies": { + "@changesets/cli": "^2.27.9", "grommet": "https://github.com/grommet/grommet/tarball/stable", "grommet-icons": "https://github.com/grommet/grommet-icons/tarball/stable", "grommet-theme-hpe": "5.7.0", diff --git a/yarn.lock b/yarn.lock index 258f413f8..7358cb225 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1304,7 +1304,7 @@ pirates "^4.0.6" source-map-support "^0.5.16" -"@babel/runtime@^7.12.5", "@babel/runtime@^7.17.8", "@babel/runtime@^7.23.2", "@babel/runtime@^7.3.1", "@babel/runtime@^7.8.4": +"@babel/runtime@^7.12.5", "@babel/runtime@^7.17.8", "@babel/runtime@^7.23.2", "@babel/runtime@^7.3.1", "@babel/runtime@^7.5.5", "@babel/runtime@^7.8.4": version "7.26.0" resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.26.0.tgz#8600c2f595f277c60815256418b85356a65173c1" integrity sha512-FDSOghenHTiToteC/QRlv2q3DhPZ/oOXTBoirfWNx1Cx3TMVcGWQtMMmQcSvb/JjpNeGzx8Pq/b4fKEJuWm1sw== @@ -1346,6 +1346,202 @@ resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39" integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw== +"@changesets/apply-release-plan@^7.0.5": + version "7.0.5" + resolved "https://registry.yarnpkg.com/@changesets/apply-release-plan/-/apply-release-plan-7.0.5.tgz#3323c97afc08abc15e5136488f9c7cf1a864832e" + integrity sha512-1cWCk+ZshEkSVEZrm2fSj1Gz8sYvxgUL4Q78+1ZZqeqfuevPTPk033/yUZ3df8BKMohkqqHfzj0HOOrG0KtXTw== + dependencies: + "@changesets/config" "^3.0.3" + "@changesets/get-version-range-type" "^0.4.0" + "@changesets/git" "^3.0.1" + "@changesets/should-skip-package" "^0.1.1" + "@changesets/types" "^6.0.0" + "@manypkg/get-packages" "^1.1.3" + detect-indent "^6.0.0" + fs-extra "^7.0.1" + lodash.startcase "^4.4.0" + outdent "^0.5.0" + prettier "^2.7.1" + resolve-from "^5.0.0" + semver "^7.5.3" + +"@changesets/assemble-release-plan@^6.0.4": + version "6.0.4" + resolved "https://registry.yarnpkg.com/@changesets/assemble-release-plan/-/assemble-release-plan-6.0.4.tgz#153d5154bb9f4162215ca69ad1c6e0886f686ccb" + integrity sha512-nqICnvmrwWj4w2x0fOhVj2QEGdlUuwVAwESrUo5HLzWMI1rE5SWfsr9ln+rDqWB6RQ2ZyaMZHUcU7/IRaUJS+Q== + dependencies: + "@changesets/errors" "^0.2.0" + "@changesets/get-dependents-graph" "^2.1.2" + "@changesets/should-skip-package" "^0.1.1" + "@changesets/types" "^6.0.0" + "@manypkg/get-packages" "^1.1.3" + semver "^7.5.3" + +"@changesets/changelog-git@^0.2.0": + version "0.2.0" + resolved "https://registry.yarnpkg.com/@changesets/changelog-git/-/changelog-git-0.2.0.tgz#1f3de11becafff5a38ebe295038a602403c93a86" + integrity sha512-bHOx97iFI4OClIT35Lok3sJAwM31VbUM++gnMBV16fdbtBhgYu4dxsphBF/0AZZsyAHMrnM0yFcj5gZM1py6uQ== + dependencies: + "@changesets/types" "^6.0.0" + +"@changesets/cli@^2.27.9": + version "2.27.9" + resolved "https://registry.yarnpkg.com/@changesets/cli/-/cli-2.27.9.tgz#7b58a4c9eaf95d81fe0d1386705ecefe94a20062" + integrity sha512-q42a/ZbDnxPpCb5Wkm6tMVIxgeI9C/bexntzTeCFBrQEdpisQqk8kCHllYZMDjYtEc1ZzumbMJAG8H0Z4rdvjg== + dependencies: + "@changesets/apply-release-plan" "^7.0.5" + "@changesets/assemble-release-plan" "^6.0.4" + "@changesets/changelog-git" "^0.2.0" + "@changesets/config" "^3.0.3" + "@changesets/errors" "^0.2.0" + "@changesets/get-dependents-graph" "^2.1.2" + "@changesets/get-release-plan" "^4.0.4" + "@changesets/git" "^3.0.1" + "@changesets/logger" "^0.1.1" + "@changesets/pre" "^2.0.1" + "@changesets/read" "^0.6.1" + "@changesets/should-skip-package" "^0.1.1" + "@changesets/types" "^6.0.0" + "@changesets/write" "^0.3.2" + "@manypkg/get-packages" "^1.1.3" + ansi-colors "^4.1.3" + ci-info "^3.7.0" + enquirer "^2.3.0" + external-editor "^3.1.0" + fs-extra "^7.0.1" + mri "^1.2.0" + p-limit "^2.2.0" + package-manager-detector "^0.2.0" + picocolors "^1.1.0" + resolve-from "^5.0.0" + semver "^7.5.3" + spawndamnit "^2.0.0" + term-size "^2.1.0" + +"@changesets/config@^3.0.3": + version "3.0.3" + resolved "https://registry.yarnpkg.com/@changesets/config/-/config-3.0.3.tgz#19196558882b25c8aaf04941d4ac7e151f5a1b36" + integrity sha512-vqgQZMyIcuIpw9nqFIpTSNyc/wgm/Lu1zKN5vECy74u95Qx/Wa9g27HdgO4NkVAaq+BGA8wUc/qvbvVNs93n6A== + dependencies: + "@changesets/errors" "^0.2.0" + "@changesets/get-dependents-graph" "^2.1.2" + "@changesets/logger" "^0.1.1" + "@changesets/types" "^6.0.0" + "@manypkg/get-packages" "^1.1.3" + fs-extra "^7.0.1" + micromatch "^4.0.2" + +"@changesets/errors@^0.2.0": + version "0.2.0" + resolved "https://registry.yarnpkg.com/@changesets/errors/-/errors-0.2.0.tgz#3c545e802b0f053389cadcf0ed54e5636ff9026a" + integrity sha512-6BLOQUscTpZeGljvyQXlWOItQyU71kCdGz7Pi8H8zdw6BI0g3m43iL4xKUVPWtG+qrrL9DTjpdn8eYuCQSRpow== + dependencies: + extendable-error "^0.1.5" + +"@changesets/get-dependents-graph@^2.1.2": + version "2.1.2" + resolved "https://registry.yarnpkg.com/@changesets/get-dependents-graph/-/get-dependents-graph-2.1.2.tgz#108304652d4bf22c9fee9f1d31dcf9908c24ca51" + integrity sha512-sgcHRkiBY9i4zWYBwlVyAjEM9sAzs4wYVwJUdnbDLnVG3QwAaia1Mk5P8M7kraTOZN+vBET7n8KyB0YXCbFRLQ== + dependencies: + "@changesets/types" "^6.0.0" + "@manypkg/get-packages" "^1.1.3" + picocolors "^1.1.0" + semver "^7.5.3" + +"@changesets/get-release-plan@^4.0.4": + version "4.0.4" + resolved "https://registry.yarnpkg.com/@changesets/get-release-plan/-/get-release-plan-4.0.4.tgz#e7ef0d84d9079c69febb64f8018a18ac4b77ac90" + integrity sha512-SicG/S67JmPTrdcc9Vpu0wSQt7IiuN0dc8iR5VScnnTVPfIaLvKmEGRvIaF0kcn8u5ZqLbormZNTO77bCEvyWw== + dependencies: + "@changesets/assemble-release-plan" "^6.0.4" + "@changesets/config" "^3.0.3" + "@changesets/pre" "^2.0.1" + "@changesets/read" "^0.6.1" + "@changesets/types" "^6.0.0" + "@manypkg/get-packages" "^1.1.3" + +"@changesets/get-version-range-type@^0.4.0": + version "0.4.0" + resolved "https://registry.yarnpkg.com/@changesets/get-version-range-type/-/get-version-range-type-0.4.0.tgz#429a90410eefef4368502c41c63413e291740bf5" + integrity sha512-hwawtob9DryoGTpixy1D3ZXbGgJu1Rhr+ySH2PvTLHvkZuQ7sRT4oQwMh0hbqZH1weAooedEjRsbrWcGLCeyVQ== + +"@changesets/git@^3.0.1": + version "3.0.1" + resolved "https://registry.yarnpkg.com/@changesets/git/-/git-3.0.1.tgz#4499a07d35d8e783cd56f8295fb7d4d70282701b" + integrity sha512-pdgHcYBLCPcLd82aRcuO0kxCDbw/yISlOtkmwmE8Odo1L6hSiZrBOsRl84eYG7DRCab/iHnOkWqExqc4wxk2LQ== + dependencies: + "@changesets/errors" "^0.2.0" + "@manypkg/get-packages" "^1.1.3" + is-subdir "^1.1.1" + micromatch "^4.0.2" + spawndamnit "^2.0.0" + +"@changesets/logger@^0.1.1": + version "0.1.1" + resolved "https://registry.yarnpkg.com/@changesets/logger/-/logger-0.1.1.tgz#9926ac4dc8fb00472fe1711603b6b4755d64b435" + integrity sha512-OQtR36ZlnuTxKqoW4Sv6x5YIhOmClRd5pWsjZsddYxpWs517R0HkyiefQPIytCVh4ZcC5x9XaG8KTdd5iRQUfg== + dependencies: + picocolors "^1.1.0" + +"@changesets/parse@^0.4.0": + version "0.4.0" + resolved "https://registry.yarnpkg.com/@changesets/parse/-/parse-0.4.0.tgz#5cabbd9844b3b213cb83f5edb5768454c70dd2b4" + integrity sha512-TS/9KG2CdGXS27S+QxbZXgr8uPsP4yNJYb4BC2/NeFUj80Rni3TeD2qwWmabymxmrLo7JEsytXH1FbpKTbvivw== + dependencies: + "@changesets/types" "^6.0.0" + js-yaml "^3.13.1" + +"@changesets/pre@^2.0.1": + version "2.0.1" + resolved "https://registry.yarnpkg.com/@changesets/pre/-/pre-2.0.1.tgz#3ed60f9d218b3b81d3074d72139582da11a94d5f" + integrity sha512-vvBJ/If4jKM4tPz9JdY2kGOgWmCowUYOi5Ycv8dyLnEE8FgpYYUo1mgJZxcdtGGP3aG8rAQulGLyyXGSLkIMTQ== + dependencies: + "@changesets/errors" "^0.2.0" + "@changesets/types" "^6.0.0" + "@manypkg/get-packages" "^1.1.3" + fs-extra "^7.0.1" + +"@changesets/read@^0.6.1": + version "0.6.1" + resolved "https://registry.yarnpkg.com/@changesets/read/-/read-0.6.1.tgz#32c91d97e602861717696c49a09c23eb492810f6" + integrity sha512-jYMbyXQk3nwP25nRzQQGa1nKLY0KfoOV7VLgwucI0bUO8t8ZLCr6LZmgjXsiKuRDc+5A6doKPr9w2d+FEJ55zQ== + dependencies: + "@changesets/git" "^3.0.1" + "@changesets/logger" "^0.1.1" + "@changesets/parse" "^0.4.0" + "@changesets/types" "^6.0.0" + fs-extra "^7.0.1" + p-filter "^2.1.0" + picocolors "^1.1.0" + +"@changesets/should-skip-package@^0.1.1": + version "0.1.1" + resolved "https://registry.yarnpkg.com/@changesets/should-skip-package/-/should-skip-package-0.1.1.tgz#76218ef4ce7691351a6dffdb356e8893267b0b3a" + integrity sha512-H9LjLbF6mMHLtJIc/eHR9Na+MifJ3VxtgP/Y+XLn4BF7tDTEN1HNYtH6QMcjP1uxp9sjaFYmW8xqloaCi/ckTg== + dependencies: + "@changesets/types" "^6.0.0" + "@manypkg/get-packages" "^1.1.3" + +"@changesets/types@^4.0.1": + version "4.1.0" + resolved "https://registry.yarnpkg.com/@changesets/types/-/types-4.1.0.tgz#fb8f7ca2324fd54954824e864f9a61a82cb78fe0" + integrity sha512-LDQvVDv5Kb50ny2s25Fhm3d9QSZimsoUGBsUioj6MC3qbMUCuC8GPIvk/M6IvXx3lYhAs0lwWUQLb+VIEUCECw== + +"@changesets/types@^6.0.0": + version "6.0.0" + resolved "https://registry.yarnpkg.com/@changesets/types/-/types-6.0.0.tgz#e46abda9890610dd1fbe1617730173d2267544bd" + integrity sha512-b1UkfNulgKoWfqyHtzKS5fOZYSJO+77adgL7DLRDr+/7jhChN+QcHnbjiQVOz/U+Ts3PGNySq7diAItzDgugfQ== + +"@changesets/write@^0.3.2": + version "0.3.2" + resolved "https://registry.yarnpkg.com/@changesets/write/-/write-0.3.2.tgz#bee64e4ccdff480872df5d1e38f2b913cb940116" + integrity sha512-kDxDrPNpUgsjDbWBvUo27PzKX4gqeKOlhibaOXDJA6kuBisGqNHv/HwGJrAu8U/dSf8ZEFIeHIPtvSlZI1kULw== + dependencies: + "@changesets/types" "^6.0.0" + fs-extra "^7.0.1" + human-id "^1.0.2" + prettier "^2.7.1" + "@cspotcode/source-map-support@^0.8.0": version "0.8.1" resolved "https://registry.yarnpkg.com/@cspotcode/source-map-support/-/source-map-support-0.8.1.tgz#00629c35a688e05a88b1cda684fb9d5e73f000a1" @@ -2306,6 +2502,28 @@ resolved "https://registry.yarnpkg.com/@leichtgewicht/ip-codec/-/ip-codec-2.0.5.tgz#4fc56c15c580b9adb7dc3c333a134e540b44bfb1" integrity sha512-Vo+PSpZG2/fmgmiNzYK9qWRh8h/CHrwD0mo1h1DzL4yzHNSfWYujGTYsWGreD000gcgmZ7K4Ys6Tx9TxtsKdDw== +"@manypkg/find-root@^1.1.0": + version "1.1.0" + resolved "https://registry.yarnpkg.com/@manypkg/find-root/-/find-root-1.1.0.tgz#a62d8ed1cd7e7d4c11d9d52a8397460b5d4ad29f" + integrity sha512-mki5uBvhHzO8kYYix/WRy2WX8S3B5wdVSc9D6KcU5lQNglP2yt58/VfLuAK49glRXChosY8ap2oJ1qgma3GUVA== + dependencies: + "@babel/runtime" "^7.5.5" + "@types/node" "^12.7.1" + find-up "^4.1.0" + fs-extra "^8.1.0" + +"@manypkg/get-packages@^1.1.3": + version "1.1.3" + resolved "https://registry.yarnpkg.com/@manypkg/get-packages/-/get-packages-1.1.3.tgz#e184db9bba792fa4693de4658cfb1463ac2c9c47" + integrity sha512-fo+QhuU3qE/2TQMQmbVMqaQ6EWbMhi4ABWP+O4AM1NqPBuy0OrApV5LO6BrrgnhtAHS2NH6RrVk9OL181tTi8A== + dependencies: + "@babel/runtime" "^7.5.5" + "@changesets/types" "^4.0.1" + "@manypkg/find-root" "^1.1.0" + fs-extra "^8.1.0" + globby "^11.0.0" + read-yaml-file "^1.1.0" + "@mdx-js/loader@^3.0.1": version "3.1.0" resolved "https://registry.yarnpkg.com/@mdx-js/loader/-/loader-3.1.0.tgz#715fdab11d0c9567e45049c16a7d9c83cec88214" @@ -3605,6 +3823,11 @@ dependencies: undici-types "~5.26.4" +"@types/node@^12.7.1": + version "12.20.55" + resolved "https://registry.yarnpkg.com/@types/node/-/node-12.20.55.tgz#c329cbd434c42164f846b909bd6f85b5537f6240" + integrity sha512-J8xLz7q2OFulZ2cyGTLE1TbbZcjpno7FaN6zdJNrgAdrJ+DZzh/uFR6YrTb4C+nXakvud8Q4+rbhoIWlYQbUFQ== + "@types/node@^20.4.5": version "20.17.6" resolved "https://registry.yarnpkg.com/@types/node/-/node-20.17.6.tgz#6e4073230c180d3579e8c60141f99efdf5df0081" @@ -4165,6 +4388,11 @@ ajv@^8.0.0, ajv@^8.9.0: json-schema-traverse "^1.0.0" require-from-string "^2.0.2" +ansi-colors@^4.1.1, ansi-colors@^4.1.3: + version "4.1.3" + resolved "https://registry.yarnpkg.com/ansi-colors/-/ansi-colors-4.1.3.tgz#37611340eb2243e70cc604cad35d63270d48781b" + integrity sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw== + ansi-escapes@^4.2.1, ansi-escapes@^4.3.2: version "4.3.2" resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-4.3.2.tgz#6b2291d1db7d98b6521d5f1efa42d0f3a9feb65e" @@ -4700,6 +4928,13 @@ better-opn@^3.0.2: dependencies: open "^8.0.4" +better-path-resolve@1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/better-path-resolve/-/better-path-resolve-1.0.0.tgz#13a35a1104cdd48a7b74bf8758f96a1ee613f99d" + integrity sha512-pbnl5XzGBdrFU/wT4jqmJVPn2B6UHPBOhzMQkY/SPUPB6QtUXtmBHBIwCbXJol93mOpGMnQyP/+BB19q04xj7g== + dependencies: + is-windows "^1.0.0" + big.js@^5.2.2: version "5.2.2" resolved "https://registry.yarnpkg.com/big.js/-/big.js-5.2.2.tgz#65f0af382f578bcdc742bd9c281e9cb2d7768328" @@ -4887,9 +5122,9 @@ camelize@^1.0.0: integrity sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ== caniuse-lite@^1.0.30001579, caniuse-lite@^1.0.30001646, caniuse-lite@^1.0.30001669: - version "1.0.30001678" - resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001678.tgz#b930b04cd0b295136405634aa32ad540d7eeb71e" - integrity sha512-RR+4U/05gNtps58PEBDZcPWTgEO2MBeoPZ96aQcjmfkBWRIDfN451fW2qyDA9/+HohLLIL5GqiMwA+IB1pWarw== + version "1.0.30001679" + resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001679.tgz#18c573b72f72ba70822194f6c39e7888597f9e32" + integrity sha512-j2YqID/YwpLnKzCmBOS4tlZdWprXm3ZmQLBH9ZBXFOhoxLA46fwyBvx6toCBWBmnuwUY/qB3kEU6gFx8qgCroA== capital-case@^1.0.4: version "1.0.4" @@ -5040,6 +5275,11 @@ character-reference-invalid@^2.0.0: resolved "https://registry.yarnpkg.com/character-reference-invalid/-/character-reference-invalid-2.0.1.tgz#85c66b041e43b47210faf401278abf808ac45cb9" integrity sha512-iBZ4F4wRbyORVsu0jPV7gXkOsGYjGHPmAyv+HiHG8gi5PtC9KI2j1+v8/tlibRvjoWX027ypmG/n0HtO5t7unw== +chardet@^0.7.0: + version "0.7.0" + resolved "https://registry.yarnpkg.com/chardet/-/chardet-0.7.0.tgz#90094849f0937f2eedc2425d0d28a9e5f0cbad9e" + integrity sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA== + check-error@^1.0.2: version "1.0.3" resolved "https://registry.yarnpkg.com/check-error/-/check-error-1.0.3.tgz#a6502e4312a7ee969f646e83bb3ddd56281bd694" @@ -5090,7 +5330,7 @@ ci-info@^1.5.0: resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-1.6.0.tgz#2ca20dbb9ceb32d4524a683303313f0304b1e497" integrity sha512-vsGdkwSCDpWmP80ncATX7iea5DWQemg1UgCW5J8tqjU3lYw4FBYuj89J0CTVomA7BEfvSZd84GmHko+MxFQU2A== -ci-info@^3.2.0: +ci-info@^3.2.0, ci-info@^3.7.0: version "3.9.0" resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-3.9.0.tgz#4279a62028a7b1f262f3473fc9605f5e218c59b4" integrity sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ== @@ -5395,6 +5635,15 @@ create-require@^1.1.0: resolved "https://registry.yarnpkg.com/create-require/-/create-require-1.1.1.tgz#c1d7e8f1e5f6cfc9ff65f9cd352d37348756c333" integrity sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ== +cross-spawn@^5.1.0: + version "5.1.0" + resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-5.1.0.tgz#e8bd0efee58fcff6f8f94510a0a554bbfa235449" + integrity sha512-pTgQJ5KC0d2hcY8eyL1IzlBPYjTkyH72XRZPnLyKus2mBfNjQs3klqbJU2VILqZryAZUt9JOb3h/mWMy23/f5A== + dependencies: + lru-cache "^4.0.1" + shebang-command "^1.2.0" + which "^1.2.9" + cross-spawn@^7.0.0, cross-spawn@^7.0.2, cross-spawn@^7.0.3: version "7.0.5" resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.5.tgz#910aac880ff5243da96b728bc6521a5f6c2f2f82" @@ -5781,6 +6030,11 @@ destroy@1.2.0: resolved "https://registry.yarnpkg.com/destroy/-/destroy-1.2.0.tgz#4803735509ad8be552934c67df614f94e66fa015" integrity sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg== +detect-indent@^6.0.0: + version "6.1.0" + resolved "https://registry.yarnpkg.com/detect-indent/-/detect-indent-6.1.0.tgz#592485ebbbf6b3b1ab2be175c8393d04ca0d57e6" + integrity sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA== + detect-newline@^3.0.0: version "3.1.0" resolved "https://registry.yarnpkg.com/detect-newline/-/detect-newline-3.1.0.tgz#576f5dfc63ae1a192ff192d8ad3af6308991b651" @@ -5975,9 +6229,9 @@ ejs@^3.1.10: jake "^10.8.5" electron-to-chromium@^1.5.41: - version "1.5.52" - resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.52.tgz#2bed832c95a56a195504f918150e548474687da8" - integrity sha512-xtoijJTZ+qeucLBDNztDOuQBE1ksqjvNjvqFoST3nGC7fSpqJ+X6BdTBaY5BHG+IhWWmpc6b/KfpeuEDupEPOQ== + version "1.5.55" + resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.55.tgz#73684752aa2e1aa49cafb355a41386c6637e76a9" + integrity sha512-6maZ2ASDOTBtjt9FhqYPRnbvKU5tjG0IN9SztUOWYw2AzNDNpKJYLJmlK0/En4Hs/aiWnB+JZ+gW19PIGszgKg== elegant-spinner@^1.0.1: version "1.0.1" @@ -6053,6 +6307,14 @@ enhanced-resolve@^5.10.0, enhanced-resolve@^5.17.1: graceful-fs "^4.2.4" tapable "^2.2.0" +enquirer@^2.3.0: + version "2.4.1" + resolved "https://registry.yarnpkg.com/enquirer/-/enquirer-2.4.1.tgz#93334b3fbd74fc7097b224ab4a8fb7e40bf4ae56" + integrity sha512-rRqJg/6gd538VHvR3PSrdRBb/1Vy2YfzHqzvbhGIQpDRKIa4FgV/54b5Q1xYSxOOwKvjXweS26E0Q+nAMwp2pQ== + dependencies: + ansi-colors "^4.1.1" + strip-ansi "^6.0.1" + entities@^2.0.0: version "2.2.0" resolved "https://registry.yarnpkg.com/entities/-/entities-2.2.0.tgz#098dc90ebb83d8dffa089d55256b351d34c4da55" @@ -6861,6 +7123,20 @@ extend@^3.0.0: resolved "https://registry.yarnpkg.com/extend/-/extend-3.0.2.tgz#f8b1136b4071fbd8eb140aff858b1019ec2915fa" integrity sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g== +extendable-error@^0.1.5: + version "0.1.7" + resolved "https://registry.yarnpkg.com/extendable-error/-/extendable-error-0.1.7.tgz#60b9adf206264ac920058a7395685ae4670c2b96" + integrity sha512-UOiS2in6/Q0FK0R0q6UY9vYpQ21mr/Qn1KOnte7vsACuNJf514WvCCUHSRCPcgjPT2bAhNIJdlE6bVap1GKmeg== + +external-editor@^3.1.0: + version "3.1.0" + resolved "https://registry.yarnpkg.com/external-editor/-/external-editor-3.1.0.tgz#cb03f740befae03ea4d283caed2741a83f335495" + integrity sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew== + dependencies: + chardet "^0.7.0" + iconv-lite "^0.4.24" + tmp "^0.0.33" + fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3: version "3.1.3" resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525" @@ -7140,6 +7416,15 @@ fs-extra@^11.1.0, fs-extra@^11.2.0: jsonfile "^6.0.1" universalify "^2.0.0" +fs-extra@^7.0.1: + version "7.0.1" + resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-7.0.1.tgz#4f189c44aa123b895f722804f55ea23eadc348e9" + integrity sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw== + dependencies: + graceful-fs "^4.1.2" + jsonfile "^4.0.0" + universalify "^0.1.0" + fs-extra@^8.1.0: version "8.1.0" resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-8.1.0.tgz#49d43c45a88cd9677668cb7be1b46efdb8d2e1c0" @@ -7383,7 +7668,7 @@ globby@^10.0.1: merge2 "^1.2.3" slash "^3.0.0" -globby@^11.0.1, globby@^11.0.4, globby@^11.1.0: +globby@^11.0.0, globby@^11.0.1, globby@^11.0.4, globby@^11.1.0: version "11.1.0" resolved "https://registry.yarnpkg.com/globby/-/globby-11.1.0.tgz#bd4be98bb042f83d796f7e3811991fbe82a0d34b" integrity sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g== @@ -7413,7 +7698,7 @@ gopd@^1.0.1: dependencies: get-intrinsic "^1.1.3" -graceful-fs@^4.1.11, graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.11, graceful-fs@^4.2.2, graceful-fs@^4.2.4, graceful-fs@^4.2.6, graceful-fs@^4.2.9: +graceful-fs@^4.1.11, graceful-fs@^4.1.2, graceful-fs@^4.1.5, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.11, graceful-fs@^4.2.2, graceful-fs@^4.2.4, graceful-fs@^4.2.6, graceful-fs@^4.2.9: version "4.2.11" resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.11.tgz#4183e4e8bf08bb6e05bbb2f7d2e0c8f712ca40e3" integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ== @@ -7446,7 +7731,7 @@ grommet-theme-hpe@5.7.0: "grommet@https://github.com/grommet/grommet/tarball/stable": version "2.41.0" - resolved "https://github.com/grommet/grommet/tarball/stable#58095fa01c6a61d5a4c739ee475507239c577f0f" + resolved "https://github.com/grommet/grommet/tarball/stable#9e980854e5312dfe67ffb285b40fc4bfc784f309" dependencies: "@emotion/is-prop-valid" "^1.3.1" grommet-icons "^4.12.1" @@ -7825,6 +8110,11 @@ https-proxy-agent@5, https-proxy-agent@^5.0.0: agent-base "6" debug "4" +human-id@^1.0.2: + version "1.0.2" + resolved "https://registry.yarnpkg.com/human-id/-/human-id-1.0.2.tgz#e654d4b2b0d8b07e45da9f6020d8af17ec0a5df3" + integrity sha512-UNopramDEhHJD+VR+ehk8rOslwSfByxPIZyJRfV739NDhN5LF1fa1MqnzKm2lGTQRjNrjK19Q5fhkgIfjlVUKw== + human-signals@^1.1.1: version "1.1.1" resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-1.1.1.tgz#c5b1cd14f50aeae09ab6c59fe63ba3395fe4dfa3" @@ -7852,7 +8142,7 @@ husky@^8.0.0: resolved "https://registry.yarnpkg.com/husky/-/husky-8.0.3.tgz#4936d7212e46d1dea28fef29bb3a108872cd9184" integrity sha512-+dQSyqPh4x1hlO1swXBiNb2HzTDN1I2IGLQx1GrBuiqFJfoMrnZWwVmatvSiO+Iz8fBUnf+lekwNo4c2LlXItg== -iconv-lite@0.4.24: +iconv-lite@0.4.24, iconv-lite@^0.4.24: version "0.4.24" resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.24.tgz#2022b4b25fbddc21d2f524974a474aafe733908b" integrity sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA== @@ -8304,6 +8594,13 @@ is-string@^1.0.5, is-string@^1.0.7: dependencies: has-tostringtag "^1.0.0" +is-subdir@^1.1.1: + version "1.2.0" + resolved "https://registry.yarnpkg.com/is-subdir/-/is-subdir-1.2.0.tgz#b791cd28fab5202e91a08280d51d9d7254fd20d4" + integrity sha512-2AT6j+gXe/1ueqbW6fLZJiIw3F8iXGJtt0yDrZaBhAZEG1raiTxKWU+IPqMCzQAXOUCKdA4UDMgacKH25XG2Cw== + dependencies: + better-path-resolve "1.0.0" + is-symbol@^1.0.2, is-symbol@^1.0.3: version "1.0.4" resolved "https://registry.yarnpkg.com/is-symbol/-/is-symbol-1.0.4.tgz#a6dac93b635b063ca6872236de88910a57af139c" @@ -8355,6 +8652,11 @@ is-weakset@^2.0.3: call-bind "^1.0.7" get-intrinsic "^1.2.4" +is-windows@^1.0.0: + version "1.0.2" + resolved "https://registry.yarnpkg.com/is-windows/-/is-windows-1.0.2.tgz#d1850eb9791ecd18e6182ce12a30f396634bb19d" + integrity sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA== + is-wsl@^2.2.0: version "2.2.0" resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-2.2.0.tgz#74a4c76e77ca9fd3f932f290c17ea326cd157271" @@ -9264,7 +9566,7 @@ js-tokens@^3.0.0: resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499" integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ== -js-yaml@^3.13.1: +js-yaml@^3.13.1, js-yaml@^3.6.1: version "3.14.1" resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.14.1.tgz#dae812fdb3825fa306609a8717383c50c36a0537" integrity sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g== @@ -9531,6 +9833,11 @@ lodash.merge@^4.6.2: resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a" integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ== +lodash.startcase@^4.4.0: + version "4.4.0" + resolved "https://registry.yarnpkg.com/lodash.startcase/-/lodash.startcase-4.4.0.tgz#9436e34ed26093ed7ffae1936144350915d9add8" + integrity sha512-+WKqsK294HMSc2jEbNgpHpd0JfIBhp7rEV4aqXWqFr6AlXov+SlcgB1Fv01y2kGe3Gc8nMW7VA0SrGuSkRfIEg== + "lodash@4.6.1 || ^4.16.1", lodash@^4.14.0, lodash@^4.17.15, lodash@^4.17.20, lodash@^4.17.21, lodash@^4.7.0: version "4.17.21" resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c" @@ -9600,6 +9907,14 @@ lru-cache@^10.2.0: resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-10.4.3.tgz#410fc8a17b70e598013df257c2446b7f3383f119" integrity sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ== +lru-cache@^4.0.1: + version "4.1.5" + resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-4.1.5.tgz#8bbe50ea85bed59bc9e33dcab8235ee9bcf443cd" + integrity sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g== + dependencies: + pseudomap "^1.0.2" + yallist "^2.1.2" + lru-cache@^5.1.1: version "5.1.1" resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-5.1.1.tgz#1da27e6710271947695daf6848e847f01d84b920" @@ -10411,6 +10726,11 @@ moment@^2.14.1, moment@^2.29.4: resolved "https://registry.yarnpkg.com/moment/-/moment-2.30.1.tgz#f8c91c07b7a786e30c59926df530b4eac96974ae" integrity sha512-uEmtNhbDOrWPFS+hdjFCBfy9f2YoyzRpwcl+DqpC6taX21FzsTLQVbMV/W7PzNSX6x/bhC1zA3c2UQ5NzH6how== +mri@^1.2.0: + version "1.2.0" + resolved "https://registry.yarnpkg.com/mri/-/mri-1.2.0.tgz#6721480fec2a11a4889861115a48b6cbe7cc8f0b" + integrity sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA== + ms@2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8" @@ -10763,11 +11083,23 @@ os-family@^1.0.0, os-family@^1.1.0: resolved "https://registry.yarnpkg.com/os-family/-/os-family-1.1.0.tgz#8a89cb617dd1631b8ef9506be830144f626c214e" integrity sha512-E3Orl5pvDJXnVmpaAA2TeNNpNhTMl4o5HghuWhOivBjEiTnJSrMYSa5uZMek1lBEvu8kKEsa2YgVcGFVDqX/9w== -os-tmpdir@~1.0.1: +os-tmpdir@~1.0.1, os-tmpdir@~1.0.2: version "1.0.2" resolved "https://registry.yarnpkg.com/os-tmpdir/-/os-tmpdir-1.0.2.tgz#bbe67406c79aa85c5cfec766fe5734555dfa1274" integrity sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g== +outdent@^0.5.0: + version "0.5.0" + resolved "https://registry.yarnpkg.com/outdent/-/outdent-0.5.0.tgz#9e10982fdc41492bb473ad13840d22f9655be2ff" + integrity sha512-/jHxFIzoMXdqPzTaCpFzAAWhpkSjZPF4Vsn6jAfNpmbH/ymsmd7Qc6VE9BGn0L6YMj6uwpQLxCECpus4ukKS9Q== + +p-filter@^2.1.0: + version "2.1.0" + resolved "https://registry.yarnpkg.com/p-filter/-/p-filter-2.1.0.tgz#1b1472562ae7a0f742f0f3d3d3718ea66ff9c09c" + integrity sha512-ZBxxZ5sL2HghephhpGAQdoskxplTwr7ICaehZwLIlfL6acuVgZPm8yBNuRAFBGEqtD/hmUeq9eqLg2ys9Xr/yw== + dependencies: + p-map "^2.0.0" + p-finally@^2.0.0: version "2.0.1" resolved "https://registry.yarnpkg.com/p-finally/-/p-finally-2.0.1.tgz#bd6fcaa9c559a096b680806f4d657b3f0f240561" @@ -10813,6 +11145,11 @@ p-map@^1.1.1: resolved "https://registry.yarnpkg.com/p-map/-/p-map-1.2.0.tgz#e4e94f311eabbc8633a1e79908165fca26241b6b" integrity sha512-r6zKACMNhjPJMTl8KcFH4li//gkrXWfbD6feV8l6doRHlzljFWGJ2AP6iKaCJXyZmAUMOPtvbW7EXkbWO/pLEA== +p-map@^2.0.0: + version "2.1.0" + resolved "https://registry.yarnpkg.com/p-map/-/p-map-2.1.0.tgz#310928feef9c9ecc65b68b17693018a665cea175" + integrity sha512-y3b8Kpd8OAN444hxfBbFfj1FY/RjtTd8tzYwhUqNYXx0fXx2iX4maP4Qr6qhIKbQXI02wTLAda4fYUbDagTUFw== + p-map@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/p-map/-/p-map-3.0.0.tgz#d704d9af8a2ba684e2600d9a215983d4141a979d" @@ -10869,6 +11206,11 @@ package-json-from-dist@^1.0.0: resolved "https://registry.yarnpkg.com/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz#4f1471a010827a86f94cfd9b0727e36d267de505" integrity sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw== +package-manager-detector@^0.2.0: + version "0.2.2" + resolved "https://registry.yarnpkg.com/package-manager-detector/-/package-manager-detector-0.2.2.tgz#fbbc8afe87cdaee471ca9b89c3700236c6d2d9e5" + integrity sha512-VgXbyrSNsml4eHWIvxxG/nTL4wgybMTXCV2Un/+yEc3aDKKU6nQBZjbeP3Pl3qm9Qg92X/1ng4ffvCeD/zwHgg== + pako@1.0.11: version "1.0.11" resolved "https://registry.yarnpkg.com/pako/-/pako-1.0.11.tgz#6c9599d340d54dfd3946380252a35705a6b992bf" @@ -11405,10 +11747,17 @@ ps-tree@1.2.0: dependencies: event-stream "=3.3.4" +pseudomap@^1.0.2: + version "1.0.2" + resolved "https://registry.yarnpkg.com/pseudomap/-/pseudomap-1.0.2.tgz#f052a28da70e618917ef0a8ac34c1ae5a68286b3" + integrity sha512-b/YwNhb8lk1Zz2+bXXpS/LK9OisiZZ1SNsSLxN1x2OXVEhW2Ckr/7mWE5vrC1ZTiJlD9g19jWszTmJsB+oEpFQ== + psl@^1.1.33: - version "1.9.0" - resolved "https://registry.yarnpkg.com/psl/-/psl-1.9.0.tgz#d0df2a137f00794565fcaf3b2c00cd09f8d5a5a7" - integrity sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag== + version "1.10.0" + resolved "https://registry.yarnpkg.com/psl/-/psl-1.10.0.tgz#1450f7e16f922c3beeb7bd9db3f312635018fa15" + integrity sha512-KSKHEbjAnpUuAUserOq0FxGXCUrzC3WniuSJhvdbs102rL55266ZcHBqLWOsG30spQMlPdpy7icATiAQehg/iA== + dependencies: + punycode "^2.3.1" pump@^3.0.0: version "3.0.2" @@ -11423,7 +11772,7 @@ punycode@^1.4.1: resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.4.1.tgz#c0d5a63b2718800ad8e1eb0fa5269c84dd41845e" integrity sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ== -punycode@^2.1.0, punycode@^2.1.1: +punycode@^2.1.0, punycode@^2.1.1, punycode@^2.3.1: version "2.3.1" resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.1.tgz#027422e2faec0b25e1549c3e1bd8309b9133b6e5" integrity sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg== @@ -11631,6 +11980,16 @@ read-file-relative@^1.2.0: dependencies: callsite "^1.0.0" +read-yaml-file@^1.1.0: + version "1.1.0" + resolved "https://registry.yarnpkg.com/read-yaml-file/-/read-yaml-file-1.1.0.tgz#9362bbcbdc77007cc8ea4519fe1c0b821a7ce0d8" + integrity sha512-VIMnQi/Z4HT2Fxuwg5KrY174U1VdUIASQVWXXyqtNRtxSr9IYkn1rsI6Tb6HsrHCmB7gVpNwX6JxPTHcH6IoTA== + dependencies: + graceful-fs "^4.1.5" + js-yaml "^3.6.1" + pify "^4.0.1" + strip-bom "^3.0.0" + readable-stream@1.1.x: version "1.1.14" resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-1.1.14.tgz#7cf4c54ef648e3813084c636dd2079e166c081d9" @@ -12298,6 +12657,13 @@ shallowequal@^1.1.0: resolved "https://registry.yarnpkg.com/shallowequal/-/shallowequal-1.1.0.tgz#188d521de95b9087404fd4dcb68b13df0ae4e7f8" integrity sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ== +shebang-command@^1.2.0: + version "1.2.0" + resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-1.2.0.tgz#44aac65b695b03398968c39f363fee5deafdf1ea" + integrity sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg== + dependencies: + shebang-regex "^1.0.0" + shebang-command@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea" @@ -12305,6 +12671,11 @@ shebang-command@^2.0.0: dependencies: shebang-regex "^3.0.0" +shebang-regex@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-1.0.0.tgz#da42f49740c0b42db2ca9728571cb190c98efea3" + integrity sha512-wpoSFAxys6b2a2wHZ1XpDSgD7N9iVjg29Ph9uV/uaP9Ex/KXlkTZTeddxDPSYQpgvzKLGJke2UU0AzoGCjNIvQ== + shebang-regex@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172" @@ -12446,6 +12817,14 @@ space-separated-tokens@^2.0.0: resolved "https://registry.yarnpkg.com/space-separated-tokens/-/space-separated-tokens-2.0.2.tgz#1ecd9d2350a3844572c3f4a312bceb018348859f" integrity sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q== +spawndamnit@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/spawndamnit/-/spawndamnit-2.0.0.tgz#9f762ac5c3476abb994b42ad592b5ad22bb4b0ad" + integrity sha512-j4JKEcncSjFlqIwU5L/rp2N5SIPsdxaRsIv678+TZxZ0SRDJTm8JrxJMjE/XuiEZNEir3S8l0Fa3Ke339WI4qA== + dependencies: + cross-spawn "^5.1.0" + signal-exit "^3.0.2" + spdy-transport@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/spdy-transport/-/spdy-transport-3.0.0.tgz#00d4863a6400ad75df93361a1608605e5dcdcf31" @@ -12906,6 +13285,11 @@ tapable@^2.0.0, tapable@^2.1.1, tapable@^2.2.0, tapable@^2.2.1: resolved "https://registry.yarnpkg.com/tapable/-/tapable-2.2.1.tgz#1967a73ef4060a82f12ab96af86d52fdb76eeca0" integrity sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ== +term-size@^2.1.0: + version "2.2.1" + resolved "https://registry.yarnpkg.com/term-size/-/term-size-2.2.1.tgz#2a6a54840432c2fb6320fea0f415531e90189f54" + integrity sha512-wK0Ri4fOGjv/XPy8SBHZChl8CM7uMc5VML7SqiQ0zG7+J5Vr+RMQDoHa2CNT6KHUnTGIXH34UDMkPzAUyapBZg== + terminal-link@^2.0.0: version "2.1.1" resolved "https://registry.yarnpkg.com/terminal-link/-/terminal-link-2.1.1.tgz#14a64a27ab3c0df933ea546fba55f2d078edc994" @@ -13265,6 +13649,13 @@ tmp@0.0.28: dependencies: os-tmpdir "~1.0.1" +tmp@^0.0.33: + version "0.0.33" + resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.0.33.tgz#6d34335889768d21b2bcda0aa277ced3b1bfadf9" + integrity sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw== + dependencies: + os-tmpdir "~1.0.2" + tmpl@1.0.5: version "1.0.5" resolved "https://registry.yarnpkg.com/tmpl/-/tmpl-1.0.5.tgz#8683e0b902bb9c20c4f726e3c0b69f36518c07cc" @@ -14221,7 +14612,7 @@ which-typed-array@^1.1.13, which-typed-array@^1.1.14, which-typed-array@^1.1.15, gopd "^1.0.1" has-tostringtag "^1.0.2" -which@^1.1.2: +which@^1.1.2, which@^1.2.9: version "1.3.1" resolved "https://registry.yarnpkg.com/which/-/which-1.3.1.tgz#a45043d54f5805316da8d62f9f50918d3da70b0a" integrity sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ== @@ -14342,6 +14733,11 @@ y18n@^5.0.5: resolved "https://registry.yarnpkg.com/y18n/-/y18n-5.0.8.tgz#7f4934d0f7ca8c56f95314939ddcd2dd91ce1d55" integrity sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA== +yallist@^2.1.2: + version "2.1.2" + resolved "https://registry.yarnpkg.com/yallist/-/yallist-2.1.2.tgz#1c11f9218f076089a47dd512f93c6699a6a81d52" + integrity sha512-ncTzHV7NvsQZkYe1DW7cbDLm0YpzHmZF5r/iyP3ZnQtMiJ+pjzisCiMNI+Sj+xQF5pXhSHxSB3uDbsBTzY/c2A== + yallist@^3.0.2: version "3.1.1" resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.1.1.tgz#dbb7daf9bfd8bac9ab45ebf602b8cbad0d5d08fd" From 015bcbd82e4130ace91f75102bcb436561d73905 Mon Sep 17 00:00:00 2001 From: Jessica Filben <54560994+jcfilben@users.noreply.github.com> Date: Fri, 15 Nov 2024 15:04:27 -0700 Subject: [PATCH 02/53] Add aria-label to list example --- aries-site/src/examples/templates/list-views/ListOrderExample.js | 1 + 1 file changed, 1 insertion(+) diff --git a/aries-site/src/examples/templates/list-views/ListOrderExample.js b/aries-site/src/examples/templates/list-views/ListOrderExample.js index c2a22f88b..13942ab12 100644 --- a/aries-site/src/examples/templates/list-views/ListOrderExample.js +++ b/aries-site/src/examples/templates/list-views/ListOrderExample.js @@ -36,6 +36,7 @@ export const ListOrderExample = () => { onClick={() => setAllowReorder(!allowReorder)} /> Date: Fri, 15 Nov 2024 15:16:42 -0700 Subject: [PATCH 03/53] Fix remaining lists stories accessibility violations --- .../list-views/ListIconIdentifierExample.js | 1 + .../list-views/ListImageIdentifierExample.js | 1 + .../templates/list-views/ListScreenExample.js | 15 +- yarn.lock | 272 ++++++++---------- 4 files changed, 137 insertions(+), 152 deletions(-) diff --git a/aries-site/src/examples/templates/list-views/ListIconIdentifierExample.js b/aries-site/src/examples/templates/list-views/ListIconIdentifierExample.js index 76f95f1f3..a2bbb662d 100644 --- a/aries-site/src/examples/templates/list-views/ListIconIdentifierExample.js +++ b/aries-site/src/examples/templates/list-views/ListIconIdentifierExample.js @@ -40,6 +40,7 @@ const data = [ export const ListIconIdentifierExample = () => ( {item.option}} diff --git a/aries-site/src/examples/templates/list-views/ListImageIdentifierExample.js b/aries-site/src/examples/templates/list-views/ListImageIdentifierExample.js index f9f0d9133..4452743b3 100644 --- a/aries-site/src/examples/templates/list-views/ListImageIdentifierExample.js +++ b/aries-site/src/examples/templates/list-views/ListImageIdentifierExample.js @@ -48,6 +48,7 @@ const data = [ export const ListImageIdentifierExample = () => ( { diff --git a/aries-site/src/examples/templates/list-views/ListScreenExample.js b/aries-site/src/examples/templates/list-views/ListScreenExample.js index 5ab2e446c..b9c2d0e56 100644 --- a/aries-site/src/examples/templates/list-views/ListScreenExample.js +++ b/aries-site/src/examples/templates/list-views/ListScreenExample.js @@ -5,6 +5,7 @@ import { Button, List, Header, + Main, Menu, PageHeader, ResponsiveContext, @@ -170,12 +171,14 @@ const ScreenContainer = ({ mobile, ...rest }) => { export const ListScreenExample = ({ ...rest }) => ( - } - pad={{ vertical: 'medium' }} - /> - +
+ } + pad={{ vertical: 'medium' }} + /> + +
); diff --git a/yarn.lock b/yarn.lock index 0119c14ae..a3917dd11 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2668,95 +2668,95 @@ resolved "https://registry.yarnpkg.com/@remix-run/router/-/router-1.21.0.tgz#c65ae4262bdcfe415dbd4f64ec87676e4a56e2b5" integrity sha512-xfSkCAchbdG5PnbrKqFWwia4Bi61nH+wm8wLEqfHDyp7Y3dZzgqS2itV8i4gAq9pC2HsTpwyBC6Ds8VHZ96JlA== -"@rollup/rollup-android-arm-eabi@4.26.0": - version "4.26.0" - resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.26.0.tgz#f221c519a6efb5d3652bff32351522e0fb98e392" - integrity sha512-gJNwtPDGEaOEgejbaseY6xMFu+CPltsc8/T+diUTTbOQLqD+bnrJq9ulH6WD69TqwqWmrfRAtUv30cCFZlbGTQ== - -"@rollup/rollup-android-arm64@4.26.0": - version "4.26.0" - resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.26.0.tgz#196a2379d81011422fe1128e512a8811605ede16" - integrity sha512-YJa5Gy8mEZgz5JquFruhJODMq3lTHWLm1fOy+HIANquLzfIOzE9RA5ie3JjCdVb9r46qfAQY/l947V0zfGJ0OQ== - -"@rollup/rollup-darwin-arm64@4.26.0": - version "4.26.0" - resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.26.0.tgz#0c83e5f25adae7f0543ac29a0ebd485a0e7cd3e4" - integrity sha512-ErTASs8YKbqTBoPLp/kA1B1Um5YSom8QAc4rKhg7b9tyyVqDBlQxy7Bf2wW7yIlPGPg2UODDQcbkTlruPzDosw== - -"@rollup/rollup-darwin-x64@4.26.0": - version "4.26.0" - resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.26.0.tgz#8131b174ca8cec04e2041e42eb8382afe31095c8" - integrity sha512-wbgkYDHcdWW+NqP2mnf2NOuEbOLzDblalrOWcPyY6+BRbVhliavon15UploG7PpBRQ2bZJnbmh8o3yLoBvDIHA== - -"@rollup/rollup-freebsd-arm64@4.26.0": - version "4.26.0" - resolved "https://registry.yarnpkg.com/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.26.0.tgz#550a0ebf5bea6ceee79dc2f75a0bcef7d660de2c" - integrity sha512-Y9vpjfp9CDkAG4q/uwuhZk96LP11fBz/bYdyg9oaHYhtGZp7NrbkQrj/66DYMMP2Yo/QPAsVHkV891KyO52fhg== - -"@rollup/rollup-freebsd-x64@4.26.0": - version "4.26.0" - resolved "https://registry.yarnpkg.com/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.26.0.tgz#51ca2e6d9ce72e63d5201607651732e5300a6f81" - integrity sha512-A/jvfCZ55EYPsqeaAt/yDAG4q5tt1ZboWMHEvKAH9Zl92DWvMIbnZe/f/eOXze65aJaaKbL+YeM0Hz4kLQvdwg== - -"@rollup/rollup-linux-arm-gnueabihf@4.26.0": - version "4.26.0" - resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.26.0.tgz#ae71d6aa81e702c4efb72c1a67a6a4e790267a1b" - integrity sha512-paHF1bMXKDuizaMODm2bBTjRiHxESWiIyIdMugKeLnjuS1TCS54MF5+Y5Dx8Ui/1RBPVRE09i5OUlaLnv8OGnA== - -"@rollup/rollup-linux-arm-musleabihf@4.26.0": - version "4.26.0" - resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.26.0.tgz#6aa7baa5c39c095fa5f9804e283e126697e0342a" - integrity sha512-cwxiHZU1GAs+TMxvgPfUDtVZjdBdTsQwVnNlzRXC5QzIJ6nhfB4I1ahKoe9yPmoaA/Vhf7m9dB1chGPpDRdGXg== - -"@rollup/rollup-linux-arm64-gnu@4.26.0": - version "4.26.0" - resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.26.0.tgz#2b06e147ca68c7729ca38e5c7a514d1b00f4d151" - integrity sha512-4daeEUQutGRCW/9zEo8JtdAgtJ1q2g5oHaoQaZbMSKaIWKDQwQ3Yx0/3jJNmpzrsScIPtx/V+1AfibLisb3AMQ== - -"@rollup/rollup-linux-arm64-musl@4.26.0": - version "4.26.0" - resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.26.0.tgz#70f8cacb255800e4cad41bdbe447432354288909" - integrity sha512-eGkX7zzkNxvvS05ROzJ/cO/AKqNvR/7t1jA3VZDi2vRniLKwAWxUr85fH3NsvtxU5vnUUKFHKh8flIBdlo2b3Q== - -"@rollup/rollup-linux-powerpc64le-gnu@4.26.0": - version "4.26.0" - resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.26.0.tgz#21aed3ef42518b7fe33f4037a14b0939a071cf75" - integrity sha512-Odp/lgHbW/mAqw/pU21goo5ruWsytP7/HCC/liOt0zcGG0llYWKrd10k9Fj0pdj3prQ63N5yQLCLiE7HTX+MYw== - -"@rollup/rollup-linux-riscv64-gnu@4.26.0": - version "4.26.0" - resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.26.0.tgz#fe27eb8cbd3a6e0706459781c2463b624f785696" - integrity sha512-MBR2ZhCTzUgVD0OJdTzNeF4+zsVogIR1U/FsyuFerwcqjZGvg2nYe24SAHp8O5sN8ZkRVbHwlYeHqcSQ8tcYew== - -"@rollup/rollup-linux-s390x-gnu@4.26.0": - version "4.26.0" - resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.26.0.tgz#80289a528dd333b0e277efd93bfa8e2cdd27e5eb" - integrity sha512-YYcg8MkbN17fMbRMZuxwmxWqsmQufh3ZJFxFGoHjrE7bv0X+T6l3glcdzd7IKLiwhT+PZOJCblpnNlz1/C3kGQ== - -"@rollup/rollup-linux-x64-gnu@4.26.0": - version "4.26.0" - resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.26.0.tgz#9909570be5cb738c23858c94308d37dde363eb7e" - integrity sha512-ZuwpfjCwjPkAOxpjAEjabg6LRSfL7cAJb6gSQGZYjGhadlzKKywDkCUnJ+KEfrNY1jH5EEoSIKLCb572jSiglA== - -"@rollup/rollup-linux-x64-musl@4.26.0": - version "4.26.0" - resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.26.0.tgz#371315e032497f7a46f64b4ebcd207313b7f6669" - integrity sha512-+HJD2lFS86qkeF8kNu0kALtifMpPCZU80HvwztIKnYwym3KnA1os6nsX4BGSTLtS2QVAGG1P3guRgsYyMA0Yhg== - -"@rollup/rollup-win32-arm64-msvc@4.26.0": - version "4.26.0" - resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.26.0.tgz#f4b4e0747710ba287eb2e2a011538ee2ed7f74d3" - integrity sha512-WUQzVFWPSw2uJzX4j6YEbMAiLbs0BUysgysh8s817doAYhR5ybqTI1wtKARQKo6cGop3pHnrUJPFCsXdoFaimQ== - -"@rollup/rollup-win32-ia32-msvc@4.26.0": - version "4.26.0" - resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.26.0.tgz#2eeabbc99342dafe04613a76c441be4ebcca49c3" - integrity sha512-D4CxkazFKBfN1akAIY6ieyOqzoOoBV1OICxgUblWxff/pSjCA2khXlASUx7mK6W1oP4McqhgcCsu6QaLj3WMWg== - -"@rollup/rollup-win32-x64-msvc@4.26.0": - version "4.26.0" - resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.26.0.tgz#a3ae3da434a4ba0785312e963ae4c1239470403a" - integrity sha512-2x8MO1rm4PGEP0xWbubJW5RtbNLk3puzAMaLQd3B3JHVw4KcHlmXcO+Wewx9zCoo7EUFiMlu/aZbCJ7VjMzAag== +"@rollup/rollup-android-arm-eabi@4.27.2": + version "4.27.2" + resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.27.2.tgz#9fa3640a1f435bc3800b8d703d3f18823962b045" + integrity sha512-Tj+j7Pyzd15wAdSJswvs5CJzJNV+qqSUcr/aCD+jpQSBtXvGnV0pnrjoc8zFTe9fcKCatkpFpOO7yAzpO998HA== + +"@rollup/rollup-android-arm64@4.27.2": + version "4.27.2" + resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.27.2.tgz#272fcb6416c60b2225192379fa2c5e63b48f19dc" + integrity sha512-xsPeJgh2ThBpUqlLgRfiVYBEf/P1nWlWvReG+aBWfNv3XEBpa6ZCmxSVnxJgLgkNz4IbxpLy64h2gCmAAQLneQ== + +"@rollup/rollup-darwin-arm64@4.27.2": + version "4.27.2" + resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.27.2.tgz#03c63fd652bd4d522f366b1550526fd8c09c9dd8" + integrity sha512-KnXU4m9MywuZFedL35Z3PuwiTSn/yqRIhrEA9j+7OSkji39NzVkgxuxTYg5F8ryGysq4iFADaU5osSizMXhU2A== + +"@rollup/rollup-darwin-x64@4.27.2": + version "4.27.2" + resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.27.2.tgz#268f23bc2beb3be98135ab499e4e6cdaf7c8993f" + integrity sha512-Hj77A3yTvUeCIx/Vi+4d4IbYhyTwtHj07lVzUgpUq9YpJSEiGJj4vXMKwzJ3w5zp5v3PFvpJNgc/J31smZey6g== + +"@rollup/rollup-freebsd-arm64@4.27.2": + version "4.27.2" + resolved "https://registry.yarnpkg.com/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.27.2.tgz#ee5421bd8b3b9e1e9402c0328c3b02cde7869404" + integrity sha512-RjgKf5C3xbn8gxvCm5VgKZ4nn0pRAIe90J0/fdHUsgztd3+Zesb2lm2+r6uX4prV2eUByuxJNdt647/1KPRq5g== + +"@rollup/rollup-freebsd-x64@4.27.2": + version "4.27.2" + resolved "https://registry.yarnpkg.com/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.27.2.tgz#2886b9ef04bca8e8334eaf378717eff87bf3be13" + integrity sha512-duq21FoXwQtuws+V9H6UZ+eCBc7fxSpMK1GQINKn3fAyd9DFYKPJNcUhdIKOrMFjLEJgQskoMoiuizMt+dl20g== + +"@rollup/rollup-linux-arm-gnueabihf@4.27.2": + version "4.27.2" + resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.27.2.tgz#0c17a3c31bab9e8519038e7bf15a81e0ac35dcd3" + integrity sha512-6npqOKEPRZkLrMcvyC/32OzJ2srdPzCylJjiTJT2c0bwwSGm7nz2F9mNQ1WrAqCBZROcQn91Fno+khFhVijmFA== + +"@rollup/rollup-linux-arm-musleabihf@4.27.2": + version "4.27.2" + resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.27.2.tgz#6893bfa6d87a4e8d7f79612803ef0a69787bef3c" + integrity sha512-V9Xg6eXtgBtHq2jnuQwM/jr2mwe2EycnopO8cbOvpzFuySCGtKlPCI3Hj9xup/pJK5Q0388qfZZy2DqV2J8ftw== + +"@rollup/rollup-linux-arm64-gnu@4.27.2": + version "4.27.2" + resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.27.2.tgz#560ecf7f12dbb33a93fe19d9791211283fe4b0e0" + integrity sha512-uCFX9gtZJoQl2xDTpRdseYuNqyKkuMDtH6zSrBTA28yTfKyjN9hQ2B04N5ynR8ILCoSDOrG/Eg+J2TtJ1e/CSA== + +"@rollup/rollup-linux-arm64-musl@4.27.2": + version "4.27.2" + resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.27.2.tgz#fd555c67a9a99927ef5e904ea4b3143915d1e44f" + integrity sha512-/PU9P+7Rkz8JFYDHIi+xzHabOu9qEWR07L5nWLIUsvserrxegZExKCi2jhMZRd0ATdboKylu/K5yAXbp7fYFvA== + +"@rollup/rollup-linux-powerpc64le-gnu@4.27.2": + version "4.27.2" + resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.27.2.tgz#c588dbaacc1809a95a49dc2e954b76044eb368f5" + integrity sha512-eCHmol/dT5odMYi/N0R0HC8V8QE40rEpkyje/ZAXJYNNoSfrObOvG/Mn+s1F/FJyB7co7UQZZf6FuWnN6a7f4g== + +"@rollup/rollup-linux-riscv64-gnu@4.27.2": + version "4.27.2" + resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.27.2.tgz#9ebdec626efffe3a8676958ae7e5992cfdd2ec55" + integrity sha512-DEP3Njr9/ADDln3kNi76PXonLMSSMiCir0VHXxmGSHxCxDfQ70oWjHcJGfiBugzaqmYdTC7Y+8Int6qbnxPBIQ== + +"@rollup/rollup-linux-s390x-gnu@4.27.2": + version "4.27.2" + resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.27.2.tgz#4941df3416caeecd265e718aa9e0a20efcb187bf" + integrity sha512-NHGo5i6IE/PtEPh5m0yw5OmPMpesFnzMIS/lzvN5vknnC1sXM5Z/id5VgcNPgpD+wHmIcuYYgW+Q53v+9s96lQ== + +"@rollup/rollup-linux-x64-gnu@4.27.2": + version "4.27.2" + resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.27.2.tgz#8c2df25367b4814727d32d74d7028f901c6288b1" + integrity sha512-PaW2DY5Tan+IFvNJGHDmUrORadbe/Ceh8tQxi8cmdQVCCYsLoQo2cuaSj+AU+YRX8M4ivS2vJ9UGaxfuNN7gmg== + +"@rollup/rollup-linux-x64-musl@4.27.2": + version "4.27.2" + resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.27.2.tgz#b93cf65c2beb3d6a7139247ba6a948014502dcfb" + integrity sha512-dOlWEMg2gI91Qx5I/HYqOD6iqlJspxLcS4Zlg3vjk1srE67z5T2Uz91yg/qA8sY0XcwQrFzWWiZhMNERylLrpQ== + +"@rollup/rollup-win32-arm64-msvc@4.27.2": + version "4.27.2" + resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.27.2.tgz#3ccf1f8a7e74ca22ad9cf258d31077320cfac19e" + integrity sha512-euMIv/4x5Y2/ImlbGl88mwKNXDsvzbWUlT7DFky76z2keajCtcbAsN9LUdmk31hAoVmJJYSThgdA0EsPeTr1+w== + +"@rollup/rollup-win32-ia32-msvc@4.27.2": + version "4.27.2" + resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.27.2.tgz#9294246ee7ab3021026fdb434f16d9f7d02a9c91" + integrity sha512-RsnE6LQkUHlkC10RKngtHNLxb7scFykEbEwOFDjr3CeCMG+Rr+cKqlkKc2/wJ1u4u990urRHCbjz31x84PBrSQ== + +"@rollup/rollup-win32-x64-msvc@4.27.2": + version "4.27.2" + resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.27.2.tgz#dd46f94fb22ea3be0b79193f721b3510fb428a1d" + integrity sha512-foJM5vv+z2KQmn7emYdDLyTbkoO5bkHZE1oth2tWbQNGW7mX32d46Hz6T0MqXdWS2vBZhaEtHqdy9WYwGfiliA== "@rtsao/scc@^1.1.0": version "1.1.0" @@ -5975,9 +5975,9 @@ ejs@^3.1.10: jake "^10.8.5" electron-to-chromium@^1.5.41: - version "1.5.58" - resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.58.tgz#d90bd7a04d9223dce4e72316e14492140ec9af40" - integrity sha512-al2l4r+24ZFL7WzyPTlyD0fC33LLzvxqLCwurtBibVPghRGO9hSTl+tis8t1kD7biPiH/en4U0I7o/nQbYeoVA== + version "1.5.61" + resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.61.tgz#67e84c8943b635e56bdac19082ebbe4afc16528b" + integrity sha512-CcRGSBCBB6L9c3PBJWYYrBo6Bzeoi+GZTKvtuRtooJGWsINk+mOInZWcssU35zDTAwreVcrMimc9aMyPpehRNw== elegant-spinner@^1.0.1: version "1.0.1" @@ -6083,9 +6083,9 @@ error-stack-parser@^2.1.4: stackframe "^1.3.4" es-abstract@^1.17.5, es-abstract@^1.22.1, es-abstract@^1.22.3, es-abstract@^1.23.0, es-abstract@^1.23.1, es-abstract@^1.23.2, es-abstract@^1.23.3: - version "1.23.4" - resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.23.4.tgz#f006871f484d6a78229d2343557f2597f8333ed4" - integrity sha512-HR1gxH5OaiN7XH7uiWH0RLw0RcFySiSoW1ctxmD1ahTw3uGBtkmm/ng0tDU1OtYx5OK6EOL5Y6O21cDflG3Jcg== + version "1.23.5" + resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.23.5.tgz#f4599a4946d57ed467515ed10e4f157289cd52fb" + integrity sha512-vlmniQ0WNPwXqA0BnmwV3Ng7HxiGlh6r5U6JcTMNx8OilcAGqVJBHJcPjqOMaczU9fRuRK5Px2BdVyPRnKMMVQ== dependencies: array-buffer-byte-length "^1.0.1" arraybuffer.prototype.slice "^1.0.3" @@ -7430,7 +7430,12 @@ graphlib@^2.1.5: dependencies: lodash "^4.17.15" -grommet-icons@^4.12.1, "grommet-icons@https://github.com/grommet/grommet-icons/tarball/stable": +grommet-icons@^4.12.1: + version "4.12.1" + resolved "https://registry.yarnpkg.com/grommet-icons/-/grommet-icons-4.12.1.tgz#780aa7cd59c5586f642f221bdb5c6becd04ad000" + integrity sha512-LhOP6BkDAGiSNcUOfsGGRo+AKD6zWOXeNeusY1WYvKplAR6mKCAQfH7Nig2Buc/v5zadKSko2NDtCQqwJaME0Q== + +"grommet-icons@https://github.com/grommet/grommet-icons/tarball/stable": version "4.12.1" resolved "https://github.com/grommet/grommet-icons/tarball/stable#92f4e88ab19fa618a4952ac74802f606bf44c207" @@ -7441,7 +7446,7 @@ grommet-theme-hpe@5.7.0: "grommet@https://github.com/grommet/grommet/tarball/stable": version "2.42.0" - resolved "https://github.com/grommet/grommet/tarball/stable#639163e8801454a70ed90420c30139ed242919ce" + resolved "https://github.com/grommet/grommet/tarball/stable#46f1e9655c06fc4aeb2d2d3dc746f43f6c81eeff" dependencies: "@emotion/is-prop-valid" "^1.3.1" grommet-icons "^4.12.1" @@ -12020,30 +12025,30 @@ rimraf@^3.0.0, rimraf@^3.0.2: glob "^7.1.3" rollup@^4.20.0: - version "4.26.0" - resolved "https://registry.yarnpkg.com/rollup/-/rollup-4.26.0.tgz#a3e5fb29d50953633a2fd4506da6448d93268944" - integrity sha512-ilcl12hnWonG8f+NxU6BlgysVA0gvY2l8N0R84S1HcINbW20bvwuCngJkkInV6LXhwRpucsW5k1ovDwEdBVrNg== + version "4.27.2" + resolved "https://registry.yarnpkg.com/rollup/-/rollup-4.27.2.tgz#3ee2aaa85ac8dfa4aa43ff48ccc54234dda5721e" + integrity sha512-KreA+PzWmk2yaFmZVwe6GB2uBD86nXl86OsDkt1bJS9p3vqWuEQ6HnJJ+j/mZi/q0920P99/MVRlB4L3crpF5w== dependencies: "@types/estree" "1.0.6" optionalDependencies: - "@rollup/rollup-android-arm-eabi" "4.26.0" - "@rollup/rollup-android-arm64" "4.26.0" - "@rollup/rollup-darwin-arm64" "4.26.0" - "@rollup/rollup-darwin-x64" "4.26.0" - "@rollup/rollup-freebsd-arm64" "4.26.0" - "@rollup/rollup-freebsd-x64" "4.26.0" - "@rollup/rollup-linux-arm-gnueabihf" "4.26.0" - "@rollup/rollup-linux-arm-musleabihf" "4.26.0" - "@rollup/rollup-linux-arm64-gnu" "4.26.0" - "@rollup/rollup-linux-arm64-musl" "4.26.0" - "@rollup/rollup-linux-powerpc64le-gnu" "4.26.0" - "@rollup/rollup-linux-riscv64-gnu" "4.26.0" - "@rollup/rollup-linux-s390x-gnu" "4.26.0" - "@rollup/rollup-linux-x64-gnu" "4.26.0" - "@rollup/rollup-linux-x64-musl" "4.26.0" - "@rollup/rollup-win32-arm64-msvc" "4.26.0" - "@rollup/rollup-win32-ia32-msvc" "4.26.0" - "@rollup/rollup-win32-x64-msvc" "4.26.0" + "@rollup/rollup-android-arm-eabi" "4.27.2" + "@rollup/rollup-android-arm64" "4.27.2" + "@rollup/rollup-darwin-arm64" "4.27.2" + "@rollup/rollup-darwin-x64" "4.27.2" + "@rollup/rollup-freebsd-arm64" "4.27.2" + "@rollup/rollup-freebsd-x64" "4.27.2" + "@rollup/rollup-linux-arm-gnueabihf" "4.27.2" + "@rollup/rollup-linux-arm-musleabihf" "4.27.2" + "@rollup/rollup-linux-arm64-gnu" "4.27.2" + "@rollup/rollup-linux-arm64-musl" "4.27.2" + "@rollup/rollup-linux-powerpc64le-gnu" "4.27.2" + "@rollup/rollup-linux-riscv64-gnu" "4.27.2" + "@rollup/rollup-linux-s390x-gnu" "4.27.2" + "@rollup/rollup-linux-x64-gnu" "4.27.2" + "@rollup/rollup-linux-x64-musl" "4.27.2" + "@rollup/rollup-win32-arm64-msvc" "4.27.2" + "@rollup/rollup-win32-ia32-msvc" "4.27.2" + "@rollup/rollup-win32-x64-msvc" "4.27.2" fsevents "~2.3.2" run-parallel@^1.1.9: @@ -12561,16 +12566,7 @@ string-length@^4.0.1: char-regex "^1.0.2" strip-ansi "^6.0.0" -"string-width-cjs@npm:string-width@^4.2.0": - version "4.2.3" - resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010" - integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g== - dependencies: - emoji-regex "^8.0.0" - is-fullwidth-code-point "^3.0.0" - strip-ansi "^6.0.1" - -string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3: +"string-width-cjs@npm:string-width@^4.2.0", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3: version "4.2.3" resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010" integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g== @@ -12678,14 +12674,7 @@ stringify-entities@^4.0.0: character-entities-html4 "^2.0.0" character-entities-legacy "^3.0.0" -"strip-ansi-cjs@npm:strip-ansi@^6.0.1": - version "6.0.1" - resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9" - integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A== - dependencies: - ansi-regex "^5.0.1" - -strip-ansi@^6.0.0, strip-ansi@^6.0.1: +"strip-ansi-cjs@npm:strip-ansi@^6.0.1", strip-ansi@^6.0.0, strip-ansi@^6.0.1: version "6.0.1" resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9" integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A== @@ -14257,16 +14246,7 @@ word-wrap@^1.2.5, word-wrap@~1.2.3: resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.5.tgz#d2c45c6dd4fbce621a66f136cbe328afd0410b34" integrity sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA== -"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0": - version "7.0.0" - resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43" - integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q== - dependencies: - ansi-styles "^4.0.0" - string-width "^4.1.0" - strip-ansi "^6.0.0" - -wrap-ansi@^7.0.0: +"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0", wrap-ansi@^7.0.0: version "7.0.0" resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43" integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q== From 2c28c003c8d0caeb8b4be215ca561bd07c650a3a Mon Sep 17 00:00:00 2001 From: Jessica Filben <54560994+jcfilben@users.noreply.github.com> Date: Fri, 15 Nov 2024 15:30:06 -0700 Subject: [PATCH 04/53] yarn.lock --- yarn.lock | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/yarn.lock b/yarn.lock index a3917dd11..9a4fa9ab7 100644 --- a/yarn.lock +++ b/yarn.lock @@ -7446,7 +7446,7 @@ grommet-theme-hpe@5.7.0: "grommet@https://github.com/grommet/grommet/tarball/stable": version "2.42.0" - resolved "https://github.com/grommet/grommet/tarball/stable#46f1e9655c06fc4aeb2d2d3dc746f43f6c81eeff" + resolved "https://github.com/grommet/grommet/tarball/stable#013751cdb330255c21680689f93c3adbd21b9e60" dependencies: "@emotion/is-prop-valid" "^1.3.1" grommet-icons "^4.12.1" From 419553c3f02a29e16776fc559558c684ec7b7c45 Mon Sep 17 00:00:00 2001 From: taysea Date: Sat, 16 Nov 2024 16:02:48 +0000 Subject: [PATCH 05/53] Update tokens from Figma --- yarn.lock | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/yarn.lock b/yarn.lock index 0119c14ae..93f72f287 100644 --- a/yarn.lock +++ b/yarn.lock @@ -7441,7 +7441,7 @@ grommet-theme-hpe@5.7.0: "grommet@https://github.com/grommet/grommet/tarball/stable": version "2.42.0" - resolved "https://github.com/grommet/grommet/tarball/stable#639163e8801454a70ed90420c30139ed242919ce" + resolved "https://github.com/grommet/grommet/tarball/stable#7bedb3e3864e0e4a435f1271c274550124d2a3c6" dependencies: "@emotion/is-prop-valid" "^1.3.1" grommet-icons "^4.12.1" From ae04314d6a9ce46188aeb383a9e092a1d3e3e851 Mon Sep 17 00:00:00 2001 From: Jessica Filben <54560994+jcfilben@users.noreply.github.com> Date: Mon, 18 Nov 2024 11:34:07 -0700 Subject: [PATCH 06/53] updated List aria-label --- .../templates/list-views/ListImageIdentifierExample.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/aries-site/src/examples/templates/list-views/ListImageIdentifierExample.js b/aries-site/src/examples/templates/list-views/ListImageIdentifierExample.js index 4452743b3..974caf401 100644 --- a/aries-site/src/examples/templates/list-views/ListImageIdentifierExample.js +++ b/aries-site/src/examples/templates/list-views/ListImageIdentifierExample.js @@ -48,13 +48,13 @@ const data = [ export const ListImageIdentifierExample = () => ( { // eslint-disable-next-line no-alert alert(`You clicked on ${e.item.name}`); - }} + }} > {(datum, index) => ( From 22be27fdfd2d261200e4692c12477b4f762cb8e2 Mon Sep 17 00:00:00 2001 From: Jessica Filben <54560994+jcfilben@users.noreply.github.com> Date: Mon, 18 Nov 2024 11:37:29 -0700 Subject: [PATCH 07/53] yarn.lock --- yarn.lock | 255 ++++++++++++++++++++++++++++-------------------------- 1 file changed, 131 insertions(+), 124 deletions(-) diff --git a/yarn.lock b/yarn.lock index 9a4fa9ab7..ebe6bef85 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2668,95 +2668,95 @@ resolved "https://registry.yarnpkg.com/@remix-run/router/-/router-1.21.0.tgz#c65ae4262bdcfe415dbd4f64ec87676e4a56e2b5" integrity sha512-xfSkCAchbdG5PnbrKqFWwia4Bi61nH+wm8wLEqfHDyp7Y3dZzgqS2itV8i4gAq9pC2HsTpwyBC6Ds8VHZ96JlA== -"@rollup/rollup-android-arm-eabi@4.27.2": - version "4.27.2" - resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.27.2.tgz#9fa3640a1f435bc3800b8d703d3f18823962b045" - integrity sha512-Tj+j7Pyzd15wAdSJswvs5CJzJNV+qqSUcr/aCD+jpQSBtXvGnV0pnrjoc8zFTe9fcKCatkpFpOO7yAzpO998HA== - -"@rollup/rollup-android-arm64@4.27.2": - version "4.27.2" - resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.27.2.tgz#272fcb6416c60b2225192379fa2c5e63b48f19dc" - integrity sha512-xsPeJgh2ThBpUqlLgRfiVYBEf/P1nWlWvReG+aBWfNv3XEBpa6ZCmxSVnxJgLgkNz4IbxpLy64h2gCmAAQLneQ== - -"@rollup/rollup-darwin-arm64@4.27.2": - version "4.27.2" - resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.27.2.tgz#03c63fd652bd4d522f366b1550526fd8c09c9dd8" - integrity sha512-KnXU4m9MywuZFedL35Z3PuwiTSn/yqRIhrEA9j+7OSkji39NzVkgxuxTYg5F8ryGysq4iFADaU5osSizMXhU2A== - -"@rollup/rollup-darwin-x64@4.27.2": - version "4.27.2" - resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.27.2.tgz#268f23bc2beb3be98135ab499e4e6cdaf7c8993f" - integrity sha512-Hj77A3yTvUeCIx/Vi+4d4IbYhyTwtHj07lVzUgpUq9YpJSEiGJj4vXMKwzJ3w5zp5v3PFvpJNgc/J31smZey6g== - -"@rollup/rollup-freebsd-arm64@4.27.2": - version "4.27.2" - resolved "https://registry.yarnpkg.com/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.27.2.tgz#ee5421bd8b3b9e1e9402c0328c3b02cde7869404" - integrity sha512-RjgKf5C3xbn8gxvCm5VgKZ4nn0pRAIe90J0/fdHUsgztd3+Zesb2lm2+r6uX4prV2eUByuxJNdt647/1KPRq5g== - -"@rollup/rollup-freebsd-x64@4.27.2": - version "4.27.2" - resolved "https://registry.yarnpkg.com/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.27.2.tgz#2886b9ef04bca8e8334eaf378717eff87bf3be13" - integrity sha512-duq21FoXwQtuws+V9H6UZ+eCBc7fxSpMK1GQINKn3fAyd9DFYKPJNcUhdIKOrMFjLEJgQskoMoiuizMt+dl20g== - -"@rollup/rollup-linux-arm-gnueabihf@4.27.2": - version "4.27.2" - resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.27.2.tgz#0c17a3c31bab9e8519038e7bf15a81e0ac35dcd3" - integrity sha512-6npqOKEPRZkLrMcvyC/32OzJ2srdPzCylJjiTJT2c0bwwSGm7nz2F9mNQ1WrAqCBZROcQn91Fno+khFhVijmFA== - -"@rollup/rollup-linux-arm-musleabihf@4.27.2": - version "4.27.2" - resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.27.2.tgz#6893bfa6d87a4e8d7f79612803ef0a69787bef3c" - integrity sha512-V9Xg6eXtgBtHq2jnuQwM/jr2mwe2EycnopO8cbOvpzFuySCGtKlPCI3Hj9xup/pJK5Q0388qfZZy2DqV2J8ftw== - -"@rollup/rollup-linux-arm64-gnu@4.27.2": - version "4.27.2" - resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.27.2.tgz#560ecf7f12dbb33a93fe19d9791211283fe4b0e0" - integrity sha512-uCFX9gtZJoQl2xDTpRdseYuNqyKkuMDtH6zSrBTA28yTfKyjN9hQ2B04N5ynR8ILCoSDOrG/Eg+J2TtJ1e/CSA== - -"@rollup/rollup-linux-arm64-musl@4.27.2": - version "4.27.2" - resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.27.2.tgz#fd555c67a9a99927ef5e904ea4b3143915d1e44f" - integrity sha512-/PU9P+7Rkz8JFYDHIi+xzHabOu9qEWR07L5nWLIUsvserrxegZExKCi2jhMZRd0ATdboKylu/K5yAXbp7fYFvA== - -"@rollup/rollup-linux-powerpc64le-gnu@4.27.2": - version "4.27.2" - resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.27.2.tgz#c588dbaacc1809a95a49dc2e954b76044eb368f5" - integrity sha512-eCHmol/dT5odMYi/N0R0HC8V8QE40rEpkyje/ZAXJYNNoSfrObOvG/Mn+s1F/FJyB7co7UQZZf6FuWnN6a7f4g== - -"@rollup/rollup-linux-riscv64-gnu@4.27.2": - version "4.27.2" - resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.27.2.tgz#9ebdec626efffe3a8676958ae7e5992cfdd2ec55" - integrity sha512-DEP3Njr9/ADDln3kNi76PXonLMSSMiCir0VHXxmGSHxCxDfQ70oWjHcJGfiBugzaqmYdTC7Y+8Int6qbnxPBIQ== - -"@rollup/rollup-linux-s390x-gnu@4.27.2": - version "4.27.2" - resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.27.2.tgz#4941df3416caeecd265e718aa9e0a20efcb187bf" - integrity sha512-NHGo5i6IE/PtEPh5m0yw5OmPMpesFnzMIS/lzvN5vknnC1sXM5Z/id5VgcNPgpD+wHmIcuYYgW+Q53v+9s96lQ== - -"@rollup/rollup-linux-x64-gnu@4.27.2": - version "4.27.2" - resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.27.2.tgz#8c2df25367b4814727d32d74d7028f901c6288b1" - integrity sha512-PaW2DY5Tan+IFvNJGHDmUrORadbe/Ceh8tQxi8cmdQVCCYsLoQo2cuaSj+AU+YRX8M4ivS2vJ9UGaxfuNN7gmg== - -"@rollup/rollup-linux-x64-musl@4.27.2": - version "4.27.2" - resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.27.2.tgz#b93cf65c2beb3d6a7139247ba6a948014502dcfb" - integrity sha512-dOlWEMg2gI91Qx5I/HYqOD6iqlJspxLcS4Zlg3vjk1srE67z5T2Uz91yg/qA8sY0XcwQrFzWWiZhMNERylLrpQ== - -"@rollup/rollup-win32-arm64-msvc@4.27.2": - version "4.27.2" - resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.27.2.tgz#3ccf1f8a7e74ca22ad9cf258d31077320cfac19e" - integrity sha512-euMIv/4x5Y2/ImlbGl88mwKNXDsvzbWUlT7DFky76z2keajCtcbAsN9LUdmk31hAoVmJJYSThgdA0EsPeTr1+w== - -"@rollup/rollup-win32-ia32-msvc@4.27.2": - version "4.27.2" - resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.27.2.tgz#9294246ee7ab3021026fdb434f16d9f7d02a9c91" - integrity sha512-RsnE6LQkUHlkC10RKngtHNLxb7scFykEbEwOFDjr3CeCMG+Rr+cKqlkKc2/wJ1u4u990urRHCbjz31x84PBrSQ== - -"@rollup/rollup-win32-x64-msvc@4.27.2": - version "4.27.2" - resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.27.2.tgz#dd46f94fb22ea3be0b79193f721b3510fb428a1d" - integrity sha512-foJM5vv+z2KQmn7emYdDLyTbkoO5bkHZE1oth2tWbQNGW7mX32d46Hz6T0MqXdWS2vBZhaEtHqdy9WYwGfiliA== +"@rollup/rollup-android-arm-eabi@4.27.3": + version "4.27.3" + resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.27.3.tgz#ab2c78c43e4397fba9a80ea93907de7a144f3149" + integrity sha512-EzxVSkIvCFxUd4Mgm4xR9YXrcp976qVaHnqom/Tgm+vU79k4vV4eYTjmRvGfeoW8m9LVcsAy/lGjcgVegKEhLQ== + +"@rollup/rollup-android-arm64@4.27.3": + version "4.27.3" + resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.27.3.tgz#de840660ab65cf73bd6d4bc62d38acd9fc94cd6c" + integrity sha512-LJc5pDf1wjlt9o/Giaw9Ofl+k/vLUaYsE2zeQGH85giX2F+wn/Cg8b3c5CDP3qmVmeO5NzwVUzQQxwZvC2eQKw== + +"@rollup/rollup-darwin-arm64@4.27.3": + version "4.27.3" + resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.27.3.tgz#8c786e388f7eff0d830151a9d8fbf04c031bb07f" + integrity sha512-OuRysZ1Mt7wpWJ+aYKblVbJWtVn3Cy52h8nLuNSzTqSesYw1EuN6wKp5NW/4eSre3mp12gqFRXOKTcN3AI3LqA== + +"@rollup/rollup-darwin-x64@4.27.3": + version "4.27.3" + resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.27.3.tgz#56dab9e4cac0ad97741740ea1ac7b6a576e20e59" + integrity sha512-xW//zjJMlJs2sOrCmXdB4d0uiilZsOdlGQIC/jjmMWT47lkLLoB1nsNhPUcnoqyi5YR6I4h+FjBpILxbEy8JRg== + +"@rollup/rollup-freebsd-arm64@4.27.3": + version "4.27.3" + resolved "https://registry.yarnpkg.com/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.27.3.tgz#bcb4112cb7e68a12d148b03cbc21dde43772f4bc" + integrity sha512-58E0tIcwZ+12nK1WiLzHOD8I0d0kdrY/+o7yFVPRHuVGY3twBwzwDdTIBGRxLmyjciMYl1B/U515GJy+yn46qw== + +"@rollup/rollup-freebsd-x64@4.27.3": + version "4.27.3" + resolved "https://registry.yarnpkg.com/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.27.3.tgz#c7cd9f69aa43847b37d819f12c2ad6337ec245fa" + integrity sha512-78fohrpcVwTLxg1ZzBMlwEimoAJmY6B+5TsyAZ3Vok7YabRBUvjYTsRXPTjGEvv/mfgVBepbW28OlMEz4w8wGA== + +"@rollup/rollup-linux-arm-gnueabihf@4.27.3": + version "4.27.3" + resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.27.3.tgz#3692b22987a6195c8490bbf6357800e0c183ee38" + integrity sha512-h2Ay79YFXyQi+QZKo3ISZDyKaVD7uUvukEHTOft7kh00WF9mxAaxZsNs3o/eukbeKuH35jBvQqrT61fzKfAB/Q== + +"@rollup/rollup-linux-arm-musleabihf@4.27.3": + version "4.27.3" + resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.27.3.tgz#f920f24e571f26bbcdb882267086942fdb2474bf" + integrity sha512-Sv2GWmrJfRY57urktVLQ0VKZjNZGogVtASAgosDZ1aUB+ykPxSi3X1nWORL5Jk0sTIIwQiPH7iE3BMi9zGWfkg== + +"@rollup/rollup-linux-arm64-gnu@4.27.3": + version "4.27.3" + resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.27.3.tgz#2046553e91d8ca73359a2a3bb471826fbbdcc9a3" + integrity sha512-FPoJBLsPW2bDNWjSrwNuTPUt30VnfM8GPGRoLCYKZpPx0xiIEdFip3dH6CqgoT0RnoGXptaNziM0WlKgBc+OWQ== + +"@rollup/rollup-linux-arm64-musl@4.27.3": + version "4.27.3" + resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.27.3.tgz#8a3f05dbae753102ae10a9bc2168c7b6bbeea5da" + integrity sha512-TKxiOvBorYq4sUpA0JT+Fkh+l+G9DScnG5Dqx7wiiqVMiRSkzTclP35pE6eQQYjP4Gc8yEkJGea6rz4qyWhp3g== + +"@rollup/rollup-linux-powerpc64le-gnu@4.27.3": + version "4.27.3" + resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.27.3.tgz#d281d9c762f9e4f1aa7909a313f7acbe78aced32" + integrity sha512-v2M/mPvVUKVOKITa0oCFksnQQ/TqGrT+yD0184/cWHIu0LoIuYHwox0Pm3ccXEz8cEQDLk6FPKd1CCm+PlsISw== + +"@rollup/rollup-linux-riscv64-gnu@4.27.3": + version "4.27.3" + resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.27.3.tgz#fa84b3f81826cee0de9e90f9954f3e55c3cc6c97" + integrity sha512-LdrI4Yocb1a/tFVkzmOE5WyYRgEBOyEhWYJe4gsDWDiwnjYKjNs7PS6SGlTDB7maOHF4kxevsuNBl2iOcj3b4A== + +"@rollup/rollup-linux-s390x-gnu@4.27.3": + version "4.27.3" + resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.27.3.tgz#6b9c04d84593836f942ceb4dd90644633d5fe871" + integrity sha512-d4wVu6SXij/jyiwPvI6C4KxdGzuZOvJ6y9VfrcleHTwo68fl8vZC5ZYHsCVPUi4tndCfMlFniWgwonQ5CUpQcA== + +"@rollup/rollup-linux-x64-gnu@4.27.3": + version "4.27.3" + resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.27.3.tgz#f13effcdcd1cc14b26427e6bec8c6c9e4de3773e" + integrity sha512-/6bn6pp1fsCGEY5n3yajmzZQAh+mW4QPItbiWxs69zskBzJuheb3tNynEjL+mKOsUSFK11X4LYF2BwwXnzWleA== + +"@rollup/rollup-linux-x64-musl@4.27.3": + version "4.27.3" + resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.27.3.tgz#6547bc0069f2d788e6cf0f33363b951181f4cca5" + integrity sha512-nBXOfJds8OzUT1qUreT/en3eyOXd2EH5b0wr2bVB5999qHdGKkzGzIyKYaKj02lXk6wpN71ltLIaQpu58YFBoQ== + +"@rollup/rollup-win32-arm64-msvc@4.27.3": + version "4.27.3" + resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.27.3.tgz#3f2db9347c5df5e6627a7e12d937cea527d63526" + integrity sha512-ogfbEVQgIZOz5WPWXF2HVb6En+kWzScuxJo/WdQTqEgeyGkaa2ui5sQav9Zkr7bnNCLK48uxmmK0TySm22eiuw== + +"@rollup/rollup-win32-ia32-msvc@4.27.3": + version "4.27.3" + resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.27.3.tgz#54fcf9a13a98d3f0e4be6a4b6e28b9dca676502f" + integrity sha512-ecE36ZBMLINqiTtSNQ1vzWc5pXLQHlf/oqGp/bSbi7iedcjcNb6QbCBNG73Euyy2C+l/fn8qKWEwxr+0SSfs3w== + +"@rollup/rollup-win32-x64-msvc@4.27.3": + version "4.27.3" + resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.27.3.tgz#3721f601f973059bfeeb572992cf0dfc94ab2970" + integrity sha512-vliZLrDmYKyaUoMzEbMTg2JkerfBjn03KmAw9CykO0Zzkzoyd7o3iZNam/TpyWNjNT+Cz2iO3P9Smv2wgrR+Eg== "@rtsao/scc@^1.1.0": version "1.1.0" @@ -4734,9 +4734,9 @@ body-parser@1.20.3: unpipe "1.0.0" bonjour-service@^1.0.11: - version "1.2.1" - resolved "https://registry.yarnpkg.com/bonjour-service/-/bonjour-service-1.2.1.tgz#eb41b3085183df3321da1264719fbada12478d02" - integrity sha512-oSzCS2zV14bh2kji6vNe7vrpJYCHGvcZnlffFQ1MEoX/WOeQ/teD8SYWKR942OI3INjq8OMNJlbPK5LLLUxFDw== + version "1.3.0" + resolved "https://registry.yarnpkg.com/bonjour-service/-/bonjour-service-1.3.0.tgz#80d867430b5a0da64e82a8047fc1e355bdb71722" + integrity sha512-3YuAUiSkWykd+2Azjgyxei8OWf8thdn8AITIog2M4UICzoqfjlqr64WIjEXZllf/W6vK1goqleSR6brGomxQqA== dependencies: fast-deep-equal "^3.1.3" multicast-dns "^7.2.5" @@ -5396,9 +5396,9 @@ create-require@^1.1.0: integrity sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ== cross-spawn@^7.0.0, cross-spawn@^7.0.2, cross-spawn@^7.0.3: - version "7.0.5" - resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.5.tgz#910aac880ff5243da96b728bc6521a5f6c2f2f82" - integrity sha512-ZVJrKKYunU38/76t0RMOulHOnUcbU9GbpWKAOZ0mhjr7CX6FVrH+4FrAapSOekrgFQ3f/8gwMEuIft0aKq6Hug== + version "7.0.6" + resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.6.tgz#8a58fe78f00dcd70c370451759dfbfaf03e8ee9f" + integrity sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA== dependencies: path-key "^3.1.0" shebang-command "^2.0.0" @@ -5975,9 +5975,9 @@ ejs@^3.1.10: jake "^10.8.5" electron-to-chromium@^1.5.41: - version "1.5.61" - resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.61.tgz#67e84c8943b635e56bdac19082ebbe4afc16528b" - integrity sha512-CcRGSBCBB6L9c3PBJWYYrBo6Bzeoi+GZTKvtuRtooJGWsINk+mOInZWcssU35zDTAwreVcrMimc9aMyPpehRNw== + version "1.5.62" + resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.62.tgz#8289468414b0b0b3e9180ef619a763555debe612" + integrity sha512-t8c+zLmJHa9dJy96yBZRXGQYoiCEnHYgFwn1asvSPZSUdVxnB62A4RASd7k41ytG3ErFBA0TpHlKg9D9SQBmLg== elegant-spinner@^1.0.1: version "1.0.1" @@ -7037,9 +7037,9 @@ flat@^5.0.2: integrity sha512-b6suED+5/3rTpUBdG1gupIl8MPFCAMA0QXwmljLhvCUKcUvdE4gWky9zpuGCcXHOsz4J9wPGNWq6OKpmIzz3hQ== flatted@^3.2.9: - version "3.3.1" - resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.3.1.tgz#21db470729a6734d4997002f439cb308987f567a" - integrity sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw== + version "3.3.2" + resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.3.2.tgz#adba1448a9841bec72b42c532ea23dbbedef1a27" + integrity sha512-AiwGJM8YcNOaobumgtng+6NHuOqC3A7MixFeDafM3X9cIUM+xUXoS5Vfgf+OihAYe20fxqNM9yPBXJzRtZ/4eA== follow-redirects@^1.0.0, follow-redirects@^1.14.8, follow-redirects@^1.15.6: version "1.15.9" @@ -7446,7 +7446,7 @@ grommet-theme-hpe@5.7.0: "grommet@https://github.com/grommet/grommet/tarball/stable": version "2.42.0" - resolved "https://github.com/grommet/grommet/tarball/stable#013751cdb330255c21680689f93c3adbd21b9e60" + resolved "https://github.com/grommet/grommet/tarball/stable#7bedb3e3864e0e4a435f1271c274550124d2a3c6" dependencies: "@emotion/is-prop-valid" "^1.3.1" grommet-icons "^4.12.1" @@ -11448,13 +11448,20 @@ qrcode-terminal@^0.10.0: resolved "https://registry.yarnpkg.com/qrcode-terminal/-/qrcode-terminal-0.10.0.tgz#a76a48e2610a18f97fa3a2bd532b682acff86c53" integrity sha512-ZvWjbAj4MWAj6bnCc9CnculsXnJr7eoKsvH/8rVpZbqYxP2z05HNQa43ZVwe/dVRcFxgfFHE2CkUqn0sCyLfHw== -qs@6.13.0, qs@^6.12.3: +qs@6.13.0: version "6.13.0" resolved "https://registry.yarnpkg.com/qs/-/qs-6.13.0.tgz#6ca3bd58439f7e245655798997787b0d88a51906" integrity sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg== dependencies: side-channel "^1.0.6" +qs@^6.12.3: + version "6.13.1" + resolved "https://registry.yarnpkg.com/qs/-/qs-6.13.1.tgz#3ce5fc72bd3a8171b85c99b93c65dd20b7d1b16e" + integrity sha512-EJPeIn0CYrGu+hli1xilKAPXODtJ12T0sP63Ijx2/khC2JtuaN3JyNIpvmnkmaEtha9ocbG4A4cMcr+TvqvwQg== + dependencies: + side-channel "^1.0.6" + querystringify@^2.1.1: version "2.2.0" resolved "https://registry.yarnpkg.com/querystringify/-/querystringify-2.2.0.tgz#3345941b4153cb9d082d8eee4cda2016a9aef7f6" @@ -12025,30 +12032,30 @@ rimraf@^3.0.0, rimraf@^3.0.2: glob "^7.1.3" rollup@^4.20.0: - version "4.27.2" - resolved "https://registry.yarnpkg.com/rollup/-/rollup-4.27.2.tgz#3ee2aaa85ac8dfa4aa43ff48ccc54234dda5721e" - integrity sha512-KreA+PzWmk2yaFmZVwe6GB2uBD86nXl86OsDkt1bJS9p3vqWuEQ6HnJJ+j/mZi/q0920P99/MVRlB4L3crpF5w== + version "4.27.3" + resolved "https://registry.yarnpkg.com/rollup/-/rollup-4.27.3.tgz#078ecb20830c1de1f5486607f3e2f490269fb98a" + integrity sha512-SLsCOnlmGt9VoZ9Ek8yBK8tAdmPHeppkw+Xa7yDlCEhDTvwYei03JlWo1fdc7YTfLZ4tD8riJCUyAgTbszk1fQ== dependencies: "@types/estree" "1.0.6" optionalDependencies: - "@rollup/rollup-android-arm-eabi" "4.27.2" - "@rollup/rollup-android-arm64" "4.27.2" - "@rollup/rollup-darwin-arm64" "4.27.2" - "@rollup/rollup-darwin-x64" "4.27.2" - "@rollup/rollup-freebsd-arm64" "4.27.2" - "@rollup/rollup-freebsd-x64" "4.27.2" - "@rollup/rollup-linux-arm-gnueabihf" "4.27.2" - "@rollup/rollup-linux-arm-musleabihf" "4.27.2" - "@rollup/rollup-linux-arm64-gnu" "4.27.2" - "@rollup/rollup-linux-arm64-musl" "4.27.2" - "@rollup/rollup-linux-powerpc64le-gnu" "4.27.2" - "@rollup/rollup-linux-riscv64-gnu" "4.27.2" - "@rollup/rollup-linux-s390x-gnu" "4.27.2" - "@rollup/rollup-linux-x64-gnu" "4.27.2" - "@rollup/rollup-linux-x64-musl" "4.27.2" - "@rollup/rollup-win32-arm64-msvc" "4.27.2" - "@rollup/rollup-win32-ia32-msvc" "4.27.2" - "@rollup/rollup-win32-x64-msvc" "4.27.2" + "@rollup/rollup-android-arm-eabi" "4.27.3" + "@rollup/rollup-android-arm64" "4.27.3" + "@rollup/rollup-darwin-arm64" "4.27.3" + "@rollup/rollup-darwin-x64" "4.27.3" + "@rollup/rollup-freebsd-arm64" "4.27.3" + "@rollup/rollup-freebsd-x64" "4.27.3" + "@rollup/rollup-linux-arm-gnueabihf" "4.27.3" + "@rollup/rollup-linux-arm-musleabihf" "4.27.3" + "@rollup/rollup-linux-arm64-gnu" "4.27.3" + "@rollup/rollup-linux-arm64-musl" "4.27.3" + "@rollup/rollup-linux-powerpc64le-gnu" "4.27.3" + "@rollup/rollup-linux-riscv64-gnu" "4.27.3" + "@rollup/rollup-linux-s390x-gnu" "4.27.3" + "@rollup/rollup-linux-x64-gnu" "4.27.3" + "@rollup/rollup-linux-x64-musl" "4.27.3" + "@rollup/rollup-win32-arm64-msvc" "4.27.3" + "@rollup/rollup-win32-ia32-msvc" "4.27.3" + "@rollup/rollup-win32-x64-msvc" "4.27.3" fsevents "~2.3.2" run-parallel@^1.1.9: From 18cba88325c2684eb33eb12c3e4a66c52e6eb789 Mon Sep 17 00:00:00 2001 From: Mike Kingdom Date: Mon, 18 Nov 2024 13:32:13 -0700 Subject: [PATCH 08/53] Cleanup usage of dl/dt/dd (#4415) Signed-off-by: Mike Kingdom --- .../dashboards/components/Measure.js | 107 +++++++++++------- .../dashboards/components/StatusBar.js | 13 ++- .../content/chartCards/CostByMonth.js | 65 +++++------ .../content/chartCards/CostByService.js | 30 +++-- .../content/chartCards/RulesAudit.js | 56 ++++----- 5 files changed, 145 insertions(+), 126 deletions(-) diff --git a/aries-site/src/examples/templates/dashboards/components/Measure.js b/aries-site/src/examples/templates/dashboards/components/Measure.js index 994b99d2b..5501294d6 100644 --- a/aries-site/src/examples/templates/dashboards/components/Measure.js +++ b/aries-site/src/examples/templates/dashboards/components/Measure.js @@ -3,45 +3,7 @@ import PropTypes from 'prop-types'; import { Box, Button, NameValuePair, Text } from 'grommet'; import { TextEmphasis } from 'aries-core'; -export const Measure = ({ name, value: valueProp, onClick, ...rest }) => { - const { icon: iconProp, label } = name; - const icon = iconProp ? cloneElement(iconProp, { size: 'small' }) : null; - - const value = valueProp?.value || valueProp; - const valueSize = valueProp?.size || 'xxlarge'; - - let contents = ( - - {icon} - - {label?.label || label} - - - } - > - {value} - - ); - - if (onClick) { - contents = ; - } - - return {contents}; -}; - -Measure.propTypes = { - name: PropTypes.shape({ +const NameType = PropTypes.shape({ label: PropTypes.oneOfType([ PropTypes.string.isRequired, PropTypes.shape({ @@ -50,14 +12,75 @@ Measure.propTypes = { }), ]).isRequired, icon: PropTypes.node, - }), - value: PropTypes.oneOfType([ + }); +const ValueType = PropTypes.oneOfType([ PropTypes.string, PropTypes.number, PropTypes.shape({ value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), size: PropTypes.string, }), - ]), + ]); + +const Name = ({ name }) => { + const { icon: iconProp, label } = name; + const icon = iconProp ? cloneElement(iconProp, { size: 'small' }) : null; + + return ( + + {icon} + + {label?.label || label} + + + ); +}; + +Name.propTypes = { + name: NameType, +}; + +const Value = ({ value: valueProp }) => { + const value = valueProp?.value || valueProp; + const valueSize = valueProp?.size || 'xxlarge'; + + return {value}; +}; + +Value.propTypes = { + value: ValueType, +}; + +export const Measure = ({ name, value, onClick }) => { + // If this measure is clickable, render a Button with the Name and Value + // rather a NameValuePair since + ) : ( + } + > + + + ); +}; + +Measure.propTypes = { + name: NameType, + value: ValueType, onClick: PropTypes.func, }; diff --git a/aries-site/src/examples/templates/dashboards/components/StatusBar.js b/aries-site/src/examples/templates/dashboards/components/StatusBar.js index fe5cda2b6..63cebdf67 100644 --- a/aries-site/src/examples/templates/dashboards/components/StatusBar.js +++ b/aries-site/src/examples/templates/dashboards/components/StatusBar.js @@ -4,7 +4,7 @@ import { Card, CardBody, CardHeader, - NameValueList, + Grid, ThemeContext, } from 'grommet'; import { DashboardCardHeader } from '.'; @@ -21,13 +21,14 @@ export const StatusBar = ({ children, title, menuItems, ...rest }) => { - {children} - + ); diff --git a/aries-site/src/examples/templates/dashboards/content/chartCards/CostByMonth.js b/aries-site/src/examples/templates/dashboards/content/chartCards/CostByMonth.js index e38f8ec24..fc5484d8f 100644 --- a/aries-site/src/examples/templates/dashboards/content/chartCards/CostByMonth.js +++ b/aries-site/src/examples/templates/dashboards/content/chartCards/CostByMonth.js @@ -1,6 +1,6 @@ import { useEffect, useState } from 'react'; import PropTypes from 'prop-types'; -import { Grid, DataChart, Text } from 'grommet'; +import { DataChart, Text, Box, NameValueList } from 'grommet'; import { ChartCard, Measure } from '../../components'; import { convertDatesToFeatures, @@ -115,49 +115,40 @@ export const CostByMonth = ({ period }) => { } }, [values]); - const grid = { - columns: ['auto', 'auto'], - rows: ['auto', 'auto'], - areas: [ - ['measure', 'projection'], - ['chart', 'chart'], - ], - gap: 'medium', - }; - return ( - {values && ( - + {values && ( + + + + + - - - + )} ); diff --git a/aries-site/src/examples/templates/dashboards/content/chartCards/CostByService.js b/aries-site/src/examples/templates/dashboards/content/chartCards/CostByService.js index ddbe4c575..eacc68539 100644 --- a/aries-site/src/examples/templates/dashboards/content/chartCards/CostByService.js +++ b/aries-site/src/examples/templates/dashboards/content/chartCards/CostByService.js @@ -1,6 +1,13 @@ import { useContext, useEffect, useMemo, useState } from 'react'; import PropTypes from 'prop-types'; -import { Box, Grid, Meter, ResponsiveContext, ThemeContext } from 'grommet'; +import { + Box, + Grid, + Meter, + NameValueList, + ResponsiveContext, + ThemeContext, +} from 'grommet'; import { parseMetricToNum } from 'grommet/utils'; import { ChartCard, Legend, Measure } from '../../components'; import { @@ -155,15 +162,20 @@ export const CostByService = ({ period, notification }) => { size="full" /> - + > + + )} diff --git a/aries-site/src/examples/templates/dashboards/content/chartCards/RulesAudit.js b/aries-site/src/examples/templates/dashboards/content/chartCards/RulesAudit.js index aad360c44..8a99137f6 100644 --- a/aries-site/src/examples/templates/dashboards/content/chartCards/RulesAudit.js +++ b/aries-site/src/examples/templates/dashboards/content/chartCards/RulesAudit.js @@ -1,6 +1,6 @@ import { Fragment, useEffect, useState } from 'react'; import PropTypes from 'prop-types'; -import { Box, Grid, Meter, Text } from 'grommet'; +import { Box, Meter, NameValueList, Text } from 'grommet'; import { Calendar } from 'grommet-icons'; import { TextEmphasis } from 'aries-core'; import { ChartCard, Measure, MeterGroup } from '../../components'; @@ -88,15 +88,6 @@ export const RulesAudit = ({ period }) => { setAuditResults(nextAuditResults); }, [rules]); - const grid = { - columns: ['auto', 'auto', 'auto'], - rows: ['auto', 'auto'], - areas: [ - ['rules', 'frameworks', 'audits'], - ['chart', 'chart', 'chart'], - ], - }; - const nextScheduledAudit = nextAudit && ( {/* Placing the icon within a Text component ensures the icon is @@ -118,29 +109,30 @@ export const RulesAudit = ({ period }) => { return ( - - - - + + + + + + - + ); }; From 72bc49a7f491694916eb07e98782e9cef2c2abcb Mon Sep 17 00:00:00 2001 From: taysea Date: Tue, 19 Nov 2024 11:31:56 -0800 Subject: [PATCH 09/53] Add focusIndicator.outlineOffset and boxShadow --- .../src/transforms/numberToDimension.ts | 1 + .../tokens/semantic/global.default.json | 32 ++++++++++ sandbox/tailwind-app/src/index.css | 6 ++ yarn.lock | 61 +++++++++++++------ 4 files changed, 82 insertions(+), 18 deletions(-) diff --git a/design-tokens/src/transforms/numberToDimension.ts b/design-tokens/src/transforms/numberToDimension.ts index 6232b9cf3..9d00ef978 100644 --- a/design-tokens/src/transforms/numberToDimension.ts +++ b/design-tokens/src/transforms/numberToDimension.ts @@ -22,6 +22,7 @@ export const numberToDimension: Transform = { 'borderRadius', 'borderWidth', 'breakpoint', + 'outlineOffset', ].find(v => token.path.includes(v)) ) return true; diff --git a/design-tokens/tokens/semantic/global.default.json b/design-tokens/tokens/semantic/global.default.json index 65ed762e7..cb8ebec93 100644 --- a/design-tokens/tokens/semantic/global.default.json +++ b/design-tokens/tokens/semantic/global.default.json @@ -15,6 +15,38 @@ "codeSyntax": {} } } + }, + "outlineOffset": { + "$type": "number", + "$value": 2, + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "boxShadow": { + "$type": "shadow", + "$value": [ + { + "color": "white", + "offsetX": 0, + "offsetY": 0, + "blur": 0, + "spread": "{focusIndicator.outlineOffset}" + } + ], + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } } }, "fontStack": { diff --git a/sandbox/tailwind-app/src/index.css b/sandbox/tailwind-app/src/index.css index a5161ac55..3e9220816 100644 --- a/sandbox/tailwind-app/src/index.css +++ b/sandbox/tailwind-app/src/index.css @@ -15,7 +15,13 @@ width: 100%; } :focus-visible { +<<<<<<< Updated upstream outline: 2px auto var(--hpe-focus-ring-color); +======= + outline: var(--hpe-focus-indicator-outline); + outline-offset: var(--hpe-focus-indicator-outline-offset); + box-shadow: var(--hpe-focus-indicator-box-shadow); +>>>>>>> Stashed changes } a { diff --git a/yarn.lock b/yarn.lock index 0bd178383..407e2b002 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3646,9 +3646,9 @@ "@types/node" "*" "@types/node@*", "@types/node@^22.0.0": - version "22.9.0" - resolved "https://registry.yarnpkg.com/@types/node/-/node-22.9.0.tgz#b7f16e5c3384788542c72dc3d561a7ceae2c0365" - integrity sha512-vuyHg81vvWA1Z1ELfvLko2c8f34gyA0zaic0+Rllc5lbCnbSyuvb2Oxpm6TAUAC/2xZN3QGqxBNggD1nNR2AfQ== + version "22.9.1" + resolved "https://registry.yarnpkg.com/@types/node/-/node-22.9.1.tgz#bdf91c36e0e7ecfb7257b2d75bf1b206b308ca71" + integrity sha512-p8Yy/8sw1caA8CdRIQBG5tiLHmxtQKObCijiAa9Ez+d4+PRffM4054xbju0msf+cvhJpnFEeNjxmVT/0ipktrg== dependencies: undici-types "~6.19.8" @@ -6047,9 +6047,9 @@ ejs@^3.1.10: jake "^10.8.5" electron-to-chromium@^1.5.41: - version "1.5.62" - resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.62.tgz#8289468414b0b0b3e9180ef619a763555debe612" - integrity sha512-t8c+zLmJHa9dJy96yBZRXGQYoiCEnHYgFwn1asvSPZSUdVxnB62A4RASd7k41ytG3ErFBA0TpHlKg9D9SQBmLg== + version "1.5.63" + resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.63.tgz#69444d592fbbe628d129866c2355691ea93eda3e" + integrity sha512-ddeXKuY9BHo/mw145axlyWjlJ1UBt4WK3AlvkT7W2AbqfRQoacVoRUCF6wL3uIx/8wT9oLKXzI+rFqHHscByaA== elegant-spinner@^1.0.1: version "1.0.1" @@ -9741,9 +9741,9 @@ macos-release@^3.0.1: integrity sha512-tPJQ1HeyiU2vRruNGhZ+VleWuMQRro8iFtJxYgnS4NQe+EukKF6aGiIT+7flZhISAt2iaXBCfFGvAyif7/f8nQ== magic-string@^0.30.5: - version "0.30.12" - resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.12.tgz#9eb11c9d072b9bcb4940a5b2c2e1a217e4ee1a60" - integrity sha512-Ea8I3sQMVXr8JhN4z+H/d8zwo+tYDgHE9+5G4Wnrwhs0gaK9fXTKx0Tw5Xwsd/bCPTTZNRAdpyzvoeORe9LYpw== + version "0.30.13" + resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.13.tgz#92438e3ff4946cf54f18247c981e5c161c46683c" + integrity sha512-8rYBO+MsWkgjDSOvLomYnzhdwEG51olQ4zL5KXnNJWV5MNmrb4rTZdrtkhxjnD/QyZUqR/Z/XDsUs/4ej2nx0g== dependencies: "@jridgewell/sourcemap-codec" "^1.5.0" @@ -10392,9 +10392,9 @@ micromark-util-sanitize-uri@^2.0.0: micromark-util-symbol "^2.0.0" micromark-util-subtokenize@^2.0.0: - version "2.0.2" - resolved "https://registry.yarnpkg.com/micromark-util-subtokenize/-/micromark-util-subtokenize-2.0.2.tgz#ea5e3984b96b13cda7b1329763e15f3b4a4e063b" - integrity sha512-xKxhkB62vwHUuuxHe9Xqty3UaAsizV2YKq5OV344u3hFBbf8zIYrhYOWhAQb94MtMPkjTOzzjJ/hid9/dR5vFA== + version "2.0.3" + resolved "https://registry.yarnpkg.com/micromark-util-subtokenize/-/micromark-util-subtokenize-2.0.3.tgz#70ffb99a454bd8c913c8b709c3dc97baefb65f96" + integrity sha512-VXJJuNxYWSoYL6AJ6OQECCFGhIU2GGHMw8tahogePBrjkG8aCCas3ibkp7RnVOSTClg2is05/R7maAhF1XyQMg== dependencies: devlop "^1.0.0" micromark-util-chunked "^2.0.0" @@ -12723,7 +12723,16 @@ string-length@^4.0.1: char-regex "^1.0.2" strip-ansi "^6.0.0" -"string-width-cjs@npm:string-width@^4.2.0", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3: +"string-width-cjs@npm:string-width@^4.2.0": + version "4.2.3" + resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010" + integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g== + dependencies: + emoji-regex "^8.0.0" + is-fullwidth-code-point "^3.0.0" + strip-ansi "^6.0.1" + +string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3: version "4.2.3" resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010" integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g== @@ -12831,7 +12840,14 @@ stringify-entities@^4.0.0: character-entities-html4 "^2.0.0" character-entities-legacy "^3.0.0" -"strip-ansi-cjs@npm:strip-ansi@^6.0.1", strip-ansi@^6.0.0, strip-ansi@^6.0.1: +"strip-ansi-cjs@npm:strip-ansi@^6.0.1": + version "6.0.1" + resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9" + integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A== + dependencies: + ansi-regex "^5.0.1" + +strip-ansi@^6.0.0, strip-ansi@^6.0.1: version "6.0.1" resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9" integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A== @@ -14415,7 +14431,16 @@ word-wrap@^1.2.5, word-wrap@~1.2.3: resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.5.tgz#d2c45c6dd4fbce621a66f136cbe328afd0410b34" integrity sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA== -"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0", wrap-ansi@^7.0.0: +"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0": + version "7.0.0" + resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43" + integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q== + dependencies: + ansi-styles "^4.0.0" + string-width "^4.1.0" + strip-ansi "^6.0.0" + +wrap-ansi@^7.0.0: version "7.0.0" resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43" integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q== @@ -14512,9 +14537,9 @@ yaml@^1.10.0: integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg== yaml@^2.2.2, yaml@^2.3.4: - version "2.6.0" - resolved "https://registry.yarnpkg.com/yaml/-/yaml-2.6.0.tgz#14059ad9d0b1680d0f04d3a60fe00f3a857303c3" - integrity sha512-a6ae//JvKDEra2kdi1qzCyrJW/WZCgFi8ydDV+eXExl95t+5R+ijnqHJbz9tmMh8FUjx3iv2fCQ4dclAQlO2UQ== + version "2.6.1" + resolved "https://registry.yarnpkg.com/yaml/-/yaml-2.6.1.tgz#42f2b1ba89203f374609572d5349fb8686500773" + integrity sha512-7r0XPzioN/Q9kXBro/XPnA6kznR73DHq+GXh5ON7ZozRO6aMjbmiBuKste2wslTFkC5d1dw0GooOCepZXJ2SAg== yargs-parser@^20.2.2: version "20.2.9" From a3fe1e7cc2c10dabd3428037de0dc14e7e47da46 Mon Sep 17 00:00:00 2001 From: taysea Date: Tue, 19 Nov 2024 11:33:22 -0800 Subject: [PATCH 10/53] Fix merge conflict --- sandbox/tailwind-app/src/index.css | 4 ---- 1 file changed, 4 deletions(-) diff --git a/sandbox/tailwind-app/src/index.css b/sandbox/tailwind-app/src/index.css index 3e9220816..9764a0943 100644 --- a/sandbox/tailwind-app/src/index.css +++ b/sandbox/tailwind-app/src/index.css @@ -15,13 +15,9 @@ width: 100%; } :focus-visible { -<<<<<<< Updated upstream - outline: 2px auto var(--hpe-focus-ring-color); -======= outline: var(--hpe-focus-indicator-outline); outline-offset: var(--hpe-focus-indicator-outline-offset); box-shadow: var(--hpe-focus-indicator-box-shadow); ->>>>>>> Stashed changes } a { From 8a5d70322b5ee8b26fdd1897eb22813402a4dfa8 Mon Sep 17 00:00:00 2001 From: Jessica Rosenquist <54560994+jcfilben@users.noreply.github.com> Date: Tue, 19 Nov 2024 13:05:32 -0700 Subject: [PATCH 11/53] Fix a11y issues in Filter Cards example (#4427) * fix a11y issues in Filter Cards example * add grid back in --- .../templates/filtering/FilteringCards/FilteringCards.js | 2 ++ 1 file changed, 2 insertions(+) diff --git a/aries-site/src/examples/templates/filtering/FilteringCards/FilteringCards.js b/aries-site/src/examples/templates/filtering/FilteringCards/FilteringCards.js index 9cda84ed2..b89dd7674 100644 --- a/aries-site/src/examples/templates/filtering/FilteringCards/FilteringCards.js +++ b/aries-site/src/examples/templates/filtering/FilteringCards/FilteringCards.js @@ -63,6 +63,8 @@ const Users = () => { > {datum => ( Date: Tue, 19 Nov 2024 13:13:49 -0700 Subject: [PATCH 12/53] fix banner landmark violations (#4429) * fix banner landmark violations * add aria label --- .../templates/dashboards/DashboardExample.js | 48 +++---- .../templates/empty-state/CardEmptyState.js | 24 ++-- .../templates/empty-state/PageEmptyState.js | 6 +- .../FilteringLists/FilteringLists.js | 1 + .../managing-child-objects/CreateCluster.js | 13 +- .../forms/managing-child-objects/EditRole.js | 97 +++++++------- .../inline-notifications/PageBannerExample.js | 126 ++++++++++-------- 7 files changed, 168 insertions(+), 147 deletions(-) diff --git a/aries-site/src/examples/templates/dashboards/DashboardExample.js b/aries-site/src/examples/templates/dashboards/DashboardExample.js index 4a3157a1e..a9bb0cf8c 100644 --- a/aries-site/src/examples/templates/dashboards/DashboardExample.js +++ b/aries-site/src/examples/templates/dashboards/DashboardExample.js @@ -1,5 +1,5 @@ import React, { useContext, useMemo, useState } from 'react'; -import { Box, Button, ResponsiveContext, Text } from 'grommet'; +import { Box, Main, Button, ResponsiveContext, Text } from 'grommet'; import { defaultUser, GlobalHeader, UserContext } from '../global-header'; import { DashboardGrid, DashboardFooter, Greeting } from '.'; @@ -19,29 +19,31 @@ export const DashboardExample = () => { - - - {user ? ( - - - - - ) : ( - - )} +
+ + + {user ? ( + + + + + ) : ( + + )} + + {user && } - {user && } - +
); diff --git a/aries-site/src/examples/templates/empty-state/CardEmptyState.js b/aries-site/src/examples/templates/empty-state/CardEmptyState.js index 322944c19..5a62af5dd 100644 --- a/aries-site/src/examples/templates/empty-state/CardEmptyState.js +++ b/aries-site/src/examples/templates/empty-state/CardEmptyState.js @@ -1,5 +1,5 @@ import React from 'react'; -import { Box, Grid, Page, PageContent, PageHeader } from 'grommet'; +import { Box, Main, Grid, Page, PageContent, PageHeader } from 'grommet'; import { Card } from '../Card'; import { ErrorManagementEmptyState } from './ErrorManagementEmptyState'; import { CostByMonth, CostByYear } from '../dashboards'; @@ -8,16 +8,18 @@ export const CardEmptyState = () => { return ( - - - - - - - - - - + +
+ + + + + + + + + +
); diff --git a/aries-site/src/examples/templates/empty-state/PageEmptyState.js b/aries-site/src/examples/templates/empty-state/PageEmptyState.js index b977d7bf6..f4c7e93ee 100644 --- a/aries-site/src/examples/templates/empty-state/PageEmptyState.js +++ b/aries-site/src/examples/templates/empty-state/PageEmptyState.js @@ -1,5 +1,5 @@ import React from 'react'; -import { PageHeader, Page, PageContent } from 'grommet'; +import { PageHeader, Main, Page, PageContent } from 'grommet'; import { ListingEmptyState } from './ListingEmptyState'; @@ -8,7 +8,9 @@ export const PageEmptyState = ({ ...rest }) => { - +
+ +
); diff --git a/aries-site/src/examples/templates/filtering/FilteringLists/FilteringLists.js b/aries-site/src/examples/templates/filtering/FilteringLists/FilteringLists.js index b6da5f2ce..74e48f2f8 100644 --- a/aries-site/src/examples/templates/filtering/FilteringLists/FilteringLists.js +++ b/aries-site/src/examples/templates/filtering/FilteringLists/FilteringLists.js @@ -67,6 +67,7 @@ const Orders = () => { pad="xxsmall" > ( {!['xsmall', 'small'].includes(breakpoint) && ( diff --git a/aries-site/src/examples/templates/forms/managing-child-objects/CreateCluster.js b/aries-site/src/examples/templates/forms/managing-child-objects/CreateCluster.js index e930a9528..5486d1c56 100644 --- a/aries-site/src/examples/templates/forms/managing-child-objects/CreateCluster.js +++ b/aries-site/src/examples/templates/forms/managing-child-objects/CreateCluster.js @@ -43,11 +43,11 @@ const INPUT_MAP = { name={`hosts[${index}].host`} label="Host address" required - aria-required="true" > @@ -59,12 +59,12 @@ const INPUT_MAP = { name={`hosts[${index}].cpu`} label="CPU cores" required - aria-required="true" > @@ -152,9 +152,12 @@ export const CreateCluster = () => { name="cluster-name" label="Cluster name" required - aria-required="true" > - + { Edit role -
- - - - - - - Permissions - - +
+ + + + + + + + Permissions + + + + +
); }; diff --git a/aries-site/src/examples/templates/inline-notifications/PageBannerExample.js b/aries-site/src/examples/templates/inline-notifications/PageBannerExample.js index b3fbac2c9..745823ed5 100644 --- a/aries-site/src/examples/templates/inline-notifications/PageBannerExample.js +++ b/aries-site/src/examples/templates/inline-notifications/PageBannerExample.js @@ -3,6 +3,7 @@ import { Anchor, Box, Grid, + Main, Notification, Page, PageContent, @@ -32,66 +33,73 @@ export const PageBannerExample = () => { title="Machine Learning Ops" parent={} /> - - + + setActive(2) }]} - /> - - setActive(0)}> - - - {[0, 1, 2, 3, 4].map(index => ( - - ))} - - - - setActive(1)}> - - - {[0, 1, 2, 3, 4].map(index => ( - - ))} - - - - setActive(2)}> - - - DemoSite2,{' '} - BLR2-setup1, and{' '} - {/* eslint-disable-next-line max-len */} - DemoSite4 require updates to{' '} - - CentOS v8.1 - - . Apply updates to CentOS. - - } - /> - - {sites.map((site, index) => ( - - ))} - - - - - + // onClick is used for Design System site demonstration only. + // in production, onClick should be replaced with an href that + // changes the route and sets the active tab. + actions={[{ label: 'View details', onClick: () => setActive(2) }]} + /> + + setActive(0)}> + + + {[0, 1, 2, 3, 4].map(index => ( + + ))} + + + + setActive(1)}> + + + {[0, 1, 2, 3, 4].map(index => ( + + ))} + + + + setActive(2)}> + + + DemoSite2,{' '} + BLR2-setup1, and{' '} + {/* eslint-disable-next-line max-len */} + DemoSite4 require updates + to{' '} + + CentOS v8.1 + + . Apply updates to CentOS. + + } + /> + + {sites.map((site, index) => ( + + ))} + + + + + + ); From ceaa46a42d0e954fd785ccae71e795f274dd9b1c Mon Sep 17 00:00:00 2001 From: taysea Date: Tue, 19 Nov 2024 12:46:17 -0800 Subject: [PATCH 13/53] Add :focus-visible to native-web --- sandbox/native-web/css/app.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/sandbox/native-web/css/app.css b/sandbox/native-web/css/app.css index b6b510400..cd55f6c61 100644 --- a/sandbox/native-web/css/app.css +++ b/sandbox/native-web/css/app.css @@ -15,6 +15,12 @@ transition-timing-function: cubic-bezier(0.3, 0, 0.8, 0.15); */ } +:focus-visible { + outline: var(--hpe-focus-indicator-outline); + outline-offset: var(--hpe-focus-indicator-outline-offset); + box-shadow: var(--hpe-focus-indicator-box-shadow); +} + body { margin: 0; min-height: 100vh; From a8af0bf112c24f9451ec1747deda5ed48dc4c970 Mon Sep 17 00:00:00 2001 From: Taylor Seamans Date: Tue, 19 Nov 2024 14:15:59 -0800 Subject: [PATCH 14/53] Align dataVis color namespace (#4430) --- design-tokens/tokens/primitive/primitives.base.json | 2 +- design-tokens/tokens/semantic/color.dark.json | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/design-tokens/tokens/primitive/primitives.base.json b/design-tokens/tokens/primitive/primitives.base.json index 6d7f9eed7..396544ab8 100644 --- a/design-tokens/tokens/primitive/primitives.base.json +++ b/design-tokens/tokens/primitive/primitives.base.json @@ -1548,7 +1548,7 @@ } } }, - "purple-2": { + "purple3": { "$type": "color", "$value": "#9a3ac0", "$description": "", diff --git a/design-tokens/tokens/semantic/color.dark.json b/design-tokens/tokens/semantic/color.dark.json index 5e33bd23c..cd7158cc2 100644 --- a/design-tokens/tokens/semantic/color.dark.json +++ b/design-tokens/tokens/semantic/color.dark.json @@ -1166,7 +1166,7 @@ }, "80": { "$type": "color", - "$value": "{base.color.dataVis.purple-2}", + "$value": "{base.color.dataVis.purple3}", "$description": "", "$extensions": { "com.figma": { From c7c6c8da268a5105d1ee3bee6c735e593a136d46 Mon Sep 17 00:00:00 2001 From: taysea Date: Wed, 20 Nov 2024 16:03:14 +0000 Subject: [PATCH 15/53] Update tokens from Figma --- .../tokens/component/component.default.json | 3106 +++++++++-------- .../tokens/primitive/primitives.base.json | 2 +- design-tokens/tokens/semantic/color.dark.json | 14 +- .../tokens/semantic/color.light.json | 12 + .../tokens/semantic/global.default.json | 32 - yarn.lock | 9 +- 6 files changed, 1600 insertions(+), 1575 deletions(-) diff --git a/design-tokens/tokens/component/component.default.json b/design-tokens/tokens/component/component.default.json index 4858b5903..ab7f9c677 100644 --- a/design-tokens/tokens/component/component.default.json +++ b/design-tokens/tokens/component/component.default.json @@ -282,769 +282,427 @@ } } } - } - }, - "secondary": { - "enabled": { - "background": { - "$type": "color", - "$value": "{button.default.enabled.background}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL"], - "codeSyntax": {} - } - } - }, - "borderColor": { - "$type": "color", - "$value": "{color.background.primary.default}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["STROKE_COLOR", "EFFECT_COLOR"], - "codeSyntax": {} - } - } - }, - "textColor": { - "$type": "color", - "$value": "{button.default.enabled.textColor}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["TEXT_FILL"], - "codeSyntax": {} - } - } - }, - "iconColor": { - "$type": "color", - "$value": "{button.default.enabled.iconColor}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], - "codeSyntax": {} - } - } - }, - "fontWeight": { - "$type": "number", - "$value": "{button.default.enabled.fontWeight}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FONT_STYLE"], - "codeSyntax": {} - } - } - } }, - "hover": { - "background": { - "$type": "color", - "$value": "{button.default.enabled.background}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL"], - "codeSyntax": {} - } - } - }, - "borderColor": { - "$type": "color", - "$value": "{color.border.selected}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["STROKE_COLOR", "EFFECT_COLOR"], - "codeSyntax": {} - } - } - }, - "textColor": { - "$type": "color", - "$value": "{button.default.enabled.textColor}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["TEXT_FILL"], - "codeSyntax": {} - } - } - }, - "iconColor": { - "$type": "color", - "$value": "{button.default.enabled.iconColor}", + "xsmall": { + "paddingX": { + "$type": "number", + "$value": "{button.default.xsmall.paddingX}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "scopes": ["GAP"], "codeSyntax": {} } } }, - "fontWeight": { + "paddingY": { "$type": "number", - "$value": "{button.default.enabled.fontWeight}", + "$value": "{button.default.xsmall.paddingY}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FONT_STYLE"], - "codeSyntax": {} - } - } - } - }, - "disabled": { - "background": { - "$type": "color", - "$value": "{color.background.disabled}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL"], + "scopes": ["GAP"], "codeSyntax": {} } } }, - "borderColor": { - "$type": "color", - "$value": "{color.border.disabled}", + "borderRadius": { + "$type": "number", + "$value": "{button.default.xsmall.borderRadius}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["STROKE_COLOR", "EFFECT_COLOR"], + "scopes": ["CORNER_RADIUS"], "codeSyntax": {} } } }, - "textColor": { - "$type": "color", - "$value": "{color.text.disabled}", + "borderWidth": { + "$type": "number", + "$value": "{button.default.xsmall.borderWidth}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["TEXT_FILL"], + "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"], "codeSyntax": {} } } }, - "iconColor": { - "$type": "color", - "$value": "{color.icon.disabled}", + "minHeight": { + "$type": "number", + "$value": "{button.default.xsmall.minHeight}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "scopes": ["WIDTH_HEIGHT"], "codeSyntax": {} } } }, - "fontWeight": { + "fontSize": { "$type": "number", - "$value": "{button.default.enabled.fontWeight}", + "$value": "{button.default.xsmall.fontSize}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FONT_STYLE"], + "scopes": ["FONT_SIZE"], "codeSyntax": {} } } - } - }, - "selected": { - "enabled": { - "background": { - "$type": "color", - "$value": "{button.default.selected.enabled.background}", + }, + "iconOnly": { + "paddingX": { + "$type": "number", + "$value": "{button.default.xsmall.iconOnly.paddingX}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL"], + "scopes": ["GAP"], "codeSyntax": {} } } }, - "borderColor": { - "$type": "color", - "$value": "{button.default.selected.enabled.borderColor}", + "paddingY": { + "$type": "number", + "$value": "{button.default.xsmall.iconOnly.paddingY}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["STROKE_COLOR", "EFFECT_COLOR"], + "scopes": ["GAP"], "codeSyntax": {} } } }, - "textColor": { - "$type": "color", - "$value": "{button.default.selected.enabled.textColor}", + "borderRadius": { + "$type": "number", + "$value": "{button.primary.xsmall.borderRadius}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["TEXT_FILL"], + "scopes": ["CORNER_RADIUS"], "codeSyntax": {} } } }, - "iconColor": { - "$type": "color", - "$value": "{button.default.selected.enabled.iconColor}", + "borderWidth": { + "$type": "number", + "$value": "{button.primary.xsmall.borderWidth}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"], "codeSyntax": {} } } }, - "fontWeight": { + "minHeight": { "$type": "number", - "$value": "{button.default.enabled.fontWeight}", + "$value": "{button.primary.xsmall.minHeight}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FONT_STYLE"], - "codeSyntax": {} - } - } - } - } - } - }, - "default": { - "enabled": { - "background": { - "$type": "color", - "$value": "{color.transparent}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL"], - "codeSyntax": {} - } - } - }, - "borderColor": { - "$type": "color", - "$value": "{color.transparent}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["STROKE_COLOR"], - "codeSyntax": {} - } - } - }, - "textColor": { - "$type": "color", - "$value": "{color.text.strong}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["TEXT_FILL"], - "codeSyntax": {} - } - } - }, - "iconColor": { - "$type": "color", - "$value": "{color.icon.strong}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], - "codeSyntax": {} - } - } - }, - "fontWeight": { - "$type": "number", - "$value": "{fontWeight.semibold}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FONT_STYLE"], - "codeSyntax": {} - } - } - } - }, - "disabled": { - "background": { - "$type": "color", - "$value": "{button.default.enabled.background}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL"], - "codeSyntax": {} - } - } - }, - "borderColor": { - "$type": "color", - "$value": "{button.default.enabled.borderColor}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["STROKE_COLOR"], - "codeSyntax": {} - } - } - }, - "textColor": { - "$type": "color", - "$value": "{color.text.disabled}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["TEXT_FILL"], - "codeSyntax": {} - } - } - }, - "iconColor": { - "$type": "color", - "$value": "{color.icon.disabled}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], - "codeSyntax": {} - } - } - }, - "fontWeight": { - "$type": "number", - "$value": "{button.default.enabled.fontWeight}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FONT_STYLE"], - "codeSyntax": {} - } - } - } - }, - "hover": { - "background": { - "$type": "color", - "$value": "{color.background.hover}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL"], - "codeSyntax": {} - } - } - }, - "borderColor": { - "$type": "color", - "$value": "{button.default.enabled.borderColor}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["STROKE_COLOR", "EFFECT_COLOR"], - "codeSyntax": {} - } - } - }, - "textColor": { - "$type": "color", - "$value": "{button.default.enabled.textColor}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["TEXT_FILL"], - "codeSyntax": {} - } - } - }, - "iconColor": { - "$type": "color", - "$value": "{button.default.enabled.iconColor}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], - "codeSyntax": {} - } - } - }, - "fontWeight": { - "$type": "number", - "$value": "{button.default.enabled.fontWeight}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FONT_STYLE"], - "codeSyntax": {} - } - } - } - }, - "selected": { - "enabled": { - "background": { - "$type": "color", - "$value": "{color.background.active}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL"], + "scopes": ["WIDTH_HEIGHT"], "codeSyntax": {} } } }, - "borderColor": { - "$type": "color", - "$value": "{color.transparent}", + "minWidth": { + "$type": "number", + "$value": "{button.default.xsmall.iconOnly.minWidth}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["STROKE_COLOR", "EFFECT_COLOR"], + "scopes": ["WIDTH_HEIGHT"], "codeSyntax": {} } } }, - "textColor": { - "$type": "color", - "$value": "{button.default.enabled.textColor}", + "fontSize": { + "$type": "number", + "$value": "{button.primary.xsmall.fontSize}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["TEXT_FILL"], + "scopes": ["FONT_SIZE"], "codeSyntax": {} } } }, - "iconColor": { - "$type": "color", - "$value": "{button.default.enabled.iconColor}", + "lineHeight": { + "$type": "number", + "$value": "{button.primary.xsmall.lineHeight}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "scopes": ["LINE_HEIGHT"], "codeSyntax": {} } } }, - "fontWeight": { + "gapX": { "$type": "number", - "$value": "{button.default.enabled.fontWeight}", + "$value": "{button.primary.xsmall.gapX}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FONT_STYLE"], + "scopes": ["GAP"], "codeSyntax": {} } } } - } - } - }, - "toolbar": { - "enabled": { - "background": { - "$type": "color", - "$value": "{color.transparent}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL"], - "codeSyntax": {} - } - } }, - "borderColor": { - "$type": "color", - "$value": "{color.border.default}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["STROKE_COLOR", "EFFECT_COLOR"], - "codeSyntax": {} - } - } - }, - "textColor": { - "$type": "color", - "$value": "{button.default.enabled.textColor}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["TEXT_FILL"], - "codeSyntax": {} - } - } - }, - "iconColor": { - "$type": "color", - "$value": "{button.default.enabled.iconColor}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], - "codeSyntax": {} - } - } - }, - "fontWeight": { + "lineHeight": { "$type": "number", - "$value": "{button.default.enabled.fontWeight}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FONT_STYLE"], - "codeSyntax": {} - } - } - } - }, - "disabled": { - "background": { - "$type": "color", - "$value": "{color.background.disabled}", + "$value": "{button.default.xsmall.lineHeight}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL"], + "scopes": ["LINE_HEIGHT"], "codeSyntax": {} } } }, - "borderColor": { - "$type": "color", - "$value": "{color.border.disabled}", + "gapX": { + "$type": "number", + "$value": "{button.default.xsmall.gapX}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["STROKE_COLOR", "EFFECT_COLOR"], + "scopes": ["GAP"], "codeSyntax": {} } } - }, - "textColor": { - "$type": "color", - "$value": "{color.text.disabled}", + } + }, + "small": { + "paddingX": { + "$type": "number", + "$value": "{button.default.small.paddingX}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["TEXT_FILL"], + "scopes": ["GAP"], "codeSyntax": {} } } }, - "iconColor": { - "$type": "color", - "$value": "{color.icon.disabled}", + "paddingY": { + "$type": "number", + "$value": "{button.default.small.paddingY}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "scopes": ["GAP"], "codeSyntax": {} } } }, - "fontWeight": { + "borderRadius": { "$type": "number", - "$value": "{button.default.enabled.fontWeight}", + "$value": "{button.default.small.borderRadius}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FONT_STYLE"], + "scopes": ["CORNER_RADIUS"], "codeSyntax": {} } } - } - }, - "hover": { - "background": { - "$type": "color", - "$value": "{color.background.hover}", + }, + "borderWidth": { + "$type": "number", + "$value": "{button.default.small.borderWidth}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL"], + "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"], "codeSyntax": {} } } }, - "borderColor": { - "$type": "color", - "$value": "{button.toolbar.enabled.borderColor}", + "minHeight": { + "$type": "number", + "$value": "{button.default.small.minHeight}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["STROKE_COLOR", "EFFECT_COLOR"], + "scopes": ["WIDTH_HEIGHT"], "codeSyntax": {} } } }, - "textColor": { - "$type": "color", - "$value": "{button.toolbar.enabled.textColor}", + "fontSize": { + "$type": "number", + "$value": "{button.default.small.fontSize}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["TEXT_FILL"], + "scopes": ["FONT_SIZE"], "codeSyntax": {} } } }, - "iconColor": { - "$type": "color", - "$value": "{button.toolbar.enabled.iconColor}", + "lineHeight": { + "$type": "number", + "$value": "{button.default.small.lineHeight}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "scopes": ["LINE_HEIGHT"], "codeSyntax": {} } } }, - "fontWeight": { + "gapX": { "$type": "number", - "$value": "{button.default.enabled.fontWeight}", + "$value": "{button.default.small.gapX}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FONT_STYLE"], + "scopes": ["GAP"], "codeSyntax": {} } } - } - }, - "selected": { - "enabled": { - "background": { - "$type": "color", - "$value": "{button.default.selected.enabled.background}", + }, + "iconOnly": { + "paddingX": { + "$type": "number", + "$value": "{button.default.small.iconOnly.paddingX}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL"], + "scopes": ["GAP"], "codeSyntax": {} } } }, - "borderColor": { - "$type": "color", - "$value": "{button.default.selected.enabled.borderColor}", + "paddingY": { + "$type": "number", + "$value": "{button.default.small.iconOnly.paddingY}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["STROKE_COLOR", "EFFECT_COLOR"], + "scopes": ["GAP"], "codeSyntax": {} } } }, - "textColor": { - "$type": "color", - "$value": "{button.default.selected.enabled.textColor}", + "borderRadius": { + "$type": "number", + "$value": "{button.primary.small.borderRadius}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["TEXT_FILL"], + "scopes": ["CORNER_RADIUS"], "codeSyntax": {} } } }, - "iconColor": { - "$type": "color", - "$value": "{button.default.selected.enabled.iconColor}", + "borderWidth": { + "$type": "number", + "$value": "{button.primary.small.borderWidth}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"], "codeSyntax": {} } } }, - "fontWeight": { + "minHeight": { "$type": "number", - "$value": "{button.default.enabled.fontWeight}", + "$value": "{button.primary.small.minHeight}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FONT_STYLE"], + "scopes": ["WIDTH_HEIGHT"], + "codeSyntax": {} + } + } + }, + "minWidth": { + "$type": "number", + "$value": "{button.default.small.iconOnly.minWidth}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} + } + } + }, + "fontSize": { + "$type": "number", + "$value": "{button.primary.small.fontSize}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FONT_SIZE"], + "codeSyntax": {} + } + } + }, + "lineHeight": { + "$type": "number", + "$value": "{button.primary.small.lineHeight}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["LINE_HEIGHT"], + "codeSyntax": {} + } + } + }, + "gapX": { + "$type": "number", + "$value": "{button.primary.small.gapX}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["GAP"], "codeSyntax": {} } } } } - } - }, - "xsmall": { - "primary": { + }, + "medium": { "paddingX": { "$type": "number", - "$value": "{button.xsmall.default.paddingX}", + "$value": "{button.default.medium.paddingX}", "$description": "", "$extensions": { "com.figma": { @@ -1056,7 +714,7 @@ }, "paddingY": { "$type": "number", - "$value": "{button.xsmall.default.paddingY}", + "$value": "{button.default.medium.paddingY}", "$description": "", "$extensions": { "com.figma": { @@ -1068,7 +726,7 @@ }, "borderRadius": { "$type": "number", - "$value": "{button.xsmall.default.borderRadius}", + "$value": "{button.default.medium.borderRadius}", "$description": "", "$extensions": { "com.figma": { @@ -1080,7 +738,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{button.xsmall.default.borderWidth}", + "$value": "{button.default.medium.borderWidth}", "$description": "", "$extensions": { "com.figma": { @@ -1092,7 +750,7 @@ }, "minHeight": { "$type": "number", - "$value": "{button.xsmall.default.minHeight}", + "$value": "{button.default.medium.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -1104,7 +762,7 @@ }, "fontSize": { "$type": "number", - "$value": "{button.xsmall.default.fontSize}", + "$value": "{button.default.medium.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -1116,7 +774,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.xsmall.default.lineHeight}", + "$value": "{button.default.medium.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -1128,7 +786,7 @@ }, "gapX": { "$type": "number", - "$value": "{button.xsmall.default.gapX}", + "$value": "{button.default.medium.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -1141,7 +799,7 @@ "iconOnly": { "paddingX": { "$type": "number", - "$value": "{button.xsmall.default.iconOnly.paddingX}", + "$value": "{button.default.medium.iconOnly.paddingX}", "$description": "", "$extensions": { "com.figma": { @@ -1153,7 +811,7 @@ }, "paddingY": { "$type": "number", - "$value": "{button.xsmall.default.iconOnly.paddingY}", + "$value": "{button.default.medium.iconOnly.paddingY}", "$description": "", "$extensions": { "com.figma": { @@ -1165,7 +823,7 @@ }, "borderRadius": { "$type": "number", - "$value": "{button.xsmall.primary.borderRadius}", + "$value": "{button.primary.medium.borderRadius}", "$description": "", "$extensions": { "com.figma": { @@ -1177,7 +835,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{button.xsmall.primary.borderWidth}", + "$value": "{button.primary.medium.borderWidth}", "$description": "", "$extensions": { "com.figma": { @@ -1189,7 +847,7 @@ }, "minHeight": { "$type": "number", - "$value": "{button.xsmall.primary.minHeight}", + "$value": "{button.primary.medium.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -1199,9 +857,21 @@ } } }, + "minWidth": { + "$type": "number", + "$value": "{button.default.medium.iconOnly.minWidth}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} + } + } + }, "fontSize": { "$type": "number", - "$value": "{button.xsmall.primary.fontSize}", + "$value": "{button.primary.medium.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -1213,7 +883,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.xsmall.primary.lineHeight}", + "$value": "{button.primary.medium.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -1225,7 +895,7 @@ }, "gapX": { "$type": "number", - "$value": "{button.xsmall.primary.gapX}", + "$value": "{button.primary.medium.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -1237,10 +907,10 @@ } } }, - "secondary": { + "large": { "paddingX": { "$type": "number", - "$value": "{button.xsmall.default.paddingX}", + "$value": "{button.default.large.paddingX}", "$description": "", "$extensions": { "com.figma": { @@ -1252,7 +922,7 @@ }, "paddingY": { "$type": "number", - "$value": "{button.xsmall.default.paddingY}", + "$value": "{button.default.large.paddingY}", "$description": "", "$extensions": { "com.figma": { @@ -1264,7 +934,7 @@ }, "borderRadius": { "$type": "number", - "$value": "{button.xsmall.default.borderRadius}", + "$value": "{button.default.large.borderRadius}", "$description": "", "$extensions": { "com.figma": { @@ -1276,7 +946,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{button.xsmall.default.borderWidth}", + "$value": "{button.default.large.borderWidth}", "$description": "", "$extensions": { "com.figma": { @@ -1288,7 +958,7 @@ }, "minHeight": { "$type": "number", - "$value": "{button.xsmall.default.minHeight}", + "$value": "{button.default.large.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -1300,7 +970,7 @@ }, "fontSize": { "$type": "number", - "$value": "{button.xsmall.default.fontSize}", + "$value": "{button.default.large.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -1312,7 +982,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.xsmall.default.lineHeight}", + "$value": "{button.default.large.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -1324,7 +994,7 @@ }, "gapX": { "$type": "number", - "$value": "{button.xsmall.default.gapX}", + "$value": "{button.default.large.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -1335,9 +1005,93 @@ } }, "iconOnly": { + "borderRadius": { + "$type": "number", + "$value": "{button.primary.large.borderRadius}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["CORNER_RADIUS"], + "codeSyntax": {} + } + } + }, + "borderWidth": { + "$type": "number", + "$value": "{button.primary.large.borderWidth}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"], + "codeSyntax": {} + } + } + }, + "minHeight": { + "$type": "number", + "$value": "{button.primary.large.minHeight}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["WIDTH_HEIGHT"], + "codeSyntax": {} + } + } + }, + "minWidth": { + "$type": "number", + "$value": "{button.default.large.iconOnly.minWidth}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["WIDTH_HEIGHT"], + "codeSyntax": {} + } + } + }, + "fontSize": { + "$type": "number", + "$value": "{button.primary.large.fontSize}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FONT_SIZE"], + "codeSyntax": {} + } + } + }, + "lineHeight": { + "$type": "number", + "$value": "{button.primary.large.lineHeight}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["LINE_HEIGHT"], + "codeSyntax": {} + } + } + }, + "gapX": { + "$type": "number", + "$value": "{button.primary.large.gapX}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["GAP"], + "codeSyntax": {} + } + } + }, "paddingX": { "$type": "number", - "$value": "{button.xsmall.default.iconOnly.paddingX}", + "$value": "{button.default.large.iconOnly.paddingX}", "$description": "", "$extensions": { "com.figma": { @@ -1349,7 +1103,7 @@ }, "paddingY": { "$type": "number", - "$value": "{button.xsmall.default.iconOnly.paddingY}", + "$value": "{button.default.large.iconOnly.paddingY}", "$description": "", "$extensions": { "com.figma": { @@ -1358,34 +1112,50 @@ "codeSyntax": {} } } - }, + } + } + }, + "xlarge": { + "iconOnly": { "borderRadius": { "$type": "number", - "$value": "{button.xsmall.secondary.borderRadius}", + "$value": "{button.primary.xlarge.borderRadius}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["CORNER_RADIUS"], + "codeSyntax": {} + } + } + }, + "borderWidth": { + "$type": "number", + "$value": "{button.primary.xlarge.borderWidth}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["CORNER_RADIUS"], + "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"], "codeSyntax": {} } } }, - "borderWidth": { + "minHeight": { "$type": "number", - "$value": "{button.xsmall.secondary.borderWidth}", + "$value": "{button.primary.xlarge.minHeight}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"], + "scopes": ["WIDTH_HEIGHT"], "codeSyntax": {} } } }, - "minHeight": { + "minWidth": { "$type": "number", - "$value": "{button.xsmall.secondary.minHeight}", + "$value": "{button.default.xlarge.iconOnly.minWidth}", "$description": "", "$extensions": { "com.figma": { @@ -1397,7 +1167,7 @@ }, "fontSize": { "$type": "number", - "$value": "{button.xsmall.secondary.fontSize}", + "$value": "{button.primary.xlarge.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -1409,7 +1179,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.xsmall.secondary.lineHeight}", + "$value": "{button.primary.xlarge.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -1421,7 +1191,7 @@ }, "gapX": { "$type": "number", - "$value": "{button.xsmall.secondary.gapX}", + "$value": "{button.primary.xlarge.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -1430,36 +1200,35 @@ "codeSyntax": {} } } - } - }, - "hover": { - "boxShadow": { - "$type": "shadow", - "$value": [ - { - "offsetX": "{base.static.spacing.none}", - "offsetY": "{base.static.spacing.none}", - "blur": "{base.static.spacing.none}", - "spread": "{base.dimension.25}", - "color": "{button.secondary.hover.borderColor}", - "inset": true + }, + "paddingX": { + "$type": "number", + "$value": "{button.default.xlarge.iconOnly.paddingX}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["GAP"], + "codeSyntax": {} } - ], + } + }, + "paddingY": { + "$type": "number", + "$value": "{button.default.xlarge.iconOnly.paddingY}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], + "scopes": ["GAP"], "codeSyntax": {} } } } - } - }, - "default": { + }, "paddingX": { "$type": "number", - "$value": 12, + "$value": "{button.default.xlarge.paddingX}", "$description": "", "$extensions": { "com.figma": { @@ -1471,7 +1240,7 @@ }, "paddingY": { "$type": "number", - "$value": 3, + "$value": "{button.default.xlarge.paddingY}", "$description": "", "$extensions": { "com.figma": { @@ -1483,7 +1252,7 @@ }, "borderRadius": { "$type": "number", - "$value": "{base.static.radius.full}", + "$value": "{button.default.xlarge.borderRadius}", "$description": "", "$extensions": { "com.figma": { @@ -1495,7 +1264,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{element.xsmall.borderWidth}", + "$value": "{button.default.xlarge.borderWidth}", "$description": "", "$extensions": { "com.figma": { @@ -1507,7 +1276,7 @@ }, "minHeight": { "$type": "number", - "$value": "{element.xsmall.minHeight}", + "$value": "{button.default.xlarge.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -1519,7 +1288,7 @@ }, "fontSize": { "$type": "number", - "$value": "{element.xsmall.fontSize}", + "$value": "{button.default.xlarge.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -1531,7 +1300,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{element.xsmall.lineHeight}", + "$value": "{button.default.xlarge.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -1543,7 +1312,7 @@ }, "gapX": { "$type": "number", - "$value": "{element.xsmall.textToIconX}", + "$value": "{button.default.xlarge.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -1552,110 +1321,264 @@ "codeSyntax": {} } } + } + } + }, + "secondary": { + "enabled": { + "background": { + "$type": "color", + "$value": "{button.default.enabled.background}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL"], + "codeSyntax": {} + } + } }, - "iconOnly": { - "paddingX": { - "$type": "number", - "$value": "{button.xsmall.default.iconOnly.paddingY}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["GAP"], - "codeSyntax": {} - } + "borderColor": { + "$type": "color", + "$value": "{color.background.primary.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["STROKE_COLOR", "EFFECT_COLOR"], + "codeSyntax": {} } - }, - "paddingY": { - "$type": "number", - "$value": 3, - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["GAP"], - "codeSyntax": {} - } + } + }, + "textColor": { + "$type": "color", + "$value": "{button.default.enabled.textColor}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["TEXT_FILL"], + "codeSyntax": {} } - }, - "borderRadius": { - "$type": "number", - "$value": "{button.xsmall.default.borderRadius}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["CORNER_RADIUS"], - "codeSyntax": {} - } + } + }, + "iconColor": { + "$type": "color", + "$value": "{button.default.enabled.iconColor}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "codeSyntax": {} + } + } + }, + "fontWeight": { + "$type": "number", + "$value": "{button.default.enabled.fontWeight}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FONT_STYLE"], + "codeSyntax": {} + } + } + } + }, + "hover": { + "background": { + "$type": "color", + "$value": "{button.default.enabled.background}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL"], + "codeSyntax": {} + } + } + }, + "borderColor": { + "$type": "color", + "$value": "{color.border.selected}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["STROKE_COLOR", "EFFECT_COLOR"], + "codeSyntax": {} + } + } + }, + "textColor": { + "$type": "color", + "$value": "{button.default.enabled.textColor}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["TEXT_FILL"], + "codeSyntax": {} + } + } + }, + "iconColor": { + "$type": "color", + "$value": "{button.default.enabled.iconColor}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "codeSyntax": {} + } + } + }, + "fontWeight": { + "$type": "number", + "$value": "{button.default.enabled.fontWeight}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FONT_STYLE"], + "codeSyntax": {} + } + } + } + }, + "disabled": { + "background": { + "$type": "color", + "$value": "{color.background.disabled}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL"], + "codeSyntax": {} + } + } + }, + "borderColor": { + "$type": "color", + "$value": "{color.border.disabled}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["STROKE_COLOR", "EFFECT_COLOR"], + "codeSyntax": {} + } + } + }, + "textColor": { + "$type": "color", + "$value": "{color.text.disabled}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["TEXT_FILL"], + "codeSyntax": {} + } + } + }, + "iconColor": { + "$type": "color", + "$value": "{color.icon.disabled}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "codeSyntax": {} + } + } + }, + "fontWeight": { + "$type": "number", + "$value": "{button.default.enabled.fontWeight}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FONT_STYLE"], + "codeSyntax": {} } - }, - "borderWidth": { - "$type": "number", - "$value": "{button.xsmall.default.borderWidth}", + } + } + }, + "selected": { + "enabled": { + "background": { + "$type": "color", + "$value": "{button.default.selected.enabled.background}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"], + "scopes": ["FRAME_FILL", "SHAPE_FILL"], "codeSyntax": {} } } }, - "minHeight": { - "$type": "number", - "$value": "{button.xsmall.default.minHeight}", + "borderColor": { + "$type": "color", + "$value": "{button.default.selected.enabled.borderColor}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["WIDTH_HEIGHT"], + "scopes": ["STROKE_COLOR", "EFFECT_COLOR"], "codeSyntax": {} } } }, - "fontSize": { - "$type": "number", - "$value": "{button.xsmall.default.fontSize}", + "textColor": { + "$type": "color", + "$value": "{button.default.selected.enabled.textColor}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FONT_SIZE"], + "scopes": ["TEXT_FILL"], "codeSyntax": {} } } }, - "lineHeight": { - "$type": "number", - "$value": "{button.xsmall.default.lineHeight}", + "iconColor": { + "$type": "color", + "$value": "{button.default.selected.enabled.iconColor}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["LINE_HEIGHT"], + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], "codeSyntax": {} } } }, - "gapX": { + "fontWeight": { "$type": "number", - "$value": "{button.xsmall.default.gapX}", + "$value": "{button.default.enabled.fontWeight}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["GAP"], + "scopes": ["FONT_STYLE"], "codeSyntax": {} } } } } }, - "toolbar": { + "xsmall": { "paddingX": { "$type": "number", - "$value": "{element.xsmall.paddingX.default}", + "$value": "{button.default.xsmall.paddingX}", "$description": "", "$extensions": { "com.figma": { @@ -1667,7 +1590,7 @@ }, "paddingY": { "$type": "number", - "$value": 3, + "$value": "{button.default.xsmall.paddingY}", "$description": "", "$extensions": { "com.figma": { @@ -1679,7 +1602,7 @@ }, "borderRadius": { "$type": "number", - "$value": "{base.static.radius.xsmall}", + "$value": "{button.default.xsmall.borderRadius}", "$description": "", "$extensions": { "com.figma": { @@ -1691,7 +1614,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{base.static.borderWidth.default}", + "$value": "{button.default.xsmall.borderWidth}", "$description": "", "$extensions": { "com.figma": { @@ -1703,7 +1626,7 @@ }, "minHeight": { "$type": "number", - "$value": "{element.xsmall.minHeight}", + "$value": "{button.default.xsmall.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -1715,7 +1638,7 @@ }, "fontSize": { "$type": "number", - "$value": "{element.xsmall.fontSize}", + "$value": "{button.default.xsmall.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -1727,7 +1650,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{element.xsmall.lineHeight}", + "$value": "{button.default.xsmall.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -1739,7 +1662,7 @@ }, "gapX": { "$type": "number", - "$value": "{element.xsmall.textToIconX}", + "$value": "{button.default.xsmall.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -1752,7 +1675,7 @@ "iconOnly": { "paddingX": { "$type": "number", - "$value": 5, + "$value": "{button.default.xsmall.iconOnly.paddingX}", "$description": "", "$extensions": { "com.figma": { @@ -1764,7 +1687,7 @@ }, "paddingY": { "$type": "number", - "$value": 3, + "$value": "{button.default.xsmall.iconOnly.paddingY}", "$description": "", "$extensions": { "com.figma": { @@ -1776,7 +1699,7 @@ }, "borderRadius": { "$type": "number", - "$value": "{button.xsmall.toolbar.borderRadius}", + "$value": "{button.secondary.xsmall.borderRadius}", "$description": "", "$extensions": { "com.figma": { @@ -1788,7 +1711,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{button.xsmall.toolbar.borderWidth}", + "$value": "{button.secondary.xsmall.borderWidth}", "$description": "", "$extensions": { "com.figma": { @@ -1800,7 +1723,19 @@ }, "minHeight": { "$type": "number", - "$value": "{button.xsmall.toolbar.minHeight}", + "$value": "{button.secondary.xsmall.minHeight}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["WIDTH_HEIGHT"], + "codeSyntax": {} + } + } + }, + "minWidth": { + "$type": "number", + "$value": "{button.default.xsmall.iconOnly.minWidth}", "$description": "", "$extensions": { "com.figma": { @@ -1812,7 +1747,7 @@ }, "fontSize": { "$type": "number", - "$value": "{button.xsmall.toolbar.fontSize}", + "$value": "{button.secondary.xsmall.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -1824,7 +1759,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.xsmall.toolbar.lineHeight}", + "$value": "{button.secondary.xsmall.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -1836,7 +1771,7 @@ }, "gapX": { "$type": "number", - "$value": "{button.xsmall.toolbar.gapX}", + "$value": "{button.secondary.xsmall.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -1846,14 +1781,35 @@ } } } + }, + "hover": { + "boxShadow": { + "$type": "shadow", + "$value": [ + { + "offsetX": "{base.static.spacing.none}", + "offsetY": "{base.static.spacing.none}", + "blur": "{base.static.spacing.none}", + "spread": "{base.dimension.25}", + "color": "{button.secondary.hover.borderColor}", + "inset": true + } + ], + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} + } + } + } } - } - }, - "small": { - "default": { + }, + "small": { "paddingX": { "$type": "number", - "$value": "{element.small.paddingX.wide}", + "$value": "{button.default.small.paddingX}", "$description": "", "$extensions": { "com.figma": { @@ -1865,7 +1821,7 @@ }, "paddingY": { "$type": "number", - "$value": "{element.small.paddingY}", + "$value": "{button.default.small.paddingY}", "$description": "", "$extensions": { "com.figma": { @@ -1877,7 +1833,7 @@ }, "borderRadius": { "$type": "number", - "$value": "{base.static.radius.full}", + "$value": "{button.default.small.borderRadius}", "$description": "", "$extensions": { "com.figma": { @@ -1889,7 +1845,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{base.static.borderWidth.default}", + "$value": "{button.default.small.borderWidth}", "$description": "", "$extensions": { "com.figma": { @@ -1901,7 +1857,7 @@ }, "minHeight": { "$type": "number", - "$value": "{element.small.minHeight}", + "$value": "{button.default.small.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -1913,7 +1869,7 @@ }, "fontSize": { "$type": "number", - "$value": "{element.small.fontSize}", + "$value": "{button.default.small.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -1925,7 +1881,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{element.small.lineHeight}", + "$value": "{button.default.small.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -1937,7 +1893,7 @@ }, "gapX": { "$type": "number", - "$value": "{element.small.textToIconX}", + "$value": "{button.default.small.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -1950,7 +1906,7 @@ "iconOnly": { "paddingX": { "$type": "number", - "$value": "{button.small.default.iconOnly.paddingY}", + "$value": "{button.default.small.iconOnly.paddingX}", "$description": "", "$extensions": { "com.figma": { @@ -1962,7 +1918,7 @@ }, "paddingY": { "$type": "number", - "$value": 5, + "$value": "{button.default.small.iconOnly.paddingY}", "$description": "", "$extensions": { "com.figma": { @@ -1974,7 +1930,7 @@ }, "borderRadius": { "$type": "number", - "$value": "{button.small.default.borderRadius}", + "$value": "{button.secondary.small.borderRadius}", "$description": "", "$extensions": { "com.figma": { @@ -1986,7 +1942,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{button.small.default.borderWidth}", + "$value": "{button.secondary.small.borderWidth}", "$description": "", "$extensions": { "com.figma": { @@ -1998,7 +1954,7 @@ }, "minHeight": { "$type": "number", - "$value": "{button.small.default.minHeight}", + "$value": "{button.secondary.small.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -2010,7 +1966,7 @@ }, "minWidth": { "$type": "number", - "$value": "{button.small.default.iconOnly.minHeight}", + "$value": "{button.default.small.iconOnly.minWidth}", "$description": "", "$extensions": { "com.figma": { @@ -2022,7 +1978,7 @@ }, "fontSize": { "$type": "number", - "$value": "{button.small.default.fontSize}", + "$value": "{button.secondary.small.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -2034,7 +1990,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.small.default.lineHeight}", + "$value": "{button.secondary.small.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -2046,7 +2002,7 @@ }, "gapX": { "$type": "number", - "$value": "{button.small.default.gapX}", + "$value": "{button.secondary.small.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -2056,12 +2012,35 @@ } } } + }, + "hover": { + "boxShadow": { + "$type": "shadow", + "$value": [ + { + "offsetX": "{base.static.spacing.none}", + "offsetY": "{base.static.spacing.none}", + "blur": "{base.static.spacing.none}", + "spread": "{base.dimension.25}", + "color": "{button.secondary.hover.borderColor}", + "inset": true + } + ], + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} + } + } + } } }, - "primary": { + "medium": { "paddingX": { "$type": "number", - "$value": "{button.small.default.paddingX}", + "$value": "{element.medium.paddingX.wide}", "$description": "", "$extensions": { "com.figma": { @@ -2073,7 +2052,7 @@ }, "paddingY": { "$type": "number", - "$value": "{button.small.default.paddingY}", + "$value": 4, "$description": "", "$extensions": { "com.figma": { @@ -2085,7 +2064,7 @@ }, "borderRadius": { "$type": "number", - "$value": "{button.small.default.borderRadius}", + "$value": "{button.default.medium.borderRadius}", "$description": "", "$extensions": { "com.figma": { @@ -2097,7 +2076,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{button.small.default.borderWidth}", + "$value": "{base.static.borderWidth.small}", "$description": "", "$extensions": { "com.figma": { @@ -2109,7 +2088,7 @@ }, "minHeight": { "$type": "number", - "$value": "{button.small.default.minHeight}", + "$value": "{button.default.medium.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -2121,7 +2100,7 @@ }, "fontSize": { "$type": "number", - "$value": "{button.small.default.fontSize}", + "$value": "{button.default.medium.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -2133,7 +2112,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.small.default.lineHeight}", + "$value": "{button.default.medium.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -2145,7 +2124,7 @@ }, "gapX": { "$type": "number", - "$value": "{button.small.default.gapX}", + "$value": "{button.default.medium.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -2158,7 +2137,7 @@ "iconOnly": { "paddingX": { "$type": "number", - "$value": "{button.small.default.iconOnly.paddingX}", + "$value": "{button.secondary.medium.iconOnly.paddingY}", "$description": "", "$extensions": { "com.figma": { @@ -2170,7 +2149,7 @@ }, "paddingY": { "$type": "number", - "$value": "{button.small.default.iconOnly.paddingY}", + "$value": 7, "$description": "", "$extensions": { "com.figma": { @@ -2182,7 +2161,7 @@ }, "borderRadius": { "$type": "number", - "$value": "{button.small.primary.borderRadius}", + "$value": "{button.secondary.medium.borderRadius}", "$description": "", "$extensions": { "com.figma": { @@ -2194,7 +2173,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{button.small.primary.borderWidth}", + "$value": "{button.secondary.medium.borderWidth}", "$description": "", "$extensions": { "com.figma": { @@ -2206,7 +2185,7 @@ }, "minHeight": { "$type": "number", - "$value": "{button.small.primary.minHeight}", + "$value": "{button.secondary.medium.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -2218,7 +2197,7 @@ }, "minWidth": { "$type": "number", - "$value": "{button.small.default.iconOnly.minWidth}", + "$value": "{button.default.medium.iconOnly.minWidth}", "$description": "", "$extensions": { "com.figma": { @@ -2230,7 +2209,7 @@ }, "fontSize": { "$type": "number", - "$value": "{button.small.primary.fontSize}", + "$value": "{button.secondary.medium.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -2242,7 +2221,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.small.primary.lineHeight}", + "$value": "{button.secondary.medium.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -2254,7 +2233,7 @@ }, "gapX": { "$type": "number", - "$value": "{button.small.primary.gapX}", + "$value": "{button.secondary.medium.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -2264,12 +2243,35 @@ } } } + }, + "hover": { + "boxShadow": { + "$type": "shadow", + "$value": [ + { + "offsetX": "{base.static.spacing.none}", + "offsetY": "{base.static.spacing.none}", + "blur": "{base.static.spacing.none}", + "spread": "{base.dimension.25}", + "color": "{button.secondary.hover.borderColor}", + "inset": true + } + ], + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} + } + } + } } }, - "secondary": { + "large": { "paddingX": { "$type": "number", - "$value": "{button.small.default.paddingX}", + "$value": "{button.default.large.paddingX}", "$description": "", "$extensions": { "com.figma": { @@ -2281,7 +2283,7 @@ }, "paddingY": { "$type": "number", - "$value": "{button.small.default.paddingY}", + "$value": 8, "$description": "", "$extensions": { "com.figma": { @@ -2293,7 +2295,7 @@ }, "borderRadius": { "$type": "number", - "$value": "{button.small.default.borderRadius}", + "$value": "{button.default.large.borderRadius}", "$description": "", "$extensions": { "com.figma": { @@ -2305,7 +2307,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{button.small.default.borderWidth}", + "$value": "{base.static.borderWidth.small}", "$description": "", "$extensions": { "com.figma": { @@ -2317,7 +2319,7 @@ }, "minHeight": { "$type": "number", - "$value": "{button.small.default.minHeight}", + "$value": "{button.default.large.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -2329,7 +2331,7 @@ }, "fontSize": { "$type": "number", - "$value": "{button.small.default.fontSize}", + "$value": "{button.default.large.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -2341,7 +2343,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.small.default.lineHeight}", + "$value": "{button.default.large.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -2353,7 +2355,7 @@ }, "gapX": { "$type": "number", - "$value": "{button.small.default.gapX}", + "$value": "{button.default.large.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -2364,9 +2366,93 @@ } }, "iconOnly": { + "borderRadius": { + "$type": "number", + "$value": "{button.secondary.large.borderRadius}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["CORNER_RADIUS"], + "codeSyntax": {} + } + } + }, + "borderWidth": { + "$type": "number", + "$value": "{button.secondary.large.borderWidth}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"], + "codeSyntax": {} + } + } + }, + "minHeight": { + "$type": "number", + "$value": "{button.secondary.large.minHeight}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["WIDTH_HEIGHT"], + "codeSyntax": {} + } + } + }, + "minWidth": { + "$type": "number", + "$value": "{button.default.large.iconOnly.minWidth}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["WIDTH_HEIGHT"], + "codeSyntax": {} + } + } + }, + "fontSize": { + "$type": "number", + "$value": "{button.secondary.large.fontSize}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FONT_SIZE"], + "codeSyntax": {} + } + } + }, + "lineHeight": { + "$type": "number", + "$value": "{button.secondary.large.lineHeight}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["LINE_HEIGHT"], + "codeSyntax": {} + } + } + }, + "gapX": { + "$type": "number", + "$value": "{button.secondary.large.gapX}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["GAP"], + "codeSyntax": {} + } + } + }, "paddingX": { "$type": "number", - "$value": "{button.small.default.iconOnly.paddingX}", + "$value": "{button.default.large.iconOnly.paddingX}", "$description": "", "$extensions": { "com.figma": { @@ -2378,19 +2464,46 @@ }, "paddingY": { "$type": "number", - "$value": "{button.small.default.iconOnly.paddingY}", + "$value": "{button.default.large.iconOnly.paddingY}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["GAP"], + "codeSyntax": {} + } + } + } + }, + "hover": { + "boxShadow": { + "$type": "shadow", + "$value": [ + { + "offsetX": "{base.static.spacing.none}", + "offsetY": "{base.static.spacing.none}", + "blur": "{base.static.spacing.none}", + "spread": "{base.dimension.25}", + "color": "{button.secondary.hover.borderColor}", + "inset": true + } + ], "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["GAP"], + "scopes": ["ALL_SCOPES"], "codeSyntax": {} } } - }, + } + } + }, + "xlarge": { + "iconOnly": { "borderRadius": { "$type": "number", - "$value": "{button.small.secondary.borderRadius}", + "$value": "{button.secondary.xlarge.borderRadius}", "$description": "", "$extensions": { "com.figma": { @@ -2402,7 +2515,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{button.small.secondary.borderWidth}", + "$value": "{button.secondary.xlarge.borderWidth}", "$description": "", "$extensions": { "com.figma": { @@ -2414,7 +2527,7 @@ }, "minHeight": { "$type": "number", - "$value": "{button.small.secondary.minHeight}", + "$value": "{button.secondary.xlarge.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -2426,19 +2539,19 @@ }, "minWidth": { "$type": "number", - "$value": "{button.small.default.iconOnly.minWidth}", + "$value": "{button.default.xlarge.iconOnly.minWidth}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], + "scopes": ["WIDTH_HEIGHT"], "codeSyntax": {} } } }, "fontSize": { "$type": "number", - "$value": "{button.small.secondary.fontSize}", + "$value": "{button.secondary.xlarge.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -2450,7 +2563,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.small.secondary.lineHeight}", + "$value": "{button.secondary.xlarge.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -2462,7 +2575,7 @@ }, "gapX": { "$type": "number", - "$value": "{button.small.secondary.gapX}", + "$value": "{button.secondary.xlarge.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -2471,36 +2584,35 @@ "codeSyntax": {} } } - } - }, - "hover": { - "boxShadow": { - "$type": "shadow", - "$value": [ - { - "offsetX": "{base.static.spacing.none}", - "offsetY": "{base.static.spacing.none}", - "blur": "{base.static.spacing.none}", - "spread": "{base.dimension.25}", - "color": "{button.secondary.hover.borderColor}", - "inset": true + }, + "paddingX": { + "$type": "number", + "$value": "{button.default.xlarge.iconOnly.paddingX}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["GAP"], + "codeSyntax": {} } - ], + } + }, + "paddingY": { + "$type": "number", + "$value": "{button.default.xlarge.iconOnly.paddingY}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], + "scopes": ["GAP"], "codeSyntax": {} } } } - } - }, - "toolbar": { + }, "paddingX": { "$type": "number", - "$value": "{element.small.paddingX.default}", + "$value": "{button.default.xlarge.paddingX}", "$description": "", "$extensions": { "com.figma": { @@ -2512,7 +2624,7 @@ }, "paddingY": { "$type": "number", - "$value": "{button.small.default.paddingY}", + "$value": 19, "$description": "", "$extensions": { "com.figma": { @@ -2524,7 +2636,7 @@ }, "borderRadius": { "$type": "number", - "$value": "{base.static.radius.xsmall}", + "$value": "{button.default.xlarge.borderRadius}", "$description": "", "$extensions": { "com.figma": { @@ -2536,7 +2648,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{base.static.borderWidth.default}", + "$value": "{base.static.borderWidth.small}", "$description": "", "$extensions": { "com.figma": { @@ -2548,7 +2660,7 @@ }, "minHeight": { "$type": "number", - "$value": "{element.small.minHeight}", + "$value": "{button.default.xlarge.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -2560,7 +2672,7 @@ }, "fontSize": { "$type": "number", - "$value": "{element.small.fontSize}", + "$value": "{button.default.xlarge.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -2572,7 +2684,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{element.small.lineHeight}", + "$value": "{button.default.xlarge.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -2584,7 +2696,7 @@ }, "gapX": { "$type": "number", - "$value": "{element.xsmall.textToIconX}", + "$value": "{button.default.xlarge.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -2594,123 +2706,286 @@ } } }, - "iconOnly": { - "paddingX": { - "$type": "number", - "$value": 5, - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["GAP"], - "codeSyntax": {} + "hover": { + "boxShadow": { + "$type": "shadow", + "$value": [ + { + "offsetX": "{base.static.spacing.none}", + "offsetY": "{base.static.spacing.none}", + "blur": "{base.static.spacing.none}", + "spread": "{base.dimension.25}", + "color": "{button.secondary.hover.borderColor}", + "inset": true } - } - }, - "paddingY": { - "$type": "number", - "$value": 5, + ], "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["GAP"], + "scopes": ["ALL_SCOPES"], "codeSyntax": {} } } - }, - "borderRadius": { - "$type": "number", - "$value": "{button.small.toolbar.borderRadius}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["CORNER_RADIUS"], - "codeSyntax": {} - } + } + } + } + }, + "default": { + "enabled": { + "background": { + "$type": "color", + "$value": "{color.transparent}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL"], + "codeSyntax": {} + } + } + }, + "borderColor": { + "$type": "color", + "$value": "{color.transparent}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["STROKE_COLOR"], + "codeSyntax": {} + } + } + }, + "textColor": { + "$type": "color", + "$value": "{color.text.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["TEXT_FILL"], + "codeSyntax": {} + } + } + }, + "iconColor": { + "$type": "color", + "$value": "{color.icon.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "codeSyntax": {} + } + } + }, + "fontWeight": { + "$type": "number", + "$value": "{fontWeight.semibold}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FONT_STYLE"], + "codeSyntax": {} + } + } + } + }, + "disabled": { + "background": { + "$type": "color", + "$value": "{button.default.enabled.background}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL"], + "codeSyntax": {} + } + } + }, + "borderColor": { + "$type": "color", + "$value": "{button.default.enabled.borderColor}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["STROKE_COLOR"], + "codeSyntax": {} + } + } + }, + "textColor": { + "$type": "color", + "$value": "{color.text.disabled}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["TEXT_FILL"], + "codeSyntax": {} + } + } + }, + "iconColor": { + "$type": "color", + "$value": "{color.icon.disabled}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "codeSyntax": {} + } + } + }, + "fontWeight": { + "$type": "number", + "$value": "{button.default.enabled.fontWeight}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FONT_STYLE"], + "codeSyntax": {} + } + } + } + }, + "hover": { + "background": { + "$type": "color", + "$value": "{color.background.hover}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL"], + "codeSyntax": {} + } + } + }, + "borderColor": { + "$type": "color", + "$value": "{button.default.enabled.borderColor}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["STROKE_COLOR", "EFFECT_COLOR"], + "codeSyntax": {} + } + } + }, + "textColor": { + "$type": "color", + "$value": "{button.default.enabled.textColor}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["TEXT_FILL"], + "codeSyntax": {} + } + } + }, + "iconColor": { + "$type": "color", + "$value": "{button.default.enabled.iconColor}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "codeSyntax": {} } - }, - "borderWidth": { - "$type": "number", - "$value": "{button.small.toolbar.borderWidth}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"], - "codeSyntax": {} - } + } + }, + "fontWeight": { + "$type": "number", + "$value": "{button.default.enabled.fontWeight}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FONT_STYLE"], + "codeSyntax": {} } - }, - "minHeight": { - "$type": "number", - "$value": "{button.small.toolbar.minHeight}", + } + } + }, + "selected": { + "enabled": { + "background": { + "$type": "color", + "$value": "{color.background.active}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["WIDTH_HEIGHT"], + "scopes": ["FRAME_FILL", "SHAPE_FILL"], "codeSyntax": {} } } }, - "minWidth": { - "$type": "number", - "$value": "{button.small.default.iconOnly.minHeight}", + "borderColor": { + "$type": "color", + "$value": "{color.transparent}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], + "scopes": ["STROKE_COLOR", "EFFECT_COLOR"], "codeSyntax": {} } } }, - "fontSize": { - "$type": "number", - "$value": "{button.small.toolbar.fontSize}", + "textColor": { + "$type": "color", + "$value": "{button.default.enabled.textColor}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FONT_SIZE"], + "scopes": ["TEXT_FILL"], "codeSyntax": {} } } }, - "lineHeight": { - "$type": "number", - "$value": "{button.small.toolbar.lineHeight}", + "iconColor": { + "$type": "color", + "$value": "{button.default.enabled.iconColor}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["LINE_HEIGHT"], + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], "codeSyntax": {} } } }, - "gapX": { + "fontWeight": { "$type": "number", - "$value": "{button.small.toolbar.gapX}", + "$value": "{button.default.enabled.fontWeight}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["GAP"], + "scopes": ["FONT_STYLE"], "codeSyntax": {} } } } } - } - }, - "medium": { - "default": { + }, + "xsmall": { "paddingX": { "$type": "number", - "$value": "{element.medium.paddingX.wide}", + "$value": 12, "$description": "", "$extensions": { "com.figma": { @@ -2722,7 +2997,7 @@ }, "paddingY": { "$type": "number", - "$value": "{element.medium.paddingY}", + "$value": 3, "$description": "", "$extensions": { "com.figma": { @@ -2746,7 +3021,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{base.static.borderWidth.default}", + "$value": "{element.xsmall.borderWidth}", "$description": "", "$extensions": { "com.figma": { @@ -2758,7 +3033,7 @@ }, "minHeight": { "$type": "number", - "$value": "{element.medium.minHeight}", + "$value": "{element.xsmall.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -2770,7 +3045,7 @@ }, "fontSize": { "$type": "number", - "$value": "{base.dimension.475}", + "$value": "{element.xsmall.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -2782,7 +3057,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{element.medium.lineHeight}", + "$value": "{element.xsmall.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -2794,7 +3069,7 @@ }, "gapX": { "$type": "number", - "$value": "{element.medium.textToIconX}", + "$value": "{element.xsmall.textToIconX}", "$description": "", "$extensions": { "com.figma": { @@ -2807,7 +3082,7 @@ "iconOnly": { "paddingX": { "$type": "number", - "$value": "{button.medium.default.iconOnly.paddingY}", + "$value": "{button.default.xsmall.iconOnly.paddingY}", "$description": "", "$extensions": { "com.figma": { @@ -2819,7 +3094,7 @@ }, "paddingY": { "$type": "number", - "$value": 8, + "$value": 3, "$description": "", "$extensions": { "com.figma": { @@ -2831,7 +3106,7 @@ }, "borderRadius": { "$type": "number", - "$value": "{button.medium.default.borderRadius}", + "$value": "{button.default.xsmall.borderRadius}", "$description": "", "$extensions": { "com.figma": { @@ -2843,7 +3118,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{button.medium.default.borderWidth}", + "$value": "{button.default.xsmall.borderWidth}", "$description": "", "$extensions": { "com.figma": { @@ -2855,7 +3130,7 @@ }, "minHeight": { "$type": "number", - "$value": "{button.medium.default.minHeight}", + "$value": "{button.default.xsmall.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -2867,19 +3142,19 @@ }, "minWidth": { "$type": "number", - "$value": "{button.medium.default.iconOnly.minHeight}", + "$value": "{button.default.xsmall.minHeight}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], + "scopes": ["WIDTH_HEIGHT"], "codeSyntax": {} } } }, "fontSize": { "$type": "number", - "$value": "{button.medium.default.fontSize}", + "$value": "{button.default.xsmall.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -2891,7 +3166,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.medium.default.lineHeight}", + "$value": "{button.default.xsmall.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -2903,7 +3178,7 @@ }, "gapX": { "$type": "number", - "$value": "{button.medium.default.gapX}", + "$value": "{button.default.xsmall.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -2915,10 +3190,10 @@ } } }, - "primary": { + "small": { "paddingX": { "$type": "number", - "$value": "{button.medium.default.paddingX}", + "$value": "{element.small.paddingX.wide}", "$description": "", "$extensions": { "com.figma": { @@ -2930,7 +3205,7 @@ }, "paddingY": { "$type": "number", - "$value": "{button.medium.default.paddingY}", + "$value": "{element.small.paddingY}", "$description": "", "$extensions": { "com.figma": { @@ -2942,7 +3217,7 @@ }, "borderRadius": { "$type": "number", - "$value": "{button.medium.default.borderRadius}", + "$value": "{base.static.radius.full}", "$description": "", "$extensions": { "com.figma": { @@ -2954,7 +3229,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{button.medium.default.borderWidth}", + "$value": "{base.static.borderWidth.default}", "$description": "", "$extensions": { "com.figma": { @@ -2966,7 +3241,7 @@ }, "minHeight": { "$type": "number", - "$value": "{button.medium.default.minHeight}", + "$value": "{element.small.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -2978,7 +3253,7 @@ }, "fontSize": { "$type": "number", - "$value": "{button.medium.default.fontSize}", + "$value": "{element.small.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -2990,7 +3265,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.medium.default.lineHeight}", + "$value": "{element.small.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -3002,7 +3277,7 @@ }, "gapX": { "$type": "number", - "$value": "{button.medium.default.gapX}", + "$value": "{element.small.textToIconX}", "$description": "", "$extensions": { "com.figma": { @@ -3015,7 +3290,7 @@ "iconOnly": { "paddingX": { "$type": "number", - "$value": "{button.medium.default.iconOnly.paddingX}", + "$value": "{button.default.small.iconOnly.paddingY}", "$description": "", "$extensions": { "com.figma": { @@ -3027,7 +3302,7 @@ }, "paddingY": { "$type": "number", - "$value": "{button.medium.default.iconOnly.paddingY}", + "$value": 5, "$description": "", "$extensions": { "com.figma": { @@ -3039,7 +3314,7 @@ }, "borderRadius": { "$type": "number", - "$value": "{button.medium.primary.borderRadius}", + "$value": "{button.default.small.borderRadius}", "$description": "", "$extensions": { "com.figma": { @@ -3051,7 +3326,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{button.medium.primary.borderWidth}", + "$value": "{button.default.small.borderWidth}", "$description": "", "$extensions": { "com.figma": { @@ -3063,7 +3338,7 @@ }, "minHeight": { "$type": "number", - "$value": "{button.medium.primary.minHeight}", + "$value": "{button.default.small.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -3075,7 +3350,7 @@ }, "minWidth": { "$type": "number", - "$value": "{button.medium.default.iconOnly.minWidth}", + "$value": "{button.default.small.iconOnly.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -3087,7 +3362,7 @@ }, "fontSize": { "$type": "number", - "$value": "{button.medium.primary.fontSize}", + "$value": "{button.default.small.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -3099,7 +3374,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.medium.primary.lineHeight}", + "$value": "{button.default.small.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -3111,7 +3386,7 @@ }, "gapX": { "$type": "number", - "$value": "{button.medium.primary.gapX}", + "$value": "{button.default.small.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -3123,7 +3398,7 @@ } } }, - "secondary": { + "medium": { "paddingX": { "$type": "number", "$value": "{element.medium.paddingX.wide}", @@ -3138,7 +3413,7 @@ }, "paddingY": { "$type": "number", - "$value": 4, + "$value": "{element.medium.paddingY}", "$description": "", "$extensions": { "com.figma": { @@ -3150,7 +3425,7 @@ }, "borderRadius": { "$type": "number", - "$value": "{button.medium.default.borderRadius}", + "$value": "{base.static.radius.full}", "$description": "", "$extensions": { "com.figma": { @@ -3162,7 +3437,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{base.static.borderWidth.small}", + "$value": "{base.static.borderWidth.default}", "$description": "", "$extensions": { "com.figma": { @@ -3174,7 +3449,7 @@ }, "minHeight": { "$type": "number", - "$value": "{button.medium.default.minHeight}", + "$value": "{element.medium.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -3186,7 +3461,7 @@ }, "fontSize": { "$type": "number", - "$value": "{button.medium.default.fontSize}", + "$value": "{base.dimension.475}", "$description": "", "$extensions": { "com.figma": { @@ -3198,7 +3473,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.medium.default.lineHeight}", + "$value": "{element.medium.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -3210,7 +3485,7 @@ }, "gapX": { "$type": "number", - "$value": "{button.medium.default.gapX}", + "$value": "{element.medium.textToIconX}", "$description": "", "$extensions": { "com.figma": { @@ -3223,7 +3498,7 @@ "iconOnly": { "paddingX": { "$type": "number", - "$value": "{button.medium.secondary.iconOnly.paddingY}", + "$value": "{button.default.medium.iconOnly.paddingY}", "$description": "", "$extensions": { "com.figma": { @@ -3235,7 +3510,7 @@ }, "paddingY": { "$type": "number", - "$value": 7, + "$value": 8, "$description": "", "$extensions": { "com.figma": { @@ -3247,7 +3522,7 @@ }, "borderRadius": { "$type": "number", - "$value": "{button.medium.secondary.borderRadius}", + "$value": "{button.default.medium.borderRadius}", "$description": "", "$extensions": { "com.figma": { @@ -3259,7 +3534,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{button.medium.secondary.borderWidth}", + "$value": "{button.default.medium.borderWidth}", "$description": "", "$extensions": { "com.figma": { @@ -3271,7 +3546,7 @@ }, "minHeight": { "$type": "number", - "$value": "{button.medium.secondary.minHeight}", + "$value": "{button.default.medium.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -3283,7 +3558,7 @@ }, "minWidth": { "$type": "number", - "$value": "{button.medium.default.iconOnly.minWidth}", + "$value": "{button.default.medium.iconOnly.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -3295,7 +3570,7 @@ }, "fontSize": { "$type": "number", - "$value": "{button.medium.secondary.fontSize}", + "$value": "{button.default.medium.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -3307,7 +3582,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.medium.secondary.lineHeight}", + "$value": "{button.default.medium.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -3319,7 +3594,7 @@ }, "gapX": { "$type": "number", - "$value": "{button.medium.secondary.gapX}", + "$value": "{button.default.medium.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -3329,35 +3604,12 @@ } } } - }, - "hover": { - "boxShadow": { - "$type": "shadow", - "$value": [ - { - "offsetX": "{base.static.spacing.none}", - "offsetY": "{base.static.spacing.none}", - "blur": "{base.static.spacing.none}", - "spread": "{base.dimension.25}", - "color": "{button.secondary.hover.borderColor}", - "inset": true - } - ], - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - } } }, - "toolbar": { + "large": { "paddingX": { "$type": "number", - "$value": "{element.medium.paddingX.default}", + "$value": "{element.large.paddingX.wide}", "$description": "", "$extensions": { "com.figma": { @@ -3369,7 +3621,7 @@ }, "paddingY": { "$type": "number", - "$value": "{button.medium.default.paddingY}", + "$value": "{element.large.paddingY}", "$description": "", "$extensions": { "com.figma": { @@ -3381,7 +3633,7 @@ }, "borderRadius": { "$type": "number", - "$value": "{base.static.spacing.xsmall}", + "$value": "{base.static.radius.xlarge}", "$description": "", "$extensions": { "com.figma": { @@ -3393,7 +3645,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{borderWidth.default}", + "$value": "{base.static.borderWidth.default}", "$description": "", "$extensions": { "com.figma": { @@ -3405,7 +3657,7 @@ }, "minHeight": { "$type": "number", - "$value": "{button.medium.default.minHeight}", + "$value": "{element.large.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -3417,7 +3669,7 @@ }, "fontSize": { "$type": "number", - "$value": "{button.medium.default.fontSize}", + "$value": "{element.large.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -3429,7 +3681,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.medium.default.lineHeight}", + "$value": "{element.large.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -3441,7 +3693,7 @@ }, "gapX": { "$type": "number", - "$value": "{button.medium.default.gapX}", + "$value": "{element.large.textToIconX}", "$description": "", "$extensions": { "com.figma": { @@ -3452,33 +3704,9 @@ } }, "iconOnly": { - "paddingX": { - "$type": "number", - "$value": "{button.medium.default.iconOnly.paddingX}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["GAP"], - "codeSyntax": {} - } - } - }, - "paddingY": { - "$type": "number", - "$value": "{button.medium.default.iconOnly.paddingY}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["GAP"], - "codeSyntax": {} - } - } - }, "borderRadius": { "$type": "number", - "$value": "{button.medium.toolbar.borderRadius}", + "$value": "{button.default.large.borderRadius}", "$description": "", "$extensions": { "com.figma": { @@ -3490,7 +3718,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{button.medium.toolbar.borderWidth}", + "$value": "{button.default.large.borderWidth}", "$description": "", "$extensions": { "com.figma": { @@ -3502,7 +3730,7 @@ }, "minHeight": { "$type": "number", - "$value": "{button.medium.toolbar.minHeight}", + "$value": "{button.default.large.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -3514,19 +3742,19 @@ }, "minWidth": { "$type": "number", - "$value": "{button.medium.default.iconOnly.minWidth}", + "$value": "{button.default.large.iconOnly.minHeight}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], + "scopes": ["WIDTH_HEIGHT"], "codeSyntax": {} } } }, "fontSize": { "$type": "number", - "$value": "{button.medium.toolbar.fontSize}", + "$value": "{button.default.large.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -3538,7 +3766,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.medium.toolbar.lineHeight}", + "$value": "{button.default.large.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -3547,124 +3775,50 @@ "codeSyntax": {} } } - }, - "gapX": { - "$type": "number", - "$value": "{button.medium.toolbar.gapX}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["GAP"], - "codeSyntax": {} - } - } - } - } - } - }, - "large": { - "default": { - "paddingX": { - "$type": "number", - "$value": "{element.large.paddingX.wide}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["GAP"], - "codeSyntax": {} - } - } - }, - "paddingY": { - "$type": "number", - "$value": "{element.large.paddingY}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["GAP"], - "codeSyntax": {} - } - } - }, - "borderRadius": { - "$type": "number", - "$value": "{base.static.radius.xlarge}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["CORNER_RADIUS"], - "codeSyntax": {} - } - } - }, - "borderWidth": { - "$type": "number", - "$value": "{base.static.borderWidth.default}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"], - "codeSyntax": {} - } - } - }, - "minHeight": { - "$type": "number", - "$value": "{element.large.minHeight}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["WIDTH_HEIGHT"], - "codeSyntax": {} - } - } - }, - "fontSize": { - "$type": "number", - "$value": "{element.large.fontSize}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FONT_SIZE"], - "codeSyntax": {} - } - } - }, - "lineHeight": { - "$type": "number", - "$value": "{element.large.lineHeight}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["LINE_HEIGHT"], - "codeSyntax": {} + }, + "gapX": { + "$type": "number", + "$value": "{button.default.large.gapX}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["GAP"], + "codeSyntax": {} + } } - } - }, - "gapX": { - "$type": "number", - "$value": "{element.large.textToIconX}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["GAP"], - "codeSyntax": {} + }, + "paddingX": { + "$type": "number", + "$value": "{button.default.large.iconOnly.paddingY}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["GAP"], + "codeSyntax": {} + } + } + }, + "paddingY": { + "$type": "number", + "$value": 12, + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["GAP"], + "codeSyntax": {} + } } } - }, + } + }, + "xlarge": { "iconOnly": { "borderRadius": { "$type": "number", - "$value": "{button.large.default.borderRadius}", + "$value": "{button.default.xlarge.borderRadius}", "$description": "", "$extensions": { "com.figma": { @@ -3676,7 +3830,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{button.large.default.borderWidth}", + "$value": "{button.default.xlarge.borderWidth}", "$description": "", "$extensions": { "com.figma": { @@ -3688,7 +3842,7 @@ }, "minHeight": { "$type": "number", - "$value": "{button.large.default.minHeight}", + "$value": "{button.default.xlarge.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -3700,7 +3854,7 @@ }, "minWidth": { "$type": "number", - "$value": "{button.large.default.iconOnly.minHeight}", + "$value": "{button.default.xlarge.iconOnly.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -3712,7 +3866,7 @@ }, "fontSize": { "$type": "number", - "$value": "{button.large.default.fontSize}", + "$value": "{button.default.xlarge.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -3724,7 +3878,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.large.default.lineHeight}", + "$value": "{button.default.xlarge.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -3736,7 +3890,7 @@ }, "gapX": { "$type": "number", - "$value": "{button.large.default.gapX}", + "$value": "{button.default.xlarge.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -3748,7 +3902,7 @@ }, "paddingX": { "$type": "number", - "$value": "{button.large.default.iconOnly.paddingY}", + "$value": "{button.default.xlarge.iconOnly.paddingY}", "$description": "", "$extensions": { "com.figma": { @@ -3760,7 +3914,7 @@ }, "paddingY": { "$type": "number", - "$value": 12, + "$value": 23, "$description": "", "$extensions": { "com.figma": { @@ -3770,12 +3924,10 @@ } } } - } - }, - "primary": { + }, "paddingX": { "$type": "number", - "$value": "{button.large.default.paddingX}", + "$value": "{element.xlarge.paddingX.wide}", "$description": "", "$extensions": { "com.figma": { @@ -3787,7 +3939,7 @@ }, "paddingY": { "$type": "number", - "$value": "{button.large.default.paddingY}", + "$value": "{element.xlarge.paddingY}", "$description": "", "$extensions": { "com.figma": { @@ -3799,7 +3951,7 @@ }, "borderRadius": { "$type": "number", - "$value": "{button.large.default.borderRadius}", + "$value": "{base.static.radius.full}", "$description": "", "$extensions": { "com.figma": { @@ -3811,7 +3963,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{button.large.default.borderWidth}", + "$value": "{base.static.borderWidth.default}", "$description": "", "$extensions": { "com.figma": { @@ -3823,7 +3975,7 @@ }, "minHeight": { "$type": "number", - "$value": "{button.large.default.minHeight}", + "$value": "{element.xlarge.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -3835,7 +3987,7 @@ }, "fontSize": { "$type": "number", - "$value": "{button.large.default.fontSize}", + "$value": "{element.xlarge.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -3847,7 +3999,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.large.default.lineHeight}", + "$value": "{element.xlarge.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -3859,7 +4011,7 @@ }, "gapX": { "$type": "number", - "$value": "{button.large.default.gapX}", + "$value": "{element.xlarge.textToIconX}", "$description": "", "$extensions": { "com.figma": { @@ -3868,353 +4020,264 @@ "codeSyntax": {} } } - }, - "iconOnly": { - "borderRadius": { - "$type": "number", - "$value": "{button.large.primary.borderRadius}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["CORNER_RADIUS"], - "codeSyntax": {} - } - } - }, - "borderWidth": { - "$type": "number", - "$value": "{button.large.primary.borderWidth}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"], - "codeSyntax": {} - } - } - }, - "minHeight": { - "$type": "number", - "$value": "{button.large.primary.minHeight}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["WIDTH_HEIGHT"], - "codeSyntax": {} - } - } - }, - "minWidth": { - "$type": "number", - "$value": "{button.large.default.iconOnly.minWidth}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["WIDTH_HEIGHT"], - "codeSyntax": {} - } - } - }, - "fontSize": { - "$type": "number", - "$value": "{button.large.primary.fontSize}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FONT_SIZE"], - "codeSyntax": {} - } + } + } + }, + "toolbar": { + "enabled": { + "background": { + "$type": "color", + "$value": "{color.transparent}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL"], + "codeSyntax": {} } - }, - "lineHeight": { - "$type": "number", - "$value": "{button.large.primary.lineHeight}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["LINE_HEIGHT"], - "codeSyntax": {} - } + } + }, + "borderColor": { + "$type": "color", + "$value": "{color.border.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["STROKE_COLOR", "EFFECT_COLOR"], + "codeSyntax": {} } - }, - "gapX": { - "$type": "number", - "$value": "{button.large.primary.gapX}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["GAP"], - "codeSyntax": {} - } + } + }, + "textColor": { + "$type": "color", + "$value": "{button.default.enabled.textColor}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["TEXT_FILL"], + "codeSyntax": {} } - }, - "paddingX": { - "$type": "number", - "$value": "{button.large.default.iconOnly.paddingX}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["GAP"], - "codeSyntax": {} - } + } + }, + "iconColor": { + "$type": "color", + "$value": "{button.default.enabled.iconColor}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "codeSyntax": {} } - }, - "paddingY": { - "$type": "number", - "$value": "{button.large.default.iconOnly.paddingY}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["GAP"], - "codeSyntax": {} - } + } + }, + "fontWeight": { + "$type": "number", + "$value": "{button.default.enabled.fontWeight}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FONT_STYLE"], + "codeSyntax": {} } } } }, - "secondary": { - "paddingX": { - "$type": "number", - "$value": "{button.large.default.paddingX}", + "disabled": { + "background": { + "$type": "color", + "$value": "{color.background.disabled}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["GAP"], + "scopes": ["FRAME_FILL", "SHAPE_FILL"], "codeSyntax": {} } } }, - "paddingY": { - "$type": "number", - "$value": 8, + "borderColor": { + "$type": "color", + "$value": "{color.border.disabled}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["STROKE_COLOR", "EFFECT_COLOR"], + "codeSyntax": {} + } + } + }, + "textColor": { + "$type": "color", + "$value": "{color.text.disabled}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["TEXT_FILL"], + "codeSyntax": {} + } + } + }, + "iconColor": { + "$type": "color", + "$value": "{color.icon.disabled}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["GAP"], + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], "codeSyntax": {} } } }, - "borderRadius": { + "fontWeight": { "$type": "number", - "$value": "{button.large.default.borderRadius}", + "$value": "{button.default.enabled.fontWeight}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["CORNER_RADIUS"], + "scopes": ["FONT_STYLE"], "codeSyntax": {} } } - }, - "borderWidth": { - "$type": "number", - "$value": "{base.static.borderWidth.small}", + } + }, + "hover": { + "background": { + "$type": "color", + "$value": "{color.background.hover}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"], + "scopes": ["FRAME_FILL", "SHAPE_FILL"], "codeSyntax": {} } } }, - "minHeight": { - "$type": "number", - "$value": "{button.large.default.minHeight}", + "borderColor": { + "$type": "color", + "$value": "{button.toolbar.enabled.borderColor}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["WIDTH_HEIGHT"], + "scopes": ["STROKE_COLOR", "EFFECT_COLOR"], "codeSyntax": {} } } }, - "fontSize": { - "$type": "number", - "$value": "{button.large.default.fontSize}", + "textColor": { + "$type": "color", + "$value": "{button.toolbar.enabled.textColor}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FONT_SIZE"], + "scopes": ["TEXT_FILL"], "codeSyntax": {} } } }, - "lineHeight": { - "$type": "number", - "$value": "{button.large.default.lineHeight}", + "iconColor": { + "$type": "color", + "$value": "{button.toolbar.enabled.iconColor}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["LINE_HEIGHT"], + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], "codeSyntax": {} } } }, - "gapX": { + "fontWeight": { "$type": "number", - "$value": "{button.large.default.gapX}", + "$value": "{button.default.enabled.fontWeight}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["GAP"], + "scopes": ["FONT_STYLE"], "codeSyntax": {} } } - }, - "iconOnly": { - "borderRadius": { - "$type": "number", - "$value": "{button.large.secondary.borderRadius}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["CORNER_RADIUS"], - "codeSyntax": {} - } - } - }, - "borderWidth": { - "$type": "number", - "$value": "{button.large.secondary.borderWidth}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"], - "codeSyntax": {} - } - } - }, - "minHeight": { - "$type": "number", - "$value": "{button.large.secondary.minHeight}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["WIDTH_HEIGHT"], - "codeSyntax": {} - } - } - }, - "minWidth": { - "$type": "number", - "$value": "{button.large.default.iconOnly.minWidth}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["WIDTH_HEIGHT"], - "codeSyntax": {} - } - } - }, - "fontSize": { - "$type": "number", - "$value": "{button.large.secondary.fontSize}", + } + }, + "selected": { + "enabled": { + "background": { + "$type": "color", + "$value": "{button.default.selected.enabled.background}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FONT_SIZE"], + "scopes": ["FRAME_FILL", "SHAPE_FILL"], "codeSyntax": {} } } }, - "lineHeight": { - "$type": "number", - "$value": "{button.large.secondary.lineHeight}", + "borderColor": { + "$type": "color", + "$value": "{button.default.selected.enabled.borderColor}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["LINE_HEIGHT"], + "scopes": ["STROKE_COLOR", "EFFECT_COLOR"], "codeSyntax": {} } } }, - "gapX": { - "$type": "number", - "$value": "{button.large.secondary.gapX}", + "textColor": { + "$type": "color", + "$value": "{button.default.selected.enabled.textColor}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["GAP"], + "scopes": ["TEXT_FILL"], "codeSyntax": {} } } }, - "paddingX": { - "$type": "number", - "$value": "{button.large.default.iconOnly.paddingX}", + "iconColor": { + "$type": "color", + "$value": "{button.default.selected.enabled.iconColor}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["GAP"], + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], "codeSyntax": {} } } }, - "paddingY": { + "fontWeight": { "$type": "number", - "$value": "{button.large.default.iconOnly.paddingY}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["GAP"], - "codeSyntax": {} - } - } - } - }, - "hover": { - "boxShadow": { - "$type": "shadow", - "$value": [ - { - "offsetX": "{base.static.spacing.none}", - "offsetY": "{base.static.spacing.none}", - "blur": "{base.static.spacing.none}", - "spread": "{base.dimension.25}", - "color": "{button.secondary.hover.borderColor}", - "inset": true - } - ], + "$value": "{button.default.enabled.fontWeight}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], + "scopes": ["FONT_STYLE"], "codeSyntax": {} } } } } }, - "toolbar": { + "xsmall": { "paddingX": { "$type": "number", - "$value": "{base.dimension.250}", + "$value": "{element.xsmall.paddingX.default}", "$description": "", "$extensions": { "com.figma": { @@ -4226,7 +4289,7 @@ }, "paddingY": { "$type": "number", - "$value": 9, + "$value": 3, "$description": "", "$extensions": { "com.figma": { @@ -4250,7 +4313,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{borderWidth.default}", + "$value": "{base.static.borderWidth.default}", "$description": "", "$extensions": { "com.figma": { @@ -4262,7 +4325,7 @@ }, "minHeight": { "$type": "number", - "$value": "{button.large.default.minHeight}", + "$value": "{element.xsmall.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -4274,7 +4337,7 @@ }, "fontSize": { "$type": "number", - "$value": "{button.large.default.fontSize}", + "$value": "{element.xsmall.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -4286,7 +4349,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.large.default.lineHeight}", + "$value": "{element.xsmall.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -4296,106 +4359,10 @@ } } }, - "gapX": { - "$type": "number", - "$value": "{button.large.default.gapX}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["GAP"], - "codeSyntax": {} - } - } - }, "iconOnly": { - "borderRadius": { - "$type": "number", - "$value": "{button.large.toolbar.borderRadius}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["CORNER_RADIUS"], - "codeSyntax": {} - } - } - }, - "borderWidth": { - "$type": "number", - "$value": "{button.large.toolbar.borderWidth}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"], - "codeSyntax": {} - } - } - }, - "minHeight": { - "$type": "number", - "$value": "{button.large.toolbar.minHeight}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["WIDTH_HEIGHT"], - "codeSyntax": {} - } - } - }, - "minWidth": { - "$type": "number", - "$value": "{button.large.default.iconOnly.minWidth}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["WIDTH_HEIGHT"], - "codeSyntax": {} - } - } - }, - "fontSize": { - "$type": "number", - "$value": "{button.large.toolbar.fontSize}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FONT_SIZE"], - "codeSyntax": {} - } - } - }, - "lineHeight": { - "$type": "number", - "$value": "{button.large.toolbar.lineHeight}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["LINE_HEIGHT"], - "codeSyntax": {} - } - } - }, - "gapX": { - "$type": "number", - "$value": "{button.large.toolbar.gapX}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["GAP"], - "codeSyntax": {} - } - } - }, "paddingX": { "$type": "number", - "$value": 14, + "$value": 5, "$description": "", "$extensions": { "com.figma": { @@ -4407,7 +4374,7 @@ }, "paddingY": { "$type": "number", - "$value": "{button.large.default.iconOnly.paddingY}", + "$value": 3, "$description": "", "$extensions": { "com.figma": { @@ -4416,16 +4383,10 @@ "codeSyntax": {} } } - } - } - } - }, - "xlarge": { - "default": { - "iconOnly": { + }, "borderRadius": { "$type": "number", - "$value": "{button.xlarge.default.borderRadius}", + "$value": "{button.toolbar.xsmall.borderRadius}", "$description": "", "$extensions": { "com.figma": { @@ -4437,7 +4398,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{button.xlarge.default.borderWidth}", + "$value": "{button.toolbar.xsmall.borderWidth}", "$description": "", "$extensions": { "com.figma": { @@ -4449,7 +4410,7 @@ }, "minHeight": { "$type": "number", - "$value": "{button.xlarge.default.minHeight}", + "$value": "{button.toolbar.xsmall.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -4461,7 +4422,7 @@ }, "minWidth": { "$type": "number", - "$value": "{button.xlarge.default.iconOnly.minHeight}", + "$value": "{button.default.xsmall.iconOnly.minWidth}", "$description": "", "$extensions": { "com.figma": { @@ -4473,7 +4434,7 @@ }, "fontSize": { "$type": "number", - "$value": "{button.xlarge.default.fontSize}", + "$value": "{button.toolbar.xsmall.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -4485,7 +4446,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.xlarge.default.lineHeight}", + "$value": "{button.toolbar.xsmall.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -4497,31 +4458,7 @@ }, "gapX": { "$type": "number", - "$value": "{button.xlarge.default.gapX}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["GAP"], - "codeSyntax": {} - } - } - }, - "paddingX": { - "$type": "number", - "$value": "{button.xlarge.default.iconOnly.paddingY}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["GAP"], - "codeSyntax": {} - } - } - }, - "paddingY": { - "$type": "number", - "$value": 23, + "$value": "{button.toolbar.xsmall.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -4532,9 +4469,23 @@ } } }, + "gapX": { + "$type": "number", + "$value": "{element.xsmall.textToIconX}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["GAP"], + "codeSyntax": {} + } + } + } + }, + "small": { "paddingX": { "$type": "number", - "$value": "{element.xlarge.paddingX.wide}", + "$value": "{element.small.paddingX.default}", "$description": "", "$extensions": { "com.figma": { @@ -4546,7 +4497,7 @@ }, "paddingY": { "$type": "number", - "$value": "{element.xlarge.paddingY}", + "$value": "{button.default.small.paddingY}", "$description": "", "$extensions": { "com.figma": { @@ -4558,7 +4509,7 @@ }, "borderRadius": { "$type": "number", - "$value": "{base.static.radius.full}", + "$value": "{base.static.radius.xsmall}", "$description": "", "$extensions": { "com.figma": { @@ -4582,7 +4533,7 @@ }, "minHeight": { "$type": "number", - "$value": "{element.xlarge.minHeight}", + "$value": "{element.small.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -4594,7 +4545,7 @@ }, "fontSize": { "$type": "number", - "$value": "{element.xlarge.fontSize}", + "$value": "{element.small.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -4606,7 +4557,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{element.xlarge.lineHeight}", + "$value": "{element.small.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -4618,7 +4569,7 @@ }, "gapX": { "$type": "number", - "$value": "{element.xlarge.textToIconX}", + "$value": "{element.xsmall.textToIconX}", "$description": "", "$extensions": { "com.figma": { @@ -4627,109 +4578,107 @@ "codeSyntax": {} } } - } - }, - "primary": { + }, "iconOnly": { - "borderRadius": { + "paddingX": { "$type": "number", - "$value": "{button.xlarge.primary.borderRadius}", + "$value": 5, "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["CORNER_RADIUS"], + "scopes": ["GAP"], "codeSyntax": {} } } }, - "borderWidth": { + "paddingY": { "$type": "number", - "$value": "{button.xlarge.primary.borderWidth}", + "$value": 5, "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"], + "scopes": ["GAP"], "codeSyntax": {} } } }, - "minHeight": { + "borderRadius": { "$type": "number", - "$value": "{button.xlarge.primary.minHeight}", + "$value": "{button.toolbar.small.borderRadius}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["WIDTH_HEIGHT"], + "scopes": ["CORNER_RADIUS"], "codeSyntax": {} } } }, - "minWidth": { + "borderWidth": { "$type": "number", - "$value": "{button.xlarge.default.iconOnly.minWidth}", + "$value": "{button.toolbar.small.borderWidth}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["WIDTH_HEIGHT"], + "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"], "codeSyntax": {} } } }, - "fontSize": { + "minHeight": { "$type": "number", - "$value": "{button.xlarge.primary.fontSize}", + "$value": "{button.toolbar.small.minHeight}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FONT_SIZE"], + "scopes": ["WIDTH_HEIGHT"], "codeSyntax": {} } } }, - "lineHeight": { + "minWidth": { "$type": "number", - "$value": "{button.xlarge.primary.lineHeight}", + "$value": "{button.default.small.iconOnly.minHeight}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["LINE_HEIGHT"], + "scopes": ["ALL_SCOPES"], "codeSyntax": {} } } }, - "gapX": { + "fontSize": { "$type": "number", - "$value": "{button.xlarge.primary.gapX}", + "$value": "{button.toolbar.small.fontSize}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["GAP"], + "scopes": ["FONT_SIZE"], "codeSyntax": {} } } }, - "paddingX": { + "lineHeight": { "$type": "number", - "$value": "{button.xlarge.default.iconOnly.paddingX}", + "$value": "{button.toolbar.small.lineHeight}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["GAP"], + "scopes": ["LINE_HEIGHT"], "codeSyntax": {} } } }, - "paddingY": { + "gapX": { "$type": "number", - "$value": "{button.xlarge.default.iconOnly.paddingY}", + "$value": "{button.toolbar.small.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -4739,10 +4688,12 @@ } } } - }, + } + }, + "medium": { "paddingX": { "$type": "number", - "$value": "{button.xlarge.default.paddingX}", + "$value": "{element.medium.paddingX.default}", "$description": "", "$extensions": { "com.figma": { @@ -4754,7 +4705,7 @@ }, "paddingY": { "$type": "number", - "$value": "{button.xlarge.default.paddingY}", + "$value": "{button.default.medium.paddingY}", "$description": "", "$extensions": { "com.figma": { @@ -4766,7 +4717,7 @@ }, "borderRadius": { "$type": "number", - "$value": "{button.xlarge.default.borderRadius}", + "$value": "{base.static.spacing.xsmall}", "$description": "", "$extensions": { "com.figma": { @@ -4778,7 +4729,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{button.xlarge.default.borderWidth}", + "$value": "{borderWidth.default}", "$description": "", "$extensions": { "com.figma": { @@ -4790,7 +4741,7 @@ }, "minHeight": { "$type": "number", - "$value": "{button.xlarge.default.minHeight}", + "$value": "{button.default.medium.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -4802,7 +4753,7 @@ }, "fontSize": { "$type": "number", - "$value": "{button.xlarge.default.fontSize}", + "$value": "{button.default.medium.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -4814,7 +4765,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.xlarge.default.lineHeight}", + "$value": "{button.default.medium.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -4826,7 +4777,7 @@ }, "gapX": { "$type": "number", - "$value": "{button.xlarge.default.gapX}", + "$value": "{button.default.medium.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -4835,109 +4786,107 @@ "codeSyntax": {} } } - } - }, - "secondary": { + }, "iconOnly": { - "borderRadius": { + "paddingX": { "$type": "number", - "$value": "{button.xlarge.secondary.borderRadius}", + "$value": "{button.default.medium.iconOnly.paddingX}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["CORNER_RADIUS"], + "scopes": ["GAP"], "codeSyntax": {} } } }, - "borderWidth": { + "paddingY": { "$type": "number", - "$value": "{button.xlarge.secondary.borderWidth}", + "$value": "{button.default.medium.iconOnly.paddingY}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"], + "scopes": ["GAP"], "codeSyntax": {} } } }, - "minHeight": { + "borderRadius": { "$type": "number", - "$value": "{button.xlarge.secondary.minHeight}", + "$value": "{button.toolbar.medium.borderRadius}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["WIDTH_HEIGHT"], + "scopes": ["CORNER_RADIUS"], "codeSyntax": {} } } }, - "minWidth": { + "borderWidth": { "$type": "number", - "$value": "{button.xlarge.default.iconOnly.minWidth}", + "$value": "{button.toolbar.medium.borderWidth}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["WIDTH_HEIGHT"], + "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"], "codeSyntax": {} } } }, - "fontSize": { + "minHeight": { "$type": "number", - "$value": "{button.xlarge.secondary.fontSize}", + "$value": "{button.toolbar.medium.minHeight}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FONT_SIZE"], + "scopes": ["WIDTH_HEIGHT"], "codeSyntax": {} } } }, - "lineHeight": { + "minWidth": { "$type": "number", - "$value": "{button.xlarge.secondary.lineHeight}", + "$value": "{button.default.medium.iconOnly.minWidth}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["LINE_HEIGHT"], + "scopes": ["ALL_SCOPES"], "codeSyntax": {} } } }, - "gapX": { + "fontSize": { "$type": "number", - "$value": "{button.xlarge.secondary.gapX}", + "$value": "{button.toolbar.medium.fontSize}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["GAP"], + "scopes": ["FONT_SIZE"], "codeSyntax": {} } } }, - "paddingX": { + "lineHeight": { "$type": "number", - "$value": "{button.xlarge.default.iconOnly.paddingX}", + "$value": "{button.toolbar.medium.lineHeight}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["GAP"], + "scopes": ["LINE_HEIGHT"], "codeSyntax": {} } } }, - "paddingY": { + "gapX": { "$type": "number", - "$value": "{button.xlarge.default.iconOnly.paddingY}", + "$value": "{button.toolbar.medium.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -4947,10 +4896,12 @@ } } } - }, + } + }, + "large": { "paddingX": { "$type": "number", - "$value": "{button.xlarge.default.paddingX}", + "$value": "{base.dimension.250}", "$description": "", "$extensions": { "com.figma": { @@ -4962,7 +4913,7 @@ }, "paddingY": { "$type": "number", - "$value": 19, + "$value": 9, "$description": "", "$extensions": { "com.figma": { @@ -4974,7 +4925,7 @@ }, "borderRadius": { "$type": "number", - "$value": "{button.xlarge.default.borderRadius}", + "$value": "{base.static.radius.xsmall}", "$description": "", "$extensions": { "com.figma": { @@ -4986,7 +4937,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{base.static.borderWidth.small}", + "$value": "{borderWidth.default}", "$description": "", "$extensions": { "com.figma": { @@ -4998,7 +4949,7 @@ }, "minHeight": { "$type": "number", - "$value": "{button.xlarge.default.minHeight}", + "$value": "{button.default.large.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -5010,7 +4961,7 @@ }, "fontSize": { "$type": "number", - "$value": "{button.xlarge.default.fontSize}", + "$value": "{button.default.large.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -5022,7 +4973,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.xlarge.default.lineHeight}", + "$value": "{button.default.large.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -5034,7 +4985,7 @@ }, "gapX": { "$type": "number", - "$value": "{button.xlarge.default.gapX}", + "$value": "{button.default.large.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -5044,35 +4995,122 @@ } } }, - "hover": { - "boxShadow": { - "$type": "shadow", - "$value": [ - { - "offsetX": "{base.static.spacing.none}", - "offsetY": "{base.static.spacing.none}", - "blur": "{base.static.spacing.none}", - "spread": "{base.dimension.25}", - "color": "{button.secondary.hover.borderColor}", - "inset": true + "iconOnly": { + "borderRadius": { + "$type": "number", + "$value": "{button.toolbar.large.borderRadius}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["CORNER_RADIUS"], + "codeSyntax": {} } - ], + } + }, + "borderWidth": { + "$type": "number", + "$value": "{button.toolbar.large.borderWidth}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], + "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"], + "codeSyntax": {} + } + } + }, + "minHeight": { + "$type": "number", + "$value": "{button.toolbar.large.minHeight}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["WIDTH_HEIGHT"], + "codeSyntax": {} + } + } + }, + "minWidth": { + "$type": "number", + "$value": "{button.default.large.iconOnly.minWidth}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["WIDTH_HEIGHT"], + "codeSyntax": {} + } + } + }, + "fontSize": { + "$type": "number", + "$value": "{button.toolbar.large.fontSize}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FONT_SIZE"], + "codeSyntax": {} + } + } + }, + "lineHeight": { + "$type": "number", + "$value": "{button.toolbar.large.lineHeight}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["LINE_HEIGHT"], + "codeSyntax": {} + } + } + }, + "gapX": { + "$type": "number", + "$value": "{button.toolbar.large.gapX}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["GAP"], + "codeSyntax": {} + } + } + }, + "paddingX": { + "$type": "number", + "$value": 14, + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["GAP"], + "codeSyntax": {} + } + } + }, + "paddingY": { + "$type": "number", + "$value": "{button.default.large.iconOnly.paddingY}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["GAP"], "codeSyntax": {} } } } } }, - "toolbar": { + "xlarge": { "iconOnly": { "borderRadius": { "$type": "number", - "$value": "{button.xlarge.toolbar.borderRadius}", + "$value": "{button.toolbar.xlarge.borderRadius}", "$description": "", "$extensions": { "com.figma": { @@ -5084,7 +5122,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{button.xlarge.toolbar.borderWidth}", + "$value": "{button.toolbar.xlarge.borderWidth}", "$description": "", "$extensions": { "com.figma": { @@ -5096,7 +5134,7 @@ }, "minHeight": { "$type": "number", - "$value": "{button.xlarge.toolbar.minHeight}", + "$value": "{button.toolbar.xlarge.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -5108,7 +5146,7 @@ }, "minWidth": { "$type": "number", - "$value": "{button.xlarge.default.iconOnly.minWidth}", + "$value": "{button.default.xlarge.iconOnly.minWidth}", "$description": "", "$extensions": { "com.figma": { @@ -5120,7 +5158,7 @@ }, "fontSize": { "$type": "number", - "$value": "{button.xlarge.toolbar.fontSize}", + "$value": "{button.toolbar.xlarge.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -5132,7 +5170,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.xlarge.toolbar.lineHeight}", + "$value": "{button.toolbar.xlarge.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -5144,7 +5182,7 @@ }, "gapX": { "$type": "number", - "$value": "{button.xlarge.toolbar.gapX}", + "$value": "{button.toolbar.xlarge.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -5156,7 +5194,7 @@ }, "paddingX": { "$type": "number", - "$value": "{button.xlarge.default.iconOnly.paddingX}", + "$value": "{button.default.xlarge.iconOnly.paddingX}", "$description": "", "$extensions": { "com.figma": { @@ -5168,7 +5206,7 @@ }, "paddingY": { "$type": "number", - "$value": "{button.xlarge.default.iconOnly.paddingY}", + "$value": "{button.default.xlarge.iconOnly.paddingY}", "$description": "", "$extensions": { "com.figma": { @@ -5181,7 +5219,7 @@ }, "paddingX": { "$type": "number", - "$value": "{button.xlarge.default.paddingX}", + "$value": "{button.default.xlarge.paddingX}", "$description": "", "$extensions": { "com.figma": { @@ -5193,7 +5231,7 @@ }, "paddingY": { "$type": "number", - "$value": "{button.xlarge.default.paddingY}", + "$value": "{button.default.xlarge.paddingY}", "$description": "", "$extensions": { "com.figma": { @@ -5217,7 +5255,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{button.xlarge.default.borderWidth}", + "$value": "{button.default.xlarge.borderWidth}", "$description": "", "$extensions": { "com.figma": { @@ -5229,7 +5267,7 @@ }, "minHeight": { "$type": "number", - "$value": "{button.xlarge.default.minHeight}", + "$value": "{button.default.xlarge.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -5241,7 +5279,7 @@ }, "fontSize": { "$type": "number", - "$value": "{button.xlarge.default.fontSize}", + "$value": "{button.default.xlarge.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -5253,7 +5291,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.xlarge.default.lineHeight}", + "$value": "{button.default.xlarge.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -5265,7 +5303,7 @@ }, "gapX": { "$type": "number", - "$value": "{button.xlarge.default.gapX}", + "$value": "{button.default.xlarge.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -5537,7 +5575,7 @@ "item": { "paddingX": { "$type": "number", - "$value": "{button.medium.default.paddingX}", + "$value": "{button.default.medium.paddingX}", "$description": "", "$extensions": { "com.figma": { @@ -5549,7 +5587,7 @@ }, "paddingY": { "$type": "number", - "$value": "{button.medium.default.paddingY}", + "$value": "{button.default.medium.paddingY}", "$description": "", "$extensions": { "com.figma": { @@ -5585,7 +5623,7 @@ }, "minHeight": { "$type": "number", - "$value": "{button.medium.default.minHeight}", + "$value": "{button.default.medium.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -5597,7 +5635,7 @@ }, "fontSize": { "$type": "number", - "$value": "{button.medium.default.fontSize}", + "$value": "{button.default.medium.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -5609,7 +5647,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.medium.default.lineHeight}", + "$value": "{button.default.medium.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -5729,7 +5767,7 @@ }, "fontSize": { "$type": "number", - "$value": "{button.medium.default.fontSize}", + "$value": "{button.default.medium.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -5741,7 +5779,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.medium.default.lineHeight}", + "$value": "{button.default.medium.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -8193,7 +8231,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{heading.xsmall.lineHeight}", + "$value": "{text.xsmall.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -9809,7 +9847,7 @@ "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL"], + "scopes": ["STROKE_COLOR", "EFFECT_COLOR"], "codeSyntax": {} } } diff --git a/design-tokens/tokens/primitive/primitives.base.json b/design-tokens/tokens/primitive/primitives.base.json index 396544ab8..6d7f9eed7 100644 --- a/design-tokens/tokens/primitive/primitives.base.json +++ b/design-tokens/tokens/primitive/primitives.base.json @@ -1548,7 +1548,7 @@ } } }, - "purple3": { + "purple-2": { "$type": "color", "$value": "#9a3ac0", "$description": "", diff --git a/design-tokens/tokens/semantic/color.dark.json b/design-tokens/tokens/semantic/color.dark.json index cd7158cc2..be60109ff 100644 --- a/design-tokens/tokens/semantic/color.dark.json +++ b/design-tokens/tokens/semantic/color.dark.json @@ -909,6 +909,18 @@ } }, "decorative": { + "brand": { + "$type": "color", + "$value": "#ffffff", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} + } + } + }, "green": { "$type": "color", "$value": "{base.color.green.700}", @@ -1166,7 +1178,7 @@ }, "80": { "$type": "color", - "$value": "{base.color.dataVis.purple3}", + "$value": "{base.color.dataVis.purple-2}", "$description": "", "$extensions": { "com.figma": { diff --git a/design-tokens/tokens/semantic/color.light.json b/design-tokens/tokens/semantic/color.light.json index 6572fd26b..fdad87ddc 100644 --- a/design-tokens/tokens/semantic/color.light.json +++ b/design-tokens/tokens/semantic/color.light.json @@ -909,6 +909,18 @@ } }, "decorative": { + "brand": { + "$type": "color", + "$value": "{base.color.brand}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} + } + } + }, "green": { "$type": "color", "$value": "{base.color.green.400}", diff --git a/design-tokens/tokens/semantic/global.default.json b/design-tokens/tokens/semantic/global.default.json index cb8ebec93..65ed762e7 100644 --- a/design-tokens/tokens/semantic/global.default.json +++ b/design-tokens/tokens/semantic/global.default.json @@ -15,38 +15,6 @@ "codeSyntax": {} } } - }, - "outlineOffset": { - "$type": "number", - "$value": 2, - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": true, - "scopes": [], - "codeSyntax": {} - } - } - }, - "boxShadow": { - "$type": "shadow", - "$value": [ - { - "color": "white", - "offsetX": 0, - "offsetY": 0, - "blur": 0, - "spread": "{focusIndicator.outlineOffset}" - } - ], - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": true, - "scopes": [], - "codeSyntax": {} - } - } } }, "fontStack": { diff --git a/yarn.lock b/yarn.lock index 407e2b002..2e6e36e3a 100644 --- a/yarn.lock +++ b/yarn.lock @@ -7519,12 +7519,7 @@ graphlib@^2.1.5: dependencies: lodash "^4.17.15" -grommet-icons@^4.12.1: - version "4.12.1" - resolved "https://registry.yarnpkg.com/grommet-icons/-/grommet-icons-4.12.1.tgz#780aa7cd59c5586f642f221bdb5c6becd04ad000" - integrity sha512-LhOP6BkDAGiSNcUOfsGGRo+AKD6zWOXeNeusY1WYvKplAR6mKCAQfH7Nig2Buc/v5zadKSko2NDtCQqwJaME0Q== - -"grommet-icons@https://github.com/grommet/grommet-icons/tarball/stable": +grommet-icons@^4.12.1, "grommet-icons@https://github.com/grommet/grommet-icons/tarball/stable": version "4.12.1" resolved "https://github.com/grommet/grommet-icons/tarball/stable#92f4e88ab19fa618a4952ac74802f606bf44c207" @@ -7535,7 +7530,7 @@ grommet-theme-hpe@5.7.0: "grommet@https://github.com/grommet/grommet/tarball/stable": version "2.42.0" - resolved "https://github.com/grommet/grommet/tarball/stable#7bedb3e3864e0e4a435f1271c274550124d2a3c6" + resolved "https://github.com/grommet/grommet/tarball/stable#763c5b4920e5a86f23f3ab55d010f44839e767d0" dependencies: "@emotion/is-prop-valid" "^1.3.1" grommet-icons "^4.12.1" From 4e8ffdc833de6f204cef362325f87c056af2129f Mon Sep 17 00:00:00 2001 From: taysea Date: Wed, 20 Nov 2024 14:24:38 -0800 Subject: [PATCH 16/53] Keep focusIndicator --- .../tokens/semantic/global.default.json | 32 +++++++++++++++++++ 1 file changed, 32 insertions(+) diff --git a/design-tokens/tokens/semantic/global.default.json b/design-tokens/tokens/semantic/global.default.json index 65ed762e7..cb8ebec93 100644 --- a/design-tokens/tokens/semantic/global.default.json +++ b/design-tokens/tokens/semantic/global.default.json @@ -15,6 +15,38 @@ "codeSyntax": {} } } + }, + "outlineOffset": { + "$type": "number", + "$value": 2, + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "boxShadow": { + "$type": "shadow", + "$value": [ + { + "color": "white", + "offsetX": 0, + "offsetY": 0, + "blur": 0, + "spread": "{focusIndicator.outlineOffset}" + } + ], + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } } }, "fontStack": { From 0087325940b789e17d7d6d6a8995ad02de57ccb0 Mon Sep 17 00:00:00 2001 From: taysea Date: Wed, 20 Nov 2024 15:33:40 -0800 Subject: [PATCH 17/53] Update tokens from Figma --- .../tokens/component/component.default.json | 60 ++----------------- design-tokens/tokens/semantic/color.dark.json | 56 +++-------------- .../tokens/semantic/color.light.json | 56 +++-------------- 3 files changed, 24 insertions(+), 148 deletions(-) diff --git a/design-tokens/tokens/component/component.default.json b/design-tokens/tokens/component/component.default.json index ab7f9c677..02d54baff 100644 --- a/design-tokens/tokens/component/component.default.json +++ b/design-tokens/tokens/component/component.default.json @@ -1966,7 +1966,7 @@ }, "minWidth": { "$type": "number", - "$value": "{button.default.small.iconOnly.minWidth}", + "$value": "{button.secondary.small.iconOnly.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -2197,7 +2197,7 @@ }, "minWidth": { "$type": "number", - "$value": "{button.default.medium.iconOnly.minWidth}", + "$value": "{button.secondary.medium.iconOnly.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -2404,7 +2404,7 @@ }, "minWidth": { "$type": "number", - "$value": "{button.default.large.iconOnly.minWidth}", + "$value": "{button.secondary.large.iconOnly.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -2539,7 +2539,7 @@ }, "minWidth": { "$type": "number", - "$value": "{button.default.xlarge.iconOnly.minWidth}", + "$value": "{button.secondary.xlarge.iconOnly.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -3633,7 +3633,7 @@ }, "borderRadius": { "$type": "number", - "$value": "{base.static.radius.xlarge}", + "$value": "{base.static.radius.full}", "$description": "", "$extensions": { "com.figma": { @@ -6836,54 +6836,6 @@ } } }, - "width": { - "$type": "number", - "$value": 48, - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["WIDTH_HEIGHT"], - "codeSyntax": {} - } - } - }, - "height": { - "$type": "number", - "$value": 24, - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["WIDTH_HEIGHT"], - "codeSyntax": {} - } - } - }, - "borderRadius": { - "$type": "number", - "$value": 9999, - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["CORNER_RADIUS"], - "codeSyntax": {} - } - } - }, - "borderWidth": { - "$type": "number", - "$value": "{borderWidth.default}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"], - "codeSyntax": {} - } - } - }, "label": { "fontSize": { "$type": "number", @@ -9596,7 +9548,7 @@ "pinned": { "textColor": { "$type": "color", - "$value": "{dataCell.enabled.iconColor}", + "$value": "{dataCell.enabled.textColor}", "$description": "", "$extensions": { "com.figma": { diff --git a/design-tokens/tokens/semantic/color.dark.json b/design-tokens/tokens/semantic/color.dark.json index be60109ff..63d8f271e 100644 --- a/design-tokens/tokens/semantic/color.dark.json +++ b/design-tokens/tokens/semantic/color.dark.json @@ -483,29 +483,29 @@ } } }, - "onStrong": { + "heading": { "default": { "$type": "color", - "$value": "{base.color.grey.1200}", + "$value": "{color.text.strong}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["TEXT_FILL"], + "scopes": ["ALL_SCOPES"], "codeSyntax": {} } } } }, - "heading": { + "onStrong": { "default": { "$type": "color", - "$value": "{color.text.strong}", + "$value": "{base.color.grey.1200}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], + "scopes": ["TEXT_FILL"], "codeSyntax": {} } } @@ -1263,44 +1263,6 @@ } } } - }, - "shadow": { - "weak": { - "$type": "color", - "$value": "{base.color.black.opacity12}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["EFFECT_COLOR"], - "codeSyntax": {} - } - } - }, - "default": { - "$type": "color", - "$value": "{base.color.black.opacity36}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["EFFECT_COLOR"], - "codeSyntax": {} - } - } - }, - "strong": { - "$type": "color", - "$value": "{base.color.black.opacity50}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["EFFECT_COLOR"], - "codeSyntax": {} - } - } - } } }, "shadow": { @@ -1312,7 +1274,7 @@ "offsetY": "{base.dimension.100}", "blur": "{base.dimension.100}", "spread": 0, - "color": "{color.shadow.weak}" + "color": "{base.color.black.opacity12}" } ], "$description": "", @@ -1332,7 +1294,7 @@ "offsetY": "{base.static.spacing.xsmall}", "blur": "{base.static.spacing.small}", "spread": "{base.static.spacing.none}", - "color": "{color.shadow.default}" + "color": "{base.color.black.opacity36}" } ], "$description": "", @@ -1352,7 +1314,7 @@ "offsetY": "{base.static.spacing.small}", "blur": "{base.static.spacing.medium}", "spread": "{base.static.spacing.none}", - "color": "{color.shadow.default}" + "color": "{base.color.black.opacity50}" } ], "$description": "", diff --git a/design-tokens/tokens/semantic/color.light.json b/design-tokens/tokens/semantic/color.light.json index fdad87ddc..32d81dfde 100644 --- a/design-tokens/tokens/semantic/color.light.json +++ b/design-tokens/tokens/semantic/color.light.json @@ -483,29 +483,29 @@ } } }, - "onStrong": { + "heading": { "default": { "$type": "color", - "$value": "{base.color.white.100}", + "$value": "{color.text.strong}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["TEXT_FILL"], + "scopes": ["ALL_SCOPES"], "codeSyntax": {} } } } }, - "heading": { + "onStrong": { "default": { "$type": "color", - "$value": "{color.text.strong}", + "$value": "{base.color.white.100}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], + "scopes": ["TEXT_FILL"], "codeSyntax": {} } } @@ -1263,44 +1263,6 @@ } } } - }, - "shadow": { - "weak": { - "$type": "color", - "$value": "{base.color.black.opacity12}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["EFFECT_COLOR"], - "codeSyntax": {} - } - } - }, - "default": { - "$type": "color", - "$value": "{base.color.black.opacity12}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["EFFECT_COLOR"], - "codeSyntax": {} - } - } - }, - "strong": { - "$type": "color", - "$value": "{base.color.black.opacity24}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["EFFECT_COLOR"], - "codeSyntax": {} - } - } - } } }, "shadow": { @@ -1312,7 +1274,7 @@ "offsetY": "{base.dimension.100}", "blur": "{base.dimension.100}", "spread": 0, - "color": "{color.shadow.weak}" + "color": "{base.color.black.opacity12}" } ], "$description": "", @@ -1332,7 +1294,7 @@ "offsetY": "{base.static.spacing.xsmall}", "blur": "{base.static.spacing.small}", "spread": "{base.static.spacing.none}", - "color": "{color.shadow.default}" + "color": "{base.color.black.opacity36}" } ], "$description": "", @@ -1352,7 +1314,7 @@ "offsetY": "{base.static.spacing.small}", "blur": "{base.static.spacing.medium}", "spread": "{base.static.spacing.none}", - "color": "{color.shadow.default}" + "color": "{base.color.black.opacity50}" } ], "$description": "", From 4fa8c29c92db71c269b8762346920b8f10b2ed5e Mon Sep 17 00:00:00 2001 From: taysea Date: Wed, 20 Nov 2024 15:37:57 -0800 Subject: [PATCH 18/53] Include purple-2 to purple3 rename --- design-tokens/tokens/primitive/primitives.base.json | 2 +- design-tokens/tokens/semantic/color.dark.json | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/design-tokens/tokens/primitive/primitives.base.json b/design-tokens/tokens/primitive/primitives.base.json index 6d7f9eed7..396544ab8 100644 --- a/design-tokens/tokens/primitive/primitives.base.json +++ b/design-tokens/tokens/primitive/primitives.base.json @@ -1548,7 +1548,7 @@ } } }, - "purple-2": { + "purple3": { "$type": "color", "$value": "#9a3ac0", "$description": "", diff --git a/design-tokens/tokens/semantic/color.dark.json b/design-tokens/tokens/semantic/color.dark.json index 63d8f271e..c6230ac34 100644 --- a/design-tokens/tokens/semantic/color.dark.json +++ b/design-tokens/tokens/semantic/color.dark.json @@ -1178,7 +1178,7 @@ }, "80": { "$type": "color", - "$value": "{base.color.dataVis.purple-2}", + "$value": "{base.color.dataVis.purple3}", "$description": "", "$extensions": { "com.figma": { From d95f0992f2a8cd8e73034148375667c3aacb6092 Mon Sep 17 00:00:00 2001 From: taysea Date: Thu, 21 Nov 2024 08:53:32 -0800 Subject: [PATCH 19/53] Update yarn.lock --- yarn.lock | 309 +++++++++++++++++++++++++++--------------------------- 1 file changed, 157 insertions(+), 152 deletions(-) diff --git a/yarn.lock b/yarn.lock index 2e6e36e3a..97dc9cbaf 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2868,17 +2868,17 @@ "@sinonjs/commons" "^1.7.0" "@storybook/addon-a11y@^8.3.6": - version "8.4.4" - resolved "https://registry.yarnpkg.com/@storybook/addon-a11y/-/addon-a11y-8.4.4.tgz#4506067cbe4d0366d3c3f8e96ddf641a651c9816" - integrity sha512-xXNOG4Bw/v8rg2Zq/ZJnZSLWfpfkfnZjn0sQVLOe5JcDxavkh5o+WvQ6Tc2w/kK/ophCd7nbTotywrtdQYGNKw== + version "8.4.5" + resolved "https://registry.yarnpkg.com/@storybook/addon-a11y/-/addon-a11y-8.4.5.tgz#963f6ded06a5aff79862d9f2c6dce74027b23c29" + integrity sha512-lqIOpWJZNR0Ur+2zUcnFAMvdOe7kYEDeXPv1TM7fwEGyzKPYoM/k5xPA2cJCrYwtydxOqqrmn1jUIw0Qdkhuhg== dependencies: - "@storybook/addon-highlight" "8.4.4" + "@storybook/addon-highlight" "8.4.5" axe-core "^4.2.0" -"@storybook/addon-actions@8.4.4": - version "8.4.4" - resolved "https://registry.yarnpkg.com/@storybook/addon-actions/-/addon-actions-8.4.4.tgz#905f14e37eaf53196cf70245994d7bb083378b10" - integrity sha512-+Dd6alcieS6UN7IKhXLuhyQYQMu9HG/Tdr790a4EOQKpJM1NxIMuPuUH3fAoKfa9VhtI1BxTBr7zNtzg9Akqhg== +"@storybook/addon-actions@8.4.5": + version "8.4.5" + resolved "https://registry.yarnpkg.com/@storybook/addon-actions/-/addon-actions-8.4.5.tgz#9224f635c78240f611eb340ba9b4248986b4763c" + integrity sha512-rbB19uiGJ61XHbKIbS1a9bUS6re5L8rT5NMNeEJhCxXRpFUPrlTXMSoD/Pgcn3ENeEMVZsm8/eCzxAVgAP3Mgg== dependencies: "@storybook/global" "^5.0.0" "@types/uuid" "^9.0.1" @@ -2886,112 +2886,112 @@ polished "^4.2.2" uuid "^9.0.0" -"@storybook/addon-backgrounds@8.4.4": - version "8.4.4" - resolved "https://registry.yarnpkg.com/@storybook/addon-backgrounds/-/addon-backgrounds-8.4.4.tgz#997a3f29eb6dda134f42a9d332ea54f6fb065f6c" - integrity sha512-asaGD4ruIPFthyhpByQSJagvtNN7EGKdHj5yMnsMvkSXnN0r1uVkI2/Z37hmLt02Qbzf6OQiBPW5TDL+X+EEBg== +"@storybook/addon-backgrounds@8.4.5": + version "8.4.5" + resolved "https://registry.yarnpkg.com/@storybook/addon-backgrounds/-/addon-backgrounds-8.4.5.tgz#3d93d24d0b8e77d6d5bad78bae4c8621ee27c5d1" + integrity sha512-FeMt4qHCMYDQiLGGDKiRuSPXFup2WXOaZSdL137v1W36wEL/vGkK1A5iQt1qJ8MZzL5WZQuedox8rSybFy7eow== dependencies: "@storybook/global" "^5.0.0" memoizerific "^1.11.3" ts-dedent "^2.0.0" -"@storybook/addon-controls@8.4.4": - version "8.4.4" - resolved "https://registry.yarnpkg.com/@storybook/addon-controls/-/addon-controls-8.4.4.tgz#26454b8daa9bbec6a034d510e1a2b8c772638e3a" - integrity sha512-FbZRbwJQggLz6M3zB6scCp1SDGwQ5zdiD6sjBilZzgGO5rBFqG0A8PoOyr4iPrLU2y/NZBdRrJBD+6MkaJ+yzw== +"@storybook/addon-controls@8.4.5": + version "8.4.5" + resolved "https://registry.yarnpkg.com/@storybook/addon-controls/-/addon-controls-8.4.5.tgz#1f6ce4044ab093aabb79fcd6537a996f2d12597f" + integrity sha512-RVTtDDuESLYc1+SJQv2kI7wzBddzAS9uoEe8P75quN6S4pC0GxAB6xirWZ2+WOcba4eHosY+PxMwuBXQfH78Ew== dependencies: "@storybook/global" "^5.0.0" dequal "^2.0.2" ts-dedent "^2.0.0" -"@storybook/addon-docs@8.4.4": - version "8.4.4" - resolved "https://registry.yarnpkg.com/@storybook/addon-docs/-/addon-docs-8.4.4.tgz#f614b7eba5756263588707609c2b34df7cb4a6b2" - integrity sha512-wuHaStfpd2rkAN5Lf0qmvE3JKTHTEDbnAMTvfs9inzGBL0iAwBLjW48/ll7lLkJ2E3k/FQtaevNpuc7C52u1Bw== +"@storybook/addon-docs@8.4.5": + version "8.4.5" + resolved "https://registry.yarnpkg.com/@storybook/addon-docs/-/addon-docs-8.4.5.tgz#fa38b6c6c0ef1c8fc588b6913ddb55b67be55666" + integrity sha512-zPELIl7wXormOylVaaSpkUIuuCCxrO+OFPMKZnlENt6zSReyy0dJu4V0tzfV8FCw+V4D6Y4wrLRk/TIG951Ojw== dependencies: "@mdx-js/react" "^3.0.0" - "@storybook/blocks" "8.4.4" - "@storybook/csf-plugin" "8.4.4" - "@storybook/react-dom-shim" "8.4.4" + "@storybook/blocks" "8.4.5" + "@storybook/csf-plugin" "8.4.5" + "@storybook/react-dom-shim" "8.4.5" react "^16.8.0 || ^17.0.0 || ^18.0.0" react-dom "^16.8.0 || ^17.0.0 || ^18.0.0" ts-dedent "^2.0.0" "@storybook/addon-essentials@^8.3.6": - version "8.4.4" - resolved "https://registry.yarnpkg.com/@storybook/addon-essentials/-/addon-essentials-8.4.4.tgz#12a98cedebcf270a6fd6be2691c275f5ef56ee9a" - integrity sha512-0ObUQ98zZkeWqP2k3Un5jny3WxT3THgUKZUGD+mR8eq6CuTmJ3bUXWzDHreuDxQwgr8s5f04XD8IcRvjZ9IRgA== - dependencies: - "@storybook/addon-actions" "8.4.4" - "@storybook/addon-backgrounds" "8.4.4" - "@storybook/addon-controls" "8.4.4" - "@storybook/addon-docs" "8.4.4" - "@storybook/addon-highlight" "8.4.4" - "@storybook/addon-measure" "8.4.4" - "@storybook/addon-outline" "8.4.4" - "@storybook/addon-toolbars" "8.4.4" - "@storybook/addon-viewport" "8.4.4" + version "8.4.5" + resolved "https://registry.yarnpkg.com/@storybook/addon-essentials/-/addon-essentials-8.4.5.tgz#7ff4f71b4435f734936272a691a830a34eaaef49" + integrity sha512-AxetQo/zSPIu3RZqWG2opwAz22Bb+jpf1nWbHp0kEpCrBemcWd8X2gonVmXNOC1PDKNl3jcWyc3lmg/+3mxjYg== + dependencies: + "@storybook/addon-actions" "8.4.5" + "@storybook/addon-backgrounds" "8.4.5" + "@storybook/addon-controls" "8.4.5" + "@storybook/addon-docs" "8.4.5" + "@storybook/addon-highlight" "8.4.5" + "@storybook/addon-measure" "8.4.5" + "@storybook/addon-outline" "8.4.5" + "@storybook/addon-toolbars" "8.4.5" + "@storybook/addon-viewport" "8.4.5" ts-dedent "^2.0.0" -"@storybook/addon-highlight@8.4.4": - version "8.4.4" - resolved "https://registry.yarnpkg.com/@storybook/addon-highlight/-/addon-highlight-8.4.4.tgz#7ef88b1908e156ad95af2255493aad32dd13df36" - integrity sha512-k7EUxiMe8RCasmgfa6ZKx7UG6kU9RooTYGwqY5TG5xAQOzDwKn4qom+OYkT/9/6lORhJrUe2GgQLCrq/WGpS1A== +"@storybook/addon-highlight@8.4.5": + version "8.4.5" + resolved "https://registry.yarnpkg.com/@storybook/addon-highlight/-/addon-highlight-8.4.5.tgz#44c194f88395a6e221744867a11f39ea8910d290" + integrity sha512-sMA7v+4unaKY+5RDhow6lLncJqNX9ZLUnBIt3vzY1ntUsOYVwykAY1Hq4Ysj0luCBXjJJdJ6223ylrycnb7Ilw== dependencies: "@storybook/global" "^5.0.0" "@storybook/addon-interactions@^8.3.6": - version "8.4.4" - resolved "https://registry.yarnpkg.com/@storybook/addon-interactions/-/addon-interactions-8.4.4.tgz#6c005ba711effc281273fd6336525052122ea42c" - integrity sha512-izqcc6tY0BiKW7DYrEnoXUEH9FYDPWNfQnqqE0nVBv3BS2DoNmm8M9SB8fZx7pPfw53cMJBGt3vrlY0Wtxy1+Q== + version "8.4.5" + resolved "https://registry.yarnpkg.com/@storybook/addon-interactions/-/addon-interactions-8.4.5.tgz#0053207da50a4cefc9dce46b7980cd54a828c2ff" + integrity sha512-s6R8XVD8LTp+LQTDbhtDjDLE6S44I7FtMLxPdMNwN9VEJjBk01NONLDuGDpNq5o/0bnybA3rMHk9+3afsgzidQ== dependencies: "@storybook/global" "^5.0.0" - "@storybook/instrumenter" "8.4.4" - "@storybook/test" "8.4.4" + "@storybook/instrumenter" "8.4.5" + "@storybook/test" "8.4.5" polished "^4.2.2" ts-dedent "^2.2.0" "@storybook/addon-links@^8.3.6": - version "8.4.4" - resolved "https://registry.yarnpkg.com/@storybook/addon-links/-/addon-links-8.4.4.tgz#3d4b55f3d9513780d6558abb55c7123a2f24e538" - integrity sha512-hqTv06fPq9k5GUZD8JR49ANw5sBg8EYAsuCNoSd9OwVSBO/3y53HrMA0NCILUK8hnupPvtBuKXXoHmHes9R+1g== + version "8.4.5" + resolved "https://registry.yarnpkg.com/@storybook/addon-links/-/addon-links-8.4.5.tgz#9b062f61248e2b2d3289ff700153537b475281d8" + integrity sha512-ac3OtplFdrPw/2jtLnteuVllwu2yCe3sgKJS9AbdYMT/65OW47M7oDnzcpRPsDGufrKlDMBJXXEv4SfTtlT+rg== dependencies: "@storybook/csf" "^0.1.11" "@storybook/global" "^5.0.0" ts-dedent "^2.0.0" -"@storybook/addon-measure@8.4.4": - version "8.4.4" - resolved "https://registry.yarnpkg.com/@storybook/addon-measure/-/addon-measure-8.4.4.tgz#1ccc187c3071f4972ef4607a255e263f2d1f1b94" - integrity sha512-KsjrwrXwrI+z7hKKfjyY1w1b0gLSLZmp15vIRJMELybWV0+4bZFLJGwMBOQFx+aWBED8yZrRV9OjTmoczawsZg== +"@storybook/addon-measure@8.4.5": + version "8.4.5" + resolved "https://registry.yarnpkg.com/@storybook/addon-measure/-/addon-measure-8.4.5.tgz#9b22ea0f28740f0c9c1edee2642de2b75415abdd" + integrity sha512-+sNjew991YaoXQyWWloFybjEGrDO40Jk6w8BgZs2X7oc3D5t/6oFzvyC862U++LGqKFA3quXDeBjEb92CI9cRA== dependencies: "@storybook/global" "^5.0.0" tiny-invariant "^1.3.1" "@storybook/addon-onboarding@^8.3.6": - version "8.4.4" - resolved "https://registry.yarnpkg.com/@storybook/addon-onboarding/-/addon-onboarding-8.4.4.tgz#95f1cd14ffeb03f0d6dfdc0ff579b28097374dfd" - integrity sha512-LCCQez5xzFQ6wunXnpNjgiuqh8SYPd2AgrRPDKo5Yf1QyXnT4xSFjZr/4QFyzPsOBnpsq8MlNPS4l063Y+Qkgg== + version "8.4.5" + resolved "https://registry.yarnpkg.com/@storybook/addon-onboarding/-/addon-onboarding-8.4.5.tgz#731ac4a27711dff565dec9b4090fb49ab752d7b9" + integrity sha512-+FW50yVw2NMxYvk3uMpIberfkG4Sn0qRpiMse7MGHgTimtaJ0Mo1AUIrSfyIJCVTuxiWZud1a5DAnH0ybbWjjA== dependencies: react-confetti "^6.1.0" -"@storybook/addon-outline@8.4.4": - version "8.4.4" - resolved "https://registry.yarnpkg.com/@storybook/addon-outline/-/addon-outline-8.4.4.tgz#af719f0dd69a938af16dc7a319bcc884ef136153" - integrity sha512-CVS1dm6BNUWKGrJj9E1ThBp5Khe6Yw+Hhz6OFxrPZfoTr6RstwoTmvSpKjDUCn8zj6ujoORdiQUh1FsHOxAPBg== +"@storybook/addon-outline@8.4.5": + version "8.4.5" + resolved "https://registry.yarnpkg.com/@storybook/addon-outline/-/addon-outline-8.4.5.tgz#32d0a798b7c5abacbe2576125f589c8d4bcd5bcc" + integrity sha512-XlpN98AUDnWQWNFSFVm+HkRUzm3xIUMjBGTkv6HsL6zt6XoJ+LsQMca+PPtYqlBJA+5CU41xMDaG8HC/p+sd3A== dependencies: "@storybook/global" "^5.0.0" ts-dedent "^2.0.0" -"@storybook/addon-toolbars@8.4.4": - version "8.4.4" - resolved "https://registry.yarnpkg.com/@storybook/addon-toolbars/-/addon-toolbars-8.4.4.tgz#9b04f18c22ce6539614456905e3fae0dd7d6bbd9" - integrity sha512-ENPshJMDpfzOJ4Tgm1hSzQoaEmgDxCtP6C8LKk4MOd3X92MJ7p6kfb3y3R1BLg4E/g90qp6lKPFdcohS2tKCgQ== +"@storybook/addon-toolbars@8.4.5": + version "8.4.5" + resolved "https://registry.yarnpkg.com/@storybook/addon-toolbars/-/addon-toolbars-8.4.5.tgz#ebe20f0577a3e399858ba591066dbc8ac9636a5c" + integrity sha512-hOq5560ONOU/qrslrwosWzxnC4nrF8HZWD43ciKwtethm8HuptU2M+Jrui1CRsMScEZLopWWVE9o0vJMdKpIFQ== -"@storybook/addon-viewport@8.4.4": - version "8.4.4" - resolved "https://registry.yarnpkg.com/@storybook/addon-viewport/-/addon-viewport-8.4.4.tgz#fdbcc478cf70a194c9531dd22b5a4ea51be970ea" - integrity sha512-SRHJlLhf3tu7+sYNfVIYTeMegn6aiv4HGX97ZLvL76NWWBU8BntQ1LKMki7475mWiZNUFMoYYPsHlG+HU9FAtg== +"@storybook/addon-viewport@8.4.5": + version "8.4.5" + resolved "https://registry.yarnpkg.com/@storybook/addon-viewport/-/addon-viewport-8.4.5.tgz#21a8b6d49f31cdca72018e9cd3adffbc435fa61a" + integrity sha512-l7Y41gIbJAsIN/QCg1QJ9sr61FLz1C/imUotcDej41tOHxUTSQOlXpNtVnfhUM1vGQc0yNpP3pVxj8BpXi0cAw== dependencies: memoizerific "^1.11.3" @@ -3003,21 +3003,21 @@ "@swc/core" "^1.7.3" swc-loader "^0.2.3" -"@storybook/blocks@8.4.4", "@storybook/blocks@^8.3.6": - version "8.4.4" - resolved "https://registry.yarnpkg.com/@storybook/blocks/-/blocks-8.4.4.tgz#5cfffd04bf4e417e19e2948a94133e36bf5e4d0e" - integrity sha512-LwM3guL7uWpYR1a/SY0KZjCUskTKEaS22eF7GK8iXAV5BY4KpKr6ArW4O9orK29KtFwKhDZQLcMcECsOJBVk/A== +"@storybook/blocks@8.4.5", "@storybook/blocks@^8.3.6": + version "8.4.5" + resolved "https://registry.yarnpkg.com/@storybook/blocks/-/blocks-8.4.5.tgz#9494d9ccddc04bacd6a7a6c67cf870b72bf4ce9d" + integrity sha512-Z+LHauSqm3A4HBR9pUEf9KQhD3/3xYMt0FXgA+GHCAyDa6lFeD1C6r9Y2nlT+9dt8gv9B9oygTZvV6GqFVyRSQ== dependencies: "@storybook/csf" "^0.1.11" "@storybook/icons" "^1.2.12" ts-dedent "^2.0.0" -"@storybook/builder-webpack5@8.4.4": - version "8.4.4" - resolved "https://registry.yarnpkg.com/@storybook/builder-webpack5/-/builder-webpack5-8.4.4.tgz#4d0af0af68f637ac30e3c0abefe959aaf70dc41d" - integrity sha512-I7SmGngtGc/WA44UkG3sCyYtGXVjTpPe42umf70n5EVaHRvtmXCxfL41C1y3CIfEMAfF36gOFm7rEJROIO5NyA== +"@storybook/builder-webpack5@8.4.5": + version "8.4.5" + resolved "https://registry.yarnpkg.com/@storybook/builder-webpack5/-/builder-webpack5-8.4.5.tgz#f2c15eb2219dc21bc6b0f4a5f83afd8c80561bff" + integrity sha512-5TSpirK2LIL4Wultpowlkrv3iAje57HTw92Hy6c4Zn64tAs30123mkdE6MoJcXMBfD4JwX9I2K2Q+ofZXblJPg== dependencies: - "@storybook/core-webpack" "8.4.4" + "@storybook/core-webpack" "8.4.5" "@types/node" "^22.0.0" "@types/semver" "^7.3.4" browser-assert "^1.2.1" @@ -3043,23 +3043,23 @@ webpack-hot-middleware "^2.25.1" webpack-virtual-modules "^0.6.0" -"@storybook/components@8.4.4": - version "8.4.4" - resolved "https://registry.yarnpkg.com/@storybook/components/-/components-8.4.4.tgz#487c5d89061519bd3f8f3dcb7cbf052d032ea744" - integrity sha512-0BSZVmsk23C0BSRKx3liZSVQFXtoF86XQFdNQxjrXIwdHIEN7TcL3DwcxeVUU5ilGp7HeDgAydGNIPGgTeEe6g== +"@storybook/components@8.4.5": + version "8.4.5" + resolved "https://registry.yarnpkg.com/@storybook/components/-/components-8.4.5.tgz#039e4cb5090c56c47fc10f0c5ecda77f4b015c7f" + integrity sha512-2PdnKfqNNv3sO7qILgWXiNvmLOi503oN9OMemNCQjTIvdvySc5JpS9/eClwcl/JfmE4qHdSHZr8dLLkBM9S7+Q== -"@storybook/core-webpack@8.4.4": - version "8.4.4" - resolved "https://registry.yarnpkg.com/@storybook/core-webpack/-/core-webpack-8.4.4.tgz#0e769da04918066de69edac2baebd388f60cce50" - integrity sha512-JeODT64uRJDH0o/ZOAAZHJswBkTYd2u9AdGyAzjp16KRK2NcHM2iUMNT94lOlCYzshvRVqPFVxbNmaL16/K0Ag== +"@storybook/core-webpack@8.4.5": + version "8.4.5" + resolved "https://registry.yarnpkg.com/@storybook/core-webpack/-/core-webpack-8.4.5.tgz#b17422cff80c638e3478406193acedb9be2d50cb" + integrity sha512-IpK/3fM+l2WjRNplTtP+MtnRf/394GcBwyemZknUCzFFDJWNYAN1+meEZmOaZKzJ3tQyRYiErrJLHzd1+UH6Dw== dependencies: "@types/node" "^22.0.0" ts-dedent "^2.0.0" -"@storybook/core@8.4.4": - version "8.4.4" - resolved "https://registry.yarnpkg.com/@storybook/core/-/core-8.4.4.tgz#9da9d630869d3b888145d5dfd22127a93f207417" - integrity sha512-WjTmJpsHsFCd7tQ/8jFpDWjhntauXcWYYTcEZk56Pq4miyNrrXhV0S80Gxv3Uvzk0jocgtT2AKf8rQuH2UkQEg== +"@storybook/core@8.4.5": + version "8.4.5" + resolved "https://registry.yarnpkg.com/@storybook/core/-/core-8.4.5.tgz#4133927a43834664777f0918caf32542630cbdd5" + integrity sha512-aB1sQNX5nRoUAqg5u1py0MuR/VPd6c6PhECa4rW6pmr7kZcfyP4PP6UFpXuN71ypTQlkRE3Vc5PQZ3gLhE9o3g== dependencies: "@storybook/csf" "^0.1.11" better-opn "^3.0.2" @@ -3073,10 +3073,10 @@ util "^0.12.5" ws "^8.2.3" -"@storybook/csf-plugin@8.4.4": - version "8.4.4" - resolved "https://registry.yarnpkg.com/@storybook/csf-plugin/-/csf-plugin-8.4.4.tgz#cb197181859abbc075f840192f06e8547fe79a2e" - integrity sha512-4+6SUhp5sEJN9BY5RuxcFKvJbOqCzIUp9oHSSz36hkP07a4QH+SwxfEd0U7JRfmPpB63L+izywTzWhdADiAMOQ== +"@storybook/csf-plugin@8.4.5": + version "8.4.5" + resolved "https://registry.yarnpkg.com/@storybook/csf-plugin/-/csf-plugin-8.4.5.tgz#7f9ae0176e36cb74b1f638aac04dfec4aa04222f" + integrity sha512-qd2rQTglOTS+phQmTbNTXNjNyxdGvolaqHqDNMw3Vf6h9o3U+mLkwnDWNVnQ9oqvOoUEAqpBthgwzU9FhkIk+A== dependencies: unplugin "^1.3.1" @@ -3097,26 +3097,26 @@ resolved "https://registry.yarnpkg.com/@storybook/icons/-/icons-1.2.12.tgz#3e4c939113b67df7ab17b78f805dbb57f4acf0db" integrity sha512-UxgyK5W3/UV4VrI3dl6ajGfHM4aOqMAkFLWe2KibeQudLf6NJpDrDMSHwZj+3iKC4jFU7dkKbbtH2h/al4sW3Q== -"@storybook/instrumenter@8.4.4": - version "8.4.4" - resolved "https://registry.yarnpkg.com/@storybook/instrumenter/-/instrumenter-8.4.4.tgz#90256f7807de6b8092ee2f55055051bd6bd2cddd" - integrity sha512-mq/YVEZrB8jyyio2Of01rQixsQ72z8ssAhJS9ldIlK+cvERQi0VBCpH3pejPmjOB40yiKBJHNqH4HIANVhibgw== +"@storybook/instrumenter@8.4.5": + version "8.4.5" + resolved "https://registry.yarnpkg.com/@storybook/instrumenter/-/instrumenter-8.4.5.tgz#14983198b27dfbeedfef28992eef0d304b9f562b" + integrity sha512-8qM35FkueuRpJr0zA6ENvhQICbo+iKL1ln450DwV1kKJtc41KdbA3CuCvtZ/FnoPsFnwdtPjhhICFtRt8LRTSg== dependencies: "@storybook/global" "^5.0.0" "@vitest/utils" "^2.1.1" -"@storybook/manager-api@8.4.4": - version "8.4.4" - resolved "https://registry.yarnpkg.com/@storybook/manager-api/-/manager-api-8.4.4.tgz#ea3e134d7cc5a91ef82d95601206eb839e34c631" - integrity sha512-rmNPcbEyzakEHoaecUbhkW7WWOkyZ0z7ywH4d5/s0ZuQS57Px2N+ZLVgRJwYK+YNHiJYqDf1BTln9YJ/Mt1L6Q== +"@storybook/manager-api@8.4.5": + version "8.4.5" + resolved "https://registry.yarnpkg.com/@storybook/manager-api/-/manager-api-8.4.5.tgz#ce586cc5961297272f7228446161015464c65067" + integrity sha512-t39JaMy3UX4StbUH/tIDcaflBDxTcyIq853wQtBMhVL3e1+Dw3MIiiG/5bw79HU4R7kSmPVLXIIbV3FmXkq7KQ== -"@storybook/preset-react-webpack@8.4.4": - version "8.4.4" - resolved "https://registry.yarnpkg.com/@storybook/preset-react-webpack/-/preset-react-webpack-8.4.4.tgz#e543f834136013778727fe170735ad125daf4f16" - integrity sha512-sCuTZ/zbEWfTYy2cyDUHVDLIEKYFmFPhGDbQLk1D4MEXZsVQqBx7H0yaG9GqB7swvED+XIgQeZTeUA/lTq41fg== +"@storybook/preset-react-webpack@8.4.5": + version "8.4.5" + resolved "https://registry.yarnpkg.com/@storybook/preset-react-webpack/-/preset-react-webpack-8.4.5.tgz#da27afe7eaacaa17816608b1ccf225eb986965d8" + integrity sha512-BKPAN7G0yFXfojQdF8tvgwVJ0ldcl6+p1JtAPAieH69BMGni3TEPnvPhkefRWcM8oM8pl+Hch/J2PLHiZ6QKNQ== dependencies: - "@storybook/core-webpack" "8.4.4" - "@storybook/react" "8.4.4" + "@storybook/core-webpack" "8.4.5" + "@storybook/react" "8.4.5" "@storybook/react-docgen-typescript-plugin" "1.0.6--canary.9.0c3f3b7.0" "@types/node" "^22.0.0" "@types/semver" "^7.3.4" @@ -3128,10 +3128,10 @@ tsconfig-paths "^4.2.0" webpack "5" -"@storybook/preview-api@8.4.4": - version "8.4.4" - resolved "https://registry.yarnpkg.com/@storybook/preview-api/-/preview-api-8.4.4.tgz#bcfde521927406f9c37744f5cc959c54bf268a92" - integrity sha512-iZrWQcjRBqBHFdDXVxGpw6mHBZMCMYqhWXdyJ0d1S2y3PwcfOjkcXlQ1UiAenFHlA6dKrcYw8luKUQTL9bKReA== +"@storybook/preview-api@8.4.5": + version "8.4.5" + resolved "https://registry.yarnpkg.com/@storybook/preview-api/-/preview-api-8.4.5.tgz#f8c046575c68062eda1de9494e7118571d20c72a" + integrity sha512-MKIZ2jQO/3cUdsT57eq8jRgB6inALo9BxrQ88f7mqzltOkMvADvTAY6y8JZqTUoDzWTH/ny/8SGGdtpqlxRuiQ== "@storybook/react-docgen-typescript-plugin@1.0.6--canary.9.0c3f3b7.0": version "1.0.6--canary.9.0c3f3b7.0" @@ -3146,51 +3146,51 @@ react-docgen-typescript "^2.2.2" tslib "^2.0.0" -"@storybook/react-dom-shim@8.4.4": - version "8.4.4" - resolved "https://registry.yarnpkg.com/@storybook/react-dom-shim/-/react-dom-shim-8.4.4.tgz#7ea45d7760a49648829e3be70866c7a52bf6ab16" - integrity sha512-kufv2FDK3kjADBo+/aKHsUn9T5E4p9IBAmCoIvXBGRDumPRds7Pt3MB4ODKlg+IumR7LMEq0jTJkn27ZRTuUmw== +"@storybook/react-dom-shim@8.4.5": + version "8.4.5" + resolved "https://registry.yarnpkg.com/@storybook/react-dom-shim/-/react-dom-shim-8.4.5.tgz#cc874d008a1def4410c32a95bcf9aac8defdb6f5" + integrity sha512-YTWTfPagptEYXJsnxAl3zP97Ev0zebtaEV0WgjGaEeumr+zsfgKKwzzHxgrtumBmDzwkuKlzFwlQB5A8keOIGA== "@storybook/react-webpack5@^8.3.6": - version "8.4.4" - resolved "https://registry.yarnpkg.com/@storybook/react-webpack5/-/react-webpack5-8.4.4.tgz#e4fad3a586795736b1567b129686b383751fd2fb" - integrity sha512-58dxE92h/JZO3xKl88BbEJ165UVCazX9oWd5si+V2GoeqKilVsVM9EMLv5sZY+9blv+lxrZdkykHDeIrcXVxOg== + version "8.4.5" + resolved "https://registry.yarnpkg.com/@storybook/react-webpack5/-/react-webpack5-8.4.5.tgz#1221099959527dabc06b4f26b87244f126ba0771" + integrity sha512-tmYO68I4c0mn2XwM4/WkzEVdP27umfa+Sce+NHkk6fGlp25BiKw70uE8sOkM1leB0wn4ktn9eBw46xXdJv2oew== dependencies: - "@storybook/builder-webpack5" "8.4.4" - "@storybook/preset-react-webpack" "8.4.4" - "@storybook/react" "8.4.4" + "@storybook/builder-webpack5" "8.4.5" + "@storybook/preset-react-webpack" "8.4.5" + "@storybook/react" "8.4.5" "@types/node" "^22.0.0" -"@storybook/react@8.4.4", "@storybook/react@^8.3.6": - version "8.4.4" - resolved "https://registry.yarnpkg.com/@storybook/react/-/react-8.4.4.tgz#f456a904e1afea780b08cdfc6827618e8badf250" - integrity sha512-92lGnRcAI2qW6zH8GMBScyXmOS1ANI8ZuSP4ExQj+lGsCrAr7PBr0wuHy3wIn1YyAvQGPUn/mpYrmMz08c2HfA== +"@storybook/react@8.4.5", "@storybook/react@^8.3.6": + version "8.4.5" + resolved "https://registry.yarnpkg.com/@storybook/react/-/react-8.4.5.tgz#9395ce8ffd4e27765459703c0634b306af882137" + integrity sha512-2+p4aGEdGOnu2XNhnMi1B8GPeszm34P905HgqGD1cuz9gMt7x/bgZQaVxs6kpHZ3Hb6V9qp62La2dbAYatHdSw== dependencies: - "@storybook/components" "8.4.4" + "@storybook/components" "8.4.5" "@storybook/global" "^5.0.0" - "@storybook/manager-api" "8.4.4" - "@storybook/preview-api" "8.4.4" - "@storybook/react-dom-shim" "8.4.4" - "@storybook/theming" "8.4.4" + "@storybook/manager-api" "8.4.5" + "@storybook/preview-api" "8.4.5" + "@storybook/react-dom-shim" "8.4.5" + "@storybook/theming" "8.4.5" -"@storybook/test@8.4.4", "@storybook/test@^8.3.6": - version "8.4.4" - resolved "https://registry.yarnpkg.com/@storybook/test/-/test-8.4.4.tgz#c2116e455ea439990c235475b9b1bbca331257d9" - integrity sha512-tmJd+lxl3MC0Xdu1KW/69V8tibv98OvdopxGqfVR0x5dkRHM3sFK/tv1ZJAUeronlvRyhGySOu1tHUrMjcNqyA== +"@storybook/test@8.4.5", "@storybook/test@^8.3.6": + version "8.4.5" + resolved "https://registry.yarnpkg.com/@storybook/test/-/test-8.4.5.tgz#a22e8a4671c379f8ffc83a3997feb524bf5d9421" + integrity sha512-mHsRc6m60nfcEBsjvUkKz+Jnz0or4WH5jmJ1VL2pGKO4VzESCPqAwDnwDqP2YyeSQ0b/MAKUT5kdoLE2RE2eVw== dependencies: "@storybook/csf" "^0.1.11" "@storybook/global" "^5.0.0" - "@storybook/instrumenter" "8.4.4" + "@storybook/instrumenter" "8.4.5" "@testing-library/dom" "10.4.0" "@testing-library/jest-dom" "6.5.0" "@testing-library/user-event" "14.5.2" "@vitest/expect" "2.0.5" "@vitest/spy" "2.0.5" -"@storybook/theming@8.4.4": - version "8.4.4" - resolved "https://registry.yarnpkg.com/@storybook/theming/-/theming-8.4.4.tgz#3d209a235bf2b6f5543f1eebe78244f0104811b5" - integrity sha512-iq4yt3Fx35ZV5owNC//E6G+QPV19xHHVN2Ugi3p7KOSFK3chuXX9mxZ1rfir+t+U30a5EPOEnlsY3/1LXn7aTw== +"@storybook/theming@8.4.5": + version "8.4.5" + resolved "https://registry.yarnpkg.com/@storybook/theming/-/theming-8.4.5.tgz#d7c77215f09906c9bb124d530d4307fd1841fbb8" + integrity sha512-45e/jeG4iuqdZcHg3PbB6dwXQTwlnnEB7r/QcVExyC7ibrkTnjUfvxzyUw4mmU3CXETFGD5EcUobFkgK+/aPxQ== "@swc/core-darwin-arm64@1.9.2": version "1.9.2" @@ -3274,9 +3274,9 @@ tslib "^2.4.0" "@swc/types@^0.1.15": - version "0.1.15" - resolved "https://registry.yarnpkg.com/@swc/types/-/types-0.1.15.tgz#9a3b3873d93382750b823aaeabca787bd3fa7c96" - integrity sha512-XKaZ+dzDIQ9Ot9o89oJQ/aluI17+VvUnIpYJTcZtvv1iYX6MzHh3Ik2CSR7MdPKpPwfZXHBeCingb2b4PoDVdw== + version "0.1.17" + resolved "https://registry.yarnpkg.com/@swc/types/-/types-0.1.17.tgz#bd1d94e73497f27341bf141abdf4c85230d41e7c" + integrity sha512-V5gRru+aD8YVyCOMAjMpWR1Ui577DD5KSJsHP8RAxopAH22jFz6GZd/qxqjO6MJHQhcsjvjOFXyDhyLQUnMveQ== dependencies: "@swc/counter" "^0.1.3" @@ -4980,9 +4980,9 @@ camelize@^1.0.0: integrity sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ== caniuse-lite@^1.0.30001579, caniuse-lite@^1.0.30001646, caniuse-lite@^1.0.30001669: - version "1.0.30001680" - resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001680.tgz#5380ede637a33b9f9f1fc6045ea99bd142f3da5e" - integrity sha512-rPQy70G6AGUMnbwS1z6Xg+RkHYPAi18ihs47GH0jcxIG7wArmPgY3XbS2sRdBbxJljp3thdT8BIqv9ccCypiPA== + version "1.0.30001683" + resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001683.tgz#7f026a2d5d319a9cf8915a1451173052caaadc81" + integrity sha512-iqmNnThZ0n70mNwvxpEC2nBJ037ZHZUoBI5Gorh1Mw6IlEAZujEoU1tXA628iZfzm7R9FvFzxbfdgml82a3k8Q== case-sensitive-paths-webpack-plugin@^2.4.0: version "2.4.0" @@ -7519,7 +7519,12 @@ graphlib@^2.1.5: dependencies: lodash "^4.17.15" -grommet-icons@^4.12.1, "grommet-icons@https://github.com/grommet/grommet-icons/tarball/stable": +grommet-icons@^4.12.1: + version "4.12.1" + resolved "https://registry.yarnpkg.com/grommet-icons/-/grommet-icons-4.12.1.tgz#780aa7cd59c5586f642f221bdb5c6becd04ad000" + integrity sha512-LhOP6BkDAGiSNcUOfsGGRo+AKD6zWOXeNeusY1WYvKplAR6mKCAQfH7Nig2Buc/v5zadKSko2NDtCQqwJaME0Q== + +"grommet-icons@https://github.com/grommet/grommet-icons/tarball/stable": version "4.12.1" resolved "https://github.com/grommet/grommet-icons/tarball/stable#92f4e88ab19fa618a4952ac74802f606bf44c207" @@ -11569,9 +11574,9 @@ ps-tree@1.2.0: event-stream "=3.3.4" psl@^1.1.33: - version "1.10.0" - resolved "https://registry.yarnpkg.com/psl/-/psl-1.10.0.tgz#1450f7e16f922c3beeb7bd9db3f312635018fa15" - integrity sha512-KSKHEbjAnpUuAUserOq0FxGXCUrzC3WniuSJhvdbs102rL55266ZcHBqLWOsG30spQMlPdpy7icATiAQehg/iA== + version "1.12.0" + resolved "https://registry.yarnpkg.com/psl/-/psl-1.12.0.tgz#8b09cba186ebee68c0d824c1b22944cf5b2ad42c" + integrity sha512-OVcqwt4qWJF9G0fnSEMNz7aSa1PiGX/IvSXDO+PpbDK3r/IJ3QX2iu8ywanYG07e9IaYDigMu+EapE8TdMZOJQ== dependencies: punycode "^2.3.1" @@ -12685,11 +12690,11 @@ stop-iteration-iterator@^1.0.0: internal-slot "^1.0.4" storybook@^8.3.6: - version "8.4.4" - resolved "https://registry.yarnpkg.com/storybook/-/storybook-8.4.4.tgz#33fff732a79219866871e4f722ebcd82109b254a" - integrity sha512-xBOq3q/MuUUg3zM0imMMaK5ziKq3TO388jsnaiemJ4Uf0ZGwcHjM8HDBCDt0s5/CfsOQ49zo1ouZ3aNlu0qsUg== + version "8.4.5" + resolved "https://registry.yarnpkg.com/storybook/-/storybook-8.4.5.tgz#ba9589e2887958d1353dbc1a2cb6142e80e36a2c" + integrity sha512-9tfgabXnMibYp3SvoaJXXMD63Pw0SA9Hnf5v6TxysCYZs4DZ/04fAkK+9RW+K4C5JkV83qXMMlrsPj766R47fg== dependencies: - "@storybook/core" "8.4.4" + "@storybook/core" "8.4.5" stream-combiner@~0.0.4: version "0.0.4" From f40900e36f6b1e2cca1c3ce972a15bdc7aeeeada Mon Sep 17 00:00:00 2001 From: taysea Date: Thu, 21 Nov 2024 10:01:24 -0800 Subject: [PATCH 20/53] Update grommet-app theme.jsx to support new structure --- sandbox/grommet-app/src/theme.jsx | 136 ++++++++++++++++++++++-------- 1 file changed, 99 insertions(+), 37 deletions(-) diff --git a/sandbox/grommet-app/src/theme.jsx b/sandbox/grommet-app/src/theme.jsx index 19e71c169..51a3ad110 100644 --- a/sandbox/grommet-app/src/theme.jsx +++ b/sandbox/grommet-app/src/theme.jsx @@ -201,7 +201,7 @@ const buildTheme = tokens => { const flatColors = flattenObject(light, '-'); const tokenColors = {}; Object.keys(flatColors).forEach(color => { - if (!color.includes('elevation')) { + if (!color.includes('shadow')) { const adjustedColor = color.split('-').join('.'); tokenColors[color] = { light: access(`hpe.color.${adjustedColor}`, light), @@ -508,10 +508,20 @@ const buildTheme = tokens => { }, }; + // This means the theme is structure pre switch of button.size.kind --> button.kind.size + const oldTheme = + components.hpe.button.medium && 'default' in components.hpe.button.medium + ? true + : false; + // abstracted so button and pinned list icon can reference const mediumIconOnlyPad = { - vertical: components.hpe.button.medium.default.iconOnly.paddingY, - horizontal: components.hpe.button.medium.default.iconOnly.paddingX, + vertical: oldTheme + ? components.hpe.button.medium.default.iconOnly.paddingY + : components.hpe.button.default.medium.iconOnly.paddingY, + horizontal: oldTheme + ? components.hpe.button.medium.default.iconOnly.paddingX + : components.hpe.button.default.medium.iconOnly.paddingY, }; const anchorSizeTheme = {}; @@ -539,18 +549,18 @@ const buildTheme = tokens => { const buttonKindTheme = {}; buttonKinds.forEach(kind => { + const borderWidth = oldTheme + ? components.hpe.button.medium?.[kind].borderWidth + : components.hpe.button[kind]?.medium.borderWidth; + const borderRadius = oldTheme + ? components.hpe.button.medium?.[kind].borderRadius + : components.hpe.button[kind]?.medium.borderRadius; buttonKindTheme[kind] = { background: components.hpe.button?.[kind].enabled.background, border: { - width: - dimensions.borderSize[ - components.hpe.button.medium?.[kind].borderWidth - ] || components.hpe.button.medium?.[kind].borderWidth, + width: dimensions.borderSize[borderWidth] || borderWidth, color: components.hpe.button?.[kind].enabled.borderColor, - radius: - dimensions.borderSize[ - components.hpe.button.medium?.[kind].borderRadius - ] || components.hpe.button.medium?.[kind].borderRadius, + radius: dimensions.borderSize[borderRadius] || borderRadius, }, color: components.hpe.button?.[kind].enabled.textColor, font: { @@ -620,26 +630,42 @@ const buildTheme = tokens => { buttonKinds.forEach(kind => { kindStyles[kind] = { border: { - radius: components.hpe.button?.[size]?.[kind].borderRadius, + radius: oldTheme + ? components.hpe.button?.[size]?.[kind]?.borderRadius + : components.hpe.button?.[kind]?.[size]?.borderRadius, }, pad: { - vertical: components.hpe.button?.[size]?.[kind].paddingY, - horizontal: components.hpe.button?.[size]?.[kind].paddingX, + vertical: oldTheme + ? components.hpe.button?.[size]?.[kind]?.paddingY + : components.hpe.button?.[kind]?.[size]?.paddingY, + horizontal: oldTheme + ? components.hpe.button?.[size]?.[kind]?.paddingX + : components.hpe.button?.[kind]?.[size]?.paddingX, }, }; }); buttonSizesTheme[size] = { border: { - radius: components.hpe.button?.[size]?.default.borderRadius, + radius: oldTheme + ? components.hpe.button?.[size]?.default.borderRadius + : components.hpe.button?.default?.[size]?.borderRadius, }, pad: { - vertical: components.hpe.button?.[size]?.default.paddingY, - horizontal: components.hpe.button?.[size]?.default.paddingX, + vertical: oldTheme + ? components.hpe.button?.[size]?.default.paddingY + : components.hpe.button?.default?.[size]?.paddingY, + horizontal: oldTheme + ? components.hpe.button?.[size]?.default.paddingX + : components.hpe.button?.default?.[size]?.paddingX, }, iconOnly: { pad: { - vertical: components.hpe.button?.[size]?.default.iconOnly.paddingY, - horizontal: components.hpe.button?.[size]?.default.iconOnly.paddingX, + vertical: oldTheme + ? components.hpe.button?.[size]?.default.iconOnly.paddingY + : components.hpe.button?.default?.[size]?.iconOnly.paddingY, + horizontal: oldTheme + ? components.hpe.button?.[size]?.default.iconOnly.paddingX + : components.hpe.button?.default?.[size]?.iconOnly.paddingX, }, }, ...kindStyles, @@ -866,7 +892,9 @@ const buildTheme = tokens => { button: { intelligentPad: false, color: components.hpe.button.default.enabled.textColor, - gap: components.hpe.button.medium.default.gapX, + gap: oldTheme + ? components.hpe.button.medium.default.gapX + : components.hpe.button.default.medium.gapX, badge: { align: 'container', // TO DO this is a grommet-ism? container: { @@ -1342,11 +1370,17 @@ const buildTheme = tokens => { border: { // Q: is this the correct value? // A: yes - radius: components.hpe.button.medium.default.borderRadius, + radius: oldTheme + ? components.hpe.button.medium.default.borderRadius + : components.hpe.button.default.medium.borderRadius, }, pad: { - vertical: components.hpe.button.medium.default.paddingY, - horizontal: components.hpe.button.medium.default.paddingX, + vertical: oldTheme + ? components.hpe.button.medium.default.paddingY + : components.hpe.button.default.medium.paddingY, + horizontal: oldTheme + ? components.hpe.button.medium.default.paddingX + : components.hpe.button.default.medium.paddingX, }, color: components.hpe.button.default.enabled.textColor, font: { @@ -2008,7 +2042,9 @@ const buildTheme = tokens => { button: { color: components.hpe.button.default.enabled.textColor, border: { - radius: components.hpe.button.medium.default.borderRadius, + radius: oldTheme + ? components.hpe.button.medium.default.borderRadius + : components.hpe.button.default.medium.borderRadius, }, font: { weight: components.hpe.button.default.enabled.fontWeight, @@ -2016,7 +2052,9 @@ const buildTheme = tokens => { active: { background: components.hpe.button.default.selected.enabled.background, border: { - radius: components.hpe.button.medium.default.borderRadius, + radius: oldTheme + ? components.hpe.button.medium.default.borderRadius + : components.hpe.button.default.medium.borderRadius, }, color: components.hpe.button.default.selected.enabled.textColor, font: { @@ -2026,7 +2064,9 @@ const buildTheme = tokens => { hover: { background: components.hpe.button.default.hover.background, border: { - radius: components.hpe.button.medium.default.borderRadius, + radius: oldTheme + ? components.hpe.button.medium.default.borderRadius + : components.hpe.button.default.medium.borderRadius, }, color: components.hpe.button.default.hover.textColor, font: { @@ -2036,7 +2076,9 @@ const buildTheme = tokens => { disabled: { background: components.hpe.button.default.disabled.background, border: { - radius: components.hpe.button.medium.default.borderRadius, + radius: oldTheme + ? components.hpe.button.medium.default.borderRadius + : components.hpe.button.default.medium.borderRadius, }, color: components.hpe.button.default.disabled.textColor, font: { @@ -2046,11 +2088,17 @@ const buildTheme = tokens => { size: { small: { border: { - radius: components.hpe.button.small.default.borderRadius, + radius: oldTheme + ? components.hpe.button.small.default.borderRadius + : components.hpe.button.default.small.borderRadius, width: dimensions.borderSize[ - components.hpe.button.small.default.borderWidth - ] || components.hpe.button.small.default.borderWidth, + oldTheme + ? components.hpe.button.small.default.borderWidth + : components.hpe.button.default.small.borderWidth + ] || oldTheme + ? components.hpe.button.small.default.borderWidth + : components.hpe.button.default.small.borderWidth, }, pad: { vertical: '4px', @@ -2065,11 +2113,17 @@ const buildTheme = tokens => { }, medium: { border: { - radius: components.hpe.button.medium.default.borderRadius, + radius: oldTheme + ? components.hpe.button.medium.default.borderRadius + : components.hpe.button.default.medium.borderRadius, width: dimensions.borderSize[ - components.hpe.button.medium.default.borderWidth - ] || components.hpe.button.medium.default.borderWidth, + oldTheme + ? components.hpe.button.medium.default.borderWidth + : components.hpe.button.default.medium.borderWidth + ] || oldTheme + ? components.hpe.button.medium.default.borderWidth + : components.hpe.button.default.medium.borderWidth, }, pad: { vertical: '4px', @@ -2084,11 +2138,17 @@ const buildTheme = tokens => { }, large: { border: { - radius: components.hpe.button.large.default.borderRadius, + radius: oldTheme + ? components.hpe.button.large.default.borderRadius + : components.hpe.button.default.large.borderRadius, width: dimensions.borderSize[ - components.hpe.button.large.default.borderWidth - ] || components.hpe.button.large.default.borderWidth, + oldTheme + ? components.hpe.button.large.default.borderWidth + : components.hpe.button.default.large.borderWidth + ] || oldTheme + ? components.hpe.button.large.default.borderWidth + : components.hpe.button.default.large.borderWidth, }, pad: { vertical: '4px', @@ -2491,7 +2551,9 @@ const buildTheme = tokens => { container: { border: { color: components.hpe.button.toolbar.enabled.borderColor, - size: components.hpe.button.medium.toolbar.borderWidth, + size: oldTheme + ? components.hpe.button.medium.toolbar.borderWidth + : components.hpe.button.toolbar.medium.borderWidth, }, }, }, From 5f8513296ec3e6232457f5f7c6013e173569f90b Mon Sep 17 00:00:00 2001 From: Taylor Seamans Date: Thu, 21 Nov 2024 10:03:17 -0800 Subject: [PATCH 21/53] Apply suggestions from code review --- design-tokens/tokens/semantic/color.dark.json | 2 +- design-tokens/tokens/semantic/color.light.json | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/design-tokens/tokens/semantic/color.dark.json b/design-tokens/tokens/semantic/color.dark.json index c6230ac34..56759adb7 100644 --- a/design-tokens/tokens/semantic/color.dark.json +++ b/design-tokens/tokens/semantic/color.dark.json @@ -1314,7 +1314,7 @@ "offsetY": "{base.static.spacing.small}", "blur": "{base.static.spacing.medium}", "spread": "{base.static.spacing.none}", - "color": "{base.color.black.opacity50}" + "color": "{base.color.black.opacity36}" } ], "$description": "", diff --git a/design-tokens/tokens/semantic/color.light.json b/design-tokens/tokens/semantic/color.light.json index 32d81dfde..e55ad30c1 100644 --- a/design-tokens/tokens/semantic/color.light.json +++ b/design-tokens/tokens/semantic/color.light.json @@ -1314,7 +1314,7 @@ "offsetY": "{base.static.spacing.small}", "blur": "{base.static.spacing.medium}", "spread": "{base.static.spacing.none}", - "color": "{base.color.black.opacity50}" + "color": "{base.color.black.opacity36}" } ], "$description": "", From 921adbe5938a3f8c7c6ebc385f46684b40791863 Mon Sep 17 00:00:00 2001 From: taysea Date: Thu, 21 Nov 2024 10:13:13 -0800 Subject: [PATCH 22/53] Fix color value --- design-tokens/tokens/semantic/global.default.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/design-tokens/tokens/semantic/global.default.json b/design-tokens/tokens/semantic/global.default.json index cb8ebec93..826240f62 100644 --- a/design-tokens/tokens/semantic/global.default.json +++ b/design-tokens/tokens/semantic/global.default.json @@ -32,7 +32,7 @@ "$type": "shadow", "$value": [ { - "color": "white", + "color": "{base.color.white.100}", "offsetX": 0, "offsetY": 0, "blur": 0, From 6b2c78c46da4b271c56867e187f2651a59d34eaf Mon Sep 17 00:00:00 2001 From: taysea Date: Thu, 21 Nov 2024 10:28:52 -0800 Subject: [PATCH 23/53] Fix shadow colors --- design-tokens/src/token_export.ts | 3 ++- design-tokens/tokens/semantic/color.dark.json | 2 +- design-tokens/tokens/semantic/color.light.json | 4 ++-- design-tokens/tokens/semantic/global.default.json | 8 ++++---- 4 files changed, 9 insertions(+), 8 deletions(-) diff --git a/design-tokens/src/token_export.ts b/design-tokens/src/token_export.ts index 32e453e07..3b2e91637 100644 --- a/design-tokens/src/token_export.ts +++ b/design-tokens/src/token_export.ts @@ -68,7 +68,8 @@ export function tokenFilesFromLocalVariables( let obj: any = tokenFiles[fileName]; - if (variable.name.includes('outline')) { + // specific to "outline" but not something like "outlineOffset" + if (/outline\//.test(variable.name)) { const parts = variable.name.split('/'); const keyPath = parts.slice(0, -1); const property = parts[parts.length - 1]; diff --git a/design-tokens/tokens/semantic/color.dark.json b/design-tokens/tokens/semantic/color.dark.json index 56759adb7..02bc2c1a5 100644 --- a/design-tokens/tokens/semantic/color.dark.json +++ b/design-tokens/tokens/semantic/color.dark.json @@ -1274,7 +1274,7 @@ "offsetY": "{base.dimension.100}", "blur": "{base.dimension.100}", "spread": 0, - "color": "{base.color.black.opacity12}" + "color": "{base.color.black.opacity24}" } ], "$description": "", diff --git a/design-tokens/tokens/semantic/color.light.json b/design-tokens/tokens/semantic/color.light.json index e55ad30c1..9f381b3b3 100644 --- a/design-tokens/tokens/semantic/color.light.json +++ b/design-tokens/tokens/semantic/color.light.json @@ -1294,7 +1294,7 @@ "offsetY": "{base.static.spacing.xsmall}", "blur": "{base.static.spacing.small}", "spread": "{base.static.spacing.none}", - "color": "{base.color.black.opacity36}" + "color": "{base.color.black.opacity12}" } ], "$description": "", @@ -1314,7 +1314,7 @@ "offsetY": "{base.static.spacing.small}", "blur": "{base.static.spacing.medium}", "spread": "{base.static.spacing.none}", - "color": "{base.color.black.opacity36}" + "color": "{base.color.black.opacity24}" } ], "$description": "", diff --git a/design-tokens/tokens/semantic/global.default.json b/design-tokens/tokens/semantic/global.default.json index 826240f62..09ad55afc 100644 --- a/design-tokens/tokens/semantic/global.default.json +++ b/design-tokens/tokens/semantic/global.default.json @@ -32,18 +32,18 @@ "$type": "shadow", "$value": [ { - "color": "{base.color.white.100}", "offsetX": 0, "offsetY": 0, "blur": 0, - "spread": "{focusIndicator.outlineOffset}" + "spread": "{focusIndicator.outlineOffset}", + "color": "{base.color.white.100}" } ], "$description": "", "$extensions": { "com.figma": { - "hiddenFromPublishing": true, - "scopes": [], + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], "codeSyntax": {} } } From e0d021500f84a3a9ac636a9c24f6d230ae10fbb4 Mon Sep 17 00:00:00 2001 From: taysea Date: Thu, 21 Nov 2024 10:55:50 -0800 Subject: [PATCH 24/53] Fix paddingY scripts --- design-tokens/src/scripts/update-paddingY.ts | 4 +- design-tokens/src/scripts/verify-paddingY.ts | 4 +- .../tokens/component/component.default.json | 6 +-- .../tokens/semantic/dimension.medium.json | 2 +- .../tokens/semantic/dimension.small.json | 2 +- sandbox/tailwind-app/src/index.css | 40 +++++++++---------- 6 files changed, 29 insertions(+), 29 deletions(-) diff --git a/design-tokens/src/scripts/update-paddingY.ts b/design-tokens/src/scripts/update-paddingY.ts index 62415597c..c76928368 100644 --- a/design-tokens/src/scripts/update-paddingY.ts +++ b/design-tokens/src/scripts/update-paddingY.ts @@ -32,8 +32,8 @@ export const descend = ( // this is special use case for `iconOnly` buttons // could be improved in future if needed to be more dynamic if (key === 'iconOnly') { - // [component, size, kind...] - const size = keyPath[1]; + // [component, kind, size...] + const size = keyPath[2]; contentHeight = tokens.size?.icon?.[size]; } if ( diff --git a/design-tokens/src/scripts/verify-paddingY.ts b/design-tokens/src/scripts/verify-paddingY.ts index 9c7bdb237..a732f9bd8 100644 --- a/design-tokens/src/scripts/verify-paddingY.ts +++ b/design-tokens/src/scripts/verify-paddingY.ts @@ -32,8 +32,8 @@ export const descend = ( // this is special use case for `iconOnly` buttons // could be improved in future if needed to be more dynamic if (key === 'iconOnly') { - // [component, size, kind...] - const size = keyPath[1]; + // [component, kind, size...] + const size = keyPath[2]; contentHeight = tokens.size?.icon?.[size]; } if ( diff --git a/design-tokens/tokens/component/component.default.json b/design-tokens/tokens/component/component.default.json index 02d54baff..b0c8b7b5f 100644 --- a/design-tokens/tokens/component/component.default.json +++ b/design-tokens/tokens/component/component.default.json @@ -3094,7 +3094,7 @@ }, "paddingY": { "$type": "number", - "$value": 3, + "$value": 4, "$description": "", "$extensions": { "com.figma": { @@ -4362,7 +4362,7 @@ "iconOnly": { "paddingX": { "$type": "number", - "$value": 5, + "$value": "{button.toolbar.xsmall.iconOnly.paddingY}", "$description": "", "$extensions": { "com.figma": { @@ -4374,7 +4374,7 @@ }, "paddingY": { "$type": "number", - "$value": 3, + "$value": 4, "$description": "", "$extensions": { "com.figma": { diff --git a/design-tokens/tokens/semantic/dimension.medium.json b/design-tokens/tokens/semantic/dimension.medium.json index 85950189c..9e57a46eb 100644 --- a/design-tokens/tokens/semantic/dimension.medium.json +++ b/design-tokens/tokens/semantic/dimension.medium.json @@ -407,7 +407,7 @@ "icon": { "xsmall": { "$type": "number", - "$value": "{base.dimension.400}", + "$value": "{base.dimension.350}", "$description": "", "$extensions": { "com.figma": { diff --git a/design-tokens/tokens/semantic/dimension.small.json b/design-tokens/tokens/semantic/dimension.small.json index c03c6969c..9cdc3af0b 100644 --- a/design-tokens/tokens/semantic/dimension.small.json +++ b/design-tokens/tokens/semantic/dimension.small.json @@ -407,7 +407,7 @@ "icon": { "xsmall": { "$type": "number", - "$value": "{base.dimension.400}", + "$value": "{base.dimension.350}", "$description": "", "$extensions": { "com.figma": { diff --git a/sandbox/tailwind-app/src/index.css b/sandbox/tailwind-app/src/index.css index 9764a0943..4fae643b1 100644 --- a/sandbox/tailwind-app/src/index.css +++ b/sandbox/tailwind-app/src/index.css @@ -62,13 +62,13 @@ button { --button-label-fontWeight: 600; /* where does font-weight go? */ /* dimension tokens */ - --button-borderRadius: var(--hpe-button-medium-default-border-radius); - --button-borderWidth: var(--hpe-button-medium-default-border-width); - --button-paddingVertical: var(--hpe-button-medium-default-padding-y); - --button-paddingHorizontal: var(--hpe-button-medium-default-padding-x); - --button-fontSize: var(--hpe-button-medium-default-font-size); - --button-lineHeight: var(--hpe-button-medium-default-line-height); - --button-gapX: var(--hpe-button-medium-default-gap-x); + --button-borderRadius: var(--hpe-button-default-medium-border-radius); + --button-borderWidth: var(--hpe-button-default-medium-border-width); + --button-paddingVertical: var(--hpe-button-default-medium-padding-y); + --button-paddingHorizontal: var(--hpe-button-default-medium-padding-x); + --button-fontSize: var(--hpe-button-default-medium-font-size); + --button-lineHeight: var(--hpe-button-default-medium-line-height); + --button-gapX: var(--hpe-button-default-medium-gap-x); display: flex; align-items: center; @@ -92,16 +92,16 @@ button:hover { } button.hpe-button-primary { - --button-backgroundColor: var(--hpe-button-primary-enabled-background); + --button-backgroundColor: var(--hpe-button-primary-enabled-background-color); --button-borderColor: var(--hpe-button-primary-enabled-border-color); --button-label-color: var(--hpe-button-primary-enabled-text-color); - --button-borderRadius: var(--hpe-button-medium-primary-border-radius); - --button-borderWidth: var(--hpe-button-medium-primary-border-width); - --button-paddingVertical: var(--hpe-button-medium-primary-padding-y); - --button-paddingHorizontal: var(--hpe-button-medium-primary-padding-x); - --button-fontSize: var(--hpe-button-medium-primary-font-size); - --button-lineHeight: var(--hpe-button-medium-primary-line-height); + --button-borderRadius: var(--hpe-button-primary-medium-border-radius); + --button-borderWidth: var(--hpe-button-primary-medium-border-width); + --button-paddingVertical: var(--hpe-button-primary-medium-padding-y); + --button-paddingHorizontal: var(--hpe-button-primary-medium-padding-x); + --button-fontSize: var(--hpe-button-primary-medium-font-size); + --button-lineHeight: var(--hpe-button-primary-medium-line-height); } button.hpe-button-primary:hover { @@ -115,12 +115,12 @@ button.hpe-button-secondary { --button-borderColor: var(--hpe-button-secondary-enabled-border-color); --button-label-color: var(--hpe-button-secondary-enabled-text-color); - --button-borderRadius: var(--hpe-button-medium-secondary-border-radius); - --button-borderWidth: var(--hpe-button-medium-secondary-border-width); - --button-paddingVertical: var(--hpe-button-medium-secondary-padding-y); - --button-paddingHorizontal: var(--hpe-button-medium-secondary-padding-x); - --button-fontSize: var(--hpe-button-medium-secondary-font-size); - --button-lineHeight: var(--hpe-button-medium-secondary-line-height); + --button-borderRadius: var(--hpe-button-secondary-medium-border-radius); + --button-borderWidth: var(--hpe-button-secondary-medium-border-width); + --button-paddingVertical: var(--hpe-button-secondary-medium-padding-y); + --button-paddingHorizontal: var(--hpe-button-secondary-medium-padding-x); + --button-fontSize: var(--hpe-button-secondary-medium-font-size); + --button-lineHeight: var(--hpe-button-secondary-medium-line-height); } button.hpe-button-secondary:hover { From 92e1ecc236fb9b5b414c1be6160c63ba01a6e0fd Mon Sep 17 00:00:00 2001 From: taysea Date: Thu, 21 Nov 2024 11:48:54 -0800 Subject: [PATCH 25/53] Updated v0.5.0 --- design-tokens/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/design-tokens/package.json b/design-tokens/package.json index b34dc4f1c..fa8e36cf6 100644 --- a/design-tokens/package.json +++ b/design-tokens/package.json @@ -1,7 +1,7 @@ { "name": "hpe-design-tokens", "description": "Design tokens for use with the HPE Design System.", - "version": "0.1.0", + "version": "0.5.0", "license": "Apache-2.0", "type": "module", "module": "./dist/esm/index.js", From 71d39a3b0a1b89a271858423f8547a1b6488da01 Mon Sep 17 00:00:00 2001 From: taysea Date: Thu, 21 Nov 2024 13:33:41 -0800 Subject: [PATCH 26/53] Fix breakpoints output --- design-tokens/README.md | 4 ++-- design-tokens/src/scripts/build-style-dictionary.js | 2 +- sandbox/grommet-app/src/theme.jsx | 8 ++++---- 3 files changed, 7 insertions(+), 7 deletions(-) diff --git a/design-tokens/README.md b/design-tokens/README.md index d3b84138a..8a8052149 100644 --- a/design-tokens/README.md +++ b/design-tokens/README.md @@ -18,8 +18,8 @@ npm i hpe-design-tokens ## Usage -For usage instructions, see [HPE Design System design tokens documentation](https://design-system.hpe.design/tokens). +For usage instructions, see [HPE Design System design tokens documentation](https://design-system.hpe.design/design-tokens). ## License -[Apache-2.0](https://github.com/grommet/hpe-design-system/blob/design-tokens-alpha/design-tokens/LICENSE) +[Apache-2.0](https://github.com/grommet/hpe-design-system/blob/design-tokens-stable/LICENSE) diff --git a/design-tokens/src/scripts/build-style-dictionary.js b/design-tokens/src/scripts/build-style-dictionary.js index 59cd157d4..5f46bc3c8 100644 --- a/design-tokens/src/scripts/build-style-dictionary.js +++ b/design-tokens/src/scripts/build-style-dictionary.js @@ -291,7 +291,7 @@ try { outputReferences: true, mediaQuery: parsedGlobal.breakpoint?.[mode] && - !['large', 'xlarge'].includes(mode) && + !['medium', 'large', 'xlarge'].includes(mode) && `max-width: ${numberToPixel( parsedGlobal.breakpoint[mode].$value, )}`, diff --git a/sandbox/grommet-app/src/theme.jsx b/sandbox/grommet-app/src/theme.jsx index 51a3ad110..91e0007d5 100644 --- a/sandbox/grommet-app/src/theme.jsx +++ b/sandbox/grommet-app/src/theme.jsx @@ -441,7 +441,7 @@ const buildTheme = tokens => { xxlarge: small.hpe.size.content.xxlarge, full: '100%', }, - value: global.hpe.breakpoint.xsmall, + value: parseInt(global.hpe.breakpoint.xsmall, 10), }, small: { borderSize: { @@ -473,13 +473,13 @@ const buildTheme = tokens => { xxlarge: small.hpe.size.content.xxlarge, full: '100%', }, - value: global.hpe.breakpoint.small, + value: parseInt(global.hpe.breakpoint.small, 10), }, medium: { - value: global.hpe.breakpoint.medium, + value: parseInt(global.hpe.breakpoint.medium, 10), }, large: { - value: global.hpe.breakpoint.large, + value: parseInt(global.hpe.breakpoint.large, 10), }, xlarge: {}, }, From 4acbe0e73bca96ea04ec7990a43b8f2510e48f97 Mon Sep 17 00:00:00 2001 From: Taylor Seamans Date: Thu, 21 Nov 2024 13:35:49 -0800 Subject: [PATCH 27/53] Create heavy-books-promise.md --- .changeset/heavy-books-promise.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/heavy-books-promise.md diff --git a/.changeset/heavy-books-promise.md b/.changeset/heavy-books-promise.md new file mode 100644 index 000000000..7cd692b19 --- /dev/null +++ b/.changeset/heavy-books-promise.md @@ -0,0 +1,5 @@ +--- +"hpe-design-tokens": minor +--- + +Remove media query from CSS output for dimension.medium.css From 03f70f87fe1dc8d4e85b685bf422206e09e81630 Mon Sep 17 00:00:00 2001 From: taysea Date: Thu, 21 Nov 2024 13:51:17 -0800 Subject: [PATCH 28/53] Updated v0.6.0 --- .changeset/heavy-books-promise.md | 5 ----- design-tokens/CHANGELOG.md | 7 +++++++ design-tokens/package.json | 2 +- 3 files changed, 8 insertions(+), 6 deletions(-) delete mode 100644 .changeset/heavy-books-promise.md create mode 100644 design-tokens/CHANGELOG.md diff --git a/.changeset/heavy-books-promise.md b/.changeset/heavy-books-promise.md deleted file mode 100644 index 7cd692b19..000000000 --- a/.changeset/heavy-books-promise.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"hpe-design-tokens": minor ---- - -Remove media query from CSS output for dimension.medium.css diff --git a/design-tokens/CHANGELOG.md b/design-tokens/CHANGELOG.md new file mode 100644 index 000000000..ff95959c1 --- /dev/null +++ b/design-tokens/CHANGELOG.md @@ -0,0 +1,7 @@ +# hpe-design-tokens + +## 0.6.0 + +### Minor Changes + +- 4acbe0e: Fixed CSS output for dimension.medium.css by removing incorrect media query diff --git a/design-tokens/package.json b/design-tokens/package.json index fa8e36cf6..b317a8514 100644 --- a/design-tokens/package.json +++ b/design-tokens/package.json @@ -1,7 +1,7 @@ { "name": "hpe-design-tokens", "description": "Design tokens for use with the HPE Design System.", - "version": "0.5.0", + "version": "0.6.0", "license": "Apache-2.0", "type": "module", "module": "./dist/esm/index.js", From 8eaa99b301fc4b1695dcb9ff5ef603244761bac2 Mon Sep 17 00:00:00 2001 From: taysea Date: Thu, 21 Nov 2024 13:59:48 -0800 Subject: [PATCH 29/53] Update yarn.lock --- design-tokens/CHANGELOG.md | 2 +- yarn.lock | 8 ++++---- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/design-tokens/CHANGELOG.md b/design-tokens/CHANGELOG.md index ff95959c1..e19ed00fe 100644 --- a/design-tokens/CHANGELOG.md +++ b/design-tokens/CHANGELOG.md @@ -4,4 +4,4 @@ ### Minor Changes -- 4acbe0e: Fixed CSS output for dimension.medium.css by removing incorrect media query +- 4acbe0e: Fixed CSS output for dimension.medium.css by removing incorrect media query. diff --git a/yarn.lock b/yarn.lock index c18cb19d9..7e4914756 100644 --- a/yarn.lock +++ b/yarn.lock @@ -7811,7 +7811,7 @@ grommet-theme-hpe@5.7.0: "grommet@https://github.com/grommet/grommet/tarball/stable": version "2.42.0" - resolved "https://github.com/grommet/grommet/tarball/stable#763c5b4920e5a86f23f3ab55d010f44839e767d0" + resolved "https://github.com/grommet/grommet/tarball/stable#67202e952d36c6968f0cbea875cc0f9220101cfc" dependencies: "@emotion/is-prop-valid" "^1.3.1" grommet-icons "^4.12.1" @@ -11899,9 +11899,9 @@ ps-tree@1.2.0: event-stream "=3.3.4" psl@^1.1.33: - version "1.12.0" - resolved "https://registry.yarnpkg.com/psl/-/psl-1.12.0.tgz#8b09cba186ebee68c0d824c1b22944cf5b2ad42c" - integrity sha512-OVcqwt4qWJF9G0fnSEMNz7aSa1PiGX/IvSXDO+PpbDK3r/IJ3QX2iu8ywanYG07e9IaYDigMu+EapE8TdMZOJQ== + version "1.13.0" + resolved "https://registry.yarnpkg.com/psl/-/psl-1.13.0.tgz#8b2357f13ef3cf546af3f52de00543a94da86cfa" + integrity sha512-BFwmFXiJoFqlUpZ5Qssolv15DMyc84gTBds1BjsV1BfXEo1UyyD7GsmN67n7J77uRhoSNW1AXtXKPLcBFQn9Aw== dependencies: punycode "^2.3.1" From 77e7cf926284b8553ce7e1612115b78b03bbf26e Mon Sep 17 00:00:00 2001 From: taysea Date: Thu, 21 Nov 2024 14:35:17 -0800 Subject: [PATCH 30/53] Rename size.content to size.container --- .../tokens/primitive/primitives.base.json | 2 +- .../tokens/semantic/dimension.medium.json | 20 +++++++++---------- .../tokens/semantic/dimension.small.json | 20 +++++++++---------- 3 files changed, 21 insertions(+), 21 deletions(-) diff --git a/design-tokens/tokens/primitive/primitives.base.json b/design-tokens/tokens/primitive/primitives.base.json index 396544ab8..9b63c89ca 100644 --- a/design-tokens/tokens/primitive/primitives.base.json +++ b/design-tokens/tokens/primitive/primitives.base.json @@ -2187,7 +2187,7 @@ } } }, - "content": { + "container": { "xxsmall": { "$type": "number", "$value": "{base.dimension.1200}", diff --git a/design-tokens/tokens/semantic/dimension.medium.json b/design-tokens/tokens/semantic/dimension.medium.json index 9e57a46eb..1010531d3 100644 --- a/design-tokens/tokens/semantic/dimension.medium.json +++ b/design-tokens/tokens/semantic/dimension.medium.json @@ -294,10 +294,10 @@ } }, "size": { - "content": { + "container": { "xxsmall": { "$type": "number", - "$value": "{base.static.content.xxsmall}", + "$value": "{base.static.container.xxsmall}", "$description": "Content tokens are generally scoped for the width and height of containers or layout elements. For example, box, card and layout-grids.", "$extensions": { "com.figma": { @@ -309,7 +309,7 @@ }, "xsmall": { "$type": "number", - "$value": "{base.static.content.xsmall}", + "$value": "{base.static.container.xsmall}", "$description": "Content tokens are generally scoped for the width and height of containers or layout elements. For example, box, card and layout-grids.", "$extensions": { "com.figma": { @@ -321,7 +321,7 @@ }, "small": { "$type": "number", - "$value": "{base.static.content.small}", + "$value": "{base.static.container.small}", "$description": "Content tokens are generally scoped for the width and height of containers or layout elements. For example, box, card and layout-grids.", "$extensions": { "com.figma": { @@ -333,7 +333,7 @@ }, "smallPlus": { "$type": "number", - "$value": "{base.static.content.smallPlus}", + "$value": "{base.static.container.smallPlus}", "$description": "", "$extensions": { "com.figma": { @@ -345,7 +345,7 @@ }, "medium": { "$type": "number", - "$value": "{base.static.content.medium}", + "$value": "{base.static.container.medium}", "$description": "Content tokens are generally scoped for the width and height of containers or layout elements. For example, box, card and layout-grids.", "$extensions": { "com.figma": { @@ -357,7 +357,7 @@ }, "mediumPlus": { "$type": "number", - "$value": "{base.static.content.mediumPlus}", + "$value": "{base.static.container.mediumPlus}", "$description": "", "$extensions": { "com.figma": { @@ -369,7 +369,7 @@ }, "large": { "$type": "number", - "$value": "{base.static.content.large}", + "$value": "{base.static.container.large}", "$description": "Content tokens are generally scoped for the width and height of containers or layout elements. For example, box, card and layout-grids.", "$extensions": { "com.figma": { @@ -381,7 +381,7 @@ }, "xlarge": { "$type": "number", - "$value": "{base.static.content.xlarge}", + "$value": "{base.static.container.xlarge}", "$description": "Content tokens are generally scoped for the width and height of containers or layout elements. For example, box, card and layout-grids.", "$extensions": { "com.figma": { @@ -393,7 +393,7 @@ }, "xxlarge": { "$type": "number", - "$value": "{base.static.content.xxlarge}", + "$value": "{base.static.container.xxlarge}", "$description": "Content tokens are generally scoped for the width and height of containers or layout elements. For example, box, card and layout-grids.", "$extensions": { "com.figma": { diff --git a/design-tokens/tokens/semantic/dimension.small.json b/design-tokens/tokens/semantic/dimension.small.json index 9cdc3af0b..ace547451 100644 --- a/design-tokens/tokens/semantic/dimension.small.json +++ b/design-tokens/tokens/semantic/dimension.small.json @@ -294,10 +294,10 @@ } }, "size": { - "content": { + "container": { "xxsmall": { "$type": "number", - "$value": "{base.static.content.xxsmall}", + "$value": "{base.static.container.xxsmall}", "$description": "Content tokens are generally scoped for the width and height of containers or layout elements. For example, box, card and layout-grids.", "$extensions": { "com.figma": { @@ -309,7 +309,7 @@ }, "xsmall": { "$type": "number", - "$value": "{base.static.content.xxsmall}", + "$value": "{base.static.container.xxsmall}", "$description": "Content tokens are generally scoped for the width and height of containers or layout elements. For example, box, card and layout-grids.", "$extensions": { "com.figma": { @@ -321,7 +321,7 @@ }, "small": { "$type": "number", - "$value": "{base.static.content.xsmall}", + "$value": "{base.static.container.xsmall}", "$description": "Content tokens are generally scoped for the width and height of containers or layout elements. For example, box, card and layout-grids.", "$extensions": { "com.figma": { @@ -333,7 +333,7 @@ }, "smallPlus": { "$type": "number", - "$value": "{base.static.radius.small}", + "$value": "{base.static.container.small}", "$description": "", "$extensions": { "com.figma": { @@ -345,7 +345,7 @@ }, "medium": { "$type": "number", - "$value": "{base.static.content.small}", + "$value": "{base.static.container.small}", "$description": "Content tokens are generally scoped for the width and height of containers or layout elements. For example, box, card and layout-grids.", "$extensions": { "com.figma": { @@ -357,7 +357,7 @@ }, "mediumPlus": { "$type": "number", - "$value": "{base.static.content.medium}", + "$value": "{base.static.container.medium}", "$description": "", "$extensions": { "com.figma": { @@ -369,7 +369,7 @@ }, "large": { "$type": "number", - "$value": "{base.static.content.medium}", + "$value": "{base.static.container.medium}", "$description": "Content tokens are generally scoped for the width and height of containers or layout elements. For example, box, card and layout-grids.", "$extensions": { "com.figma": { @@ -381,7 +381,7 @@ }, "xlarge": { "$type": "number", - "$value": "{base.static.content.large}", + "$value": "{base.static.container.large}", "$description": "Content tokens are generally scoped for the width and height of containers or layout elements. For example, box, card and layout-grids.", "$extensions": { "com.figma": { @@ -393,7 +393,7 @@ }, "xxlarge": { "$type": "number", - "$value": "{base.static.content.xlarge}", + "$value": "{base.static.container.xlarge}", "$description": "Content tokens are generally scoped for the width and height of containers or layout elements. For example, box, card and layout-grids.", "$extensions": { "com.figma": { From e601f2a1d957eb3aad8bae3222dcc0a76a23b6c4 Mon Sep 17 00:00:00 2001 From: Taylor Seamans Date: Thu, 21 Nov 2024 14:37:06 -0800 Subject: [PATCH 31/53] Create light-weeks-buy.md --- .changeset/light-weeks-buy.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/light-weeks-buy.md diff --git a/.changeset/light-weeks-buy.md b/.changeset/light-weeks-buy.md new file mode 100644 index 000000000..1694eddc1 --- /dev/null +++ b/.changeset/light-weeks-buy.md @@ -0,0 +1,5 @@ +--- +"hpe-design-tokens": minor +--- + +Rename `size.content` to `size.container`, `base.static.content` to `base.static.container`. From 2ead30a074b84c0385c32f6f0cd7f3249f39b48f Mon Sep 17 00:00:00 2001 From: taysea Date: Thu, 21 Nov 2024 14:46:24 -0800 Subject: [PATCH 32/53] Remove paragraph tokens --- .../tokens/semantic/dimension.medium.json | 350 ++++++------------ .../tokens/semantic/dimension.small.json | 350 ++++++------------ sandbox/grommet-app/src/theme.jsx | 2 +- 3 files changed, 241 insertions(+), 461 deletions(-) diff --git a/design-tokens/tokens/semantic/dimension.medium.json b/design-tokens/tokens/semantic/dimension.medium.json index 9e57a46eb..97c2825b7 100644 --- a/design-tokens/tokens/semantic/dimension.medium.json +++ b/design-tokens/tokens/semantic/dimension.medium.json @@ -556,6 +556,18 @@ "codeSyntax": {} } } + }, + "maxWidth": { + "$type": "string", + "$value": "25em", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} + } + } } }, "small": { @@ -594,6 +606,18 @@ "codeSyntax": {} } } + }, + "maxWidth": { + "$type": "string", + "$value": "25em", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} + } + } } }, "medium": { @@ -632,6 +656,18 @@ "codeSyntax": {} } } + }, + "maxWidth": { + "$type": "string", + "$value": "25em", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} + } + } } }, "large": { @@ -670,6 +706,18 @@ "codeSyntax": {} } } + }, + "maxWidth": { + "$type": "string", + "$value": "25em", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} + } + } } }, "xlarge": { @@ -708,6 +756,18 @@ "codeSyntax": {} } } + }, + "maxWidth": { + "$type": "string", + "$value": "25em", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} + } + } } }, "xxlarge": { @@ -746,6 +806,18 @@ "codeSyntax": {} } } + }, + "maxWidth": { + "$type": "string", + "$value": "25em", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} + } + } } }, "3xl": { @@ -784,6 +856,18 @@ "codeSyntax": {} } } + }, + "maxWidth": { + "$type": "string", + "$value": "25em", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} + } + } } }, "4xl": { @@ -822,6 +906,18 @@ "codeSyntax": {} } } + }, + "maxWidth": { + "$type": "string", + "$value": "25em", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} + } + } } }, "5xl": { @@ -860,6 +956,18 @@ "codeSyntax": {} } } + }, + "maxWidth": { + "$type": "string", + "$value": "25em", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} + } + } } }, "6xl": { @@ -898,6 +1006,18 @@ "codeSyntax": {} } } + }, + "maxWidth": { + "$type": "string", + "$value": "25em", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} + } + } } } }, @@ -1130,235 +1250,5 @@ } } } - }, - "paragraph": { - "xsmall": { - "fontSize": { - "$type": "number", - "$value": "{base.fontSize.90}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FONT_SIZE"], - "codeSyntax": {} - } - } - }, - "lineHeight": { - "$type": "number", - "$value": "{base.lineHeight.90}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["LINE_HEIGHT"], - "codeSyntax": {} - } - } - }, - "maxWidth": { - "$type": "string", - "$value": "25em", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - } - }, - "small": { - "fontSize": { - "$type": "number", - "$value": "{base.fontSize.100}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FONT_SIZE"], - "codeSyntax": {} - } - } - }, - "lineHeight": { - "$type": "number", - "$value": "{base.lineHeight.300}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["LINE_HEIGHT"], - "codeSyntax": {} - } - } - }, - "maxWidth": { - "$type": "string", - "$value": "25em", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - } - }, - "medium": { - "fontSize": { - "$type": "number", - "$value": "{base.fontSize.200}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FONT_SIZE"], - "codeSyntax": {} - } - } - }, - "lineHeight": { - "$type": "number", - "$value": "{base.lineHeight.200}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["LINE_HEIGHT"], - "codeSyntax": {} - } - } - }, - "maxWidth": { - "$type": "string", - "$value": "25em", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - } - }, - "large": { - "fontSize": { - "$type": "number", - "$value": "{base.fontSize.400}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FONT_SIZE"], - "codeSyntax": {} - } - } - }, - "lineHeight": { - "$type": "number", - "$value": "{base.lineHeight.300}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["LINE_HEIGHT"], - "codeSyntax": {} - } - } - }, - "maxWidth": { - "$type": "string", - "$value": "25em", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - } - }, - "xlarge": { - "fontSize": { - "$type": "number", - "$value": "{base.fontSize.500}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FONT_SIZE"], - "codeSyntax": {} - } - } - }, - "lineHeight": { - "$type": "number", - "$value": "{base.lineHeight.400}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["LINE_HEIGHT"], - "codeSyntax": {} - } - } - }, - "maxWidth": { - "$type": "string", - "$value": "25em", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - } - }, - "xxlarge": { - "fontSize": { - "$type": "number", - "$value": "{base.fontSize.600}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FONT_SIZE"], - "codeSyntax": {} - } - } - }, - "lineHeight": { - "$type": "number", - "$value": "{base.lineHeight.600}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["LINE_HEIGHT"], - "codeSyntax": {} - } - } - }, - "maxWidth": { - "$type": "string", - "$value": "25em", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - } - } } } diff --git a/design-tokens/tokens/semantic/dimension.small.json b/design-tokens/tokens/semantic/dimension.small.json index 9cdc3af0b..6bb5418f3 100644 --- a/design-tokens/tokens/semantic/dimension.small.json +++ b/design-tokens/tokens/semantic/dimension.small.json @@ -556,6 +556,18 @@ "codeSyntax": {} } } + }, + "maxWidth": { + "$type": "string", + "$value": "25em", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} + } + } } }, "small": { @@ -594,6 +606,18 @@ "codeSyntax": {} } } + }, + "maxWidth": { + "$type": "string", + "$value": "25em", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} + } + } } }, "medium": { @@ -632,6 +656,18 @@ "codeSyntax": {} } } + }, + "maxWidth": { + "$type": "string", + "$value": "25em", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} + } + } } }, "large": { @@ -670,6 +706,18 @@ "codeSyntax": {} } } + }, + "maxWidth": { + "$type": "string", + "$value": "25em", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} + } + } } }, "xlarge": { @@ -708,6 +756,18 @@ "codeSyntax": {} } } + }, + "maxWidth": { + "$type": "string", + "$value": "25em", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} + } + } } }, "xxlarge": { @@ -746,6 +806,18 @@ "codeSyntax": {} } } + }, + "maxWidth": { + "$type": "string", + "$value": "25em", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} + } + } } }, "3xl": { @@ -784,6 +856,18 @@ "codeSyntax": {} } } + }, + "maxWidth": { + "$type": "string", + "$value": "25em", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} + } + } } }, "4xl": { @@ -822,6 +906,18 @@ "codeSyntax": {} } } + }, + "maxWidth": { + "$type": "string", + "$value": "25em", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} + } + } } }, "5xl": { @@ -860,6 +956,18 @@ "codeSyntax": {} } } + }, + "maxWidth": { + "$type": "string", + "$value": "25em", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} + } + } } }, "6xl": { @@ -898,6 +1006,18 @@ "codeSyntax": {} } } + }, + "maxWidth": { + "$type": "string", + "$value": "25em", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} + } + } } } }, @@ -1130,235 +1250,5 @@ } } } - }, - "paragraph": { - "xsmall": { - "fontSize": { - "$type": "number", - "$value": "{base.fontSize.90}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FONT_SIZE"], - "codeSyntax": {} - } - } - }, - "lineHeight": { - "$type": "number", - "$value": "{base.lineHeight.90}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["LINE_HEIGHT"], - "codeSyntax": {} - } - } - }, - "maxWidth": { - "$type": "string", - "$value": "25em", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - } - }, - "small": { - "fontSize": { - "$type": "number", - "$value": "{base.fontSize.100}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FONT_SIZE"], - "codeSyntax": {} - } - } - }, - "lineHeight": { - "$type": "number", - "$value": "{base.lineHeight.300}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["LINE_HEIGHT"], - "codeSyntax": {} - } - } - }, - "maxWidth": { - "$type": "string", - "$value": "25em", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - } - }, - "medium": { - "fontSize": { - "$type": "number", - "$value": "{base.fontSize.200}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FONT_SIZE"], - "codeSyntax": {} - } - } - }, - "lineHeight": { - "$type": "number", - "$value": "{base.lineHeight.200}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["LINE_HEIGHT"], - "codeSyntax": {} - } - } - }, - "maxWidth": { - "$type": "string", - "$value": "25em", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - } - }, - "large": { - "fontSize": { - "$type": "number", - "$value": "{base.fontSize.400}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FONT_SIZE"], - "codeSyntax": {} - } - } - }, - "lineHeight": { - "$type": "number", - "$value": "{base.lineHeight.300}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["LINE_HEIGHT"], - "codeSyntax": {} - } - } - }, - "maxWidth": { - "$type": "string", - "$value": "25em", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - } - }, - "xlarge": { - "fontSize": { - "$type": "number", - "$value": "{base.fontSize.500}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FONT_SIZE"], - "codeSyntax": {} - } - } - }, - "lineHeight": { - "$type": "number", - "$value": "{base.lineHeight.400}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["LINE_HEIGHT"], - "codeSyntax": {} - } - } - }, - "maxWidth": { - "$type": "string", - "$value": "25em", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - } - }, - "xxlarge": { - "fontSize": { - "$type": "number", - "$value": "{base.fontSize.600}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FONT_SIZE"], - "codeSyntax": {} - } - } - }, - "lineHeight": { - "$type": "number", - "$value": "{base.lineHeight.600}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["LINE_HEIGHT"], - "codeSyntax": {} - } - } - }, - "maxWidth": { - "$type": "string", - "$value": "25em", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - } - } } } diff --git a/sandbox/grommet-app/src/theme.jsx b/sandbox/grommet-app/src/theme.jsx index 91e0007d5..1d34ae7d3 100644 --- a/sandbox/grommet-app/src/theme.jsx +++ b/sandbox/grommet-app/src/theme.jsx @@ -539,7 +539,7 @@ const buildTheme = tokens => { paragraphTheme[size] = { size: large.hpe.text?.[size]?.fontSize, height: large.hpe.text?.[size]?.lineHeight, - maxWidth: large.hpe.paragraph?.[size]?.maxWidth, + maxWidth: large.hpe.text?.[size]?.maxWidth, }; textTheme[size] = { size: large.hpe.text?.[size].fontSize, From 03cba755feb23937e3ee1067213298df5ea4d562 Mon Sep 17 00:00:00 2001 From: taysea Date: Thu, 21 Nov 2024 15:28:58 -0800 Subject: [PATCH 33/53] Fix sync-figma-to-tokens for shadows --- design-tokens/src/token_export.ts | 17 ++++++++++------- 1 file changed, 10 insertions(+), 7 deletions(-) diff --git a/design-tokens/src/token_export.ts b/design-tokens/src/token_export.ts index 3b2e91637..dab49cb2f 100644 --- a/design-tokens/src/token_export.ts +++ b/design-tokens/src/token_export.ts @@ -49,8 +49,6 @@ export function tokenFilesFromLocalVariables( localVariablesResponse.meta.variableCollections; const localVariables = localVariablesResponse.meta.variables; const shadows: { [key: string]: any } = {}; - shadows.shadow = {}; - const root = shadows.shadow; // TO DO this hard codes the concept of "shadow" in shadow naming Object.values(localVariables).forEach(variable => { // Skip remote variables because we only want to generate tokens for local variables @@ -158,8 +156,11 @@ export function tokenFilesFromLocalVariables( const parts = variable.name.split('/'); const shadow = parts.slice(1, 2).join(''); const property = parts[parts.length - 1]; - if (!(shadow in root)) - root[shadow] = { + if (!(mode.modeId in shadows)) { + shadows[mode.modeId] = {}; + } + if (!(shadow in shadows[mode.modeId])) { + shadows[mode.modeId][shadow] = { $type: 'shadow', $value: [ { @@ -179,20 +180,22 @@ export function tokenFilesFromLocalVariables( }, }, }; - else { + } else { // shadow/small/2/offsetY --> need index 1 const index = parseInt(parts[parts.length - 3], 10) >= 0 ? parseInt(parts[parts.length - 3], 10) : 0; - const partialShadow = root[shadow].$value[index]; + const partialShadow = shadows[mode.modeId][shadow].$value[index]; partialShadow[property] = tokenValueFromVariable( variable, mode.modeId, localVariables, ); } - Object.assign(tokenFiles[fileName], { ...shadows }); + Object.assign(tokenFiles[fileName], { + ...{ shadow: shadows[mode.modeId] }, // TO DO this hard codes naming concept of "shadow" + }); } else { variable.name.split('/').forEach(groupName => { obj[groupName] = obj[groupName] || {}; From 8c95002d3f224d90a3718b875ab2f04ea3d82fa6 Mon Sep 17 00:00:00 2001 From: taysea Date: Thu, 21 Nov 2024 15:37:19 -0800 Subject: [PATCH 34/53] Update release-stable steps --- design-tokens/src/scripts/release-stable.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/design-tokens/src/scripts/release-stable.js b/design-tokens/src/scripts/release-stable.js index 5e09f43d8..304de0815 100644 --- a/design-tokens/src/scripts/release-stable.js +++ b/design-tokens/src/scripts/release-stable.js @@ -21,7 +21,7 @@ if (process.env.CI) { git() .clone(repoURL, localFolder) .then(() => git(localFolder).checkout(BRANCH)) - // .then(() => del([`${localFolder}/**/*`])) + .then(() => del([`${localFolder}/**/*`])) .then(() => fs.copy(localDist, `${localFolder}/${BUILD_DIR}`)) .then(() => files.forEach(file => From 8853a0ed2a3f8a2c8f130c4145532d464d546d53 Mon Sep 17 00:00:00 2001 From: taysea Date: Fri, 22 Nov 2024 12:45:35 -0800 Subject: [PATCH 35/53] Update yarn.lock --- yarn.lock | 143 +++++++++++++++++++++++++++--------------------------- 1 file changed, 72 insertions(+), 71 deletions(-) diff --git a/yarn.lock b/yarn.lock index 7e4914756..cc8e46dca 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3410,74 +3410,74 @@ resolved "https://registry.yarnpkg.com/@storybook/theming/-/theming-8.4.5.tgz#d7c77215f09906c9bb124d530d4307fd1841fbb8" integrity sha512-45e/jeG4iuqdZcHg3PbB6dwXQTwlnnEB7r/QcVExyC7ibrkTnjUfvxzyUw4mmU3CXETFGD5EcUobFkgK+/aPxQ== -"@swc/core-darwin-arm64@1.9.2": - version "1.9.2" - resolved "https://registry.yarnpkg.com/@swc/core-darwin-arm64/-/core-darwin-arm64-1.9.2.tgz#98b60a56229c4341c1263723f985e04f3f82d499" - integrity sha512-nETmsCoY29krTF2PtspEgicb3tqw7Ci5sInTI03EU5zpqYbPjoPH99BVTjj0OsF53jP5MxwnLI5Hm21lUn1d6A== - -"@swc/core-darwin-x64@1.9.2": - version "1.9.2" - resolved "https://registry.yarnpkg.com/@swc/core-darwin-x64/-/core-darwin-x64-1.9.2.tgz#6bb1be573878acf42aa6abd6b602ef0136cc00de" - integrity sha512-9gD+bwBz8ZByjP6nZTXe/hzd0tySIAjpDHgkFiUrc+5zGF+rdTwhcNrzxNHJmy6mw+PW38jqII4uspFHUqqxuQ== - -"@swc/core-linux-arm-gnueabihf@1.9.2": - version "1.9.2" - resolved "https://registry.yarnpkg.com/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.9.2.tgz#e63f57f2e214f06d711bed830d53af0597749647" - integrity sha512-kYq8ief1Qrn+WmsTWAYo4r+Coul4dXN6cLFjiPZ29Cv5pyU+GFvSPAB4bEdMzwy99rCR0u2P10UExaeCjurjvg== - -"@swc/core-linux-arm64-gnu@1.9.2": - version "1.9.2" - resolved "https://registry.yarnpkg.com/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.9.2.tgz#cb26240fe5769c1675ac75717ec836e99a7f7e93" - integrity sha512-n0W4XiXlmEIVqxt+rD3ZpkogsEWUk1jJ+i5bQNgB+1JuWh0fBE8c/blDgTQXa0GB5lTPVDZQussgdNOCnAZwiA== - -"@swc/core-linux-arm64-musl@1.9.2": - version "1.9.2" - resolved "https://registry.yarnpkg.com/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.9.2.tgz#0e4733e4e4398bee0c030a4e97279f78a65d4e61" - integrity sha512-8xzrOmsyCC1zrx2Wzx/h8dVsdewO1oMCwBTLc1gSJ/YllZYTb04pNm6NsVbzUX2tKddJVRgSJXV10j/NECLwpA== - -"@swc/core-linux-x64-gnu@1.9.2": - version "1.9.2" - resolved "https://registry.yarnpkg.com/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.9.2.tgz#6b4b86d06537004cc4477915b67f7d94d1b6ba33" - integrity sha512-kZrNz/PjRQKcchWF6W292jk3K44EoVu1ad5w+zbS4jekIAxsM8WwQ1kd+yjUlN9jFcF8XBat5NKIs9WphJCVXg== - -"@swc/core-linux-x64-musl@1.9.2": - version "1.9.2" - resolved "https://registry.yarnpkg.com/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.9.2.tgz#d6de84dbdcf69b1fdb45c8ae232b7d23ba92c7e2" - integrity sha512-TTIpR4rjMkhX1lnFR+PSXpaL83TrQzp9znRdp2TzYrODlUd/R20zOwSo9vFLCyH6ZoD47bccY7QeGZDYT3nlRg== - -"@swc/core-win32-arm64-msvc@1.9.2": - version "1.9.2" - resolved "https://registry.yarnpkg.com/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.9.2.tgz#a5c477f0296e499890f55cfaa7c0100152b1900b" - integrity sha512-+Eg2d4icItKC0PMjZxH7cSYFLWk0aIp94LNmOw6tPq0e69ax6oh10upeq0D1fjWsKLmOJAWEvnXlayZcijEXDw== - -"@swc/core-win32-ia32-msvc@1.9.2": - version "1.9.2" - resolved "https://registry.yarnpkg.com/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.9.2.tgz#66bbfea8cfcf6b602b8fb0d9ee788e92c8a736ed" - integrity sha512-nLWBi4vZDdM/LkiQmPCakof8Dh1/t5EM7eudue04V1lIcqx9YHVRS3KMwEaCoHLGg0c312Wm4YgrWQd9vwZ5zQ== - -"@swc/core-win32-x64-msvc@1.9.2": - version "1.9.2" - resolved "https://registry.yarnpkg.com/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.9.2.tgz#f609fefac8f412b445cb0a2bfec73a657e41d4db" - integrity sha512-ik/k+JjRJBFkXARukdU82tSVx0CbExFQoQ78qTO682esbYXzjdB5eLVkoUbwen299pnfr88Kn4kyIqFPTje8Xw== +"@swc/core-darwin-arm64@1.9.3": + version "1.9.3" + resolved "https://registry.yarnpkg.com/@swc/core-darwin-arm64/-/core-darwin-arm64-1.9.3.tgz#cca13f7ce6e1099612a7ba017f4923857d3a4d5f" + integrity sha512-hGfl/KTic/QY4tB9DkTbNuxy5cV4IeejpPD4zo+Lzt4iLlDWIeANL4Fkg67FiVceNJboqg48CUX+APhDHO5G1w== + +"@swc/core-darwin-x64@1.9.3": + version "1.9.3" + resolved "https://registry.yarnpkg.com/@swc/core-darwin-x64/-/core-darwin-x64-1.9.3.tgz#01376c6c2caea5dd0c235f21ebc7e41238153c86" + integrity sha512-IaRq05ZLdtgF5h9CzlcgaNHyg4VXuiStnOFpfNEMuI5fm5afP2S0FHq8WdakUz5WppsbddTdplL+vpeApt/WCQ== + +"@swc/core-linux-arm-gnueabihf@1.9.3": + version "1.9.3" + resolved "https://registry.yarnpkg.com/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.9.3.tgz#4a9705903cebfc8e3e2bee71a42f7c88896e61df" + integrity sha512-Pbwe7xYprj/nEnZrNBvZfjnTxlBIcfApAGdz2EROhjpPj+FBqBa3wOogqbsuGGBdCphf8S+KPprL1z+oDWkmSQ== + +"@swc/core-linux-arm64-gnu@1.9.3": + version "1.9.3" + resolved "https://registry.yarnpkg.com/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.9.3.tgz#722aefc00a7abfb031fae7539226c7d7683f5c8d" + integrity sha512-AQ5JZiwNGVV/2K2TVulg0mw/3LYfqpjZO6jDPtR2evNbk9Yt57YsVzS+3vHSlUBQDRV9/jqMuZYVU3P13xrk+g== + +"@swc/core-linux-arm64-musl@1.9.3": + version "1.9.3" + resolved "https://registry.yarnpkg.com/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.9.3.tgz#6643f683311cc1dcee00970e3d6b4872225bdbd8" + integrity sha512-tzVH480RY6RbMl/QRgh5HK3zn1ZTFsThuxDGo6Iuk1MdwIbdFYUY034heWUTI4u3Db97ArKh0hNL0xhO3+PZdg== + +"@swc/core-linux-x64-gnu@1.9.3": + version "1.9.3" + resolved "https://registry.yarnpkg.com/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.9.3.tgz#e6f5cefa244409abe1451fbb4575696a870cbd7a" + integrity sha512-ivXXBRDXDc9k4cdv10R21ccBmGebVOwKXT/UdH1PhxUn9m/h8erAWjz5pcELwjiMf27WokqPgaWVfaclDbgE+w== + +"@swc/core-linux-x64-musl@1.9.3": + version "1.9.3" + resolved "https://registry.yarnpkg.com/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.9.3.tgz#4d45399f7a01389add61febd02da9b12f16abc81" + integrity sha512-ILsGMgfnOz1HwdDz+ZgEuomIwkP1PHT6maigZxaCIuC6OPEhKE8uYna22uU63XvYcLQvZYDzpR3ms47WQPuNEg== + +"@swc/core-win32-arm64-msvc@1.9.3": + version "1.9.3" + resolved "https://registry.yarnpkg.com/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.9.3.tgz#8c352bcea558b9a950877cd724f132d7d51a4d80" + integrity sha512-e+XmltDVIHieUnNJHtspn6B+PCcFOMYXNJB1GqoCcyinkEIQNwC8KtWgMqUucUbEWJkPc35NHy9k8aCXRmw9Kg== + +"@swc/core-win32-ia32-msvc@1.9.3": + version "1.9.3" + resolved "https://registry.yarnpkg.com/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.9.3.tgz#656f78b9c56413dbd590ac259dbe0d563cd8e166" + integrity sha512-rqpzNfpAooSL4UfQnHhkW8aL+oyjqJniDP0qwZfGnjDoJSbtPysHg2LpcOBEdSnEH+uIZq6J96qf0ZFD8AGfXA== + +"@swc/core-win32-x64-msvc@1.9.3": + version "1.9.3" + resolved "https://registry.yarnpkg.com/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.9.3.tgz#9595c177d2c11909558da93b18f37e7c5ae1909c" + integrity sha512-3YJJLQ5suIEHEKc1GHtqVq475guiyqisKSoUnoaRtxkDaW5g1yvPt9IoSLOe2mRs7+FFhGGU693RsBUSwOXSdQ== "@swc/core@^1.7.3": - version "1.9.2" - resolved "https://registry.yarnpkg.com/@swc/core/-/core-1.9.2.tgz#226bdc5033ba0af85c0bf814b16bdc1df0070d35" - integrity sha512-dYyEkO6mRYtZFpnOsnYzv9rY69fHAHoawYOjGOEcxk9WYtaJhowMdP/w6NcOKnz2G7GlZaenjkzkMa6ZeQeMsg== + version "1.9.3" + resolved "https://registry.yarnpkg.com/@swc/core/-/core-1.9.3.tgz#e5bc9b35df2f4a60026c6759c1a6575070339d4f" + integrity sha512-oRj0AFePUhtatX+BscVhnzaAmWjpfAeySpM1TCbxA1rtBDeH/JDhi5yYzAKneDYtVtBvA7ApfeuzhMC9ye4xSg== dependencies: "@swc/counter" "^0.1.3" - "@swc/types" "^0.1.15" + "@swc/types" "^0.1.17" optionalDependencies: - "@swc/core-darwin-arm64" "1.9.2" - "@swc/core-darwin-x64" "1.9.2" - "@swc/core-linux-arm-gnueabihf" "1.9.2" - "@swc/core-linux-arm64-gnu" "1.9.2" - "@swc/core-linux-arm64-musl" "1.9.2" - "@swc/core-linux-x64-gnu" "1.9.2" - "@swc/core-linux-x64-musl" "1.9.2" - "@swc/core-win32-arm64-msvc" "1.9.2" - "@swc/core-win32-ia32-msvc" "1.9.2" - "@swc/core-win32-x64-msvc" "1.9.2" + "@swc/core-darwin-arm64" "1.9.3" + "@swc/core-darwin-x64" "1.9.3" + "@swc/core-linux-arm-gnueabihf" "1.9.3" + "@swc/core-linux-arm64-gnu" "1.9.3" + "@swc/core-linux-arm64-musl" "1.9.3" + "@swc/core-linux-x64-gnu" "1.9.3" + "@swc/core-linux-x64-musl" "1.9.3" + "@swc/core-win32-arm64-msvc" "1.9.3" + "@swc/core-win32-ia32-msvc" "1.9.3" + "@swc/core-win32-x64-msvc" "1.9.3" "@swc/counter@^0.1.3": version "0.1.3" @@ -3491,7 +3491,7 @@ dependencies: tslib "^2.4.0" -"@swc/types@^0.1.15": +"@swc/types@^0.1.17": version "0.1.17" resolved "https://registry.yarnpkg.com/@swc/types/-/types-0.1.17.tgz#bd1d94e73497f27341bf141abdf4c85230d41e7c" integrity sha512-V5gRru+aD8YVyCOMAjMpWR1Ui577DD5KSJsHP8RAxopAH22jFz6GZd/qxqjO6MJHQhcsjvjOFXyDhyLQUnMveQ== @@ -12248,7 +12248,7 @@ redent@^3.0.0: indent-string "^4.0.0" strip-indent "^3.0.0" -reflect.getprototypeof@^1.0.4: +reflect.getprototypeof@^1.0.4, reflect.getprototypeof@^1.0.6: version "1.0.6" resolved "https://registry.yarnpkg.com/reflect.getprototypeof/-/reflect.getprototypeof-1.0.6.tgz#3ab04c32a8390b770712b7a8633972702d278859" integrity sha512-fmfw4XgoDke3kdI6h4xcUz1dG8uaiv5q9gcEwLS4Pnth2kxT+GZ7YehS1JTMGBQmtV7Y4GFGbs2re2NqhdozUg== @@ -14045,9 +14045,9 @@ typed-array-byte-length@^1.0.1: is-typed-array "^1.1.13" typed-array-byte-offset@^1.0.2: - version "1.0.2" - resolved "https://registry.yarnpkg.com/typed-array-byte-offset/-/typed-array-byte-offset-1.0.2.tgz#f9ec1acb9259f395093e4567eb3c28a580d02063" - integrity sha512-Ous0vodHa56FviZucS2E63zkgtgrACj7omjwd/8lTEMEPFFyjfixMZ1ZXenpgCFBBt4EC1J2XsyVS2gkG0eTFA== + version "1.0.3" + resolved "https://registry.yarnpkg.com/typed-array-byte-offset/-/typed-array-byte-offset-1.0.3.tgz#3fa9f22567700cc86aaf86a1e7176f74b59600f2" + integrity sha512-GsvTyUHTriq6o/bHcTd0vM7OQ9JEdlvluu9YISaA7+KzDzPaIzEeDFNkTfhdE3MYcNhNi0vq/LlegYgIs5yPAw== dependencies: available-typed-arrays "^1.0.7" call-bind "^1.0.7" @@ -14055,6 +14055,7 @@ typed-array-byte-offset@^1.0.2: gopd "^1.0.1" has-proto "^1.0.3" is-typed-array "^1.1.13" + reflect.getprototypeof "^1.0.6" typed-array-length@^1.0.6: version "1.0.6" @@ -14081,9 +14082,9 @@ typescript@4.7.4: integrity sha512-C0WQT0gezHuw6AdY1M2jxUO83Rjf0HP7Sk1DtXj6j1EwkQNZrHAg2XPWlq62oqEhYvONq5pkC2Y9oPljWToLmQ== typescript@^5.1.6, typescript@^5.2.2: - version "5.6.3" - resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.6.3.tgz#5f3449e31c9d94febb17de03cc081dd56d81db5b" - integrity sha512-hjcS1mhfuyi4WW8IWtjP7brDrG2cuDZukyrYrSauoXGNgx0S7zceP07adYkJycEr56BOUTNPzbInooiN3fn1qw== + version "5.7.2" + resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.7.2.tgz#3169cf8c4c8a828cde53ba9ecb3d2b1d5dd67be6" + integrity sha512-i5t66RHxDvVN40HfDd1PsEThGNnlMCMT3jMUuoh9/0TaqWevNontacunWyN02LA9/fIbEWlcHZcgTKb9QoaLfg== unbox-primitive@^1.0.2: version "1.0.2" From 133aa8fffb4ae227ce2a8c592a2860ebcca2913b Mon Sep 17 00:00:00 2001 From: Taylor Seamans Date: Fri, 22 Nov 2024 12:50:12 -0800 Subject: [PATCH 36/53] Create rare-swans-rush.md --- .changeset/rare-swans-rush.md | 6 ++++++ 1 file changed, 6 insertions(+) create mode 100644 .changeset/rare-swans-rush.md diff --git a/.changeset/rare-swans-rush.md b/.changeset/rare-swans-rush.md new file mode 100644 index 000000000..a49645e88 --- /dev/null +++ b/.changeset/rare-swans-rush.md @@ -0,0 +1,6 @@ +--- +"hpe-design-tokens": minor +--- + +Removed paragraph tokens +Moved `paragraph.[size].maxWidth` tokens `text.[size].maxWidth` From 10d5f4720ef4eeff18b6992b7cf6fa25663d731a Mon Sep 17 00:00:00 2001 From: taysea Date: Fri, 22 Nov 2024 13:22:04 -0800 Subject: [PATCH 37/53] Update yarn and trivial token change to trigger action --- design-tokens/CHANGELOG.md | 2 +- yarn.lock | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/design-tokens/CHANGELOG.md b/design-tokens/CHANGELOG.md index e19ed00fe..ff95959c1 100644 --- a/design-tokens/CHANGELOG.md +++ b/design-tokens/CHANGELOG.md @@ -4,4 +4,4 @@ ### Minor Changes -- 4acbe0e: Fixed CSS output for dimension.medium.css by removing incorrect media query. +- 4acbe0e: Fixed CSS output for dimension.medium.css by removing incorrect media query diff --git a/yarn.lock b/yarn.lock index cc8e46dca..06813d203 100644 --- a/yarn.lock +++ b/yarn.lock @@ -7811,7 +7811,7 @@ grommet-theme-hpe@5.7.0: "grommet@https://github.com/grommet/grommet/tarball/stable": version "2.42.0" - resolved "https://github.com/grommet/grommet/tarball/stable#67202e952d36c6968f0cbea875cc0f9220101cfc" + resolved "https://github.com/grommet/grommet/tarball/stable#cbf0296d246770258726999db872be8650bd4115" dependencies: "@emotion/is-prop-valid" "^1.3.1" grommet-icons "^4.12.1" From a5b2a2ef5ece01d690e0e509290380ae2f9f9bbe Mon Sep 17 00:00:00 2001 From: taysea Date: Fri, 22 Nov 2024 14:00:08 -0800 Subject: [PATCH 38/53] Get latest Figma tokens --- design-tokens/tokens/semantic/color.dark.json | 4 ++-- design-tokens/tokens/semantic/color.light.json | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/design-tokens/tokens/semantic/color.dark.json b/design-tokens/tokens/semantic/color.dark.json index 02bc2c1a5..d9f5cf731 100644 --- a/design-tokens/tokens/semantic/color.dark.json +++ b/design-tokens/tokens/semantic/color.dark.json @@ -226,7 +226,7 @@ }, "hover": { "$type": "color", - "$value": "{TBD}", + "$value": "{base.color.green.600}", "$description": "Hover color variant of the primary color.", "$extensions": { "com.figma": { @@ -911,7 +911,7 @@ "decorative": { "brand": { "$type": "color", - "$value": "#ffffff", + "$value": "{base.color.brand}", "$description": "", "$extensions": { "com.figma": { diff --git a/design-tokens/tokens/semantic/color.light.json b/design-tokens/tokens/semantic/color.light.json index 9f381b3b3..617229624 100644 --- a/design-tokens/tokens/semantic/color.light.json +++ b/design-tokens/tokens/semantic/color.light.json @@ -226,7 +226,7 @@ }, "hover": { "$type": "color", - "$value": "{TBD}", + "$value": "{base.color.green.600}", "$description": "Hover color variant of the primary color.", "$extensions": { "com.figma": { From 1117f915ec66c44966b2d4be50fe92dcb43fdf48 Mon Sep 17 00:00:00 2001 From: Taylor Seamans Date: Fri, 22 Nov 2024 14:02:13 -0800 Subject: [PATCH 39/53] Create rare-mangos-perform.md --- .changeset/rare-mangos-perform.md | 6 ++++++ 1 file changed, 6 insertions(+) create mode 100644 .changeset/rare-mangos-perform.md diff --git a/.changeset/rare-mangos-perform.md b/.changeset/rare-mangos-perform.md new file mode 100644 index 000000000..61583291e --- /dev/null +++ b/.changeset/rare-mangos-perform.md @@ -0,0 +1,6 @@ +--- +"hpe-design-tokens": patch +--- + +Updated dark and light mode of `color.background.primary.hover` +Updated dark mode of `color.decorative.brand` From 4ff623298478560f555d985afb30d10b1dfc2370 Mon Sep 17 00:00:00 2001 From: taysea Date: Mon, 25 Nov 2024 16:03:09 +0000 Subject: [PATCH 40/53] Update tokens from Figma --- design-tokens/tokens/semantic/color.dark.json | 2 +- design-tokens/tokens/semantic/color.light.json | 2 +- yarn.lock | 7 +------ 3 files changed, 3 insertions(+), 8 deletions(-) diff --git a/design-tokens/tokens/semantic/color.dark.json b/design-tokens/tokens/semantic/color.dark.json index d9f5cf731..dd4b70e11 100644 --- a/design-tokens/tokens/semantic/color.dark.json +++ b/design-tokens/tokens/semantic/color.dark.json @@ -16,7 +16,7 @@ "hover": { "$type": "color", "$value": "{base.color.white.opacity6}", - "$description": "Standard hover state color", + "$description": "A generic hover state color to indicate hover on components that have no fill in their default/enabled state. For example, unselected menu-items.", "$extensions": { "com.figma": { "hiddenFromPublishing": false, diff --git a/design-tokens/tokens/semantic/color.light.json b/design-tokens/tokens/semantic/color.light.json index 617229624..b621e46a9 100644 --- a/design-tokens/tokens/semantic/color.light.json +++ b/design-tokens/tokens/semantic/color.light.json @@ -16,7 +16,7 @@ "hover": { "$type": "color", "$value": "{color.background.contrast}", - "$description": "Standard hover state color", + "$description": "A generic hover state color to indicate hover on components that have no fill in their default/enabled state. For example, unselected menu-items.", "$extensions": { "com.figma": { "hiddenFromPublishing": false, diff --git a/yarn.lock b/yarn.lock index 06813d203..0ad9f46f9 100644 --- a/yarn.lock +++ b/yarn.lock @@ -7795,12 +7795,7 @@ graphlib@^2.1.5: dependencies: lodash "^4.17.15" -grommet-icons@^4.12.1: - version "4.12.1" - resolved "https://registry.yarnpkg.com/grommet-icons/-/grommet-icons-4.12.1.tgz#780aa7cd59c5586f642f221bdb5c6becd04ad000" - integrity sha512-LhOP6BkDAGiSNcUOfsGGRo+AKD6zWOXeNeusY1WYvKplAR6mKCAQfH7Nig2Buc/v5zadKSko2NDtCQqwJaME0Q== - -"grommet-icons@https://github.com/grommet/grommet-icons/tarball/stable": +grommet-icons@^4.12.1, "grommet-icons@https://github.com/grommet/grommet-icons/tarball/stable": version "4.12.1" resolved "https://github.com/grommet/grommet-icons/tarball/stable#92f4e88ab19fa618a4952ac74802f606bf44c207" From e123b7e2f5a7c7232b452beff8c7225ae05270ae Mon Sep 17 00:00:00 2001 From: Matthew Glissmann Date: Mon, 25 Nov 2024 11:30:53 -0700 Subject: [PATCH 41/53] Adds a scale generator to Design Tokens Manager (#4451) --- design-tokens-manager/src/App.jsx | 3 + .../src/routes/Scaler/ControlPane.jsx | 125 ++++++++++++++++++ .../src/routes/Scaler/Results.jsx | 63 +++++++++ .../src/routes/Scaler/index.jsx | 45 +++++++ 4 files changed, 236 insertions(+) create mode 100644 design-tokens-manager/src/routes/Scaler/ControlPane.jsx create mode 100644 design-tokens-manager/src/routes/Scaler/Results.jsx create mode 100644 design-tokens-manager/src/routes/Scaler/index.jsx diff --git a/design-tokens-manager/src/App.jsx b/design-tokens-manager/src/App.jsx index c0d8b8f0d..47e232929 100644 --- a/design-tokens-manager/src/App.jsx +++ b/design-tokens-manager/src/App.jsx @@ -6,6 +6,7 @@ import { Github, Moon, Sun } from 'grommet-icons'; import { Visualizer } from './routes/Visualizer'; // import { Builder } from './routes/Builder'; import { Docs } from './routes/Docs'; +import { Scaler } from './routes/Scaler/index'; function App() { const [darkMode, setDarkMode] = useState( @@ -36,6 +37,7 @@ function App() {