From 305eb6fb6d7efb1518541783000c8c1e7364a505 Mon Sep 17 00:00:00 2001 From: Najika Yoo Date: Tue, 20 Jun 2023 12:20:42 -0700 Subject: [PATCH 01/83] chore: update chromedriver --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 5291a7073c0..88b3e8d5110 100644 --- a/package.json +++ b/package.json @@ -130,7 +130,7 @@ "alex": "^10.0.0", "cem-plugin-module-file-extensions": "^0.0.5", "chalk": "^5.0.1", - "chromedriver": "^112.0.1", + "chromedriver": "^114.0.2", "common-tags": "^1.8.2", "cssnano": "^5.0.15", "custom-elements-manifest": "^2.0.0", From f69086f7fbf2815d11eca7c6c8276aeae787726d Mon Sep 17 00:00:00 2001 From: Najika Yoo Date: Tue, 20 Jun 2023 12:24:39 -0700 Subject: [PATCH 02/83] chore: add yarn lock --- yarn.lock | 28 ++++++++++++++-------------- 1 file changed, 14 insertions(+), 14 deletions(-) diff --git a/yarn.lock b/yarn.lock index 485d0aa72c2..7b88600c78e 100644 --- a/yarn.lock +++ b/yarn.lock @@ -7060,10 +7060,10 @@ axios@^1.0.0: form-data "^4.0.0" proxy-from-env "^1.1.0" -axios@^1.2.1: - version "1.2.3" - resolved "https://registry.yarnpkg.com/axios/-/axios-1.2.3.tgz#31a3d824c0ebf754a004b585e5f04a5f87e6c4ff" - integrity sha512-pdDkMYJeuXLZ6Xj/Q5J3Phpe+jbGdsSzlQaFVkMQzRUL05+6+tetX8TV3p4HrU4kzuO9bt+io/yGQxuyxA/xcw== +axios@^1.4.0: + version "1.4.0" + resolved "https://registry.yarnpkg.com/axios/-/axios-1.4.0.tgz#38a7bf1224cd308de271146038b551d725f0be1f" + integrity sha512-S4XCWMEmzvo64T9GfvQDOXgYRDJ/wsSZc7Jvdgx5u1sd0JwsuPLqb3SYmusag+edF6ziyMensPVqLTSc1PiSEA== dependencies: follow-redirects "^1.15.0" form-data "^4.0.0" @@ -8079,14 +8079,14 @@ chrome-trace-event@^1.0.2: dependencies: tslib "^1.9.0" -chromedriver@^112.0.1: - version "112.0.1" - resolved "https://registry.yarnpkg.com/chromedriver/-/chromedriver-112.0.1.tgz#b1d23720613d7afa17cde6d5057e765109e07e69" - integrity sha512-ieQzvellbtPY4MUrFzzayC1bZa/HoBsGXejUQJhAPWcYALxtkjUZNUYWbojMjIzf8iIhVda9VvdXiRKqdlN7ow== +chromedriver@^114.0.2: + version "114.0.2" + resolved "https://registry.yarnpkg.com/chromedriver/-/chromedriver-114.0.2.tgz#1ddaa6738f2b60e6b832a39f791c8c54bf840837" + integrity sha512-v0qrXRBknbxqmtklG7RWOe3TJ/dLaHhtB0jVxE7BAdYERxUjEaNRyqBwoGgVfQDibHCB0swzvzsj158nnfPgZw== dependencies: "@testim/chrome-version" "^1.1.3" - axios "^1.2.1" - compare-versions "^5.0.1" + axios "^1.4.0" + compare-versions "^5.0.3" extract-zip "^2.0.1" https-proxy-agent "^5.0.1" proxy-from-env "^1.1.0" @@ -8587,10 +8587,10 @@ compare-func@^2.0.0: array-ify "^1.0.0" dot-prop "^5.1.0" -compare-versions@^5.0.1: - version "5.0.1" - resolved "https://registry.yarnpkg.com/compare-versions/-/compare-versions-5.0.1.tgz#14c6008436d994c3787aba38d4087fabe858555e" - integrity sha512-v8Au3l0b+Nwkp4G142JcgJFh1/TUhdxut7wzD1Nq1dyp5oa3tXaqb03EXOAB6jS4gMlalkjAUPZBMiAfKUixHQ== +compare-versions@^5.0.3: + version "5.0.3" + resolved "https://registry.yarnpkg.com/compare-versions/-/compare-versions-5.0.3.tgz#a9b34fea217472650ef4a2651d905f42c28ebfd7" + integrity sha512-4UZlZP8Z99MGEY+Ovg/uJxJuvoXuN4M6B3hKaiackiHrgzQFEe3diJi1mf1PNHbFujM7FvLrK2bpgIaImbtZ1A== component-emitter@^1.2.1: version "1.3.0" From fceb0daf4f4d582cce2f5810e6aea2d27bafa841 Mon Sep 17 00:00:00 2001 From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com> Date: Tue, 20 Jun 2023 20:02:52 +0000 Subject: [PATCH 03/83] chore: bump @spectrum-css/divider from 2.1.3 to 2.1.7 Bumps [@spectrum-css/divider](https://github.com/adobe/spectrum-css/tree/HEAD/components/divider) from 2.1.3 to 2.1.7. - [Release notes](https://github.com/adobe/spectrum-css/releases) - [Changelog](https://github.com/adobe/spectrum-css/blob/main/components/divider/CHANGELOG.md) - [Commits](https://github.com/adobe/spectrum-css/commits/@spectrum-css/divider@2.1.7/components/divider) --- updated-dependencies: - dependency-name: "@spectrum-css/divider" dependency-type: direct:development update-type: version-update:semver-patch ... Signed-off-by: dependabot[bot] --- yarn.lock | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/yarn.lock b/yarn.lock index 7b88600c78e..7241dcf3c72 100644 --- a/yarn.lock +++ b/yarn.lock @@ -4507,9 +4507,9 @@ integrity sha512-Dx2noHpx4ir7ldJuA6RPpbwarz8fh4ZMd5dptcBLNsMlzAT8kSphEd+DSOj7AL9SsZ3iIY7Z88Tkx0usY5KB0g== "@spectrum-css/divider@^2.0.42": - version "2.1.3" - resolved "https://registry.yarnpkg.com/@spectrum-css/divider/-/divider-2.1.3.tgz#96946817172928edc32fd395bbd6b6c56b67a520" - integrity sha512-hcputlZ6sZPbryIZwzZC4Z/9iqKxyZsYCmPao3qKVT0RY64JUd+pfigGVMqJryiA3d5qLTNqSVRuTH/T5X4+SA== + version "2.1.7" + resolved "https://registry.yarnpkg.com/@spectrum-css/divider/-/divider-2.1.7.tgz#6001c478b992fdfa6f632314de3dfa0d2f4b4c61" + integrity sha512-M7Is1WCjXf6d8l1Im6Zu5LXgFCLDLgypaxeFqrKe4uREaxjytIGl6SA2fCeuPG3RWrY4jbaRgsOjSrb4vdX7Fw== "@spectrum-css/dropzone@^5.0.0": version "5.0.0" From f21cfa326abc88e3bca00073c3ff466cf20de3bf Mon Sep 17 00:00:00 2001 From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com> Date: Tue, 20 Jun 2023 20:19:40 +0000 Subject: [PATCH 04/83] chore: bump @spectrum-css/table from 4.0.50 to 4.0.56 Bumps [@spectrum-css/table](https://github.com/adobe/spectrum-css/tree/HEAD/components/table) from 4.0.50 to 4.0.56. - [Release notes](https://github.com/adobe/spectrum-css/releases) - [Changelog](https://github.com/adobe/spectrum-css/blob/main/components/table/CHANGELOG.md) - [Commits](https://github.com/adobe/spectrum-css/commits/@spectrum-css/table@4.0.56/components/table) --- updated-dependencies: - dependency-name: "@spectrum-css/table" dependency-type: direct:development update-type: version-update:semver-patch ... Signed-off-by: dependabot[bot] --- yarn.lock | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/yarn.lock b/yarn.lock index 7241dcf3c72..fae7443a99c 100644 --- a/yarn.lock +++ b/yarn.lock @@ -4647,9 +4647,9 @@ integrity sha512-CnN6W0mg8/vMhD4pwz5xruIsskPwa6CJeXffpUnT78J/MymVv2rGrcq2QMZLcVpUF+8wnfF8UPsEF1SByILzQQ== "@spectrum-css/table@^4.0.50": - version "4.0.50" - resolved "https://registry.yarnpkg.com/@spectrum-css/table/-/table-4.0.50.tgz#e35dd6a8db904dcb35593a5e70421b9be29206bf" - integrity sha512-dr9gYb4kb3BqR4Yb3IVr6G6uWPsBWpPoAtrZmeLT/CXLzRImLULUWnzsYeHA6noaDdWxiAGi+9+LtfkiCwxFLw== + version "4.0.56" + resolved "https://registry.yarnpkg.com/@spectrum-css/table/-/table-4.0.56.tgz#b74303a869e271df38844380aae782fe2128a8a9" + integrity sha512-YRM8B3Hk0w6ZPG14lzJp3vIaemlThq8cjWVNEesosJC1mUIiUOwG5OMCrzKABc3b6g5g8w02N6QKpOrzUislPg== "@spectrum-css/tabs@^3.2.52": version "3.2.52" From 7435e7fc7b66a9f4332bb6498ac9c423384f57ac Mon Sep 17 00:00:00 2001 From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com> Date: Tue, 20 Jun 2023 20:35:37 +0000 Subject: [PATCH 05/83] chore: bump @open-wc/eslint-config from 10.0.0 to 11.0.0 Bumps [@open-wc/eslint-config](https://github.com/open-wc/open-wc/tree/HEAD/packages/eslint-config) from 10.0.0 to 11.0.0. - [Release notes](https://github.com/open-wc/open-wc/releases) - [Changelog](https://github.com/open-wc/open-wc/blob/master/packages/eslint-config/CHANGELOG.md) - [Commits](https://github.com/open-wc/open-wc/commits/HEAD/packages/eslint-config) --- updated-dependencies: - dependency-name: "@open-wc/eslint-config" dependency-type: direct:development update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] --- projects/css-custom-vars-viewer/package.json | 2 +- projects/example-project-rollup/package.json | 2 +- yarn.lock | 29 ++++++++++++++++---- 3 files changed, 25 insertions(+), 8 deletions(-) diff --git a/projects/css-custom-vars-viewer/package.json b/projects/css-custom-vars-viewer/package.json index ee445abe3a9..31cdcae429b 100644 --- a/projects/css-custom-vars-viewer/package.json +++ b/projects/css-custom-vars-viewer/package.json @@ -48,7 +48,7 @@ }, "devDependencies": { "@custom-elements-manifest/analyzer": "^0.8.3", - "@open-wc/eslint-config": "^10.0.0", + "@open-wc/eslint-config": "^11.0.0", "@open-wc/testing": "^3.1.7", "@typescript-eslint/eslint-plugin": "^5.35.0", "@typescript-eslint/parser": "^5.35.0", diff --git a/projects/example-project-rollup/package.json b/projects/example-project-rollup/package.json index 1f2f8fda617..6b0a43da882 100644 --- a/projects/example-project-rollup/package.json +++ b/projects/example-project-rollup/package.json @@ -29,7 +29,7 @@ }, "devDependencies": { "@open-wc/building-rollup": "^2.2.1", - "@open-wc/eslint-config": "^10.0.0", + "@open-wc/eslint-config": "^11.0.0", "@rollup/plugin-commonjs": "^24.0.1", "@types/node": "^18.11.0", "@typescript-eslint/eslint-plugin": "^5.35.0", diff --git a/yarn.lock b/yarn.lock index fae7443a99c..e2b1956fc53 100644 --- a/yarn.lock +++ b/yarn.lock @@ -4040,10 +4040,10 @@ "@web/dev-server-hmr" "^0.1.6" picomatch "^2.2.2" -"@open-wc/eslint-config@^10.0.0": - version "10.0.0" - resolved "https://registry.yarnpkg.com/@open-wc/eslint-config/-/eslint-config-10.0.0.tgz#1b72cc025526d4d48029a1b584b1f57e81530dd8" - integrity sha512-/TzYPzyVvFaxIE4C0k/NiDS+xHeZvHcUtZBT8xfAQ2g+i8ey3sPo073HVgvJ2LFDZsZytRn+fML+j9xZ0Lexzw== +"@open-wc/eslint-config@^11.0.0": + version "11.0.0" + resolved "https://registry.yarnpkg.com/@open-wc/eslint-config/-/eslint-config-11.0.0.tgz#470cd19205fc7dd74bbc3133cb57d3f3b13e5859" + integrity sha512-AvAdQrAKBfa5pVHxPVncekRYHe5IfCU8wKej7cHHd9xMCiW+h9fvgz+Xv9ZKKbZmmBCAo11k8FK4+IJ+X7gMLw== dependencies: "@babel/eslint-parser" "^7.19.1" "@babel/plugin-syntax-import-assertions" "^7.20.0" @@ -4052,7 +4052,7 @@ eslint-plugin-import "^2.26.0" eslint-plugin-import-exports-imports-resolver "^1.0.1" eslint-plugin-lit "^1.8.0" - eslint-plugin-lit-a11y "^2.4.0" + eslint-plugin-lit-a11y "^3.0.0" eslint-plugin-no-only-tests "^3.1.0" eslint-plugin-wc "^1.2.0" @@ -10457,7 +10457,7 @@ eslint-plugin-import@^2.26.0: resolve "^1.22.0" tsconfig-paths "^3.14.1" -eslint-plugin-lit-a11y@^2.2.2, eslint-plugin-lit-a11y@^2.4.0: +eslint-plugin-lit-a11y@^2.2.2: version "2.4.1" resolved "https://registry.yarnpkg.com/eslint-plugin-lit-a11y/-/eslint-plugin-lit-a11y-2.4.1.tgz#cdae1761322a675427eff82c8c0e8f8aa4fdf3ba" integrity sha512-UljRja/2cVrNtgnCDj5sCT3Larxda4mGqbsPhlksvECo0+KCD8EuUori/P6wFeFqk+pHlkIC3W200E5q85E3VQ== @@ -10474,6 +10474,23 @@ eslint-plugin-lit-a11y@^2.2.2, eslint-plugin-lit-a11y@^2.4.0: parse5-htmlparser2-tree-adapter "^6.0.1" requireindex "~1.2.0" +eslint-plugin-lit-a11y@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/eslint-plugin-lit-a11y/-/eslint-plugin-lit-a11y-3.0.0.tgz#5af8dc46c0aa253be0f9eb31a6fa7b079ea5d6fd" + integrity sha512-+HMLB0XVDh6hX9rJZqmfkSfOuTSXzjab/gmDSbhIr/i60aUV+xLm1WdLAPAqLE5YsyxWd1CcycON4OO37ro0xA== + dependencies: + aria-query "^5.1.3" + axe-core "^4.3.3" + axobject-query "^2.2.0" + dom5 "^3.0.1" + emoji-regex "^10.2.1" + eslint-plugin-lit "^1.6.0" + eslint-rule-extender "0.0.1" + language-tags "^1.0.5" + parse5 "^7.1.2" + parse5-htmlparser2-tree-adapter "^6.0.1" + requireindex "~1.2.0" + eslint-plugin-lit@^1.6.0, eslint-plugin-lit@^1.8.0: version "1.8.2" resolved "https://registry.yarnpkg.com/eslint-plugin-lit/-/eslint-plugin-lit-1.8.2.tgz#e4ba34f641e7ffdde3c6004313a99dafd1945a43" From b97da9924a2266d9446c1e57a134c444f119ab13 Mon Sep 17 00:00:00 2001 From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com> Date: Tue, 20 Jun 2023 21:11:20 +0000 Subject: [PATCH 06/83] chore: bump @spectrum-css/popover from 6.0.46 to 6.0.54 Bumps [@spectrum-css/popover](https://github.com/adobe/spectrum-css/tree/HEAD/components/popover) from 6.0.46 to 6.0.54. - [Release notes](https://github.com/adobe/spectrum-css/releases) - [Changelog](https://github.com/adobe/spectrum-css/blob/main/components/popover/CHANGELOG.md) - [Commits](https://github.com/adobe/spectrum-css/commits/@spectrum-css/popover@6.0.54/components/popover) --- updated-dependencies: - dependency-name: "@spectrum-css/popover" dependency-type: direct:development update-type: version-update:semver-patch ... Signed-off-by: dependabot[bot] --- yarn.lock | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/yarn.lock b/yarn.lock index e2b1956fc53..cfc0bbb3f68 100644 --- a/yarn.lock +++ b/yarn.lock @@ -4572,9 +4572,9 @@ integrity sha512-GUKSb5NnOmLe1r1V8oV28E+sZh98EDrtkzDnWrr5vHYgzeu6/W0HYFe/4d4FyyZsTyD3yh3tMRXOY9KgJ3rdzQ== "@spectrum-css/popover@^6.0.46": - version "6.0.46" - resolved "https://registry.yarnpkg.com/@spectrum-css/popover/-/popover-6.0.46.tgz#cce0613adf732c51853bc5df5c67fe18716bd73c" - integrity sha512-M+WaHsb3H1kgasrl3/hJqsvVxC43AA9lS5EJM/j+/AC7SDKkPOc6yfuKReiC6Wu6QpVeUVW3zLDNDtDkoEvALA== + version "6.0.54" + resolved "https://registry.yarnpkg.com/@spectrum-css/popover/-/popover-6.0.54.tgz#7bbdc7aeef9615163f223053424546da9a279909" + integrity sha512-6CkPiYLhaj9vnv6Cqjj3eNXm9aYNOkvCn0x1xghs/BXmsVjNlfoLicg5nfPAp8rnD2ZJ8uX5neMiH6oUIZdKzw== "@spectrum-css/progressbar@^3.0.39": version "3.0.47" From 08da53a9af98269c96e276b33255050c87c8d663 Mon Sep 17 00:00:00 2001 From: Najika Yoo Date: Tue, 20 Jun 2023 14:29:38 -0700 Subject: [PATCH 07/83] chore: pull in new changes from css update --- packages/popover/src/spectrum-popover.css | 34 +++++++++++++---------- 1 file changed, 19 insertions(+), 15 deletions(-) diff --git a/packages/popover/src/spectrum-popover.css b/packages/popover/src/spectrum-popover.css index b26e19a1941..970423746a9 100644 --- a/packages/popover/src/spectrum-popover.css +++ b/packages/popover/src/spectrum-popover.css @@ -104,6 +104,21 @@ governing permissions and limitations under the License. } } :host { + --spectrum-popover-filter: drop-shadow( + var( + --mod-popover-shadow-horizontal, + var(--spectrum-popover-shadow-horizontal) + ) + var( + --mod-popover-shadow-vertical, + var(--spectrum-popover-shadow-vertical) + ) + var(--mod-popover-shadow-blur, var(--spectrum-popover-shadow-blur)) + var( + --mod-popover-shadow-color, + var(--spectrum-popover-shadow-color) + ) + ); background-color: var( --mod-popover-background-color, var(--spectrum-popover-background-color) @@ -123,21 +138,7 @@ governing permissions and limitations under the License. ); box-sizing: border-box; display: inline-flex; - filter: drop-shadow( - var( - --mod-popover-shadow-horizontal, - var(--spectrum-popover-shadow-horizontal) - ) - var( - --mod-popover-shadow-vertical, - var(--spectrum-popover-shadow-vertical) - ) - var(--mod-popover-shadow-blur, var(--spectrum-popover-shadow-blur)) - var( - --mod-popover-shadow-color, - var(--spectrum-popover-shadow-color) - ) - ); + filter: var(--mod-popover-filter, var(--spectrum-popover-filter)); flex-direction: column; outline: none; padding: var( @@ -163,6 +164,9 @@ governing permissions and limitations under the License. var(--spectrum-popover-border-width) ); } +* { + --mod-popover-filter: none; +} .spectrum-Popover--top-end, .spectrum-Popover--top-left, .spectrum-Popover--top-right, From 3b4c2ddfed11bfe91bbcfb2f31fbf825fb180daa Mon Sep 17 00:00:00 2001 From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com> Date: Tue, 20 Jun 2023 21:47:21 +0000 Subject: [PATCH 08/83] chore: bump @spectrum-css/actionmenu from 4.0.31 to 4.0.39 Bumps [@spectrum-css/actionmenu](https://github.com/adobe/spectrum-css/tree/HEAD/components/actionmenu) from 4.0.31 to 4.0.39. - [Release notes](https://github.com/adobe/spectrum-css/releases) - [Changelog](https://github.com/adobe/spectrum-css/blob/main/components/actionmenu/CHANGELOG.md) - [Commits](https://github.com/adobe/spectrum-css/commits/@spectrum-css/actionmenu@4.0.39/components/actionmenu) --- updated-dependencies: - dependency-name: "@spectrum-css/actionmenu" dependency-type: direct:development update-type: version-update:semver-patch ... Signed-off-by: dependabot[bot] --- yarn.lock | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/yarn.lock b/yarn.lock index cfc0bbb3f68..fbadba1514b 100644 --- a/yarn.lock +++ b/yarn.lock @@ -4412,9 +4412,9 @@ integrity sha512-EFjDf+HRfVRX2fymBYcNCMzPQ5hR7nh/w1W0cZD8YvggSqErQdsergAtFRiAUq7+5nigoCrtCIicWqUcYPoJnw== "@spectrum-css/actionmenu@^4.0.31": - version "4.0.31" - resolved "https://registry.yarnpkg.com/@spectrum-css/actionmenu/-/actionmenu-4.0.31.tgz#2909a263f9bebe9a701a0ee7022515c51186d2ab" - integrity sha512-S6evjvHoRxEL4QNsP/jGBrjMGv9L6AOlyxe3cCGeBg02eWs+VI1Ogl5/XiEBRSaWvVVMmvPoZHwsEa6kc9sBQA== + version "4.0.39" + resolved "https://registry.yarnpkg.com/@spectrum-css/actionmenu/-/actionmenu-4.0.39.tgz#d308384d7f34d7ec77f63e5a46176c191525c2ed" + integrity sha512-csT3lHLItbZQs8+OMTs5lX63E5HSleRos2N6fVIVpluFSusfmUl3vp+ZvWTalXC/8ZGkHDT0rsqPLBGIUmmhRA== "@spectrum-css/asset@^3.0.40": version "3.0.40" From fcfcdad0a55203cd44ea9cd0630a93b5591f305a Mon Sep 17 00:00:00 2001 From: Westbrook Johnson Date: Tue, 20 Jun 2023 22:00:04 -0400 Subject: [PATCH 09/83] chore: accept non-breaking Spectrum CSS updates --- packages/accordion/package.json | 2 +- packages/action-button/package.json | 2 +- packages/action-group/package.json | 2 +- packages/action-menu/package.json | 2 +- packages/asset/package.json | 2 +- packages/avatar/package.json | 2 +- packages/badge/package.json | 2 +- packages/button-group/package.json | 2 +- packages/button/package.json | 2 +- packages/card/package.json | 2 +- packages/checkbox/package.json | 2 +- packages/clear-button/package.json | 2 +- packages/close-button/package.json | 2 +- .../src/spectrum-close-button.css | 3 + packages/coachmark/package.json | 2 +- packages/color-handle/package.json | 2 +- packages/color-loupe/package.json | 2 +- packages/color-slider/package.json | 2 +- packages/dialog/package.json | 2 +- packages/divider/package.json | 2 +- packages/dropzone/package.json | 2 +- packages/field-group/package.json | 2 +- packages/field-label/package.json | 2 +- packages/help-text/package.json | 2 +- packages/icon/package.json | 2 +- packages/icons-ui/package.json | 2 +- packages/icons-workflow/package.json | 2 +- packages/illustrated-message/package.json | 2 +- packages/link/package.json | 2 +- packages/menu/package.json | 2 +- packages/meter/package.json | 2 +- packages/modal/package.json | 2 +- packages/number-field/package.json | 2 +- packages/picker/package.json | 2 +- packages/popover/package.json | 2 +- packages/progress-bar/package.json | 2 +- packages/progress-circle/package.json | 2 +- packages/quick-actions/package.json | 2 +- packages/search/package.json | 2 +- packages/sidenav/package.json | 2 +- packages/slider/package.json | 2 +- packages/split-button/package.json | 2 +- packages/split-view/package.json | 2 +- packages/status-light/package.json | 2 +- packages/swatch/package.json | 4 +- packages/switch/package.json | 2 +- packages/table/package.json | 2 +- packages/tabs/package.json | 2 +- packages/tags/package.json | 4 +- packages/textfield/package.json | 2 +- packages/thumbnail/package.json | 2 +- packages/thumbnail/src/spectrum-thumbnail.css | 29 +- packages/toast/package.json | 2 +- packages/tray/package.json | 2 +- packages/underlay/package.json | 2 +- tools/styles/package.json | 10 +- tools/styles/tokens/global-vars.css | 35 +- tools/styles/tokens/large-vars.css | 40 ++ tools/styles/tokens/medium-vars.css | 40 ++ .../tokens/spectrum/custom-large-vars.css | 7 + .../tokens/spectrum/custom-medium-vars.css | 7 + yarn.lock | 478 +++++++++--------- 62 files changed, 443 insertions(+), 316 deletions(-) diff --git a/packages/accordion/package.json b/packages/accordion/package.json index 67e143ffae4..853ed914c6d 100644 --- a/packages/accordion/package.json +++ b/packages/accordion/package.json @@ -73,7 +73,7 @@ "@spectrum-web-components/shared": "^0.33.2" }, "devDependencies": { - "@spectrum-css/accordion": "^3.0.44" + "@spectrum-css/accordion": "^3.0.49" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/action-button/package.json b/packages/action-button/package.json index 0afb0b455b3..26450fcc721 100644 --- a/packages/action-button/package.json +++ b/packages/action-button/package.json @@ -64,7 +64,7 @@ "@spectrum-web-components/shared": "^0.33.2" }, "devDependencies": { - "@spectrum-css/actionbutton": "^3.0.43" + "@spectrum-css/actionbutton": "^3.0.45" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/action-group/package.json b/packages/action-group/package.json index a1612b3eb76..c2c2b397325 100644 --- a/packages/action-group/package.json +++ b/packages/action-group/package.json @@ -64,7 +64,7 @@ "@spectrum-web-components/reactive-controllers": "^0.33.2" }, "devDependencies": { - "@spectrum-css/actiongroup": "^3.0.44" + "@spectrum-css/actiongroup": "^3.0.51" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/action-menu/package.json b/packages/action-menu/package.json index 1612cc3d7d4..edd21587723 100644 --- a/packages/action-menu/package.json +++ b/packages/action-menu/package.json @@ -69,7 +69,7 @@ "@spectrum-web-components/shared": "^0.33.2" }, "devDependencies": { - "@spectrum-css/actionmenu": "^4.0.31" + "@spectrum-css/actionmenu": "^4.0.39" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/asset/package.json b/packages/asset/package.json index fb3320106ee..d55085b2f9a 100644 --- a/packages/asset/package.json +++ b/packages/asset/package.json @@ -60,7 +60,7 @@ "@spectrum-web-components/base": "^0.33.2" }, "devDependencies": { - "@spectrum-css/asset": "^3.0.40" + "@spectrum-css/asset": "^3.0.45" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/avatar/package.json b/packages/avatar/package.json index dedde6f19c7..2853eae92c9 100644 --- a/packages/avatar/package.json +++ b/packages/avatar/package.json @@ -61,7 +61,7 @@ "@spectrum-web-components/shared": "^0.33.2" }, "devDependencies": { - "@spectrum-css/avatar": "^6.0.29" + "@spectrum-css/avatar": "^6.0.35" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/badge/package.json b/packages/badge/package.json index 2d18fcc539f..cac560624b8 100644 --- a/packages/badge/package.json +++ b/packages/badge/package.json @@ -61,7 +61,7 @@ "@spectrum-web-components/shared": "^0.33.2" }, "devDependencies": { - "@spectrum-css/badge": "^3.0.31" + "@spectrum-css/badge": "^3.0.37" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/button-group/package.json b/packages/button-group/package.json index 61be5a6c930..221b8e7da63 100644 --- a/packages/button-group/package.json +++ b/packages/button-group/package.json @@ -61,7 +61,7 @@ "@spectrum-web-components/button": "^0.33.2" }, "devDependencies": { - "@spectrum-css/buttongroup": "^6.0.46" + "@spectrum-css/buttongroup": "^6.0.52" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/button/package.json b/packages/button/package.json index 0d6ab1f53d7..5d69b534068 100644 --- a/packages/button/package.json +++ b/packages/button/package.json @@ -90,7 +90,7 @@ "@spectrum-web-components/shared": "^0.33.2" }, "devDependencies": { - "@spectrum-css/button": "^10.0.11" + "@spectrum-css/button": "^10.1.5" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/card/package.json b/packages/card/package.json index 198e81c81d5..6aa1c7d54c6 100644 --- a/packages/card/package.json +++ b/packages/card/package.json @@ -66,7 +66,7 @@ "@spectrum-web-components/styles": "^0.33.2" }, "devDependencies": { - "@spectrum-css/card": "^5.0.33" + "@spectrum-css/card": "^5.0.40" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/checkbox/package.json b/packages/checkbox/package.json index 171fd996b86..526de2fbc6d 100644 --- a/packages/checkbox/package.json +++ b/packages/checkbox/package.json @@ -67,7 +67,7 @@ "@spectrum-web-components/shared": "^0.33.2" }, "devDependencies": { - "@spectrum-css/checkbox": "^6.0.32" + "@spectrum-css/checkbox": "^6.1.3" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/clear-button/package.json b/packages/clear-button/package.json index cb9ab56e672..8af79996ad3 100644 --- a/packages/clear-button/package.json +++ b/packages/clear-button/package.json @@ -45,7 +45,7 @@ "@spectrum-web-components/base": "^0.33.2" }, "devDependencies": { - "@spectrum-css/clearbutton": "^1.2.30" + "@spectrum-css/clearbutton": "^1.2.35" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/close-button/package.json b/packages/close-button/package.json index 0b26800130c..5aa6e8a753c 100644 --- a/packages/close-button/package.json +++ b/packages/close-button/package.json @@ -45,7 +45,7 @@ "@spectrum-web-components/base": "^0.33.2" }, "devDependencies": { - "@spectrum-css/closebutton": "^3.0.43" + "@spectrum-css/closebutton": "^3.1.5" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/close-button/src/spectrum-close-button.css b/packages/close-button/src/spectrum-close-button.css index d4c9676e81d..80f286dfc0f 100644 --- a/packages/close-button/src/spectrum-close-button.css +++ b/packages/close-button/src/spectrum-close-button.css @@ -260,6 +260,7 @@ governing permissions and limitations under the License. } :host { align-items: center; + align-self: var(--mod-closebutton-align-self); border-color: #0000; border-radius: var( --mod-closebutton-border-radius, @@ -271,6 +272,8 @@ governing permissions and limitations under the License. flex-direction: row; height: var(--mod-closebutton-height, var(--spectrum-closebutton-height)); justify-content: center; + margin-block-start: var(--mod-closebutton-margin-top); + margin-inline: var(--mod-closebutton-margin-inline); padding: 0; position: relative; transition: border-color diff --git a/packages/coachmark/package.json b/packages/coachmark/package.json index d85b7b851d0..58c118d4046 100644 --- a/packages/coachmark/package.json +++ b/packages/coachmark/package.json @@ -60,7 +60,7 @@ "@spectrum-web-components/base": "^0.33.2" }, "devDependencies": { - "@spectrum-css/coachmark": "^5.0.43" + "@spectrum-css/coachmark": "^5.0.49" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/color-handle/package.json b/packages/color-handle/package.json index c9fce9ed7cd..f42982a96a9 100644 --- a/packages/color-handle/package.json +++ b/packages/color-handle/package.json @@ -61,7 +61,7 @@ "@spectrum-web-components/color-loupe": "^0.33.2" }, "devDependencies": { - "@spectrum-css/colorhandle": "^5.0.3" + "@spectrum-css/colorhandle": "^5.0.9" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/color-loupe/package.json b/packages/color-loupe/package.json index 17e9fce6510..270db4afa29 100644 --- a/packages/color-loupe/package.json +++ b/packages/color-loupe/package.json @@ -60,7 +60,7 @@ "@spectrum-web-components/base": "^0.33.2" }, "devDependencies": { - "@spectrum-css/colorloupe": "^4.0.3" + "@spectrum-css/colorloupe": "^4.1.0" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/color-slider/package.json b/packages/color-slider/package.json index e614317076d..f093b2cf0e7 100644 --- a/packages/color-slider/package.json +++ b/packages/color-slider/package.json @@ -68,7 +68,7 @@ "@spectrum-web-components/shared": "^0.33.2" }, "devDependencies": { - "@spectrum-css/colorslider": "^3.0.11" + "@spectrum-css/colorslider": "^3.0.17" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/dialog/package.json b/packages/dialog/package.json index f3d3154b9f6..35c1810166f 100644 --- a/packages/dialog/package.json +++ b/packages/dialog/package.json @@ -83,7 +83,7 @@ "@spectrum-web-components/underlay": "^0.33.2" }, "devDependencies": { - "@spectrum-css/dialog": "^6.0.48" + "@spectrum-css/dialog": "^6.0.56" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/divider/package.json b/packages/divider/package.json index 04d03ca88da..f4efe1b1172 100644 --- a/packages/divider/package.json +++ b/packages/divider/package.json @@ -60,7 +60,7 @@ "@spectrum-web-components/base": "^0.33.2" }, "devDependencies": { - "@spectrum-css/divider": "^2.0.42" + "@spectrum-css/divider": "^2.1.7" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/dropzone/package.json b/packages/dropzone/package.json index bbff2a354d5..ec299a07ec1 100644 --- a/packages/dropzone/package.json +++ b/packages/dropzone/package.json @@ -60,7 +60,7 @@ "@spectrum-web-components/base": "^0.33.2" }, "devDependencies": { - "@spectrum-css/dropzone": "^5.0.0" + "@spectrum-css/dropzone": "^5.0.4" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/field-group/package.json b/packages/field-group/package.json index e6c12570099..ceab07ada4e 100644 --- a/packages/field-group/package.json +++ b/packages/field-group/package.json @@ -61,7 +61,7 @@ "@spectrum-web-components/help-text": "^0.33.2" }, "devDependencies": { - "@spectrum-css/fieldgroup": "^4.0.46" + "@spectrum-css/fieldgroup": "^4.0.52" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/field-label/package.json b/packages/field-label/package.json index d3bf7081be2..c035117c49e 100644 --- a/packages/field-label/package.json +++ b/packages/field-label/package.json @@ -64,7 +64,7 @@ "@spectrum-web-components/shared": "^0.33.2" }, "devDependencies": { - "@spectrum-css/fieldlabel": "^7.0.1" + "@spectrum-css/fieldlabel": "^7.0.10" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/help-text/package.json b/packages/help-text/package.json index 32cf816ab29..9d41de214c8 100644 --- a/packages/help-text/package.json +++ b/packages/help-text/package.json @@ -81,7 +81,7 @@ "@spectrum-web-components/icons-workflow": "^0.33.2" }, "devDependencies": { - "@spectrum-css/helptext": "^4.0.31" + "@spectrum-css/helptext": "^4.0.37" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/icon/package.json b/packages/icon/package.json index ad1db7a5796..f1d8f0249d4 100644 --- a/packages/icon/package.json +++ b/packages/icon/package.json @@ -75,7 +75,7 @@ "@spectrum-web-components/iconset": "^0.33.2" }, "devDependencies": { - "@spectrum-css/icon": "^3.0.43" + "@spectrum-css/icon": "^3.0.48" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/icons-ui/package.json b/packages/icons-ui/package.json index 35f552f1cf7..92b3c130b90 100644 --- a/packages/icons-ui/package.json +++ b/packages/icons-ui/package.json @@ -49,7 +49,7 @@ "@spectrum-web-components/iconset": "^0.33.2" }, "devDependencies": { - "@spectrum-css/icon": "^3.0.43", + "@spectrum-css/icon": "^3.0.48", "case": "^1.6.1", "cheerio": "^1.0.0-rc.2", "fs": "^0.0.1-security", diff --git a/packages/icons-workflow/package.json b/packages/icons-workflow/package.json index db12cdfc7b0..24f3a31c93c 100644 --- a/packages/icons-workflow/package.json +++ b/packages/icons-workflow/package.json @@ -49,7 +49,7 @@ }, "devDependencies": { "@adobe/spectrum-css-workflow-icons": "^1.5.4", - "@spectrum-css/icon": "^3.0.43", + "@spectrum-css/icon": "^3.0.48", "case": "^1.6.1", "cheerio": "^1.0.0-rc.2", "fs": "^0.0.1-security", diff --git a/packages/illustrated-message/package.json b/packages/illustrated-message/package.json index ab4c00ae5c4..a4accb04960 100644 --- a/packages/illustrated-message/package.json +++ b/packages/illustrated-message/package.json @@ -61,7 +61,7 @@ "@spectrum-web-components/styles": "^0.33.2" }, "devDependencies": { - "@spectrum-css/illustratedmessage": "^5.0.16" + "@spectrum-css/illustratedmessage": "^5.0.18" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/link/package.json b/packages/link/package.json index 4522e510053..70bcb2e8aaf 100644 --- a/packages/link/package.json +++ b/packages/link/package.json @@ -61,7 +61,7 @@ "@spectrum-web-components/shared": "^0.33.2" }, "devDependencies": { - "@spectrum-css/link": "^4.0.42" + "@spectrum-css/link": "^4.0.48" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/menu/package.json b/packages/menu/package.json index c20ce8301b6..8bad40b59f9 100644 --- a/packages/menu/package.json +++ b/packages/menu/package.json @@ -94,7 +94,7 @@ "@spectrum-web-components/shared": "^0.33.2" }, "devDependencies": { - "@spectrum-css/menu": "^4.0.34" + "@spectrum-css/menu": "^4.0.42" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/meter/package.json b/packages/meter/package.json index 4b9aec19a64..c30b1d0f7a1 100644 --- a/packages/meter/package.json +++ b/packages/meter/package.json @@ -62,7 +62,7 @@ "@spectrum-web-components/shared": "^0.33.2" }, "devDependencies": { - "@spectrum-css/progressbar": "^3.0.39" + "@spectrum-css/progressbar": "^3.0.48" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/modal/package.json b/packages/modal/package.json index be88b32f206..d10a23235e1 100644 --- a/packages/modal/package.json +++ b/packages/modal/package.json @@ -46,7 +46,7 @@ "@spectrum-web-components/base": "^0.33.2" }, "devDependencies": { - "@spectrum-css/modal": "^3.0.41" + "@spectrum-css/modal": "^3.0.46" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/number-field/package.json b/packages/number-field/package.json index fb650f3b907..f02c10cfcc7 100644 --- a/packages/number-field/package.json +++ b/packages/number-field/package.json @@ -68,7 +68,7 @@ }, "devDependencies": { "@formatjs/intl-numberformat": "^8.3.5", - "@spectrum-css/stepper": "^4.0.32" + "@spectrum-css/stepper": "^4.0.38" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/picker/package.json b/packages/picker/package.json index 79de73384d2..1ee8313e568 100644 --- a/packages/picker/package.json +++ b/packages/picker/package.json @@ -78,7 +78,7 @@ "@spectrum-web-components/tray": "^0.33.2" }, "devDependencies": { - "@spectrum-css/picker": "^4.0.7" + "@spectrum-css/picker": "^4.0.15" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/popover/package.json b/packages/popover/package.json index 7f771b34baf..f982ad72a8c 100644 --- a/packages/popover/package.json +++ b/packages/popover/package.json @@ -61,7 +61,7 @@ "@spectrum-web-components/overlay": "^0.33.2" }, "devDependencies": { - "@spectrum-css/popover": "^6.0.46" + "@spectrum-css/popover": "^6.0.54" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/progress-bar/package.json b/packages/progress-bar/package.json index 198380879d0..80820242aa8 100644 --- a/packages/progress-bar/package.json +++ b/packages/progress-bar/package.json @@ -61,7 +61,7 @@ "@spectrum-web-components/field-label": "^0.33.2" }, "devDependencies": { - "@spectrum-css/progressbar": "^3.0.39" + "@spectrum-css/progressbar": "^3.0.48" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/progress-circle/package.json b/packages/progress-circle/package.json index 9d67d04814f..dccd14bb6f1 100644 --- a/packages/progress-circle/package.json +++ b/packages/progress-circle/package.json @@ -60,7 +60,7 @@ "@spectrum-web-components/base": "^0.33.2" }, "devDependencies": { - "@spectrum-css/progresscircle": "^2.0.42" + "@spectrum-css/progresscircle": "^2.0.48" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/quick-actions/package.json b/packages/quick-actions/package.json index 7384da74c94..1dcf97ce6a0 100644 --- a/packages/quick-actions/package.json +++ b/packages/quick-actions/package.json @@ -60,7 +60,7 @@ "@spectrum-web-components/base": "^0.33.2" }, "devDependencies": { - "@spectrum-css/quickaction": "^3.0.57" + "@spectrum-css/quickaction": "^3.0.64" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/search/package.json b/packages/search/package.json index 735e6e7a158..74fcfd1c60b 100644 --- a/packages/search/package.json +++ b/packages/search/package.json @@ -64,7 +64,7 @@ "@spectrum-web-components/textfield": "^0.33.2" }, "devDependencies": { - "@spectrum-css/search": "^6.0.0" + "@spectrum-css/search": "^6.0.2" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/sidenav/package.json b/packages/sidenav/package.json index 15488c90fc3..17a5d140303 100644 --- a/packages/sidenav/package.json +++ b/packages/sidenav/package.json @@ -80,7 +80,7 @@ "@spectrum-web-components/shared": "^0.33.2" }, "devDependencies": { - "@spectrum-css/sidenav": "^3.0.44" + "@spectrum-css/sidenav": "^3.0.49" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/slider/package.json b/packages/slider/package.json index c1c3bfed88e..6b143a6661d 100644 --- a/packages/slider/package.json +++ b/packages/slider/package.json @@ -83,7 +83,7 @@ "@spectrum-web-components/theme": "^0.33.2" }, "devDependencies": { - "@spectrum-css/slider": "^4.0.1" + "@spectrum-css/slider": "^4.0.10" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/split-button/package.json b/packages/split-button/package.json index b622386981a..afdfb5d9142 100644 --- a/packages/split-button/package.json +++ b/packages/split-button/package.json @@ -70,7 +70,7 @@ "@spectrum-web-components/picker": "^0.33.2" }, "devDependencies": { - "@spectrum-css/splitbutton": "^5.0.45" + "@spectrum-css/splitbutton": "^5.0.51" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/split-view/package.json b/packages/split-view/package.json index 32390a0c4f7..b6e128c5e9b 100644 --- a/packages/split-view/package.json +++ b/packages/split-view/package.json @@ -64,7 +64,7 @@ "@spectrum-web-components/base": "^0.33.2" }, "devDependencies": { - "@spectrum-css/splitview": "^3.0.40" + "@spectrum-css/splitview": "^3.0.45" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/status-light/package.json b/packages/status-light/package.json index d05e8634cf0..6893034454f 100644 --- a/packages/status-light/package.json +++ b/packages/status-light/package.json @@ -60,7 +60,7 @@ "@spectrum-web-components/base": "^0.33.2" }, "devDependencies": { - "@spectrum-css/statuslight": "^6.0.29" + "@spectrum-css/statuslight": "^6.0.35" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/swatch/package.json b/packages/swatch/package.json index d95503c136d..7bd8eb0800f 100644 --- a/packages/swatch/package.json +++ b/packages/swatch/package.json @@ -74,8 +74,8 @@ "@spectrum-web-components/shared": "^0.33.2" }, "devDependencies": { - "@spectrum-css/swatch": "^4.0.19", - "@spectrum-css/swatchgroup": "^2.0.43" + "@spectrum-css/swatch": "^4.0.25", + "@spectrum-css/swatchgroup": "^2.0.49" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/switch/package.json b/packages/switch/package.json index 8e475dc9fe3..0785fbf7de0 100644 --- a/packages/switch/package.json +++ b/packages/switch/package.json @@ -62,7 +62,7 @@ "@spectrum-web-components/checkbox": "^0.33.2" }, "devDependencies": { - "@spectrum-css/switch": "^3.0.36" + "@spectrum-css/switch": "^3.1.3" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/table/package.json b/packages/table/package.json index 8aa3846f59a..8c925e50002 100644 --- a/packages/table/package.json +++ b/packages/table/package.json @@ -122,7 +122,7 @@ "@spectrum-web-components/icons-ui": "^0.33.2" }, "devDependencies": { - "@spectrum-css/table": "^4.0.50" + "@spectrum-css/table": "^4.0.56" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/tabs/package.json b/packages/tabs/package.json index f9c7fba7683..4809f1f550e 100644 --- a/packages/tabs/package.json +++ b/packages/tabs/package.json @@ -93,7 +93,7 @@ "@spectrum-web-components/shared": "^0.33.2" }, "devDependencies": { - "@spectrum-css/tabs": "^3.2.52" + "@spectrum-css/tabs": "^3.2.60" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/tags/package.json b/packages/tags/package.json index 57f7f71f6d6..c14524a34ea 100644 --- a/packages/tags/package.json +++ b/packages/tags/package.json @@ -72,8 +72,8 @@ "@spectrum-web-components/shared": "^0.33.2" }, "devDependencies": { - "@spectrum-css/tag": "^5.0.31", - "@spectrum-css/taggroup": "^3.3.44" + "@spectrum-css/tag": "^5.0.37", + "@spectrum-css/taggroup": "^3.3.50" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/textfield/package.json b/packages/textfield/package.json index a0aae0874d7..87a29391200 100644 --- a/packages/textfield/package.json +++ b/packages/textfield/package.json @@ -65,7 +65,7 @@ "@spectrum-web-components/shared": "^0.33.2" }, "devDependencies": { - "@spectrum-css/textfield": "^6.0.0" + "@spectrum-css/textfield": "^6.0.2" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/thumbnail/package.json b/packages/thumbnail/package.json index d17baba82e5..2c7a8aa8534 100644 --- a/packages/thumbnail/package.json +++ b/packages/thumbnail/package.json @@ -60,7 +60,7 @@ "@spectrum-web-components/base": "^0.33.2" }, "devDependencies": { - "@spectrum-css/thumbnail": "^3.0.5" + "@spectrum-css/thumbnail": "^3.0.12" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/thumbnail/src/spectrum-thumbnail.css b/packages/thumbnail/src/spectrum-thumbnail.css index 73f13aaf6f8..cb1b0c5d2eb 100644 --- a/packages/thumbnail/src/spectrum-thumbnail.css +++ b/packages/thumbnail/src/spectrum-thumbnail.css @@ -15,9 +15,9 @@ governing permissions and limitations under the License. --spectrum-thumbnail-size: var(--spectrum-thumbnail-size-500); --spectrum-thumbnail-border-radius: var(--spectrum-corner-radius-75); --spectrum-thumbnail-border-width: var(--spectrum-border-width-100); - --spectrum-thumbnail-border-color-rgb: var(--spectrum-gray-800-rgb); - --spectrum-thumbnail-border-color-opacity: var( - --spectrum-thumbnail-border-opacity + --spectrum-thumbnail-border-color-rgba: rgba( + var(--spectrum-gray-800-rgb), + var(--spectrum-thumbnail-border-opacity) ); --spectrum-thumbnail-layer-border-width-inner: var( --spectrum-border-width-400 @@ -142,14 +142,11 @@ governing permissions and limitations under the License. --mod-thumbnail-border-width, var(--spectrum-thumbnail-border-width) ) - rgba( - var( - --mod-thumbnail-border-color-rgb, - var(--spectrum-thumbnail-border-color-rgb) - ), + var( + --highcontrast-thumbnail-border-color, var( - --mod-thumbnail-border-color-opacity, - var(--spectrum-thumbnail-border-color-opacity) + --mod-thumbnail-border-color, + var(--spectrum-thumbnail-border-color-rgba) ) ); content: ''; @@ -344,7 +341,6 @@ governing permissions and limitations under the License. content: none; } :host([layer][selected]) { - outline: solid; outline-color: var( --highcontrast-thumbnail-border-color-selected, var( @@ -362,6 +358,7 @@ governing permissions and limitations under the License. var(--spectrum-thumbnail-layer-border-width-inner) ) ); + outline-style: solid; outline-width: var( --mod-thumbnail-border-width-selected, var(--spectrum-thumbnail-border-width-selected) @@ -382,11 +379,11 @@ governing permissions and limitations under the License. var(--spectrum-thumbnail-layer-border-width-inner) ) * 2 ); - outline: solid; outline-color: var( --mod-thumbnail-layer-border-color-inner, var(--spectrum-thumbnail-layer-border-color-inner) ); + outline-style: solid; outline-width: calc( var( --mod-thumbnail-layer-border-width-inner, @@ -435,10 +432,12 @@ governing permissions and limitations under the License. z-index: 0; } @media (forced-colors: active) { - :host([selected]) { + :host { --highcontrast-thumbnail-border-color-selected: SelectedItem; - } - :host([focused]) { --highcontrast-thumbnail-focus-indicator-color: Highlight; + --highcontrast-thumbnail-border-color: CanvasText; + background-color: Canvas; + color: CanvasText; + forced-color-adjust: none; } } diff --git a/packages/toast/package.json b/packages/toast/package.json index dd6d5bcc5f4..9b43db3dec2 100644 --- a/packages/toast/package.json +++ b/packages/toast/package.json @@ -63,7 +63,7 @@ "@spectrum-web-components/icons-workflow": "^0.33.2" }, "devDependencies": { - "@spectrum-css/toast": "^9.0.35" + "@spectrum-css/toast": "^9.0.37" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/tray/package.json b/packages/tray/package.json index a9fd9a87f3e..472cd6fa01b 100644 --- a/packages/tray/package.json +++ b/packages/tray/package.json @@ -64,7 +64,7 @@ "@spectrum-web-components/underlay": "^0.33.2" }, "devDependencies": { - "@spectrum-css/tray": "^2.0.43" + "@spectrum-css/tray": "^2.0.51" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/underlay/package.json b/packages/underlay/package.json index c1ef07d7593..cddc5c2ad93 100644 --- a/packages/underlay/package.json +++ b/packages/underlay/package.json @@ -60,7 +60,7 @@ "@spectrum-web-components/base": "^0.33.2" }, "devDependencies": { - "@spectrum-css/underlay": "^2.0.48" + "@spectrum-css/underlay": "^2.0.52" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/tools/styles/package.json b/tools/styles/package.json index 5cf48d526d6..610a1ee483b 100644 --- a/tools/styles/package.json +++ b/tools/styles/package.json @@ -107,11 +107,11 @@ "@spectrum-web-components/base": "^0.33.2" }, "devDependencies": { - "@spectrum-css/commons": "^7.0.6", - "@spectrum-css/expressvars": "^3.0.5", - "@spectrum-css/tokens": "^10.0.0", - "@spectrum-css/typography": "^5.0.17", - "@spectrum-css/vars": "^9.0.5" + "@spectrum-css/commons": "^7.0.8", + "@spectrum-css/expressvars": "^3.0.8", + "@spectrum-css/tokens": "^10.2.0", + "@spectrum-css/typography": "^5.0.23", + "@spectrum-css/vars": "^9.0.8" }, "customElements": "custom-elements.json", "sideEffects": [ diff --git a/tools/styles/tokens/global-vars.css b/tools/styles/tokens/global-vars.css index aece2f8d3c3..d8045207ce0 100644 --- a/tools/styles/tokens/global-vars.css +++ b/tools/styles/tokens/global-vars.css @@ -17,6 +17,12 @@ governing permissions and limitations under the License. --spectrum-static-black-focus-indicator-color: var(--spectrum-black); --spectrum-overlay-color: var(--spectrum-black); --spectrum-opacity-disabled: 0.3; + --spectrum-neutral-subdued-content-color-selected: var( + --spectrum-neutral-subdued-content-color-down + ); + --spectrum-accent-content-color-selected: var( + --spectrum-accent-content-color-down + ); --spectrum-disabled-background-color: var(--spectrum-gray-200); --spectrum-disabled-static-white-background-color: var( --spectrum-transparent-white-200 @@ -117,9 +123,12 @@ governing permissions and limitations under the License. --spectrum-color-handle-outer-border-opacity: var( --spectrum-color-handle-inner-border-opacity ); - --spectrum-floating-action-button-shadow-color: var( + --spectrum-floating-action-button-drop-shadow-color: var( --spectrum-transparent-black-300 ); + --spectrum-floating-action-button-shadow-color: var( + --spectrum-floating-action-button-drop-shadow-color + ); --spectrum-white-rgb: 255, 255, 255; --spectrum-white: rgba(var(--spectrum-white-rgb)); --spectrum-transparent-white-100-rgb: 255, 255, 255; @@ -249,7 +258,10 @@ governing permissions and limitations under the License. --spectrum-popover-tip-height: 8px; --spectrum-menu-item-label-to-description: 1px; --spectrum-picker-minimum-width-multiplier: 2; - --spectrum-picker-end-edge-to-disclousure-icon-quiet: 0px; + --spectrum-picker-end-edge-to-disclousure-icon-quiet: var( + --spectrum-picker-end-edge-to-disclosure-icon-quiet + ); + --spectrum-picker-end-edge-to-disclosure-icon-quiet: 0px; --spectrum-text-field-minimum-width-multiplier: 1.5; --spectrum-combo-box-minimum-width-multiplier: 2.5; --spectrum-combo-box-quiet-minimum-width-multiplier: 2; @@ -310,6 +322,25 @@ governing permissions and limitations under the License. --spectrum-color-handle-drop-shadow-x: 0; --spectrum-color-handle-drop-shadow-y: 0; --spectrum-color-handle-drop-shadow-blur: 0; + --spectrum-tab-item-height-small: var(--spectrum-component-height-200); + --spectrum-tab-item-height-medium: var(--spectrum-component-height-300); + --spectrum-tab-item-height-large: var(--spectrum-component-height-400); + --spectrum-tab-item-height-extra-large: var( + --spectrum-component-height-500 + ); + --spectrum-tab-item-compact-height-small: var( + --spectrum-component-height-75 + ); + --spectrum-tab-item-compact-height-medium: var( + --spectrum-component-height-100 + ); + --spectrum-tab-item-compact-height-large: var( + --spectrum-component-height-200 + ); + --spectrum-tab-item-compact-height-extra-large: var( + --spectrum-component-height-300 + ); + --spectrum-tab-item-start-to-edge-quiet: 0px; --spectrum-android-elevation: 2dp; --spectrum-spacing-50: 2px; --spectrum-spacing-75: 4px; diff --git a/tools/styles/tokens/large-vars.css b/tools/styles/tokens/large-vars.css index f976d4acf50..ac22bd4b884 100644 --- a/tools/styles/tokens/large-vars.css +++ b/tools/styles/tokens/large-vars.css @@ -206,6 +206,46 @@ governing permissions and limitations under the License. --spectrum-accordion-content-area-bottom-to-content: 20px; --spectrum-color-handle-size: 20px; --spectrum-color-handle-size-key-focus: 40px; + --spectrum-tab-item-to-tab-item-horizontal-small: 27px; + --spectrum-tab-item-to-tab-item-horizontal-medium: 30px; + --spectrum-tab-item-to-tab-item-horizontal-large: 33px; + --spectrum-tab-item-to-tab-item-horizontal-extra-large: 36px; + --spectrum-tab-item-to-tab-item-vertical-small: 5px; + --spectrum-tab-item-to-tab-item-vertical-medium: 5px; + --spectrum-tab-item-to-tab-item-vertical-large: 6px; + --spectrum-tab-item-to-tab-item-vertical-extra-large: 6px; + --spectrum-tab-item-start-to-edge-small: 13px; + --spectrum-tab-item-start-to-edge-medium: 15px; + --spectrum-tab-item-start-to-edge-large: 17px; + --spectrum-tab-item-start-to-edge-extra-large: 19px; + --spectrum-tab-item-top-to-text-small: 14px; + --spectrum-tab-item-bottom-to-text-small: 15px; + --spectrum-tab-item-top-to-text-medium: 18px; + --spectrum-tab-item-bottom-to-text-medium: 19px; + --spectrum-tab-item-top-to-text-large: 22px; + --spectrum-tab-item-bottom-to-text-large: 22px; + --spectrum-tab-item-top-to-text-extra-large: 25px; + --spectrum-tab-item-bottom-to-text-extra-large: 25px; + --spectrum-tab-item-top-to-text-compact-small: 5px; + --spectrum-tab-item-bottom-to-text-compact-small: 6px; + --spectrum-tab-item-top-to-text-compact-medium: 9px; + --spectrum-tab-item-bottom-to-text-compact-medium: 10px; + --spectrum-tab-item-top-to-text-compact-large: 12px; + --spectrum-tab-item-bottom-to-text-compact-large: 14px; + --spectrum-tab-item-top-to-text-compact-extra-large: 15px; + --spectrum-tab-item-bottom-to-text-compact-extra-large: 17px; + --spectrum-tab-item-top-to-workflow-icon-small: 15px; + --spectrum-tab-item-top-to-workflow-icon-medium: 19px; + --spectrum-tab-item-top-to-workflow-icon-large: 23px; + --spectrum-tab-item-top-to-workflow-icon-extra-large: 26px; + --spectrum-tab-item-top-to-workflow-icon-compact-small: 5px; + --spectrum-tab-item-top-to-workflow-icon-compact-medium: 9px; + --spectrum-tab-item-top-to-workflow-icon-compact-large: 13px; + --spectrum-tab-item-top-to-workflow-icon-compact-extra-large: 16px; + --spectrum-tab-item-focus-indicator-gap-small: 9px; + --spectrum-tab-item-focus-indicator-gap-medium: 10px; + --spectrum-tab-item-focus-indicator-gap-large: 11px; + --spectrum-tab-item-focus-indicator-gap-extra-large: 12px; --spectrum-side-navigation-width: 240px; --spectrum-side-navigation-minimum-width: 200px; --spectrum-side-navigation-maximum-width: 300px; diff --git a/tools/styles/tokens/medium-vars.css b/tools/styles/tokens/medium-vars.css index acf231e1a28..d779642def3 100644 --- a/tools/styles/tokens/medium-vars.css +++ b/tools/styles/tokens/medium-vars.css @@ -203,6 +203,46 @@ governing permissions and limitations under the License. --spectrum-accordion-content-area-bottom-to-content: 16px; --spectrum-color-handle-size: 16px; --spectrum-color-handle-size-key-focus: 32px; + --spectrum-tab-item-to-tab-item-horizontal-small: 21px; + --spectrum-tab-item-to-tab-item-horizontal-medium: 24px; + --spectrum-tab-item-to-tab-item-horizontal-large: 27px; + --spectrum-tab-item-to-tab-item-horizontal-extra-large: 30px; + --spectrum-tab-item-to-tab-item-vertical-small: 4px; + --spectrum-tab-item-to-tab-item-vertical-medium: 4px; + --spectrum-tab-item-to-tab-item-vertical-large: 5px; + --spectrum-tab-item-to-tab-item-vertical-extra-large: 5px; + --spectrum-tab-item-start-to-edge-small: 12px; + --spectrum-tab-item-start-to-edge-medium: 12px; + --spectrum-tab-item-start-to-edge-large: 13px; + --spectrum-tab-item-start-to-edge-extra-large: 13px; + --spectrum-tab-item-top-to-text-small: 11px; + --spectrum-tab-item-bottom-to-text-small: 12px; + --spectrum-tab-item-top-to-text-medium: 14px; + --spectrum-tab-item-bottom-to-text-medium: 14px; + --spectrum-tab-item-top-to-text-large: 16px; + --spectrum-tab-item-bottom-to-text-large: 18px; + --spectrum-tab-item-top-to-text-extra-large: 19px; + --spectrum-tab-item-bottom-to-text-extra-large: 20px; + --spectrum-tab-item-top-to-text-compact-small: 4px; + --spectrum-tab-item-bottom-to-text-compact-small: 5px; + --spectrum-tab-item-top-to-text-compact-medium: 6px; + --spectrum-tab-item-bottom-to-text-compact-medium: 8px; + --spectrum-tab-item-top-to-text-compact-large: 10px; + --spectrum-tab-item-bottom-to-text-compact-large: 12px; + --spectrum-tab-item-top-to-text-compact-extra-large: 12px; + --spectrum-tab-item-bottom-to-text-compact-extra-large: 13px; + --spectrum-tab-item-top-to-workflow-icon-small: 13px; + --spectrum-tab-item-top-to-workflow-icon-medium: 15px; + --spectrum-tab-item-top-to-workflow-icon-large: 17px; + --spectrum-tab-item-top-to-workflow-icon-extra-large: 19px; + --spectrum-tab-item-top-to-workflow-icon-compact-small: 3px; + --spectrum-tab-item-top-to-workflow-icon-compact-medium: 7px; + --spectrum-tab-item-top-to-workflow-icon-compact-large: 9px; + --spectrum-tab-item-top-to-workflow-icon-compact-extra-large: 11px; + --spectrum-tab-item-focus-indicator-gap-small: 7px; + --spectrum-tab-item-focus-indicator-gap-medium: 8px; + --spectrum-tab-item-focus-indicator-gap-large: 9px; + --spectrum-tab-item-focus-indicator-gap-extra-large: 10px; --spectrum-side-navigation-width: 192px; --spectrum-side-navigation-minimum-width: 160px; --spectrum-side-navigation-maximum-width: 240px; diff --git a/tools/styles/tokens/spectrum/custom-large-vars.css b/tools/styles/tokens/spectrum/custom-large-vars.css index 8e8d96360d2..8dd11d51d32 100644 --- a/tools/styles/tokens/spectrum/custom-large-vars.css +++ b/tools/styles/tokens/spectrum/custom-large-vars.css @@ -52,4 +52,11 @@ governing permissions and limitations under the License. --spectrum-button-bottom-to-text-large: 13px; --spectrum-button-top-to-text-extra-large: 16px; --spectrum-button-bottom-to-text-extra-large: 17px; + + --spectrum-alert-banner-close-button-spacing: var(--spectrum-spacing-200); + --spectrum-alert-banner-edge-to-divider: var(--spectrum-spacing-200); + --spectrum-alert-banner-edge-to-button: var(--spectrum-spacing-200); + --spectrum-alert-banner-text-to-button-vertical: var( + --spectrum-spacing-200 + ); } diff --git a/tools/styles/tokens/spectrum/custom-medium-vars.css b/tools/styles/tokens/spectrum/custom-medium-vars.css index 0db9daa450e..7da83cdea15 100644 --- a/tools/styles/tokens/spectrum/custom-medium-vars.css +++ b/tools/styles/tokens/spectrum/custom-medium-vars.css @@ -52,4 +52,11 @@ governing permissions and limitations under the License. --spectrum-button-bottom-to-text-large: 10px; --spectrum-button-top-to-text-extra-large: 13px; --spectrum-button-bottom-to-text-extra-large: 13px; + + --spectrum-alert-banner-close-button-spacing: var(--spectrum-spacing-100); + --spectrum-alert-banner-edge-to-divider: var(--spectrum-spacing-100); + --spectrum-alert-banner-edge-to-button: var(--spectrum-spacing-100); + --spectrum-alert-banner-text-to-button-vertical: var( + --spectrum-spacing-100 + ); } diff --git a/yarn.lock b/yarn.lock index fbadba1514b..4ea2c78f55b 100644 --- a/yarn.lock +++ b/yarn.lock @@ -4391,325 +4391,325 @@ resolved "https://registry.yarnpkg.com/@sinonjs/text-encoding/-/text-encoding-0.7.1.tgz#8da5c6530915653f3a1f38fd5f101d8c3f8079c5" integrity sha512-+iTbntw2IZPb/anVDbypzfQa+ay64MW0Zo8aJ8gZPWMMK6/OubMVb6lUPMagqjOPnmtauXnFCACVl3O7ogjeqQ== -"@spectrum-css/accordion@^3.0.44": - version "3.0.44" - resolved "https://registry.yarnpkg.com/@spectrum-css/accordion/-/accordion-3.0.44.tgz#79b8665be354b72dca710a9ba866e79a86ce07c1" - integrity sha512-YnoZstfo+5PrKK+rf1QMib2yx0NEFhkkYoVahfUJC/vTEGTnQ+9XzOYYVylG0CC5PAJEEqZ3AMptLyNRbUDKUg== +"@spectrum-css/accordion@^3.0.49": + version "3.0.49" + resolved "https://registry.yarnpkg.com/@spectrum-css/accordion/-/accordion-3.0.49.tgz#d417e0c878de53439985a86c843f89f63c4f5ee3" + integrity sha512-JYzfjRdLiZiBWfPTK5tNvu4+DKe78pF7lhoeHufZRGUA8eanWLUydRxrug1huZmG6uLfm9ah2nhI4geB7TvTHQ== "@spectrum-css/actionbar@^4.0.1": version "4.0.1" resolved "https://registry.yarnpkg.com/@spectrum-css/actionbar/-/actionbar-4.0.1.tgz#8742808a9334484896d7f47700a9544d444a41bc" integrity sha512-s97vdrYNN5LhilNeirs6Xox05VZazjTNSb+qrtItowdfHEw3XbzCs8n0AdHgMSZkezL9z6B/BojeOo7fIGWbdw== -"@spectrum-css/actionbutton@^3.0.43": - version "3.0.43" - resolved "https://registry.yarnpkg.com/@spectrum-css/actionbutton/-/actionbutton-3.0.43.tgz#e13e22126201ba03702b5419cbd611d6f4efd9aa" - integrity sha512-H8mpGsgVJZm4cIOEfgw56o1xFmJdskNNwyDuXHasK6nDSKvaWi7dZaNbo3NCyQ83UtZIrrUqtRGynO9+bPby9A== +"@spectrum-css/actionbutton@^3.0.45": + version "3.0.45" + resolved "https://registry.yarnpkg.com/@spectrum-css/actionbutton/-/actionbutton-3.0.45.tgz#481c6a779a8d68bf80a4532e2f7bb9ca1e8d49a0" + integrity sha512-6hO4hyBMDLqQsa96zqlKEKyjrFxcNMj8iFX54bEr7tGzqz4LapQLg9/aMZIhPXdoNPLi2ipt82t8dSvV+fCHgA== -"@spectrum-css/actiongroup@^3.0.44": - version "3.0.44" - resolved "https://registry.yarnpkg.com/@spectrum-css/actiongroup/-/actiongroup-3.0.44.tgz#ee15ee6a502ed75a89361b1f325d54ef6d0241b5" - integrity sha512-EFjDf+HRfVRX2fymBYcNCMzPQ5hR7nh/w1W0cZD8YvggSqErQdsergAtFRiAUq7+5nigoCrtCIicWqUcYPoJnw== +"@spectrum-css/actiongroup@^3.0.51": + version "3.0.51" + resolved "https://registry.yarnpkg.com/@spectrum-css/actiongroup/-/actiongroup-3.0.51.tgz#dc5ca7f2a8ee650b3414cd8b5de7d4558cc9a1d8" + integrity sha512-S2laGTN44PrUNVinjLWsafsafSijcmcPzGqQbbbAkwtm1E9sK2gKN7nqOOX1E/WMsKetNGiXwsyPt3x0u/YSnw== -"@spectrum-css/actionmenu@^4.0.31": +"@spectrum-css/actionmenu@^4.0.39": version "4.0.39" resolved "https://registry.yarnpkg.com/@spectrum-css/actionmenu/-/actionmenu-4.0.39.tgz#d308384d7f34d7ec77f63e5a46176c191525c2ed" integrity sha512-csT3lHLItbZQs8+OMTs5lX63E5HSleRos2N6fVIVpluFSusfmUl3vp+ZvWTalXC/8ZGkHDT0rsqPLBGIUmmhRA== -"@spectrum-css/asset@^3.0.40": - version "3.0.40" - resolved "https://registry.yarnpkg.com/@spectrum-css/asset/-/asset-3.0.40.tgz#63eda087c4b9e9ab216bccafcedb0bd0202e681d" - integrity sha512-UUFagZJG23r+n9sN5ID4IOA+4Cql832E0y/rs7IJ0zRYBD51Stz4eo6xIYRyYQCqaJMr/8g4CBOIQB6coUMBqg== +"@spectrum-css/asset@^3.0.45": + version "3.0.45" + resolved "https://registry.yarnpkg.com/@spectrum-css/asset/-/asset-3.0.45.tgz#967d3a6162cf6f4120d800aca9a3be9b26b7f0a8" + integrity sha512-rr9s4Bf+aescNBE07x0F9L55cdOYGXTeG3Y6betGbn+ns88/Sbo6vExvv1XnFu4YLUeX2Mtykm+U5+zMpgUZUg== -"@spectrum-css/avatar@^6.0.29": - version "6.0.29" - resolved "https://registry.yarnpkg.com/@spectrum-css/avatar/-/avatar-6.0.29.tgz#13f24db72a2e61f0e07cf2866abf0726c56f7aa5" - integrity sha512-aq18rbWR9LXIrnBPnLJ8Q7vEthIdntl/0H3Exh28SNWSpBiL1ZCilWm/BI7BlMVfA7zzMJ74XaybCdooG0LV6Q== +"@spectrum-css/avatar@^6.0.35": + version "6.0.35" + resolved "https://registry.yarnpkg.com/@spectrum-css/avatar/-/avatar-6.0.35.tgz#890d987aa432507b076cf4223f15b21c7cbdf9fd" + integrity sha512-BTZo4cnBAn/zpee3tmrLkd3YaT6DwK1D0pXECLVlkrB5GpgPvOEaBmrKQgHqbTDFhC3T8VQ5QevDKt2EHRs7dw== -"@spectrum-css/badge@^3.0.31": - version "3.0.31" - resolved "https://registry.yarnpkg.com/@spectrum-css/badge/-/badge-3.0.31.tgz#68984425a4906423377355f5448638f1274acb45" - integrity sha512-eptFalFBmm880wTPzbjfZSJaHGhtTt3lUTD1HfEULXi6aDwvfp6hAozoCVa4MAzU0FRhO6FJJoSpVVU63PJzTQ== +"@spectrum-css/badge@^3.0.37": + version "3.0.37" + resolved "https://registry.yarnpkg.com/@spectrum-css/badge/-/badge-3.0.37.tgz#68ec453901e7400545291aecd47537a5a21c2c6d" + integrity sha512-4+g/07f6TwAC99KmUGLKOua0QhFivMWr4zyRUbG3fvJLuXG9CupwO1l9f2Y+U8Wkf5svEIjKRo8YoPyBvbAqxA== "@spectrum-css/banner@3.0.0-beta.2": version "3.0.0-beta.2" resolved "https://registry.yarnpkg.com/@spectrum-css/banner/-/banner-3.0.0-beta.2.tgz#df448a3dcb8ac63448bd628843a2895cec305780" integrity sha512-NqrT03ItWzj+L0dtqjedhop6wKOspBmaowzp9IOY/2kL561kRqYTLKR9vTteZ3cEDVD3ajKA8y+bKIW0eN+X7A== -"@spectrum-css/button@^10.0.11": - version "10.1.1" - resolved "https://registry.yarnpkg.com/@spectrum-css/button/-/button-10.1.1.tgz#ee2c8c043fef29346d8f2a07bc2cdfdf4cdf46b7" - integrity sha512-hbrpABsF7pSe4Es7iDalSoQ1Tp5cJAN3qBq4ZRyB1dtyn/PcKGS2kDfIaHn+HyLlQbGKVrleeYFR8g/omJAMUg== - -"@spectrum-css/buttongroup@^6.0.46": - version "6.0.46" - resolved "https://registry.yarnpkg.com/@spectrum-css/buttongroup/-/buttongroup-6.0.46.tgz#feef135dcc280147856c144797ac89208eaa4b70" - integrity sha512-3hZrtkj8wg6ot884kdFxnYggWzpQM2ZwpdQVZ0LE+NPqZqPZ3ChLTFI6PL1UF7JaRkhXZOwZ0cohY+c8ltupnQ== - -"@spectrum-css/card@^5.0.33": - version "5.0.33" - resolved "https://registry.yarnpkg.com/@spectrum-css/card/-/card-5.0.33.tgz#60b5b0200c187dff734d411817ee2192726e3622" - integrity sha512-GZuojnqdhLqHEPGOixRVoix3vv9NJUx33nQd4pfepEn7lRxM87FajTrlKnHig7EYkEwkWtN4i1SPgpe7j4IEqg== - -"@spectrum-css/checkbox@^6.0.32": - version "6.0.34" - resolved "https://registry.yarnpkg.com/@spectrum-css/checkbox/-/checkbox-6.0.34.tgz#a7b9666c47388cbc30dd1984cc0984e04106e265" - integrity sha512-jM9VK8nljBKfzAZ9GKwIJX1NrKpYfGjxSSs1QTmIt0CFGYhugawSv84xcp4lyCmQOBYY7slzX6EFdpRs9xL6jw== - -"@spectrum-css/clearbutton@^1.2.30": - version "1.2.30" - resolved "https://registry.yarnpkg.com/@spectrum-css/clearbutton/-/clearbutton-1.2.30.tgz#7858c708bf81d1c90ccc52d7c9eed4478bbfd5eb" - integrity sha512-CvrOAmDMbmrjGj69dQwMAPORbNt5EYU1XJN3kqBAOUs8oXIU5vSxNYmj/hcrgIxG5V/Eq1hdNcuJ+pqXBzkoYA== - -"@spectrum-css/closebutton@^3.0.43": - version "3.0.43" - resolved "https://registry.yarnpkg.com/@spectrum-css/closebutton/-/closebutton-3.0.43.tgz#03e932707ce58f2307bf2a3a837d2c52084cea3f" - integrity sha512-4Q4UkQErmy8fJROlVGEcyO5RRfVZSF0YKVtA0B0Bscmz+befOUIuzlU2uRmnyZSrILqveZp8rkfmwl1pxz715w== - -"@spectrum-css/coachmark@^5.0.43": - version "5.0.43" - resolved "https://registry.yarnpkg.com/@spectrum-css/coachmark/-/coachmark-5.0.43.tgz#c5e7e4dfb6ce9ae946d5942357123b64c071a7c1" - integrity sha512-y61S8bn1cNFCUpoenFxUuHnc4Xi95WScJIEnGezyLVsm1QPFWr7sYywdkHkFmbyJr99M9fOlceZT7ig4tnp/FQ== +"@spectrum-css/button@^10.1.5": + version "10.1.5" + resolved "https://registry.yarnpkg.com/@spectrum-css/button/-/button-10.1.5.tgz#a2183479b7b80667fe654dd21230e4cc0419915e" + integrity sha512-Ox6+FxhBpbAM4oFklOY+zcC5HOgfDPIEJXDEnK+FMFzjTSJDpfLAk/JvzcEHMM36WPUsr+91X3/W3xxLToaWLQ== + +"@spectrum-css/buttongroup@^6.0.52": + version "6.0.52" + resolved "https://registry.yarnpkg.com/@spectrum-css/buttongroup/-/buttongroup-6.0.52.tgz#00a7d751187a2d5b0da38dd213bd9fa2ef90d8a7" + integrity sha512-npBaCvUS4KfIHUOH7Scrp9ZqjrU6mVM29ok1Vimy6635s3fgfB8oc/dFbYl4rn1Bs1LznSlsdYy0hM5HE0YcAw== + +"@spectrum-css/card@^5.0.40": + version "5.0.40" + resolved "https://registry.yarnpkg.com/@spectrum-css/card/-/card-5.0.40.tgz#0b2eca88c279331ec4304a2e2bd208c3be08cc85" + integrity sha512-M8/Yh8Gxayd5eKw3hLfc9mKBDmzEzCzviAfWapCWKBsGMrJevVHxCfkysb7SWpAAnTEVXULdQ47Q2fSHJWxjWA== + +"@spectrum-css/checkbox@^6.1.3": + version "6.1.3" + resolved "https://registry.yarnpkg.com/@spectrum-css/checkbox/-/checkbox-6.1.3.tgz#fcc83a014ffbf87f044209dfe2b0863def612afc" + integrity sha512-+MHveu8iilgYQutxVXYGS5fK5A3o0zB4cl2Gbz3NT9NJSdNbHYjyjKIgJtyzv3czJFcaPHy/QBrCjjnxt++A8A== + +"@spectrum-css/clearbutton@^1.2.35": + version "1.2.35" + resolved "https://registry.yarnpkg.com/@spectrum-css/clearbutton/-/clearbutton-1.2.35.tgz#e12e231978521423815b09baf2b25711654193e6" + integrity sha512-kAK9HMLn6KD+Akh4X8HmSzUtaMYKR9pt3HHTa4x7BmAbRYLH8dlX4tW2QgbX5stY2X12Cx2D3oslizcel5SjzQ== + +"@spectrum-css/closebutton@^3.1.5": + version "3.1.5" + resolved "https://registry.yarnpkg.com/@spectrum-css/closebutton/-/closebutton-3.1.5.tgz#a4eda229d4bfca643ea30802ae636bb070f3d492" + integrity sha512-77KWVXTPH9CwkFivFjnBViy/sHD2OpWjqAQ7wOeoLdL/1jfQ/Y2vaj8JT/gcyNIb941QAzS7uIlU4TIpmG4Pjw== + +"@spectrum-css/coachmark@^5.0.49": + version "5.0.49" + resolved "https://registry.yarnpkg.com/@spectrum-css/coachmark/-/coachmark-5.0.49.tgz#9bbd388096c98c49c0fcf64f2e4e5fbe2bcfa7e1" + integrity sha512-pg40M9JUihsbRc3RqHyG4WQHm1aDf0nzx29Qz1uj4SPZoIaUHNrvUDtGEWHL+NkxpjKw2AIYCIQDZIDvYkSTsg== "@spectrum-css/colorarea@^3.0.10": version "3.0.10" resolved "https://registry.yarnpkg.com/@spectrum-css/colorarea/-/colorarea-3.0.10.tgz#1c05a4ed4e9148047f1f585cd629fec76b9613f3" integrity sha512-94veu17ZCWEX2H7M0AZcyJV+/TYvkELGwqA9LG6509yNNnNuk8h/lGCZ/bOcbyzqnrgt5pZ2pYlGdrhCq0tQDQ== -"@spectrum-css/colorhandle@^5.0.3": - version "5.0.3" - resolved "https://registry.yarnpkg.com/@spectrum-css/colorhandle/-/colorhandle-5.0.3.tgz#ebb0fecace921cc10c0955759f1e4da0ba90fe25" - integrity sha512-1veCH29J5cfjvcWarc463K+VPcJhmO/+XmMF7JW5Q7UcdXNDPunQhYiJ0Ew10BKLa+cPrXx0+KESBtweHJTIIA== +"@spectrum-css/colorhandle@^5.0.9": + version "5.0.9" + resolved "https://registry.yarnpkg.com/@spectrum-css/colorhandle/-/colorhandle-5.0.9.tgz#5658730361b2db2cb485395891f877e5e0904287" + integrity sha512-3pWJk6mRs+lpH7VNF53rrnvRp9ennfHWNA0LHbmf9mWhARov3BMXoVFyXEU0xneTiB8X7WLf/hohYXJD46XjYw== -"@spectrum-css/colorloupe@^4.0.3": - version "4.0.3" - resolved "https://registry.yarnpkg.com/@spectrum-css/colorloupe/-/colorloupe-4.0.3.tgz#3e7e88a66263b89c085d93b54907ddf10d83db8a" - integrity sha512-6O3GR9JbYightePGtjIerH66vqqcJ/5jLy275727khNEsKAIsIk5EzBhhrVgdJ7TdoNaFL+zlDs8v5uOefuR8g== +"@spectrum-css/colorloupe@^4.1.0": + version "4.1.0" + resolved "https://registry.yarnpkg.com/@spectrum-css/colorloupe/-/colorloupe-4.1.0.tgz#f4cd90e380a07e2a9acff548598850942e8c9001" + integrity sha512-1/RzYB/2T4do9cXUcnEtlHM25tt4Hj/V5R29QpzrOMBgxNcmp0+j1npqvyuhZ9NgxSJ8RNVbAfofy+ToZTb/6A== -"@spectrum-css/colorslider@^3.0.11": - version "3.0.13" - resolved "https://registry.yarnpkg.com/@spectrum-css/colorslider/-/colorslider-3.0.13.tgz#d5da57b91fba035cfdee7c2f68fd5e64ec2b336e" - integrity sha512-Fv/ERigHsPq8MyBwTcxY+r0IP7oEGcNAEj+wYv5G8/m31xzi7AvcyX4/gDT8yjbp9tqJdg/LdKk6GuT9pjc22A== +"@spectrum-css/colorslider@^3.0.17": + version "3.0.17" + resolved "https://registry.yarnpkg.com/@spectrum-css/colorslider/-/colorslider-3.0.17.tgz#5ffbcb02882549d8e81b77e0fbec0556973744f0" + integrity sha512-VhkXD9XweSd2F42fExSy2HUDeboLmzj4wdVWgxrpoM8E7FL8e/vA3T+cSAmskGsLqc7T+WwjP45ewJf926V7Pg== "@spectrum-css/colorwheel@^2.0.12": version "2.0.12" resolved "https://registry.yarnpkg.com/@spectrum-css/colorwheel/-/colorwheel-2.0.12.tgz#3dcf5590a2b54e28d9826e7cf056f03bfeb4378f" integrity sha512-ZyocQGQvVBHVv79Ozv4koQOm9APKU7BmRsAgOndZtudQS3YAAFBTCjKdLL8NDRlW3w+XBL4ih8LsBwZtPySe4w== -"@spectrum-css/commons@^7.0.6": - version "7.0.6" - resolved "https://registry.yarnpkg.com/@spectrum-css/commons/-/commons-7.0.6.tgz#112adb5bb76b572aa4ee86735daa006aead91384" - integrity sha512-6UI8vy26wrgT3YFfjfDY5Ca6veKPTIOIVOAQCTO0nGEROwmu3YNrptCnhM1SliBacwwjvokmeMjgyYfTGsS2yA== +"@spectrum-css/commons@^7.0.8": + version "7.0.8" + resolved "https://registry.yarnpkg.com/@spectrum-css/commons/-/commons-7.0.8.tgz#4c221d56eb296c21a259e5afcdddc2dd8fff878b" + integrity sha512-LTHHxD+GS+EHPp9sF1PiRg3B8XWKSXYMSRPgncQUc+6rG/w3G5lyJa4eobhuE5OjbcKnX8x7i15NMqltQ85TJg== -"@spectrum-css/dialog@^6.0.48": - version "6.0.48" - resolved "https://registry.yarnpkg.com/@spectrum-css/dialog/-/dialog-6.0.48.tgz#009ed29e932ffab5dab1116d887ced3162607d23" - integrity sha512-Dx2noHpx4ir7ldJuA6RPpbwarz8fh4ZMd5dptcBLNsMlzAT8kSphEd+DSOj7AL9SsZ3iIY7Z88Tkx0usY5KB0g== +"@spectrum-css/dialog@^6.0.56": + version "6.0.56" + resolved "https://registry.yarnpkg.com/@spectrum-css/dialog/-/dialog-6.0.56.tgz#95794b25e77bcc9b09e9b6af72c26748fe1812ed" + integrity sha512-oniCM2ZgwwvPpED0dMnpQ5PDGWhhMmsVH2YIxZ9C2yp/jcrDAyliFAyhcBewNaOzSVv1ZlvvxHpWPM3wwPe54g== -"@spectrum-css/divider@^2.0.42": +"@spectrum-css/divider@^2.1.7": version "2.1.7" resolved "https://registry.yarnpkg.com/@spectrum-css/divider/-/divider-2.1.7.tgz#6001c478b992fdfa6f632314de3dfa0d2f4b4c61" integrity sha512-M7Is1WCjXf6d8l1Im6Zu5LXgFCLDLgypaxeFqrKe4uREaxjytIGl6SA2fCeuPG3RWrY4jbaRgsOjSrb4vdX7Fw== -"@spectrum-css/dropzone@^5.0.0": - version "5.0.0" - resolved "https://registry.yarnpkg.com/@spectrum-css/dropzone/-/dropzone-5.0.0.tgz#68ea4157e56229f4fea23fd4ebb9f09b341b0fba" - integrity sha512-2DySdiCnKZiboymD/4LVK077SwPYtkXvtsaES2+npuHYNhpp6C0W0jqjehqPIvbGmR3Vtu789o4XkgB/XBXh1Q== - -"@spectrum-css/expressvars@^3.0.5": - version "3.0.6" - resolved "https://registry.yarnpkg.com/@spectrum-css/expressvars/-/expressvars-3.0.6.tgz#16f59810d35c2f56ae569e662c2ddf263795280f" - integrity sha512-OHGGGToDnal5Z9ryAwebhXqkovyr/L8B80cZNEEGQdwjZxgT+2v3bLowzbpfiz6YYv0PTAc5YVgHhJX0Szn5AA== - -"@spectrum-css/fieldgroup@^4.0.46": - version "4.0.46" - resolved "https://registry.yarnpkg.com/@spectrum-css/fieldgroup/-/fieldgroup-4.0.46.tgz#1bee1a9738ceaefd151459e9b15df39437b4632d" - integrity sha512-9NAFK9IyTV05wr4VTYwWwlywgL1cGFkXUyiOH6fhJ2uRICvDxEMOwdpsCihCVaphi99GcjqN5ppIDtSntCL3aQ== - -"@spectrum-css/fieldlabel@^7.0.1": - version "7.0.1" - resolved "https://registry.yarnpkg.com/@spectrum-css/fieldlabel/-/fieldlabel-7.0.1.tgz#c363b6a6053bf820064bc6919323b121378b8f21" - integrity sha512-h3Ti0NbrfhBjBoUDcrnGFCbjbqwdjSz3we00FNLwxbmEKojE1emvghLe7hEFvGZ1p9jFF2J+DgT0uB/361OSFg== - -"@spectrum-css/helptext@^4.0.31": - version "4.0.31" - resolved "https://registry.yarnpkg.com/@spectrum-css/helptext/-/helptext-4.0.31.tgz#9bd3236b2d10059fa9d029880f38eddda911b43c" - integrity sha512-yb2boss0ahmUu9Ov07H+e8QqCCsJTUCmxn06osZVSuQT9rsBpYHkRIh/+damuwsK8fyDkzdH7+ALnxOdkhvA1g== - -"@spectrum-css/icon@^3.0.43": - version "3.0.43" - resolved "https://registry.yarnpkg.com/@spectrum-css/icon/-/icon-3.0.43.tgz#9d3d99090f3bf3be0b912202a09c3774aa2d75bb" - integrity sha512-1VFfcgDHHOG1CWLo0PLTNKB43s7NxU9gEnoQN4SeKhn49cLjwjkcGfoEnG22WwtnZnUdyYvewcaOJbL9pHN2Vg== - -"@spectrum-css/illustratedmessage@^5.0.16": - version "5.0.16" - resolved "https://registry.yarnpkg.com/@spectrum-css/illustratedmessage/-/illustratedmessage-5.0.16.tgz#811e92faf474d96c795299cb277ce636fa7d94fb" - integrity sha512-tGogu7tP+/uMzkLCUGc5rTkf/UyWp2V9XJiKD9fIpa7xETQlTFaPvnSvl1KBXdgKNgM7CCkdj1hURAPwjs2hyQ== +"@spectrum-css/dropzone@^5.0.4": + version "5.0.4" + resolved "https://registry.yarnpkg.com/@spectrum-css/dropzone/-/dropzone-5.0.4.tgz#228d17afcf46223ab9615a43abca87b58c3f301f" + integrity sha512-XMjO3pmdpL2NbLiWu9YaAN6GPZ36/JaHqZlKInqDrVpFaBoT+wwfn7mH/civiEvyPxNn8+QjsXnt6NJO4Cgh+g== -"@spectrum-css/link@^4.0.42": +"@spectrum-css/expressvars@^3.0.8": + version "3.0.8" + resolved "https://registry.yarnpkg.com/@spectrum-css/expressvars/-/expressvars-3.0.8.tgz#6fbc53755d7c4f57bc1b826f5e17bdbbd7072883" + integrity sha512-ILIkMUw2893n5fIl4DCYQuV8MOM98pThL/MVoGBlorMKL7RopvS2R3cmoaBiNeHy3cWdWkFFEqQ9uoMhZfuj0w== + +"@spectrum-css/fieldgroup@^4.0.52": + version "4.0.52" + resolved "https://registry.yarnpkg.com/@spectrum-css/fieldgroup/-/fieldgroup-4.0.52.tgz#6f81bdf0a34dbe29ba9b2610cbd2162cf7694548" + integrity sha512-nO+/gMdwhsEJylnyuoux8IKay8wERzN5Uh/L74JJMiWeHqYKnvsVSBEF8GkQEaUYExYuPAuM8Z5TcxykR3ebtw== + +"@spectrum-css/fieldlabel@^7.0.10": + version "7.0.10" + resolved "https://registry.yarnpkg.com/@spectrum-css/fieldlabel/-/fieldlabel-7.0.10.tgz#c2578c806293bc4f6054682477b40d166730ba84" + integrity sha512-R1fl8YF+5j0DAXEQ5X1CsovjGiOVPWrrzhaOPzOrhQxvGRi4gJ4U5CcxwVoxLphVtkJJAhPnff4bxLCpY9ijww== + +"@spectrum-css/helptext@^4.0.37": + version "4.0.37" + resolved "https://registry.yarnpkg.com/@spectrum-css/helptext/-/helptext-4.0.37.tgz#1147fefb84d73acf5f5d6b7e7f62570e65322d66" + integrity sha512-uYJcL4JXu0CxZhPnEN+ojofuTiQGD6On9CDovBExglXXXQV1RguW2zguW47Hx+DGIxDrcwezxmOa3ut7tWedrg== + +"@spectrum-css/icon@^3.0.48": + version "3.0.48" + resolved "https://registry.yarnpkg.com/@spectrum-css/icon/-/icon-3.0.48.tgz#a99d3b916333c6615f16fb42beda31ca88319c8f" + integrity sha512-Z1HK1IFeh3VdZlZYq4elRK2zZMySL00bwnfGJORZ9fUCNBVpVSr52sbhrJA+Qre5RbMUDgBS2oEoBHK2eDEvYg== + +"@spectrum-css/illustratedmessage@^5.0.18": + version "5.0.18" + resolved "https://registry.yarnpkg.com/@spectrum-css/illustratedmessage/-/illustratedmessage-5.0.18.tgz#a1ced6652b80afd2eb549aec9ab04247a70054e9" + integrity sha512-892jnXWFt0N4aBjdmO8VjKfI25NwrDiuUiBOOODdbjDRT1R0VwP8LhBnA3NbNliIGul/V9T9iMyxBIdAaVAXNQ== + +"@spectrum-css/link@^4.0.48": + version "4.0.48" + resolved "https://registry.yarnpkg.com/@spectrum-css/link/-/link-4.0.48.tgz#1998192c0c88d4d752cd03d4f48631da6a4b97d4" + integrity sha512-OCh/wmhB+yFnYCj/UPkYPOXDxS3BveCy3ic5wILn/cmIux/jzrdqNBZPI9qmmKaBU5tqxbOl51CnXbBzKNrs4w== + +"@spectrum-css/menu@^4.0.42": version "4.0.42" - resolved "https://registry.yarnpkg.com/@spectrum-css/link/-/link-4.0.42.tgz#82258ef8d48f9babaee2afee7cbb008ad0a234d0" - integrity sha512-zKtnCa+zLhYXJbkfbOFqkDCH4vSdmjKqGxcm1hhHh9gcypeFQt63gEZQMsxl0ydOfM8IJKhMPASxEYrxkKTAsg== + resolved "https://registry.yarnpkg.com/@spectrum-css/menu/-/menu-4.0.42.tgz#11d54560a7570a736605131fcc56748197d66c81" + integrity sha512-T8cqHf++NEzMMGqGQD7P8jYjldILsPf7DFKVdQLXKzNfq/FBY9W3lEL+CLYtQYcJUZUTSggvhJkNARTeMscuWg== -"@spectrum-css/menu@^4.0.34": - version "4.0.34" - resolved "https://registry.yarnpkg.com/@spectrum-css/menu/-/menu-4.0.34.tgz#e058d9f71aab25164b08bb289e14c01c299df46a" - integrity sha512-gqXa6OsV4EyXjmeo3I0pAKJDBHrTuiD6RyDELH1/zeMvZk8nv26cNawZ55fSMO3lp3FvewV5KqD2JzeZ3wdVhA== +"@spectrum-css/modal@^3.0.46": + version "3.0.46" + resolved "https://registry.yarnpkg.com/@spectrum-css/modal/-/modal-3.0.46.tgz#bedf1429efaf28067043043149137048d2c69530" + integrity sha512-AB1mbr3R7JzXaol8FAcRxqucdWJhUwaiieSkcB/bubcpQSPJPwWJ6lOljnSY5/knRpcJoR2ZBbKdDP2hO5r3DQ== -"@spectrum-css/modal@^3.0.41": - version "3.0.41" - resolved "https://registry.yarnpkg.com/@spectrum-css/modal/-/modal-3.0.41.tgz#4e22f35c62419060bff52ab68b28931b95627da0" - integrity sha512-BbJf54sBiLE8LagnoZ24voNcW79iG2c7fmlngEpgKdYaIP+SXSlaf5C5M8H75isirSrJ3i1vzpWHaMn3jggahA== - -"@spectrum-css/picker@^4.0.7": - version "4.0.7" - resolved "https://registry.yarnpkg.com/@spectrum-css/picker/-/picker-4.0.7.tgz#ca0b5717d68e25bfacb16a6b7391b680db5c9eaf" - integrity sha512-DzPYleLS2c0jrpfdNOR7P1y3YMfrC+Nh2w7WBXk1+edcY7WJQml4nlA5QOWVbN9NcjX7zIEkTzSaU7s3vEDJ7g== +"@spectrum-css/picker@^4.0.15": + version "4.0.15" + resolved "https://registry.yarnpkg.com/@spectrum-css/picker/-/picker-4.0.15.tgz#09874fbc5823ea6099c2bedb8707dad02c452a8c" + integrity sha512-1y0AvLLWnRO8jzFFH2XK7iw+vrTc8yZyPom4vUBuQwKk654eA6kJbA2fDq5xtxu3CVOGkRYOdOPvkfZwUYOZyw== "@spectrum-css/pickerbutton@^2.0.12": version "2.0.12" resolved "https://registry.yarnpkg.com/@spectrum-css/pickerbutton/-/pickerbutton-2.0.12.tgz#cba66576d6340c78f898fe163cb884593bbcbf43" integrity sha512-GUKSb5NnOmLe1r1V8oV28E+sZh98EDrtkzDnWrr5vHYgzeu6/W0HYFe/4d4FyyZsTyD3yh3tMRXOY9KgJ3rdzQ== -"@spectrum-css/popover@^6.0.46": +"@spectrum-css/popover@^6.0.54": version "6.0.54" resolved "https://registry.yarnpkg.com/@spectrum-css/popover/-/popover-6.0.54.tgz#7bbdc7aeef9615163f223053424546da9a279909" integrity sha512-6CkPiYLhaj9vnv6Cqjj3eNXm9aYNOkvCn0x1xghs/BXmsVjNlfoLicg5nfPAp8rnD2ZJ8uX5neMiH6oUIZdKzw== -"@spectrum-css/progressbar@^3.0.39": - version "3.0.47" - resolved "https://registry.yarnpkg.com/@spectrum-css/progressbar/-/progressbar-3.0.47.tgz#a289770e992a13971e60528af1d0ae3484ef2d93" - integrity sha512-iB24oyYzvpfqOSj8xer0UUG14RDh514qNZ25aRIfPmwUXmQDlmehKvnlvuB23LlI6DZuDNIRZ9CztZ+MDyddCw== +"@spectrum-css/progressbar@^3.0.48": + version "3.0.48" + resolved "https://registry.yarnpkg.com/@spectrum-css/progressbar/-/progressbar-3.0.48.tgz#c1e5f68c76b2ff6bde0ffee8939484b83c740082" + integrity sha512-WpNu06VOngnLo3it4dREVMRsOhAZUAjwwHYd2ops9uRJCExvMVIGd1vCAHWII8bvsiCne51xATxqvRFhKvzirA== -"@spectrum-css/progresscircle@^2.0.42": - version "2.0.42" - resolved "https://registry.yarnpkg.com/@spectrum-css/progresscircle/-/progresscircle-2.0.42.tgz#a9d7f95c6b46dfb01d45b9d992d64199077d5e13" - integrity sha512-g7J92qdOj7beJ5JAPE/kxX+xh0s7qa4rBYV5hhr+j+FZwbVxuev7Ya9QiLUsenrfPkRzQKTraMNrtmAnGpaKKg== +"@spectrum-css/progresscircle@^2.0.48": + version "2.0.48" + resolved "https://registry.yarnpkg.com/@spectrum-css/progresscircle/-/progresscircle-2.0.48.tgz#50d3ff1b308fa563ab209173decf429ac1912c46" + integrity sha512-EFWx3sJ+XFC+om93OD/xeLTy8/Hw3hMIknrYiPO1K0eOv0l49n0txeTqqfVqSHyOk2JuM9pqo7btanMrDanO4w== -"@spectrum-css/quickaction@^3.0.57": - version "3.0.57" - resolved "https://registry.yarnpkg.com/@spectrum-css/quickaction/-/quickaction-3.0.57.tgz#68ddf4e1bf975a12fcc25408c7e44006d735a385" - integrity sha512-/8xQsTUwQlGVTPr/oexd/HnR9Zh0kwx+HB2wEQsH8boFRAGTejBYH9oBW4rem1Es5FyA/tFqmyGqikPz7Yu3KQ== +"@spectrum-css/quickaction@^3.0.64": + version "3.0.64" + resolved "https://registry.yarnpkg.com/@spectrum-css/quickaction/-/quickaction-3.0.64.tgz#a140b26f2031952be8d0af994f465eb24e172eda" + integrity sha512-6NQgObTcB/a6BZe4RH1lfL4480N/FzZzahzEvpuqnhg0cbzs9jjGLjjN95cyP1knS7pAl98LRRnFNMqYoPkRxQ== "@spectrum-css/radio@^5.0.1": version "5.0.1" resolved "https://registry.yarnpkg.com/@spectrum-css/radio/-/radio-5.0.1.tgz#4e2b896599ec9bad61cba389e59c6dcd4f002f10" integrity sha512-dJ1+YOaEmBiZl2dXSufn+M3akAWrLnuvVanHZTn//Xdq1vjmAK2IPtYAEuJpA6ckwLU5GXypQ4MjCFmxbhC9rQ== -"@spectrum-css/search@^6.0.0": - version "6.0.0" - resolved "https://registry.yarnpkg.com/@spectrum-css/search/-/search-6.0.0.tgz#b054015f0ae326816fc83da184c47fe3c2fa5168" - integrity sha512-4WzhvQn/3mvtsN0Ae0fIm1guhllqOlN6UNerg4O/EUk0MNEqIiKM+dSzrGAdMZmGHZdSoA6h7PJr7Ssy3g9ieA== +"@spectrum-css/search@^6.0.2": + version "6.0.2" + resolved "https://registry.yarnpkg.com/@spectrum-css/search/-/search-6.0.2.tgz#9bd32ec8b1308916001dc50285e769552c421401" + integrity sha512-QQeYOiO0U79PD4t8NA9EIiUdMgHh/3QSZOYRXcYmtLxNQD1mb9KIh8TFP1nmpsL5/5hcQdLcxQjK+jlBNjUDOA== -"@spectrum-css/sidenav@^3.0.44": - version "3.0.44" - resolved "https://registry.yarnpkg.com/@spectrum-css/sidenav/-/sidenav-3.0.44.tgz#cd5d665f4b81bfbece2eeafa2f802fca6a0c43ab" - integrity sha512-VDwmGt5iHXqanMfOgLf0vSW3y8yNtFfU1laG/jFRWdSC3ZZW0Ul02rxeM2YHrQjgV59oCcLd8SRz0qyyTUH1VA== +"@spectrum-css/sidenav@^3.0.49": + version "3.0.49" + resolved "https://registry.yarnpkg.com/@spectrum-css/sidenav/-/sidenav-3.0.49.tgz#b02551633b8d6b5e8b5940a24ec284ae65460399" + integrity sha512-jXSBXWNNDYXQGRezp6c9J/5dMXFDqbDl38ka6eepjZ1wWT9GzzqEt1RJaqEJBWrlC3Jyw/3k02P1gZxqfz8Rww== -"@spectrum-css/slider@^4.0.1": - version "4.0.6" - resolved "https://registry.yarnpkg.com/@spectrum-css/slider/-/slider-4.0.6.tgz#f06fb6261ff5b33314c3f68a403657b384a3183d" - integrity sha512-HincOW910l6HPcoa0YGsQr5sFdUEeja/gViRqNLpiTInyN5Q2ffz7igUM+IDjDDNJymAFYfXVYoRUSREMGqxkQ== - -"@spectrum-css/splitbutton@^5.0.45": - version "5.0.45" - resolved "https://registry.yarnpkg.com/@spectrum-css/splitbutton/-/splitbutton-5.0.45.tgz#0e3ee6b96998ac2dfc2b671af8b4c8acec3f9475" - integrity sha512-G6plydSe+mtJSMbBrveKqYK2TtEXCGyd2CGj8pdJJAaO3vluf2dq32A3Ss6M5sLlpSH1Ns05avJYk/OaoFqXyA== - -"@spectrum-css/splitview@^3.0.40": - version "3.0.40" - resolved "https://registry.yarnpkg.com/@spectrum-css/splitview/-/splitview-3.0.40.tgz#c5ab4ca09eecde156b8088b6d25fdc589bcf02bb" - integrity sha512-GY9MYxvu8QdZwNgoh/M4WGlxJ1nPD/RruZDbOPpswWHU0tv/70wpPv6UsjnXxvop6WJEfEofe9TkqoSjoQA3CQ== - -"@spectrum-css/statuslight@^6.0.29": - version "6.0.29" - resolved "https://registry.yarnpkg.com/@spectrum-css/statuslight/-/statuslight-6.0.29.tgz#a1d9bfbc28e395f337b0accc339c32a0806d727a" - integrity sha512-+whLiFsyVDb5f6P8ocpSfnKcQdabkzEr/G7pZmkTkYgf95hPiYFfvWBTKnsgkvaWiBSDQEbAyYVYykF0qEp5YA== - -"@spectrum-css/stepper@^4.0.32": - version "4.0.33" - resolved "https://registry.yarnpkg.com/@spectrum-css/stepper/-/stepper-4.0.33.tgz#bda2f2d7924ebacdac2a40ae76238643ec51001a" - integrity sha512-XPEGfJyNvYEqT4YqxeHXfHxuoTlhioN/sAdfi/S114CUFy7I4o4sgrG08b+MeFixkgaO/OuhQKeTTyJCNYeWUQ== - -"@spectrum-css/swatch@^4.0.19": - version "4.0.23" - resolved "https://registry.yarnpkg.com/@spectrum-css/swatch/-/swatch-4.0.23.tgz#c3eb063eacd1ae28d8155bd7e51dcec543ea22f8" - integrity sha512-iohQKNi8peuQBeRJ4m4b8k8lijHsr4iJ6mgVeuUzetsZznDq+1vyGHFO28AQITqrjQiELFOBJtlQ+AQ/Pof6Gw== - -"@spectrum-css/swatchgroup@^2.0.43": - version "2.0.43" - resolved "https://registry.yarnpkg.com/@spectrum-css/swatchgroup/-/swatchgroup-2.0.43.tgz#6ec5254c20d392f55499613131c91869961c5560" - integrity sha512-I4+RJ7gSUwlzJZfI+RfYAcUrGQ2LKrx4hVEbxk9D8M0FmIuXmk8kekQFCovbfBfFMSHQ/rawP/YxfJZyCn+GqA== - -"@spectrum-css/switch@^3.0.36": - version "3.0.36" - resolved "https://registry.yarnpkg.com/@spectrum-css/switch/-/switch-3.0.36.tgz#d9832ffc323d03a13e36525781d4b83c26f68034" - integrity sha512-CnN6W0mg8/vMhD4pwz5xruIsskPwa6CJeXffpUnT78J/MymVv2rGrcq2QMZLcVpUF+8wnfF8UPsEF1SByILzQQ== - -"@spectrum-css/table@^4.0.50": +"@spectrum-css/slider@^4.0.10": + version "4.0.10" + resolved "https://registry.yarnpkg.com/@spectrum-css/slider/-/slider-4.0.10.tgz#5b784393af5bd8f24ec9f8350c647356313718a1" + integrity sha512-INjHdFMeVX0IZj4q3phJzjAbJReoIeG/dAXU0mWz83piP4P5lcX7grW1OdQJwb5rwfWC9CdZUNxNcN7DTiWMmw== + +"@spectrum-css/splitbutton@^5.0.51": + version "5.0.51" + resolved "https://registry.yarnpkg.com/@spectrum-css/splitbutton/-/splitbutton-5.0.51.tgz#1b72d985833a243baa21666654a0e1932f236ac0" + integrity sha512-tJ8VDKoEqG1e2o/T9oKDGQ6J6tdprVE8UFzX9Ym8WiUYuQ0c1+eUf64y+RrA5YDDQhcGVC7RxP5ImdvbI2aAFA== + +"@spectrum-css/splitview@^3.0.45": + version "3.0.45" + resolved "https://registry.yarnpkg.com/@spectrum-css/splitview/-/splitview-3.0.45.tgz#3973210caf120b93199a31576d8b3504b85545c6" + integrity sha512-M9zLQnWvOLGCUUI1jNrcCpGYmCYucQg7OWNaMVn5ArKeRQzHoFqy4EOb2xpY/Y9ZPdUiww8Wi8Rq7k8mTe2jnA== + +"@spectrum-css/statuslight@^6.0.35": + version "6.0.35" + resolved "https://registry.yarnpkg.com/@spectrum-css/statuslight/-/statuslight-6.0.35.tgz#b2db1a7511c149cf683bd556826a8b680fac5150" + integrity sha512-45x1K8UjY3QvbsWQugxDHO7JsyNn6Jw2ZbhYfc81qeTxY8Fvd18htvTuhk5JXoMIehdqa2u0ukIgBzYR9y4+Vg== + +"@spectrum-css/stepper@^4.0.38": + version "4.0.38" + resolved "https://registry.yarnpkg.com/@spectrum-css/stepper/-/stepper-4.0.38.tgz#7da4fed9d3402b9cf606a52d33b304833d03e52d" + integrity sha512-HAgMz5A0OANyCg9DBuNUbfmwMtg5SAUbGNvDDrCQnIep693J+wnepBlEc0KPc8aqA/TaqdgdKaGPw/kHK8EIlg== + +"@spectrum-css/swatch@^4.0.25": + version "4.0.25" + resolved "https://registry.yarnpkg.com/@spectrum-css/swatch/-/swatch-4.0.25.tgz#fc7ec357a0db0e43dc5066489d9933205ad23f33" + integrity sha512-nIiKTdwb3YoeJPOihKPPnTGOVqOhi1xpvAnvtFZSqLYhkyuI6KzzQn0LAsWjQXgddpQscFf+kj2vHn/OaR7aww== + +"@spectrum-css/swatchgroup@^2.0.49": + version "2.0.49" + resolved "https://registry.yarnpkg.com/@spectrum-css/swatchgroup/-/swatchgroup-2.0.49.tgz#f75da794f113ab825b28bf4886af7e87ed9e9f9b" + integrity sha512-3XNR7VRl5EJmdSM0T6lnDw+ydDlY1qoo0uvtAW9zAfoC4MaYq+qtRyGWyd94Db5dVjKgSVfM2tRTT4tlKwDRow== + +"@spectrum-css/switch@^3.1.3": + version "3.1.3" + resolved "https://registry.yarnpkg.com/@spectrum-css/switch/-/switch-3.1.3.tgz#2790194112bda857bf5f79c6f8801b6213bf3c20" + integrity sha512-64ORHtSVJywF32xyMvp/52VbFMKjvzVJ4M7Z9KHn/3l5oJE2Jw7rFZ6yZDLzHM9B1YfU7eIIwhKvw5rarwUngg== + +"@spectrum-css/table@^4.0.56": version "4.0.56" resolved "https://registry.yarnpkg.com/@spectrum-css/table/-/table-4.0.56.tgz#b74303a869e271df38844380aae782fe2128a8a9" integrity sha512-YRM8B3Hk0w6ZPG14lzJp3vIaemlThq8cjWVNEesosJC1mUIiUOwG5OMCrzKABc3b6g5g8w02N6QKpOrzUislPg== -"@spectrum-css/tabs@^3.2.52": - version "3.2.52" - resolved "https://registry.yarnpkg.com/@spectrum-css/tabs/-/tabs-3.2.52.tgz#195627e0f46ba78302758ac73c4933e5b2fc1619" - integrity sha512-zgXlDbyY0QdAcXJ+aAz93ateLuFfwm1uQ0i+EATplQTMCkWbybxVNzw3hIbDv37wq9EcGFkUffRRT37eqEXvEA== +"@spectrum-css/tabs@^3.2.60": + version "3.2.60" + resolved "https://registry.yarnpkg.com/@spectrum-css/tabs/-/tabs-3.2.60.tgz#befd6f4fa53a46552d37ad8713c4cb82472f902d" + integrity sha512-5uva6d3H7c6SqaQrLBI629q2ixWGAA0z4M2wCXAjVrvoQTxnVGQAtRvKZiBdglfDQ9IAP7Wht1KZpns9NxHNJw== -"@spectrum-css/tag@^5.0.31": - version "5.0.31" - resolved "https://registry.yarnpkg.com/@spectrum-css/tag/-/tag-5.0.31.tgz#2aecb2cb3a2b09461efe6b4a95eb63ee6bcca2b0" - integrity sha512-Ju/hIk778zVdD6BGHbNdxmVpnmcIA4Q21Mh/Xswqgnf+Zb2jz/N/Y9MpyKR+9ChYL0ZxdOZdPljufK2lxgH5nw== +"@spectrum-css/tag@^5.0.37": + version "5.0.37" + resolved "https://registry.yarnpkg.com/@spectrum-css/tag/-/tag-5.0.37.tgz#2b0962f71c2bcd4653df9a45cfa7925a4fe35522" + integrity sha512-T1OcC8hdb5jV9fDHvT9eCr+Q6+X0xQqzNP7N3nC7F5JHlU8+oXSQqNPGlP4/FaNxraRbEEDcctgICIvuxosH5w== -"@spectrum-css/taggroup@^3.3.44": - version "3.3.46" - resolved "https://registry.yarnpkg.com/@spectrum-css/taggroup/-/taggroup-3.3.46.tgz#cc5a1a592014ed918cceddd6a6536d7098209d4c" - integrity sha512-sebQ1ewdskpgl3p9OSfwrJahEKozk8BmFPhhLsfjMtlFsTuSyN9qk7RznbPHmRa4iUlmBj2NKy9i7nYeZnSSdg== +"@spectrum-css/taggroup@^3.3.50": + version "3.3.50" + resolved "https://registry.yarnpkg.com/@spectrum-css/taggroup/-/taggroup-3.3.50.tgz#ae9eba23c6071865c8c1bae2696414fba387d235" + integrity sha512-jht8j1PJOzOoj1cLWuhZy0qSu/xkLzbCFqlsoT4nTALIMWGyXfZO9SsodlGFNtt8CbJjG0IJgWeyyEkgfb+OYg== -"@spectrum-css/textfield@^6.0.0": - version "6.0.0" - resolved "https://registry.yarnpkg.com/@spectrum-css/textfield/-/textfield-6.0.0.tgz#9639cdc7588973115cc9e3c07adeed8e8e5743c5" - integrity sha512-UNugdAkICpYZKR63UxL+5aELjLfzULEr39Q804plODGQzkfk2Ot7UOMjNXPm6Rjvs242LNWdZP2Xe1SE72W5fw== +"@spectrum-css/textfield@^6.0.2": + version "6.0.2" + resolved "https://registry.yarnpkg.com/@spectrum-css/textfield/-/textfield-6.0.2.tgz#803597436538e9befb23d60701b71d91c3c741bb" + integrity sha512-XY5RSJeEtuhcnq/0ar8xUdIiQjX+sCZkh3SfZnBp0NPA0G45XdCMRa3yU/8m+iHMpWZwcRf25jAvPwm/YWvGOg== -"@spectrum-css/thumbnail@^3.0.5": - version "3.0.7" - resolved "https://registry.yarnpkg.com/@spectrum-css/thumbnail/-/thumbnail-3.0.7.tgz#041656116208ba0b8a2263e90a0573cb4b9bcb29" - integrity sha512-w4tGxDJTJaAy8BJrN55hUPoScOuvyGwxH0wKX9RpruSdCXHXRiQ8ft5tr/S8UuU4GbyBFc5JCIlLsqCahJLgSw== +"@spectrum-css/thumbnail@^3.0.12": + version "3.0.12" + resolved "https://registry.yarnpkg.com/@spectrum-css/thumbnail/-/thumbnail-3.0.12.tgz#bff108d64a389a297c759652167310d1b2f27ebe" + integrity sha512-xc8dsWJbTxiWW1+MOS0gK589e8gDUyjUk78n841kIKX3G0DCVjaEbOkg0uV4KEf187LxuI5AkB/sxBpB4IE2Fg== -"@spectrum-css/toast@^9.0.35": - version "9.0.35" - resolved "https://registry.yarnpkg.com/@spectrum-css/toast/-/toast-9.0.35.tgz#3777c0ce18f8affcbf0b642a8fff8a7b667acf92" - integrity sha512-/nMv9SkPAqCZ1K26dd9B/z/BLlC+63A2HeGvBeiVxflmvawX+2VjJLLnSyrIarfvB67Ur2OU+qQE6n+JyoNH1w== +"@spectrum-css/toast@^9.0.37": + version "9.0.37" + resolved "https://registry.yarnpkg.com/@spectrum-css/toast/-/toast-9.0.37.tgz#9dbf3e945f176b78f244413b99b7e854ebeb2cb9" + integrity sha512-ZoQT5S51IFQTQMmBFRq1ubPVuuvI1HDomw4dXYPqOBAAYK2Fc8Gh1/TXnbIBNh3P6dNXrR87zOz4b10mDdQ1gQ== -"@spectrum-css/tokens@^10.0.0": - version "10.0.0" - resolved "https://registry.yarnpkg.com/@spectrum-css/tokens/-/tokens-10.0.0.tgz#d3082703c748f0f5c92d20dbf8fb4412b204fbd3" - integrity sha512-8nAZyKUtMD+WKrw2UEtCpZMlDil6pnm/IkQ8zs+zmbEfPaiO4ULM9DvLIhfhv/pytwkbFt1j5hzvmIKVobyWOg== +"@spectrum-css/tokens@^10.2.0": + version "10.2.0" + resolved "https://registry.yarnpkg.com/@spectrum-css/tokens/-/tokens-10.2.0.tgz#ffec7d07076b4b4ffd4cca5a5f9c3e2ffca02c5c" + integrity sha512-u/UjiLooksIeMyCK2aTowZ8ITGayIHGEc06yVIGDwMzmI+WtFlzazMJx5gF99eZEfwsmnFpwVsb/UMFjcrun2Q== "@spectrum-css/tooltip@^4.0.10": version "4.0.10" resolved "https://registry.yarnpkg.com/@spectrum-css/tooltip/-/tooltip-4.0.10.tgz#5bc64d2a1285a0f0771742a5c58e1f3c3601c0dd" integrity sha512-E1lo7TOzpUq/YLg8F8PyTPOaCVvR/CiHKdd5v34UG4dXFGRjJiliZZ9pZUzdmvjkYnAlF9GrYX3p6WEEIdDIZg== -"@spectrum-css/tray@^2.0.43": - version "2.0.43" - resolved "https://registry.yarnpkg.com/@spectrum-css/tray/-/tray-2.0.43.tgz#4f033936e27788869d05663c1d535a8c37dfe018" - integrity sha512-rFLQP/YD+2+prFv7z7OymOtUHiGuY81C8cULx6CyxzYlcwijYlu0hwsI2lyg1osoMQx7cFgEAQTTqlHBJdX3+Q== - -"@spectrum-css/typography@^5.0.17": - version "5.0.17" - resolved "https://registry.yarnpkg.com/@spectrum-css/typography/-/typography-5.0.17.tgz#cab486bf25cfb0e39bee3e2b9548790ad9d696f9" - integrity sha512-YZncJeDPW8tqQrP6EjMDqDzQZ9yohCQ2dovKzOVr2cF6wJl3TZcsmqP1q3tLnRlVZCv2zjiVd+n4ZJJUUZj0Og== - -"@spectrum-css/underlay@^2.0.48": - version "2.0.48" - resolved "https://registry.yarnpkg.com/@spectrum-css/underlay/-/underlay-2.0.48.tgz#28cb8f21eec3ee3faaeaec7f7bde0dfe1cc95d42" - integrity sha512-HSl8tgYrBKtDviyiYGku+1aLThjQ8JhWPOf8SA/RCAx/SEx1F/Zb2TkdTtQBV0MwnjGfpT3qSN2T+/iAvm33Vg== - -"@spectrum-css/vars@^9.0.5": - version "9.0.5" - resolved "https://registry.yarnpkg.com/@spectrum-css/vars/-/vars-9.0.5.tgz#7cb7dc0322076df50d7f38065be81cf3bd886bab" - integrity sha512-Fnmga4dViQCOFEPkFnDJFrqxehvRDWdQOshfva8rudh7ifVUCiQM+LvCcoqOVSZJQ/rgXtvk9LQBO+YUGHLD8w== +"@spectrum-css/tray@^2.0.51": + version "2.0.51" + resolved "https://registry.yarnpkg.com/@spectrum-css/tray/-/tray-2.0.51.tgz#5b7729d8d35c170df25e2c76191f300477dfdeac" + integrity sha512-FZd7rYdPPjKyJfcAQdmBhiGwDfiKyCP4YqkFWMIYbS0by6xYDfP+XvmLQZ8eCsPm7ontuoX9QZ9OxOiuOidcZg== + +"@spectrum-css/typography@^5.0.23": + version "5.0.23" + resolved "https://registry.yarnpkg.com/@spectrum-css/typography/-/typography-5.0.23.tgz#87120bdc689764ad4dfb8f2a292cb3261a2baae3" + integrity sha512-/VHSc453oEziHSft1UBz09eUMwGMJYahmOV6f+noGnBLasyrEkxZKqYNx5FkyJ/eegc2eh7hP1EaKNCREGwGbw== + +"@spectrum-css/underlay@^2.0.52": + version "2.0.52" + resolved "https://registry.yarnpkg.com/@spectrum-css/underlay/-/underlay-2.0.52.tgz#675719be72c41f4b67f3eed3866547d178ca1d75" + integrity sha512-htt7pKbSQ/hPiil+b/R7bfPLneRa8PhTFyTGKvK2GzhWFxL+MxT/7BOM2MTW5/k9kk2KdAVybqvuHWLtMSp6/Q== + +"@spectrum-css/vars@^9.0.8": + version "9.0.8" + resolved "https://registry.yarnpkg.com/@spectrum-css/vars/-/vars-9.0.8.tgz#6af3bcdace903b8461f5fcd4c9aa23e70128a456" + integrity sha512-rGfd7jqXOdR69bEjrRP58ynuIeJU0czPfwQvzhtCzg7jKVukV+efNHqrs086sC6xutB3W4TF71K/dZMr3oyTyg== "@spectrum-web-components/eslint-plugin@file:./linters/eslint": version "1.1.1" From 148159f8e9fe73573b4abb025b1321264be8ea3d Mon Sep 17 00:00:00 2001 From: Westbrook Johnson Date: Wed, 21 Jun 2023 09:08:12 -0400 Subject: [PATCH 10/83] ci: update golden images cache --- .circleci/config.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.circleci/config.yml b/.circleci/config.yml index cd4f66d3eb0..f2ab6aef18e 100644 --- a/.circleci/config.yml +++ b/.circleci/config.yml @@ -10,7 +10,7 @@ executors: parameters: current_golden_images_hash: type: string - default: 272df076898ee35337c14698a17497e9ecc1644b + default: fe731a47da0bae2ecaa43143f5dcd4fd176199ad wireit_cache_name: type: string default: wireit From 5a4ad98afa69669a8a4fb2a88d82a837c0c40c55 Mon Sep 17 00:00:00 2001 From: Rajdeep Chandra Date: Tue, 20 Jun 2023 12:09:28 +0530 Subject: [PATCH 11/83] fix: added role for href button --- packages/button/src/ButtonBase.ts | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/packages/button/src/ButtonBase.ts b/packages/button/src/ButtonBase.ts index e5584cb6df9..4c118429098 100644 --- a/packages/button/src/ButtonBase.ts +++ b/packages/button/src/ButtonBase.ts @@ -190,7 +190,10 @@ export class ButtonBase extends ObserveSlotText(LikeAnchor(Focusable), '', [ private manageAnchor(): void { if (this.href && this.href.length > 0) { - if (this.getAttribute('role') === 'button') { + if ( + !this.hasAttribute('role') || + this.getAttribute('role') === 'button' + ) { this.setAttribute('role', 'link'); } this.removeEventListener('click', this.shouldProxyClick); From a20fb41dc6b6b00fcf2d6b74e100804383c05b8a Mon Sep 17 00:00:00 2001 From: Rajdeep Chandra Date: Wed, 21 Jun 2023 15:37:31 +0530 Subject: [PATCH 12/83] chore: documentation of href button --- packages/button/README.md | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/packages/button/README.md b/packages/button/README.md index 6a143bfb221..8f21e60742f 100644 --- a/packages/button/README.md +++ b/packages/button/README.md @@ -306,6 +306,17 @@ Events handlers for clicks and other user actions can be registered on a Click me ``` +In addition to handling events like a native ` -
diff --git a/packages/accordion/src/accordion-item.css b/packages/accordion/src/accordion-item.css index 06f81ff0146..5a875e88444 100644 --- a/packages/accordion/src/accordion-item.css +++ b/packages/accordion/src/accordion-item.css @@ -13,7 +13,7 @@ governing permissions and limitations under the License. @import './spectrum-accordion-item.css'; :host { - --spectrum-accordion-item-header-height: 46px; + display: block; } #heading { @@ -22,24 +22,9 @@ governing permissions and limitations under the License. position: relative; } -#header { - /* .spectrum-Accordion-itemHeader */ - min-height: calc( - 100% - - var( - --spectrum-accordion-item-border-size, - var(--spectrum-alias-border-size-thin) - ) - ); -} - -:host([open]) > #header:after { - /* .spectrum-Accordion-item.is-open>.spectrum-Accordion-itemHeader:after */ - height: calc( - 100% - - var( - --spectrum-accordion-item-border-size, - var(--spectrum-alias-border-size-thin) - ) +:host([disabled]) #heading .indicator { + color: var( + --mod-accordion-item-header-disabled-color, + var(--spectrum-accordion-item-header-disabled-color) ); } diff --git a/packages/accordion/src/spectrum-accordion-item.css b/packages/accordion/src/spectrum-accordion-item.css index a376507f94c..aaee82b541e 100644 --- a/packages/accordion/src/spectrum-accordion-item.css +++ b/packages/accordion/src/spectrum-accordion-item.css @@ -11,280 +11,301 @@ governing permissions and limitations under the License. */ /* THIS FILE IS MACHINE GENERATED. DO NOT EDIT */ -:host([dir='ltr']) .indicator { - left: var( - --spectrum-accordion-item-padding-x, - var(--spectrum-global-dimension-size-225) - ); -} -:host([dir='rtl']) .indicator { - right: var( - --spectrum-accordion-item-padding-x, - var(--spectrum-global-dimension-size-225) +:host { + border-block-end: 1px solid #0000; + border-color: var( + --mod-accordion-divider-color, + var(--spectrum-accordion-divider-color) ); - transform: matrix(-1, 0, 0, 1, 0, 0); -} -.indicator { - display: block; - position: absolute; - top: calc( - 50% - - var( - --spectrum-accordion-icon-height, - var(--spectrum-global-dimension-size-125) - ) / 2 + border-width: var( + --mod-accordion-divider-thickness, + var(--spectrum-divider-thickness-small) ); - transition: transform ease var(--spectrum-accordion-animation-duration); -} -:host { - border-bottom: var( - --spectrum-accordion-item-border-size, - var(--spectrum-alias-border-size-thin) - ) - solid transparent; - display: list-item; margin: 0; + min-block-size: var( + --mod-accordion-item-height, + var(--spectrum-accordion-item-height) + ); + min-inline-size: var( + --mod-accordion-item-width, + var(--spectrum-accordion-item-width) + ); position: relative; z-index: inherit; } -:host(:first-of-type) { - border-top: var( - --spectrum-accordion-item-border-size, - var(--spectrum-alias-border-size-thin) - ) - solid transparent; +:host(:first-child) { + border-block-start: 1px solid #0000; + border-color: var( + --mod-accordion-divider-color, + var(--spectrum-accordion-divider-color) + ); + border-width: var( + --mod-accordion-divider-thickness, + var(--spectrum-divider-thickness-small) + ); } #heading { box-sizing: border-box; margin: 0; position: relative; } -:host([dir='ltr']) #header { - padding-left: calc( - var( - --spectrum-accordion-item-padding-x, - var(--spectrum-global-dimension-size-225) - ) + - var( - --spectrum-accordion-icon-height, - var(--spectrum-global-dimension-size-125) - ) + - var( - --spectrum-accordion-icon-gap, - var(--spectrum-global-dimension-size-100) - ) + - var( - --spectrum-accordion-item-border-left-size, - var(--spectrum-alias-border-size-thick) - ) +.iconContainer { + align-items: center; + block-size: var( + --mod-accordion-disclosure-indicator-height, + var(--spectrum-accordion-disclosure-indicator-height) ); -} -:host([dir='rtl']) #header { - padding-right: calc( - var( - --spectrum-accordion-item-padding-x, - var(--spectrum-global-dimension-size-225) - ) + - var( - --spectrum-accordion-icon-height, - var(--spectrum-global-dimension-size-125) - ) + - var( - --spectrum-accordion-icon-gap, - var(--spectrum-global-dimension-size-100) - ) + - var( - --spectrum-accordion-item-border-left-size, - var(--spectrum-alias-border-size-thick) - ) + color: var( + --mod-accordion-item-header-color-default, + var(--spectrum-accordion-item-header-color-default) ); -} -:host([dir='ltr']) #header { - padding-right: var( - --spectrum-accordion-item-padding-x, - var(--spectrum-global-dimension-size-225) + display: flex; + inline-size: var( + --mod-accordion-disclosure-indicator-height, + var(--spectrum-accordion-disclosure-indicator-height) ); -} -:host([dir='rtl']) #header { - padding-left: var( - --spectrum-accordion-item-padding-x, - var(--spectrum-global-dimension-size-225) + inset-block-start: max( + 0px, + calc( + ( + var( + --mod-accordion-min-block-size, + var(--spectrum-accordion-min-block-size) + ) - + var( + --mod-accordion-disclosure-indicator-height, + var( + --spectrum-accordion-disclosure-indicator-height + ) + ) + ) / 2 + ) + ); + justify-content: center; + padding-inline-start: var( + --mod-accordion-edge-to-disclosure-indicator-space, + var(--spectrum-accordion-edge-to-disclosure-indicator-space) ); + position: absolute; } -:host([dir='ltr']) #header { - text-align: left; +:host([dir='rtl']) .iconContainer { + transform: scaleX(-1); } -:host([dir='rtl']) #header { - text-align: right; +#content { + color: var( + --mod-accordion-item-content-color, + var(--spectrum-accordion-item-content-color) + ); + display: none; + font-family: var( + --mod-accordion-item-content-font, + var(--spectrum-accordion-item-content-font) + ); + font-size: var( + --mod-accordion-item-content-font-size, + var(--spectrum-accordion-item-content-font-size) + ); + font-style: var( + --mod-accordion-item-content-font-style, + var(--spectrum-accordion-item-content-font-style) + ); + font-weight: var( + --mod-accordion-item-content-font-weight, + var(--spectrum-accordion-item-content-font-weight) + ); + line-height: var( + --mod-accordion-item-content-line-height, + var(--spectrum-accordion-item-content-line-height) + ); + padding-block: var( + --mod-accordion-item-content-area-top-to-content, + var(--spectrum-accordion-item-content-area-top-to-content) + ) + var( + --mod-accordion-item-content-area-bottom-to-content, + var(--spectrum-accordion-item-content-area-bottom-to-content) + ); + padding-inline: var( + --mod-accordion-component-edge-to-text, + var(--spectrum-accordion-component-edge-to-text) + ) + var( + --mod-accordion-component-edge-to-text, + var(--spectrum-accordion-component-edge-to-text) + ); } #header { align-items: center; appearance: none; - background-color: inherit; + background-color: var( + --mod-accordion-background-color-default, + var(--spectrum-accordion-background-color-default) + ); border: 0; box-sizing: border-box; + color: var( + --mod-accordion-item-header-color-default, + var(--spectrum-accordion-item-header-color-default) + ); cursor: pointer; display: flex; - font-family: inherit; + font-family: var( + --mod-accordion-item-header-font, + var(--spectrum-accordion-item-header-font) + ); font-size: var( - --spectrum-accordion-item-title-text-size, - var(--spectrum-global-dimension-font-size-50) + --mod-accordion-item-header-font-size, + var(--spectrum-accordion-item-header-font-size) ); - font-weight: 500; - justify-content: flex-start; - letter-spacing: calc( - var( - --spectrum-accordion-item-title-tracking, - var(--spectrum-global-font-letter-spacing-medium) - ) / 100 + font-style: var( + --mod-accordion-item-header-font-style, + var(--spectrum-accordion-item-header-font-style) ); + font-weight: var( + --mod-accordion-item-header-font-weight, + var(--spectrum-accordion-item-header-font-weight) + ); + inline-size: 100%; + justify-content: flex-start; line-height: var( - --spectrum-accordion-text-line-height, - var(--spectrum-alias-component-text-line-height) + --mod-accordion-item-header-line-height, + var(--spectrum-accordion-item-header-line-height) ); - margin: 0; - min-height: calc( - 100% - + min-block-size: var( + --mod-accordion-min-block-size, + var(--spectrum-accordion-min-block-size) + ); + padding-block: var( + --mod-accordion-item-header-top-to-text-space, + var(--spectrum-accordion-item-header-top-to-text-space) + ) + var( + --mod-accordion-item-header-bottom-to-text-space, + var(--spectrum-accordion-item-header-bottom-to-text-space) + ); + padding-inline-end: var( + --mod-accordion-edge-to-text-space, + var(--spectrum-accordion-edge-to-text-space) + ); + padding-inline-start: calc( + var( + --mod-accordion-disclosure-indicator-to-text-space, + var(--spectrum-accordion-disclosure-indicator-to-text-space) + ) + var( - --spectrum-accordion-item-border-size, - var(--spectrum-alias-border-size-thin) + --mod-accordion-disclosure-indicator-height, + var(--spectrum-accordion-disclosure-indicator-height) ) ); - padding-bottom: var(--spectrum-accordion-item-title-padding-y); - padding-top: var(--spectrum-accordion-item-title-padding-y); position: relative; + text-align: start; text-overflow: ellipsis; - text-transform: uppercase; - width: 100%; } #header:focus { outline: none; } -:host([dir='ltr']) #header:focus:after { - left: 0; -} -:host([dir='rtl']) #header:focus:after { - right: 0; -} #header:focus:after { - bottom: calc( - var( - --spectrum-accordion-item-border-size, - var(--spectrum-alias-border-size-thin) - ) * -1 - ); content: ''; + inset-inline-start: 0; position: absolute; - top: calc( - var( - --spectrum-accordion-item-border-size, - var(--spectrum-alias-border-size-thin) - ) * -1 - ); - width: var( - --spectrum-accordion-item-border-left-size, - var(--spectrum-alias-border-size-thick) - ); } -#content { - display: none; - padding-bottom: var( - --spectrum-accordion-item-content-padding, - var(--spectrum-global-dimension-size-200) - ); - padding-left: var( - --spectrum-accordion-item-content-padding, - var(--spectrum-global-dimension-size-200) +#header:hover { + background-color: var( + --mod-accordion-background-color-hover, + var(--spectrum-accordion-background-color-hover) ); - padding-right: var( - --spectrum-accordion-item-content-padding, - var(--spectrum-global-dimension-size-200) + color: var( + --mod-accordion-item-header-color-hover, + var(--spectrum-accordion-item-header-color-hover) ); - padding-top: 0; -} -:host([dir='ltr'][open]) > #heading > .indicator { - transform: rotate(90deg); -} -:host([dir='rtl'][open]) > #heading > .indicator { - transform: matrix(-1, 0, 0, 1, 0, 0) rotate(90deg); -} -:host([dir='ltr'][open]) > .indicator { - transform: rotate(90deg); } -:host([dir='rtl'][open]) > .indicator { - transform: matrix(-1, 0, 0, 1, 0, 0) rotate(90deg); -} -:host([open]) > #header:after { - height: calc( - 100% - - var( - --spectrum-accordion-item-border-size, - var(--spectrum-alias-border-size-thin) - ) +#header:hover + .iconContainer { + color: var( + --mod-accordion-item-header-color-hover, + var(--spectrum-accordion-item-header-color-hover) ); } -:host([open]) > #content { - display: block; -} -:host([disabled]) #header { - cursor: default; -} -:host { - border-color: var( - --spectrum-accordion-border-color, - var(--spectrum-global-color-gray-300) +#header.focus-visible { + background-color: var( + --mod-accordion-background-color-key-focus, + var(--spectrum-accordion-background-color-key-focus) ); -} -.indicator { - color: var( - --spectrum-accordion-icon-color, - var(--spectrum-global-color-gray-600) + border-radius: var( + --mod-accordion-corner-radius, + var(--spectrum-accordion-corner-radius) ); -} -#header { color: var( - --spectrum-accordion-text-color, - var(--spectrum-global-color-gray-700) + --mod-accordion-item-header-color-key-focus, + var(--spectrum-accordion-item-header-color-key-focus) + ); + outline: var( + --mod-accordion-focus-indicator-thickness, + var(--spectrum-accordion-focus-indicator-thickness) + ) + solid + var( + --mod-accordion-focus-indicator-color, + var(--spectrum-accordion-focus-indicator-color) + ); + outline-offset: calc( + var( + --mod-accordion-focus-indicator-gap, + var(--spectrum-accordion-focus-indicator-gap) + ) * -1 ); } -#header:hover { +#header:focus-visible { background-color: var( - --spectrum-accordion-item-background-color-hover, - var(--spectrum-global-color-gray-200) + --mod-accordion-background-color-key-focus, + var(--spectrum-accordion-background-color-key-focus) ); - color: var( - --spectrum-accordion-text-color-hover, - var(--spectrum-global-color-gray-900) + border-radius: var( + --mod-accordion-corner-radius, + var(--spectrum-accordion-corner-radius) ); -} -#header:hover + .indicator { color: var( - --spectrum-accordion-icon-color-hover, - var(--spectrum-alias-icon-color-hover) + --mod-accordion-item-header-color-key-focus, + var(--spectrum-accordion-item-header-color-key-focus) ); -} -#header.focus-visible:after { - background-color: var( - --spectrum-accordion-item-border-left-color-key-focus, - var(--spectrum-alias-border-color-key-focus) + outline: var( + --mod-accordion-focus-indicator-thickness, + var(--spectrum-accordion-focus-indicator-thickness) + ) + solid + var( + --mod-accordion-focus-indicator-color, + var(--spectrum-accordion-focus-indicator-color) + ); + outline-offset: calc( + var( + --mod-accordion-focus-indicator-gap, + var(--spectrum-accordion-focus-indicator-gap) + ) * -1 ); } -#header:focus-visible:after { +#header:active { background-color: var( - --spectrum-accordion-item-border-left-color-key-focus, - var(--spectrum-alias-border-color-key-focus) + --mod-accordion-background-color-down, + var(--spectrum-accordion-background-color-down) + ); + color: var( + --mod-accordion-item-header-color-down, + var(--spectrum-accordion-item-header-color-down) ); } :host([open]) #header:hover { - background-color: #0000; + background-color: var( + --mod-accordion-background-color-hover, + var(--spectrum-accordion-background-color-hover) + ); } :host([disabled]) #header, :host([disabled]) #header.focus-visible, :host([disabled]) #header:hover { background-color: #0000; color: var( - --spectrum-accordion-text-color-disabled, - var(--spectrum-global-color-gray-500) + --mod-accordion-item-header-disabled-color, + var(--spectrum-accordion-item-header-disabled-color) ); } :host([disabled]) #header, @@ -292,21 +313,45 @@ governing permissions and limitations under the License. :host([disabled]) #header:hover { background-color: #0000; color: var( - --spectrum-accordion-text-color-disabled, - var(--spectrum-global-color-gray-500) + --mod-accordion-item-header-disabled-color, + var(--spectrum-accordion-item-header-disabled-color) ); } -:host([disabled]) #header + .indicator { +:host([disabled]) #header + .iconContainer { color: var( - --spectrum-accordion-icon-color-disabled, - var(--spectrum-alias-icon-color-disabled) + --mod-accordion-item-header-disabled-color, + var(--spectrum-accordion-item-header-disabled-color) + ); +} +:host([disabled]) #content { + color: var( + --mod-accordion-item-content-disabled-color, + var(--spectrum-accordion-item-content-disabled-color) ); } @media (forced-colors: active) { - #header.focus-visible { - outline: 3px solid CanvasText; - } - #header:focus-visible { - outline: 3px solid CanvasText; + #header:after { + content: ''; + forced-color-adjust: none; + inset-inline-start: 0; + position: absolute; } } +:host([dir='ltr'][open]) > #heading > .iconContainer > .indicator { + transform: rotate(90deg); +} +:host([dir='rtl'][open]) > #heading > .iconContainer > .indicator { + transform: matrix(-1, 0, 0, 1, 0, 0) rotate(90deg); +} +:host([dir='ltr'][open]) > .iconContainer > .indicator { + transform: rotate(90deg); +} +:host([dir='rtl'][open]) > .iconContainer > .indicator { + transform: matrix(-1, 0, 0, 1, 0, 0) rotate(90deg); +} +:host([open]) > #content { + display: block; +} +:host([disabled]) #header { + cursor: default; +} diff --git a/packages/accordion/src/spectrum-accordion.css b/packages/accordion/src/spectrum-accordion.css index 7ca76d244eb..8bf797de209 100644 --- a/packages/accordion/src/spectrum-accordion.css +++ b/packages/accordion/src/spectrum-accordion.css @@ -12,12 +12,262 @@ governing permissions and limitations under the License. /* THIS FILE IS MACHINE GENERATED. DO NOT EDIT */ :host { - --spectrum-accordion-item-title-padding-y: var( - --spectrum-global-dimension-size-150 + --spectrum-accordion-item-height: var(--spectrum-component-height-200); + --spectrum-accordion-item-width: var(--spectrum-accordion-minimum-width); + --spectrum-accordion-disclosure-indicator-height: var( + --spectrum-component-height-100 ); - --spectrum-accordion-animation-duration: var( - --spectrum-global-animation-duration-100, - 0.13s + --spectrum-accordion-disclosure-indicator-to-text-space: var( + --spectrum-accordion-disclosure-indicator-to-text + ); + --spectrum-accordion-edge-to-disclosure-indicator-space: var( + --spectrum-accordion-edge-to-disclosure-indicator + ); + --spectrum-accordion-edge-to-text-space: var( + --spectrum-accordion-edge-to-text + ); + --spectrum-accordion-item-header-top-to-text-space: var( + --spectrum-accordion-top-to-text-regular-medium + ); + --spectrum-accordion-item-header-bottom-to-text-space: var( + --spectrum-accordion-bottom-to-text-regular-medium + ); + --spectrum-accordion-focus-indicator-gap: var( + --spectrum-focus-indicator-gap + ); + --spectrum-accordion-focus-indicator-thickness: var( + --spectrum-focus-indicator-thickness + ); + --spectrum-accordion-corner-radius: var(--spectrum-corner-radius-100); + --spectrum-accordion-item-content-area-top-to-content: var( + --spectrum-accordion-content-area-top-to-content + ); + --spectrum-accordion-item-content-area-bottom-to-content: var( + --spectrum-accordion-content-area-bottom-to-content + ); + --spectrum-accordion-component-edge-to-text: var( + --spectrum-component-edge-to-text-75 + ); + --spectrum-accordion-item-header-font: var( + --spectrum-sans-font-family-stack + ); + --spectrum-accordion-item-header-font-weight: var( + --spectrum-bold-font-weight + ); + --spectrum-accordion-item-header-font-style: var( + --spectrum-default-font-style + ); + --spectrum-accordion-item-header-font-size: var(--spectrum-font-size-300); + --spectrum-accordion-item-header-line-height: 1.25; + --spectrum-accordion-item-content-font: var( + --spectrum-sans-font-family-stack + ); + --spectrum-accordion-item-content-font-weight: var( + --spectrum-body-sans-serif-font-weight + ); + --spectrum-accordion-item-content-font-style: var( + --spectrum-body-sans-serif-font-style + ); + --spectrum-accordion-item-content-font-size: var(--spectrum-body-size-s); + --spectrum-accordion-item-content-line-height: var( + --spectrum-line-height-100 + ); + --spectrum-accordion-background-color-default: rgba( + var(--spectrum-gray-900-rgb), + var(--spectrum-background-opacity-default) + ); + --spectrum-accordion-background-color-hover: rgba( + var(--spectrum-gray-900-rgb), + var(--spectrum-background-opacity-hover) + ); + --spectrum-accordion-background-color-down: rgba( + var(--spectrum-gray-900-rgb), + var(--spectrum-background-opacity-down) + ); + --spectrum-accordion-background-color-key-focus: rgba( + var(--spectrum-gray-900-rgb), + var(--spectrum-background-opacity-key-focus) + ); + --spectrum-accordion-item-header-color-default: var( + --spectrum-neutral-content-color-default + ); + --spectrum-accordion-item-header-color-hover: var( + --spectrum-neutral-content-color-hover + ); + --spectrum-accordion-item-header-color-down: var( + --spectrum-neutral-content-color-down + ); + --spectrum-accordion-item-header-color-key-focus: var( + --spectrum-neutral-content-color-key-focus + ); + --spectrum-accordion-item-header-disabled-color: var( + --spectrum-disabled-content-color + ); + --spectrum-accordion-item-content-disabled-color: var( + --spectrum-disabled-content-color + ); + --spectrum-accordion-item-content-color: var(--spectrum-body-color); + --spectrum-accordion-focus-indicator-color: var( + --spectrum-focus-indicator-color + ); + --spectrum-accordion-divider-color: var(--spectrum-gray-300); + --spectrum-accordion-min-block-size: max( + var(--mod-accordion-item-height, var(--spectrum-accordion-item-height)), + calc( + var( + --mod-accordion-item-header-top-to-text-space, + var(--spectrum-accordion-item-header-top-to-text-space) + ) + + var( + --mod-accordion-item-header-bottom-to-text-space, + var(--spectrum-accordion-item-header-bottom-to-text-space) + ) + + var( + --mod-accordion-item-header-font-size, + var(--spectrum-accordion-item-header-font-size) + ) * + var( + --mod-accordion-item-header-line-height, + var(--spectrum-accordion-item-header-line-height) + ) + ) + ); +} +:host:lang(ja), +:host:lang(ko), +:host:lang(zh) { + --spectrum-accordion-item-header-line-height: var( + --spectrum-cjk-line-height-100 + ); +} +:host:lang(ja), +:host:lang(ko), +:host:lang(zh) { + --spectrum-accordion-item-content-line-height: var( + --spectrum-cjk-line-height-100 + ); +} +:host([density='compact']) { + --spectrum-accordion-item-height: var(--spectrum-component-height-100); + --spectrum-accordion-item-header-top-to-text-space: var( + --spectrum-accordion-top-to-text-compact-medium + ); + --spectrum-accordion-item-header-bottom-to-text-space: var( + --spectrum-accordion-bottom-to-text-compact-medium + ); +} +:host([density='compact'][size='s']) { + --spectrum-accordion-item-height: var(--spectrum-component-height-75); + --spectrum-accordion-item-header-top-to-text-space: var( + --spectrum-accordion-top-to-text-compact-small + ); + --spectrum-accordion-item-header-bottom-to-text-space: var( + --spectrum-accordion-bottom-to-text-compact-small + ); +} +:host([density='compact'][size='l']) { + --spectrum-accordion-item-height: var(--spectrum-component-height-200); + --spectrum-accordion-item-header-top-to-text-space: var( + --spectrum-accordion-top-to-text-compact-large + ); + --spectrum-accordion-item-header-bottom-to-text-space: var( + --spectrum-accordion-bottom-to-text-compact-large + ); +} +:host([density='compact'][size='xl']) { + --spectrum-accordion-item-height: var(--spectrum-component-height-300); + --spectrum-accordion-item-header-top-to-text-space: var( + --spectrum-accordion-top-to-text-compact-extra-large + ); + --spectrum-accordion-item-header-bottom-to-text-space: var( + --spectrum-accordion-bottom-to-text-compact-extra-large + ); +} +:host([density='spacious']) { + --spectrum-accordion-item-header-line-height: 1.278; + --spectrum-accordion-item-header-top-to-text-space: var( + --spectrum-accordion-top-to-text-spacious-medium + ); + --spectrum-accordion-item-header-bottom-to-text-space: var( + --spectrum-accordion-bottom-to-text-spacious-medium + ); +} +:host([density='spacious'][size='s']) { + --spectrum-accordion-item-header-line-height: 1.25; + --spectrum-accordion-item-header-top-to-text-space: var( + --spectrum-accordion-small-top-to-text-spacious + ); + --spectrum-accordion-item-header-bottom-to-text-space: var( + --spectrum-accordion-bottom-to-text-spacious-small + ); +} +:host([density='spacious'][size='l']) { + --spectrum-accordion-item-header-line-height: 1.273; + --spectrum-accordion-item-header-top-to-text-space: var( + --spectrum-accordion-top-to-text-spacious-large + ); + --spectrum-accordion-item-header-bottom-to-text-space: var( + --spectrum-accordion-bottom-to-text-spacious-large + ); +} +:host([density='spacious'][size='xl']) { + --spectrum-accordion-item-header-line-height: 1.25; + --spectrum-accordion-item-header-top-to-text-space: var( + --spectrum-accordion-top-to-text-spacious-extra-large + ); + --spectrum-accordion-item-header-bottom-to-text-space: var( + --spectrum-accordion-bottom-to-text-spacious-extra-large + ); +} +:host([size='s']) { + --spectrum-accordion-item-height: var(--spectrum-component-height-100); + --spectrum-accordion-disclosure-indicator-height: var( + --spectrum-component-height-75 + ); + --spectrum-accordion-component-edge-to-text: var( + --spectrum-component-edge-to-text-50 + ); + --spectrum-accordion-item-header-font-size: var(--spectrum-font-size-200); + --spectrum-accordion-item-content-font-size: var(--spectrum-body-size-xs); + --spectrum-accordion-item-header-top-to-text-space: var( + --spectrum-accordion-top-to-text-regular-small + ); + --spectrum-accordion-item-header-bottom-to-text-space: var( + --spectrum-accordion-bottom-to-text-regular-small + ); +} +:host([size='l']) { + --spectrum-accordion-item-height: var(--spectrum-component-height-300); + --spectrum-accordion-disclosure-indicator-height: var( + --spectrum-component-height-200 + ); + --spectrum-accordion-component-edge-to-text: var( + --spectrum-component-edge-to-text-100 + ); + --spectrum-accordion-item-header-font-size: var(--spectrum-font-size-500); + --spectrum-accordion-item-content-font-size: var(--spectrum-body-size-m); + --spectrum-accordion-item-header-top-to-text-space: var( + --spectrum-accordion-top-to-text-regular-large + ); + --spectrum-accordion-item-header-bottom-to-text-space: var( + --spectrum-accordion-bottom-to-text-regular-large + ); +} +:host([size='xl']) { + --spectrum-accordion-item-height: var(--spectrum-component-height-400); + --spectrum-accordion-disclosure-indicator-height: var( + --spectrum-component-height-300 + ); + --spectrum-accordion-component-edge-to-text: var( + --spectrum-component-edge-to-text-200 + ); + --spectrum-accordion-item-header-font-size: var(--spectrum-font-size-700); + --spectrum-accordion-item-content-font-size: var(--spectrum-body-size-l); + --spectrum-accordion-item-header-top-to-text-space: var( + --spectrum-accordion-top-to-text-regular-extra-large + ); + --spectrum-accordion-item-header-bottom-to-text-space: var( + --spectrum-accordion-bottom-to-text-regular-extra-large ); } :host { diff --git a/packages/accordion/src/spectrum-config.js b/packages/accordion/src/spectrum-config.js index 8208ed99f54..fbf71615a7e 100644 --- a/packages/accordion/src/spectrum-config.js +++ b/packages/accordion/src/spectrum-config.js @@ -31,6 +31,7 @@ const config = { excludeByComponents: [ builder.class('spectrum-Accordion-item'), builder.class('spectrum-Accordion-itemIndicator'), + builder.class('spectrum-Accordion-itemIconContainer'), builder.class('spectrum-Accordion-itemHeading'), builder.class('spectrum-Accordion-itemHeader'), builder.class('spectrum-Accordion-itemContent'), @@ -39,6 +40,21 @@ const config = { converter.classToHost(), converter.classToAttribute('is-open', 'open'), converter.classToAttribute('is-disabled', 'disabled'), + ...converter.enumerateAttributes( + [ + ['spectrum-Accordion--compact', 'compact'], + ['spectrum-Accordion--spacious', 'spacious'], + ], + 'density' + ), + ...converter.enumerateAttributes( + [ + ['spectrum-Accordion--sizeS', 's'], + ['spectrum-Accordion--sizeL', 'l'], + ['spectrum-Accordion--sizeXL', 'xl'], + ], + 'size' + ), ], }, { @@ -46,10 +62,12 @@ const config = { outPackage: 'accordion', fileName: 'accordion-item', excludeByComponents: [ - { - type: 'class', - name: 'spectrum-Accordion', - }, + builder.class('spectrum-Accordion'), + builder.class('spectrum-Accordion--compact'), + builder.class('spectrum-Accordion--spacious'), + builder.class('spectrum-Accordion--sizeS'), + builder.class('spectrum-Accordion--sizeL'), + builder.class('spectrum-Accordion--sizeXL'), ], components: [ converterItem.classToHost(), @@ -64,6 +82,10 @@ const config = { 'spectrum-Accordion-itemContent', 'content' ), + converter.classToClass( + 'spectrum-Accordion-itemIconContainer', + 'iconContainer' + ), converter.classToClass( 'spectrum-Accordion-itemIndicator', 'indicator' @@ -73,6 +95,11 @@ const config = { replace: builder.pseudoClass('first-of-type'), hoist: true, }, + { + find: builder.pseudoClass('first-child'), + replace: builder.pseudoClass('first-child'), + hoist: true, + }, { find: [ builder.class('spectrum-Accordion-itemHeader'), @@ -101,20 +128,6 @@ const config = { }, ], }, - { - find: [ - builder.class('spectrum-Accordion-itemHeader'), - builder.class('focus-ring'), - ], - replace: [ - { - replace: builder.id('header'), - }, - { - replace: builder.pseudoClass('focus-visible'), - }, - ], - }, ], }, ], diff --git a/packages/accordion/stories/accordion-densities-compact.stories.ts b/packages/accordion/stories/accordion-densities-compact.stories.ts new file mode 100644 index 00000000000..d8a0aa0ea8a --- /dev/null +++ b/packages/accordion/stories/accordion-densities-compact.stories.ts @@ -0,0 +1,28 @@ +/* +Copyright 2023 Adobe. All rights reserved. +This file is licensed to you under the Apache License, Version 2.0 (the "License"); +you may not use this file except in compliance with the License. You may obtain a copy +of the License at http://www.apache.org/licenses/LICENSE-2.0 + +Unless required by applicable law or agreed to in writing, software distributed under +the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS +OF ANY KIND, either express or implied. See the License for the specific language +governing permissions and limitations under the License. +*/ + +import { TemplateResult } from '@spectrum-web-components/base'; +import { AccordionMarkup } from './'; + +export default { + title: 'Accordion/Densities/Compact', + component: 'sp-accordion', +}; + +export const s = (): TemplateResult => + AccordionMarkup({ density: 'compact', size: 's' }); +export const m = (): TemplateResult => + AccordionMarkup({ density: 'compact', size: 'm' }); +export const l = (): TemplateResult => + AccordionMarkup({ density: 'compact', size: 'l' }); +export const xl = (): TemplateResult => + AccordionMarkup({ density: 'compact', size: 'xl' }); diff --git a/packages/accordion/stories/accordion-densities-spacious.stories.ts b/packages/accordion/stories/accordion-densities-spacious.stories.ts new file mode 100644 index 00000000000..45435a86c2e --- /dev/null +++ b/packages/accordion/stories/accordion-densities-spacious.stories.ts @@ -0,0 +1,28 @@ +/* +Copyright 2023 Adobe. All rights reserved. +This file is licensed to you under the Apache License, Version 2.0 (the "License"); +you may not use this file except in compliance with the License. You may obtain a copy +of the License at http://www.apache.org/licenses/LICENSE-2.0 + +Unless required by applicable law or agreed to in writing, software distributed under +the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS +OF ANY KIND, either express or implied. See the License for the specific language +governing permissions and limitations under the License. +*/ + +import { TemplateResult } from '@spectrum-web-components/base'; +import { AccordionMarkup } from './'; + +export default { + title: 'Accordion/Densities/Spacious', + component: 'sp-accordion', +}; + +export const s = (): TemplateResult => + AccordionMarkup({ density: 'spacious', size: 's' }); +export const m = (): TemplateResult => + AccordionMarkup({ density: 'spacious', size: 'm' }); +export const l = (): TemplateResult => + AccordionMarkup({ density: 'spacious', size: 'l' }); +export const xl = (): TemplateResult => + AccordionMarkup({ density: 'spacious', size: 'xl' }); diff --git a/packages/accordion/stories/accordion-sizes.stories.ts b/packages/accordion/stories/accordion-sizes.stories.ts new file mode 100644 index 00000000000..16289d8c86f --- /dev/null +++ b/packages/accordion/stories/accordion-sizes.stories.ts @@ -0,0 +1,24 @@ +/* +Copyright 2023 Adobe. All rights reserved. +This file is licensed to you under the Apache License, Version 2.0 (the "License"); +you may not use this file except in compliance with the License. You may obtain a copy +of the License at http://www.apache.org/licenses/LICENSE-2.0 + +Unless required by applicable law or agreed to in writing, software distributed under +the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS +OF ANY KIND, either express or implied. See the License for the specific language +governing permissions and limitations under the License. +*/ + +import { TemplateResult } from '@spectrum-web-components/base'; +import { AccordionMarkup } from './'; + +export default { + title: 'Accordion/Sizes', + component: 'sp-accordion', +}; + +export const s = (): TemplateResult => AccordionMarkup({ size: 's' }); +export const m = (): TemplateResult => AccordionMarkup({ size: 'm' }); +export const l = (): TemplateResult => AccordionMarkup({ size: 'l' }); +export const xl = (): TemplateResult => AccordionMarkup({ size: 'xl' }); diff --git a/packages/accordion/stories/accordion.stories.ts b/packages/accordion/stories/accordion.stories.ts index ea86384fd79..e9e65fce099 100644 --- a/packages/accordion/stories/accordion.stories.ts +++ b/packages/accordion/stories/accordion.stories.ts @@ -10,7 +10,8 @@ OF ANY KIND, either express or implied. See the License for the specific languag governing permissions and limitations under the License. */ -import { html, TemplateResult } from '@spectrum-web-components/base'; +import { TemplateResult } from '@spectrum-web-components/base'; +import { AccordionMarkup } from './'; import '@spectrum-web-components/accordion/sp-accordion.js'; import '@spectrum-web-components/accordion/sp-accordion-item.js'; @@ -21,6 +22,8 @@ export default { component: 'sp-accordion', args: { open: false, + size: 'm', + density: undefined, }, argTypes: { open: { @@ -35,6 +38,30 @@ export default { type: 'boolean', }, }, + density: { + name: 'density', + type: { name: 'string', required: false }, + description: 'The density at which to display accordion items.', + table: { + defaultValue: { summary: undefined }, + }, + control: { + options: ['compact', 'spacious', undefined], + type: 'select', + }, + }, + size: { + name: 'size', + type: { name: 'string', required: false }, + description: 'The size at which to display accordion items.', + table: { + defaultValue: { summary: 'm' }, + }, + control: { + options: ['s', 'm', 'l', 'xl'], + type: 'select', + }, + }, }, }; @@ -42,46 +69,15 @@ type Properties = { allowMultiple?: boolean; disabled?: boolean; open?: boolean; + density?: 'compact' | 'spacious' | undefined; + size?: 's' | 'm' | 'l' | 'xl'; }; -const Template = ( - { allowMultiple, disabled, open }: Properties = { - allowMultiple: false, - disabled: false, - open: false, - } -): TemplateResult => { - return html` - - -
Item 1
- - - Item 2 - - -

- This is content that has a - - link back to Spectrum Web Components - - so that it is easy to test that "Space" and "Enter" - interactions on focusable content does NOT toggle the - Accordion Item. -

- - - `; -}; -export const Default = (args?: Properties): TemplateResult => Template(args); +export const Default = (args?: Properties): TemplateResult => + AccordionMarkup(args); -export const Open = (args?: Properties): TemplateResult => Template(args); +export const Open = (args?: Properties): TemplateResult => + AccordionMarkup(args); Open.args = { open: true, allowMultiple: false, @@ -89,12 +85,13 @@ Open.args = { }; export const AllowMultiple = (args?: Properties): TemplateResult => - Template(args); + AccordionMarkup(args); AllowMultiple.args = { allowMultiple: true, }; -export const Disabled = (args?: Properties): TemplateResult => Template(args); +export const Disabled = (args?: Properties): TemplateResult => + AccordionMarkup(args); Disabled.args = { disabled: true, }; diff --git a/packages/accordion/stories/index.ts b/packages/accordion/stories/index.ts new file mode 100644 index 00000000000..1a8b0091bb6 --- /dev/null +++ b/packages/accordion/stories/index.ts @@ -0,0 +1,54 @@ +/* +Copyright 2023 Adobe. All rights reserved. +This file is licensed to you under the Apache License, Version 2.0 (the "License"); +you may not use this file except in compliance with the License. You may obtain a copy +of the License at http://www.apache.org/licenses/LICENSE-2.0 + +Unless required by applicable law or agreed to in writing, software distributed under +the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS +OF ANY KIND, either express or implied. See the License for the specific language +governing permissions and limitations under the License. +*/ + +import { html, TemplateResult } from '@spectrum-web-components/base'; + +import '@spectrum-web-components/accordion/sp-accordion.js'; +import '@spectrum-web-components/accordion/sp-accordion-item.js'; +import '@spectrum-web-components/link/sp-link.js'; + +export const AccordionMarkup = ({ + allowMultiple = false, + disabled = false, + open = false, + size = 'm', + density = undefined as unknown, +} = {}): TemplateResult => { + return html` + + +
Item 1
+ + + Item 2 + + +

+ This is content that has a + + link back to Spectrum Web Components + + so that it is easy to test that "Space" and "Enter" + interactions on focusable content does NOT toggle the + Accordion Item. +

+ + + `; +}; diff --git a/scripts/spectrum-tokens.js b/scripts/spectrum-tokens.js index fc50dc10a23..1936e00fa06 100644 --- a/scripts/spectrum-tokens.js +++ b/scripts/spectrum-tokens.js @@ -31,6 +31,7 @@ const tokensRoot = path.join( /** @todo Could generate this from CSS packages that have @spectrum-css/tokens as a dependency */ const tokenPackages = [ + 'accordion', 'actionbutton', 'avatar', 'checkbox', diff --git a/tools/styles/tokens/spectrum/global-vars.css b/tools/styles/tokens/spectrum/global-vars.css index 06d574dd02e..dc3da8d6083 100644 --- a/tools/styles/tokens/spectrum/global-vars.css +++ b/tools/styles/tokens/spectrum/global-vars.css @@ -51,6 +51,7 @@ governing permissions and limitations under the License. --spectrum-bold-font-weight ); } + :host, :root { --system-spectrum-actionbutton-background-color-default: var( diff --git a/yarn.lock b/yarn.lock index af2f72f6c7f..dcf58b941d7 100644 --- a/yarn.lock +++ b/yarn.lock @@ -4408,10 +4408,10 @@ resolved "https://registry.yarnpkg.com/@sinonjs/text-encoding/-/text-encoding-0.7.1.tgz#8da5c6530915653f3a1f38fd5f101d8c3f8079c5" integrity sha512-+iTbntw2IZPb/anVDbypzfQa+ay64MW0Zo8aJ8gZPWMMK6/OubMVb6lUPMagqjOPnmtauXnFCACVl3O7ogjeqQ== -"@spectrum-css/accordion@^3.0.49": - version "3.0.49" - resolved "https://registry.yarnpkg.com/@spectrum-css/accordion/-/accordion-3.0.49.tgz#d417e0c878de53439985a86c843f89f63c4f5ee3" - integrity sha512-JYzfjRdLiZiBWfPTK5tNvu4+DKe78pF7lhoeHufZRGUA8eanWLUydRxrug1huZmG6uLfm9ah2nhI4geB7TvTHQ== +"@spectrum-css/accordion@^4.0.0": + version "4.0.0" + resolved "https://registry.yarnpkg.com/@spectrum-css/accordion/-/accordion-4.0.0.tgz#ab4ae7fe39b581767ab02308f92e9e82f5941589" + integrity sha512-NwB1bXLrQbMP41bGvA3KEQF7C78QNHixg/TCA2tbosE0jApA0jsioRy0RhcYBsRU6XE93E+44Ug8k8OBLxNz5A== "@spectrum-css/actionbar@^4.0.1": version "4.0.1" From 7711264850f54794fc2fcc343a81c5ff1f64c907 Mon Sep 17 00:00:00 2001 From: Rajdeep Chandra Date: Tue, 27 Jun 2023 23:26:15 +0530 Subject: [PATCH 26/83] fix(swatch): mixed-value state must be conveyed to screen readers using ARIA (#3330) * fix: mixed value state of swatch support aria * chore: added test to support mixed-value for aria * chore: updated readme * fix: removed aria checked from readme * fix: aria-label fix for swatch in screen reader * fix: aria-label fix for swatch in screen reader * chore: added tests * chore: updated readme and removed comments * fix: tests --------- Co-authored-by: Rajdeep Chandra Co-authored-by: Najika Halsema Yoo <44980010+najikahalsema@users.noreply.github.com> --- packages/swatch/README.md | 2 ++ packages/swatch/src/Swatch.ts | 9 ++++++++- packages/swatch/test/swatch.test.ts | 5 +++++ 3 files changed, 15 insertions(+), 1 deletion(-) diff --git a/packages/swatch/README.md b/packages/swatch/README.md index c3b82a9d85e..955719d7ac5 100644 --- a/packages/swatch/README.md +++ b/packages/swatch/README.md @@ -208,6 +208,8 @@ The `mixed-value` attribute and `mixedValue` property outline when an ` ``` +Please note that the `aria-checked="mixed"` value only applies when the swatch is in a group with `selects="multiple"` + ### Nothing The `nothing` attribute/property outlines that the `` represents no color or that it represents "transparent". diff --git a/packages/swatch/src/Swatch.ts b/packages/swatch/src/Swatch.ts index ba8baf98991..49110716686 100644 --- a/packages/swatch/src/Swatch.ts +++ b/packages/swatch/src/Swatch.ts @@ -223,12 +223,19 @@ export class Swatch extends SizedMixin(Focusable, { ); } if (changes.has('label')) { - if (this.label) { + if (this.label !== this.color && this.label?.length) { this.setAttribute('aria-label', this.label); + } else if (this.color !== '') { + this.setAttribute('aria-label', this.color); } else { this.removeAttribute('aria-label'); } } + if (changes.has('mixedValue')) { + if (this.mixedValue) { + this.setAttribute('aria-checked', 'mixed'); + } + } } protected override firstUpdated(changes: PropertyValues): void { diff --git a/packages/swatch/test/swatch.test.ts b/packages/swatch/test/swatch.test.ts index 88239cc1c61..0b325d9ccb6 100644 --- a/packages/swatch/test/swatch.test.ts +++ b/packages/swatch/test/swatch.test.ts @@ -40,6 +40,11 @@ describe('Swatch', () => { it(`loads default swatch accessibly`, async () => { await expect(el).to.be.accessible(); }); + it('loads [mixed-value] swatch accessibly', async () => { + el.mixedValue = true; + await expect(el).to.be.accessible(); + expect(el.getAttribute('aria-checked')).to.equal('mixed'); + }); it('loads [nothing] swatch accessibly', async () => { el.nothing = true; el.removeAttribute('color'); From 84e56a5b21abb25b3d2ab2aecd17d085be1ac1b9 Mon Sep 17 00:00:00 2001 From: Najika Halsema Yoo <44980010+najikahalsema@users.noreply.github.com> Date: Tue, 27 Jun 2023 11:51:44 -0700 Subject: [PATCH 27/83] chore(theme): include custom var css files in theme imports (#3363) * chore: include custom vars in theme imports * chore(theme): add imports for express custom vars * chore: custom-lightest-vars doesnt exist so changed filename * chore: update ci hash --------- Co-authored-by: Najika Yoo --- .circleci/config.yml | 2 +- tools/theme/src/express/theme-dark.css | 1 + tools/theme/src/express/theme-light.css | 1 + tools/theme/src/theme-dark.css | 1 + tools/theme/src/theme-darkest.css | 1 + tools/theme/src/theme-light.css | 1 + tools/theme/src/theme-lightest.css | 1 + 7 files changed, 7 insertions(+), 1 deletion(-) diff --git a/.circleci/config.yml b/.circleci/config.yml index 0d5b6e5cd50..49b26d9dd4f 100644 --- a/.circleci/config.yml +++ b/.circleci/config.yml @@ -10,7 +10,7 @@ executors: parameters: current_golden_images_hash: type: string - default: 8eda90e60eb073d6b78741e5b3457324ca155d59 + default: 31192df5022fe2dfc067ca7b4c8d72b0d2d98510 wireit_cache_name: type: string default: wireit diff --git a/tools/theme/src/express/theme-dark.css b/tools/theme/src/express/theme-dark.css index 2c9ab5fa871..6f719e4c468 100644 --- a/tools/theme/src/express/theme-dark.css +++ b/tools/theme/src/express/theme-dark.css @@ -12,3 +12,4 @@ governing permissions and limitations under the License. @import '@spectrum-web-components/styles/express/theme-dark.css'; @import '@spectrum-web-components/styles/tokens/dark-vars.css'; +@import '@spectrum-web-components/styles/tokens/express/custom-dark-vars.css'; diff --git a/tools/theme/src/express/theme-light.css b/tools/theme/src/express/theme-light.css index 55388fc87a6..c1ed90a559f 100644 --- a/tools/theme/src/express/theme-light.css +++ b/tools/theme/src/express/theme-light.css @@ -12,3 +12,4 @@ governing permissions and limitations under the License. @import '@spectrum-web-components/styles/express/theme-light.css'; @import '@spectrum-web-components/styles/tokens/light-vars.css'; +@import '@spectrum-web-components/styles/tokens/express/custom-light-vars.css'; diff --git a/tools/theme/src/theme-dark.css b/tools/theme/src/theme-dark.css index 98a9c3e74ba..44dbdd25285 100644 --- a/tools/theme/src/theme-dark.css +++ b/tools/theme/src/theme-dark.css @@ -12,3 +12,4 @@ governing permissions and limitations under the License. @import '@spectrum-web-components/styles/theme-dark.css'; @import '@spectrum-web-components/styles/tokens/dark-vars.css'; +@import '@spectrum-web-components/styles/tokens/spectrum/custom-dark-vars.css'; diff --git a/tools/theme/src/theme-darkest.css b/tools/theme/src/theme-darkest.css index d972b2ae108..7c8ccbd3881 100644 --- a/tools/theme/src/theme-darkest.css +++ b/tools/theme/src/theme-darkest.css @@ -12,3 +12,4 @@ governing permissions and limitations under the License. @import '@spectrum-web-components/styles/theme-darkest.css'; @import '@spectrum-web-components/styles/tokens/darkest-vars.css'; +@import '@spectrum-web-components/styles/tokens/spectrum/custom-darkest-vars.css'; diff --git a/tools/theme/src/theme-light.css b/tools/theme/src/theme-light.css index caebbadb738..1a66368621a 100644 --- a/tools/theme/src/theme-light.css +++ b/tools/theme/src/theme-light.css @@ -12,3 +12,4 @@ governing permissions and limitations under the License. @import '@spectrum-web-components/styles/theme-light.css'; @import '@spectrum-web-components/styles/tokens/light-vars.css'; +@import '@spectrum-web-components/styles/tokens/spectrum/custom-light-vars.css'; diff --git a/tools/theme/src/theme-lightest.css b/tools/theme/src/theme-lightest.css index 966e4d8ca19..49ef58e8542 100644 --- a/tools/theme/src/theme-lightest.css +++ b/tools/theme/src/theme-lightest.css @@ -12,3 +12,4 @@ governing permissions and limitations under the License. @import '@spectrum-web-components/styles/theme-lightest.css'; @import '@spectrum-web-components/styles/tokens/light-vars.css'; +@import '@spectrum-web-components/styles/tokens/spectrum/custom-light-vars.css'; From 44ecac695f808c41af673f8781d51f7fec1b958e Mon Sep 17 00:00:00 2001 From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com> Date: Tue, 27 Jun 2023 20:00:51 +0000 Subject: [PATCH 28/83] chore: bump postcss-custom-properties from 12.1.11 to 13.2.0 Bumps [postcss-custom-properties](https://github.com/csstools/postcss-plugins/tree/HEAD/plugins/postcss-custom-properties) from 12.1.11 to 13.2.0. - [Changelog](https://github.com/csstools/postcss-plugins/blob/main/plugins/postcss-custom-properties/CHANGELOG.md) - [Commits](https://github.com/csstools/postcss-plugins/commits/HEAD/plugins/postcss-custom-properties) --- updated-dependencies: - dependency-name: postcss-custom-properties dependency-type: direct:development update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] --- package.json | 2 +- yarn.lock | 7 ------- 2 files changed, 1 insertion(+), 8 deletions(-) diff --git a/package.json b/package.json index 560fe6ca4c3..2f9a55ffaa2 100644 --- a/package.json +++ b/package.json @@ -165,7 +165,7 @@ "patch-package": "^6.4.7", "playwright": "1.30.0", "postcss": "^8.4.14", - "postcss-custom-properties": "^12.1.11", + "postcss-custom-properties": "^13.2.0", "postcss-focus-visible": "^7.1.0", "postcss-import": "^15.1.0", "postcss-mixins": "^9.0.4", diff --git a/yarn.lock b/yarn.lock index dcf58b941d7..b0eef2f343f 100644 --- a/yarn.lock +++ b/yarn.lock @@ -18943,13 +18943,6 @@ postcss-custom-media@^9.1.4: "@csstools/css-tokenizer" "^2.1.1" "@csstools/media-query-list-parser" "^2.1.0" -postcss-custom-properties@^12.1.11: - version "12.1.11" - resolved "https://registry.yarnpkg.com/postcss-custom-properties/-/postcss-custom-properties-12.1.11.tgz#d14bb9b3989ac4d40aaa0e110b43be67ac7845cf" - integrity sha512-0IDJYhgU8xDv1KY6+VgUwuQkVtmYzRwu+dMjnmdMafXYv86SWqfxkc7qdDvWS38vsjaEtv8e0vGOUQrAiMBLpQ== - dependencies: - postcss-value-parser "^4.2.0" - postcss-custom-properties@^13.2.0: version "13.2.0" resolved "https://registry.yarnpkg.com/postcss-custom-properties/-/postcss-custom-properties-13.2.0.tgz#5afac4f38bcfe4cedb834fd6daf65e302940cb81" From 4feb74473c9f05e9e472ef780e0dd500866f940f Mon Sep 17 00:00:00 2001 From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com> Date: Tue, 27 Jun 2023 19:58:45 +0000 Subject: [PATCH 29/83] chore: bump @11ty/eleventy from 2.0.0 to 2.0.1 Bumps [@11ty/eleventy](https://github.com/11ty/eleventy) from 2.0.0 to 2.0.1. - [Release notes](https://github.com/11ty/eleventy/releases) - [Changelog](https://github.com/11ty/eleventy/blob/master/docs/release-instructions.md) - [Commits](https://github.com/11ty/eleventy/compare/v2.0.0...v2.0.1) --- updated-dependencies: - dependency-name: "@11ty/eleventy" dependency-type: direct:development update-type: version-update:semver-patch ... Signed-off-by: dependabot[bot] --- yarn.lock | 119 ++++++++++++++++++++++++------------------------------ 1 file changed, 52 insertions(+), 67 deletions(-) diff --git a/yarn.lock b/yarn.lock index b0eef2f343f..72a534782dd 100644 --- a/yarn.lock +++ b/yarn.lock @@ -7,10 +7,10 @@ resolved "https://registry.yarnpkg.com/@11ty/dependency-tree/-/dependency-tree-2.0.1.tgz#b3c8fa6c91c4a29257e70dd19d26cca75cde89d2" integrity sha512-5R+DsT9LJ9tXiSQ4y+KLFppCkQyXhzAm1AIuBWE/sbU0hSXY5pkhoqQYEcPJQFg/nglL+wD55iv2j+7O96UAvg== -"@11ty/eleventy-dev-server@^1.0.3": - version "1.0.3" - resolved "https://registry.yarnpkg.com/@11ty/eleventy-dev-server/-/eleventy-dev-server-1.0.3.tgz#9f3cf0721b785e748e74e7e40be692495efa0303" - integrity sha512-SjYQewOO0Oo2jUI5h0Lk87pRJllDBzbdcHGZTYEf00gz966kidP1Hyd3ySaHqL4lFqW2I6jIxNVKPlhwYhp6yA== +"@11ty/eleventy-dev-server@^1.0.4": + version "1.0.4" + resolved "https://registry.yarnpkg.com/@11ty/eleventy-dev-server/-/eleventy-dev-server-1.0.4.tgz#87c2cf182ed22f90ac2793e1e1337a0d9e32b318" + integrity sha512-qVBmV2G1KF/0o5B/3fITlrrDHy4bONUI2YuN3/WJ3BNw4NU1d/we8XhKrlgq13nNvHoBx5czYp3LZt8qRG53Fg== dependencies: "@11ty/eleventy-utils" "^1.0.1" chokidar "^3.5.3" @@ -18,11 +18,11 @@ dev-ip "^1.0.1" finalhandler "^1.2.0" mime "^3.0.0" - minimist "^1.2.7" - morphdom "^2.6.1" + minimist "^1.2.8" + morphdom "^2.7.0" please-upgrade-node "^3.2.0" ssri "^8.0.1" - ws "^8.12.0" + ws "^8.13.0" "@11ty/eleventy-plugin-syntaxhighlight@^4.2.0": version "4.2.0" @@ -40,13 +40,14 @@ normalize-path "^3.0.0" "@11ty/eleventy@^2.0.0": - version "2.0.0" - resolved "https://registry.yarnpkg.com/@11ty/eleventy/-/eleventy-2.0.0.tgz#933ec7789cb343c5a48bf1a2877c6fdd6c60434e" - integrity sha512-heNLjt1FD2nx7fvidIgA4zrIvxuslgBK0w5/Ckr5iape1CoLzmDx1uIxPa66Atr1M6YzwG9hcOxoZUYV7PfLXw== + version "2.0.1" + resolved "https://registry.yarnpkg.com/@11ty/eleventy/-/eleventy-2.0.1.tgz#d96104c401a83b59f69a207c96aa53ad42131b15" + integrity sha512-t8XVUbCJByhVEa1RzO0zS2QzbL3wPY8ot1yUw9noqiSHxJWUwv6jiwm1/MZDPTYtkZH2ZHvdQIRQ5/SjG9XmLw== dependencies: "@11ty/dependency-tree" "^2.0.1" - "@11ty/eleventy-dev-server" "^1.0.3" + "@11ty/eleventy-dev-server" "^1.0.4" "@11ty/eleventy-utils" "^1.0.1" + "@11ty/lodash-custom" "^4.17.21" "@iarna/toml" "^2.2.5" "@sindresorhus/slugify" "^1.1.2" bcp-47-normalize "^1.1.1" @@ -54,23 +55,20 @@ cross-spawn "^7.0.3" debug "^4.3.4" dependency-graph "^0.11.0" - ejs "^3.1.8" + ejs "^3.1.9" fast-glob "^3.2.12" - graceful-fs "^4.2.10" + graceful-fs "^4.2.11" gray-matter "^4.0.3" hamljs "^0.6.2" handlebars "^4.7.7" is-glob "^4.0.3" iso-639-1 "^2.1.15" kleur "^4.1.5" - liquidjs "^10.4.0" - lodash.chunk "^4.2.0" - lodash.get "^4.4.2" - lodash.set "^4.3.2" - luxon "^3.2.1" + liquidjs "^10.7.0" + luxon "^3.3.0" markdown-it "^13.0.1" micromatch "^4.0.5" - minimist "^1.2.7" + minimist "^1.2.8" moo "^0.5.2" multimatch "^5.0.0" mustache "^4.2.0" @@ -83,7 +81,12 @@ pug "^3.0.2" recursive-copy "^2.0.14" semver "^7.3.8" - slugify "^1.6.5" + slugify "^1.6.6" + +"@11ty/lodash-custom@^4.17.21": + version "4.17.21" + resolved "https://registry.yarnpkg.com/@11ty/lodash-custom/-/lodash-custom-4.17.21.tgz#a8d2e25a47ee3bb58b71cde4edc2ae8dd3d1b269" + integrity sha512-Mqt6im1xpb1Ykn3nbcCovWXK3ggywRJa+IXIdoz4wIIK+cvozADH63lexcuPpGS/gJ6/m2JxyyXDyupkMr5DHw== "@75lb/deep-merge@^1.1.1": version "1.1.1" @@ -4341,15 +4344,7 @@ "@sindresorhus/transliterate" "^0.1.1" escape-string-regexp "^4.0.0" -"@sindresorhus/slugify@^2.0.0": - version "2.1.0" - resolved "https://registry.yarnpkg.com/@sindresorhus/slugify/-/slugify-2.1.0.tgz#1e252117008cd1121e4cdea9fc67767dd1653d25" - integrity sha512-gU3Gdm/V167BmUwIn8APHZ3SeeRVRUSOdXxnt7Q/JkUHLXaaTA/prYmoRumwsSitJZWUDYMzDWdWgrOdvE8IRQ== - dependencies: - "@sindresorhus/transliterate" "^1.0.0" - escape-string-regexp "^5.0.0" - -"@sindresorhus/slugify@^2.1.1": +"@sindresorhus/slugify@^2.0.0", "@sindresorhus/slugify@^2.1.1": version "2.1.1" resolved "https://registry.yarnpkg.com/@sindresorhus/slugify/-/slugify-2.1.1.tgz#3076b0e95dd2cd05e5da2dd8efa38fe153a0cfe0" integrity sha512-XokPHZ+q6FtQGEi1hnfvARVJJVPEhwHQTPHPPuNHaN6zcHjzYNynhhHMopa1wNPqLAFOwpsbintunEqWecXJMg== @@ -10070,10 +10065,10 @@ ee-first@1.1.1: resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d" integrity sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0= -ejs@^3.1.6, ejs@^3.1.7, ejs@^3.1.8: - version "3.1.8" - resolved "https://registry.yarnpkg.com/ejs/-/ejs-3.1.8.tgz#758d32910c78047585c7ef1f92f9ee041c1c190b" - integrity sha512-/sXZeMlhS0ArkfX2Aw780gJzXSMPnKjtspYZv+f3NiKLlubezAHDU5+9xz6gd3/NhG3txQCo6xlglmTS+oTGEQ== +ejs@^3.1.6, ejs@^3.1.7, ejs@^3.1.9: + version "3.1.9" + resolved "https://registry.yarnpkg.com/ejs/-/ejs-3.1.9.tgz#03c9e8777fe12686a9effcef22303ca3d8eeb361" + integrity sha512-rC+QVNMJWv+MtPgkt0y+0rVEIdbtxVADApW9JXrUVlzHetgcyczP/E7DJmWJ4fJCZF2cPcBk0laWO9ZHMG3DmQ== dependencies: jake "^10.8.5" @@ -12273,12 +12268,12 @@ got@^9.6.0: to-readable-stream "^1.0.0" url-parse-lax "^3.0.0" -graceful-fs@4.2.10, graceful-fs@^4.1.10, graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.3, graceful-fs@^4.1.4, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.10, graceful-fs@^4.2.4, graceful-fs@^4.2.6, graceful-fs@^4.2.9: +graceful-fs@4.2.10: version "4.2.10" resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.10.tgz#147d3a006da4ca3ce14728c7aefc287c367d7a6c" integrity sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA== -graceful-fs@^4.2.2: +graceful-fs@^4.1.10, graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.3, graceful-fs@^4.1.4, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.10, 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== @@ -14890,10 +14885,10 @@ linkify-it@^4.0.1: dependencies: uc.micro "^1.0.1" -liquidjs@^10.4.0: - version "10.6.0" - resolved "https://registry.yarnpkg.com/liquidjs/-/liquidjs-10.6.0.tgz#139eb2c514871b201a936dc1936c342f4f04a93e" - integrity sha512-FyC0mJdS5B/tOd27LjGm+qX5TLQmXsnL2VnD5mnEZfTmNoAKx85YM+odke2lU/vME5R6r5Ef4Sig36Fb+umUhQ== +liquidjs@^10.7.0: + version "10.8.3" + resolved "https://registry.yarnpkg.com/liquidjs/-/liquidjs-10.8.3.tgz#fa79815298e69e021338c47eb5b0d8fb42b91df1" + integrity sha512-LqHLYtH3vrkT3LyfOhPU0FJX5KPO4aB6SzGa4HRI29yz8pS0ZxqIe/fWtic8qiust1+qrHI92J67tdt92V4WOA== dependencies: commander "^10.0.0" @@ -15095,11 +15090,6 @@ lodash.camelcase@^4.3.0: resolved "https://registry.yarnpkg.com/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz#b28aa6288a2b9fc651035c7711f65ab6190331a6" integrity sha1-soqmKIorn8ZRA1x3EfZathkDMaY= -lodash.chunk@^4.2.0: - version "4.2.0" - resolved "https://registry.yarnpkg.com/lodash.chunk/-/lodash.chunk-4.2.0.tgz#66e5ce1f76ed27b4303d8c6512e8d1216e8106bc" - integrity sha512-ZzydJKfUHJwHa+hF5X66zLFCBrWn5GeF28OHEr4WVWtNDXlQ/IjWKPBiikqKo2ne0+v6JgCgJ0GzJp8k8bHC7w== - lodash.debounce@^4.0.8: version "4.0.8" resolved "https://registry.yarnpkg.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af" @@ -15200,11 +15190,6 @@ lodash.once@^4.0.0: resolved "https://registry.yarnpkg.com/lodash.once/-/lodash.once-4.1.1.tgz#0dd3971213c7c56df880977d504c88fb471a97ac" integrity sha1-DdOXEhPHxW34gJd9UEyI+0cal6w= -lodash.set@^4.3.2: - version "4.3.2" - resolved "https://registry.yarnpkg.com/lodash.set/-/lodash.set-4.3.2.tgz#d8757b1da807dde24816b0d6a84bea1a76230b23" - integrity sha512-4hNPN5jlm/N/HLMCO43v8BXKq9Z7QdAGc/VGrRD61w8gN9g/6jF9A4L1pbUgBLCffi0w9VsXfTOij5x8iTyFvg== - lodash.snakecase@^4.1.1: version "4.1.1" resolved "https://registry.yarnpkg.com/lodash.snakecase/-/lodash.snakecase-4.1.1.tgz#39d714a35357147837aefd64b5dcbb16becd8f8d" @@ -15418,10 +15403,10 @@ luxon@^1.28.0: resolved "https://registry.yarnpkg.com/luxon/-/luxon-1.28.1.tgz#528cdf3624a54506d710290a2341aa8e6e6c61b0" integrity sha512-gYHAa180mKrNIUJCbwpmD0aTu9kV0dREDrwNnuyFAsO1Wt0EVYSZelPnJlbj9HplzXX/YWXHFTL45kvZ53M0pw== -luxon@^3.2.1: - version "3.2.1" - resolved "https://registry.yarnpkg.com/luxon/-/luxon-3.2.1.tgz#14f1af209188ad61212578ea7e3d518d18cee45f" - integrity sha512-QrwPArQCNLAKGO/C+ZIilgIuDnEnKx5QYODdDtbFaxzsbZcc/a7WFq7MhsVYgRlwawLtvOUESTlfJ+hc/USqPg== +luxon@^3.3.0: + version "3.3.0" + resolved "https://registry.yarnpkg.com/luxon/-/luxon-3.3.0.tgz#d73ab5b5d2b49a461c47cedbc7e73309b4805b48" + integrity sha512-An0UCfG/rSiqtAIiBPO0Y9/zAnHUZxAMiCpTd5h2smgsj7GGmcenvrvww2cqNA8/4A5ZrD1gJpHN2mIHZQF+Mg== macos-release@^3.0.1: version "3.0.1" @@ -16676,10 +16661,10 @@ minimist-options@4.1.0: is-plain-obj "^1.1.0" kind-of "^6.0.3" -minimist@^1.1.3, minimist@^1.2.0, minimist@^1.2.5, minimist@^1.2.6, minimist@^1.2.7: - version "1.2.7" - resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.7.tgz#daa1c4d91f507390437c6a8bc01078e7000c4d18" - integrity sha512-bzfL1YUZsP41gmu/qjrEk0Q6i2ix/cVeAhbCbqH9u3zYutS1cLg00qhrD0M2MVdCcx4Sc0UpP2eBWo9rotpq6g== +minimist@^1.1.3, minimist@^1.2.0, minimist@^1.2.5, minimist@^1.2.6, minimist@^1.2.8: + version "1.2.8" + resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c" + integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA== minipass-collect@^1.0.2: version "1.0.2" @@ -16832,10 +16817,10 @@ moo@^0.5.2: resolved "https://registry.yarnpkg.com/moo/-/moo-0.5.2.tgz#f9fe82473bc7c184b0d32e2215d3f6e67278733c" integrity sha512-iSAJLHYKnX41mKcJKjqvnAN9sf0LMDTXDEvFv+ffuRR9a1MIuXLjMNL6EsnDHSkKLTWNqQQ5uo61P4EbU4NU+Q== -morphdom@^2.6.1: - version "2.6.1" - resolved "https://registry.yarnpkg.com/morphdom/-/morphdom-2.6.1.tgz#e868e24f989fa3183004b159aed643e628b4306e" - integrity sha512-Y8YRbAEP3eKykroIBWrjcfMw7mmwJfjhqdpSvoqinu8Y702nAwikpXcNFDiIkyvfCLxLM9Wu95RZqo4a9jFBaA== +morphdom@^2.7.0: + version "2.7.0" + resolved "https://registry.yarnpkg.com/morphdom/-/morphdom-2.7.0.tgz#9ef0c4bc15ac8725df398d127c6984f62e7f89e8" + integrity sha512-8L8DwbdjjWwM/aNqj7BSoSn4G7SQLNiDcxCnMWbf506jojR6lNQ5YOmQqXEIE8u3C492UlkN4d0hQwz97+M1oQ== move-file@^3.0.0: version "3.0.0" @@ -21570,10 +21555,10 @@ sliced@^1.0.1: resolved "https://registry.yarnpkg.com/sliced/-/sliced-1.0.1.tgz#0b3a662b5d04c3177b1926bea82b03f837a2ef41" integrity sha1-CzpmK10Ewxd7GSa+qCsD+Dei70E= -slugify@^1.6.5: - version "1.6.5" - resolved "https://registry.yarnpkg.com/slugify/-/slugify-1.6.5.tgz#c8f5c072bf2135b80703589b39a3d41451fbe8c8" - integrity sha512-8mo9bslnBO3tr5PEVFzMPIWwWnipGS0xVbYf65zxDqfNwmzYn1LpiKNrR6DlClusuvo+hDHd1zKpmfAe83NQSQ== +slugify@^1.6.6: + version "1.6.6" + resolved "https://registry.yarnpkg.com/slugify/-/slugify-1.6.6.tgz#2d4ac0eacb47add6af9e04d3be79319cbcc7924b" + integrity sha512-h+z7HKHYXj6wJU+AnS/+IH8Uh9fdcX1Lrhg1/VMdf9PwoBQXFcXiAdsy2tSK0P6gKwJLXp02r90ahUCqHk9rrw== smart-buffer@^4.2.0: version "4.2.0" @@ -24689,12 +24674,12 @@ write-pkg@^4.0.0: type-fest "^0.4.1" write-json-file "^3.2.0" -ws@8.13.0: +ws@8.13.0, ws@^8.13.0: version "8.13.0" resolved "https://registry.yarnpkg.com/ws/-/ws-8.13.0.tgz#9a9fb92f93cf41512a0735c8f4dd09b8a1211cd0" integrity sha512-x9vcZYTrFPC7aSIbj7sRCYo7L/Xb8Iy+pW0ng0wt2vCJv7M9HOMy0UoN3rr+IFC7hb7vXoqS+P9ktyLLLhO+LA== -ws@>=7.4.6, ws@^8.12.0, ws@^8.4.2: +ws@>=7.4.6, ws@^8.4.2: version "8.12.0" resolved "https://registry.yarnpkg.com/ws/-/ws-8.12.0.tgz#485074cc392689da78e1828a9ff23585e06cddd8" integrity sha512-kU62emKIdKVeEIOIKVegvqpXMSTAMLJozpHZaJNDYqBjzlSYXQGviYwN1osDLJ9av68qHd4a2oSjd7yD4pacig== From c461c696273ba97ab65101843ba9475648f4c272 Mon Sep 17 00:00:00 2001 From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com> Date: Tue, 27 Jun 2023 20:55:07 +0000 Subject: [PATCH 30/83] chore: bump @rollup/plugin-node-resolve from 15.0.2 to 15.1.0 Bumps [@rollup/plugin-node-resolve](https://github.com/rollup/plugins/tree/HEAD/packages/node-resolve) from 15.0.2 to 15.1.0. - [Changelog](https://github.com/rollup/plugins/blob/master/packages/node-resolve/CHANGELOG.md) - [Commits](https://github.com/rollup/plugins/commits/commonjs-v15.1.0/packages/node-resolve) --- updated-dependencies: - dependency-name: "@rollup/plugin-node-resolve" dependency-type: direct:development update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] --- yarn.lock | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/yarn.lock b/yarn.lock index 72a534782dd..8f414177077 100644 --- a/yarn.lock +++ b/yarn.lock @@ -4247,9 +4247,9 @@ resolve "^1.19.0" "@rollup/plugin-node-resolve@^15.0.1": - version "15.0.2" - resolved "https://registry.yarnpkg.com/@rollup/plugin-node-resolve/-/plugin-node-resolve-15.0.2.tgz#8183a80c2cbf7b471f5ac86b16747997f3b5d185" - integrity sha512-Y35fRGUjC3FaurG722uhUuG8YHOJRJQbI6/CkbRkdPotSpDj9NtIN85z1zrcyDcCQIW4qp5mgG72U+gJ0TAFEg== + version "15.1.0" + resolved "https://registry.yarnpkg.com/@rollup/plugin-node-resolve/-/plugin-node-resolve-15.1.0.tgz#9ffcd8e8c457080dba89bb9fcb583a6778dc757e" + integrity sha512-xeZHCgsiZ9pzYVgAo9580eCGqwh/XCEUM9q6iQfGNocjgkufHAqC3exA+45URvhiYV8sBF9RlBai650eNs7AsA== dependencies: "@rollup/pluginutils" "^5.0.1" "@types/resolve" "1.20.2" From d06ba288e68f41a8cd5000c6e30d2b8cf81d1dfb Mon Sep 17 00:00:00 2001 From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com> Date: Tue, 27 Jun 2023 20:55:16 +0000 Subject: [PATCH 31/83] chore: bump @spectrum-css/tabs from 3.2.60 to 3.2.61 Bumps [@spectrum-css/tabs](https://github.com/adobe/spectrum-css/tree/HEAD/components/tabs) from 3.2.60 to 3.2.61. - [Release notes](https://github.com/adobe/spectrum-css/releases) - [Changelog](https://github.com/adobe/spectrum-css/blob/main/components/tabs/CHANGELOG.md) - [Commits](https://github.com/adobe/spectrum-css/commits/@spectrum-css/tabs@3.2.61/components/tabs) --- updated-dependencies: - dependency-name: "@spectrum-css/tabs" dependency-type: direct:development update-type: version-update:semver-patch ... Signed-off-by: dependabot[bot] --- yarn.lock | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/yarn.lock b/yarn.lock index 8f414177077..7a12b991cae 100644 --- a/yarn.lock +++ b/yarn.lock @@ -4664,9 +4664,9 @@ integrity sha512-YRM8B3Hk0w6ZPG14lzJp3vIaemlThq8cjWVNEesosJC1mUIiUOwG5OMCrzKABc3b6g5g8w02N6QKpOrzUislPg== "@spectrum-css/tabs@^3.2.60": - version "3.2.60" - resolved "https://registry.yarnpkg.com/@spectrum-css/tabs/-/tabs-3.2.60.tgz#befd6f4fa53a46552d37ad8713c4cb82472f902d" - integrity sha512-5uva6d3H7c6SqaQrLBI629q2ixWGAA0z4M2wCXAjVrvoQTxnVGQAtRvKZiBdglfDQ9IAP7Wht1KZpns9NxHNJw== + version "3.2.61" + resolved "https://registry.yarnpkg.com/@spectrum-css/tabs/-/tabs-3.2.61.tgz#200a38566d1d2cca1a80686849d66e671f39a655" + integrity sha512-klOrpovOqGa/tUoefdoThTnIIfsy2rBUnVaFeo/KhibXimQ1QGCD1ucVdxunZT+H5ZaEVZlSvMOTsofuDL7lFQ== "@spectrum-css/tag@^5.0.37": version "5.0.37" From d5ff7e6e0196580f25941caa1a304557cb0f5088 Mon Sep 17 00:00:00 2001 From: Michael Jordan Date: Wed, 21 Jun 2023 11:40:15 -0400 Subject: [PATCH 32/83] fix(slider): slider input aria-valuetext omits formatOptions for unit #3340 --- packages/slider/src/HandleController.ts | 8 ++- packages/slider/src/Slider.ts | 4 +- packages/slider/stories/slider.stories.ts | 33 ++++++++-- packages/slider/test/slider.test.ts | 78 +++++++++++++++++++++++ 4 files changed, 113 insertions(+), 10 deletions(-) diff --git a/packages/slider/src/HandleController.ts b/packages/slider/src/HandleController.ts index dd839ce74b3..a88a442c398 100644 --- a/packages/slider/src/HandleController.ts +++ b/packages/slider/src/HandleController.ts @@ -145,7 +145,13 @@ export class HandleController implements Controller { public formattedValueForHandle(model: ModelValue): string { const { handle } = model; const numberFormat = handle.numberFormat ?? this.host.numberFormat; - return handle.getAriaHandleText(model.value, numberFormat); + const _forcedUnit = + handle._forcedUnit === '' + ? this.host._forcedUnit + : handle._forcedUnit; + return ( + handle.getAriaHandleText(model.value, numberFormat) + _forcedUnit + ); } public get formattedValues(): Map { diff --git a/packages/slider/src/Slider.ts b/packages/slider/src/Slider.ts index e43df8d7739..4f3528d7df3 100644 --- a/packages/slider/src/Slider.ts +++ b/packages/slider/src/Slider.ts @@ -123,8 +123,8 @@ export class Slider extends ObserveSlotText(SliderHandle, '') { ) => { const valueArray = [...values.values()]; if (valueArray.length === 2) - return `${valueArray[0]}${this._forcedUnit} - ${valueArray[1]}${this._forcedUnit}`; - return valueArray.join(`${this._forcedUnit}, `) + this._forcedUnit; + return `${valueArray[0]} – ${valueArray[1]}`; + return valueArray.join(', '); }; public override get ariaValueText(): string { diff --git a/packages/slider/stories/slider.stories.ts b/packages/slider/stories/slider.stories.ts index ce635219a28..6731cc10e72 100644 --- a/packages/slider/stories/slider.stories.ts +++ b/packages/slider/stories/slider.stories.ts @@ -537,11 +537,13 @@ export const TwoHandles = (args: StoryArgs = {}): TemplateResult => { @@ -573,11 +575,13 @@ export const TwoHandlesPt = (args: StoryArgs = {}): TemplateResult => { @@ -599,16 +603,25 @@ export const ThreeHandlesPc = (args: StoryArgs = {}): TemplateResult => { max="255" @input=${handleHandleEvent(args)} @change=${handleHandleEvent(args)} - .formatOptions=${{ - style: 'unit', - unit: 'pc', - }} + .formatOptions=${{ style: 'unit', unit: 'pc' }} ...=${spreadProps(args)} > Output Levels - - - + + +
`; @@ -632,12 +645,14 @@ export const ThreeHandlesOrdered = (args: StoryArgs = {}): TemplateResult => { { @@ -785,12 +801,14 @@ export const ThreeHandlesComplex = (args: StoryArgs = {}): TemplateResult => { { diff --git a/packages/slider/test/slider.test.ts b/packages/slider/test/slider.test.ts index f34265d4f92..3b63c2de18f 100644 --- a/packages/slider/test/slider.test.ts +++ b/packages/slider/test/slider.test.ts @@ -977,6 +977,84 @@ describe('Slider', () => { expect(input.getAttribute('aria-valuetext')).to.equal('50'); }); + it('supports units not included in Intl.NumberFormatOptions', async () => { + let el = await fixture( + html` + + ` + ); + + await elementUpdated(el); + + const input = el.focusElement as HTMLInputElement; + await elementUpdated(el); + + expect(input.getAttribute('aria-valuetext')).to.equal('50'); + + el = await fixture( + html` + + + + + ` + ); + + await elementUpdated(el); + + let shadowRoot = el.shadowRoot as ShadowRoot; + expect(shadowRoot.querySelector('input#input-0[aria-valuetext="5px"]')) + .to.exist; + expect( + shadowRoot.querySelector('input#input-1[aria-valuetext="250px"]') + ).to.exist; + + el = await fixture( + html` + + + + + ` + ); + + await elementUpdated(el); + + shadowRoot = el.shadowRoot as ShadowRoot; + expect(shadowRoot.querySelector('input#input-0[aria-valuetext="5px"]')) + .to.exist; + expect( + shadowRoot.querySelector('input#input-1[aria-valuetext="250px"]') + ).to.exist; + }); it('accepts min/max/value in the same timing', async () => { const el = await fixture( html` From 88e0bda41df9f1ebb21debf97db05b0fd144deb7 Mon Sep 17 00:00:00 2001 From: Michael Jordan Date: Wed, 21 Jun 2023 15:23:26 -0400 Subject: [PATCH 33/83] fix(slider): #3340 fix visual regression --- packages/slider/src/Slider.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/slider/src/Slider.ts b/packages/slider/src/Slider.ts index 4f3528d7df3..f807ca03b1b 100644 --- a/packages/slider/src/Slider.ts +++ b/packages/slider/src/Slider.ts @@ -123,7 +123,7 @@ export class Slider extends ObserveSlotText(SliderHandle, '') { ) => { const valueArray = [...values.values()]; if (valueArray.length === 2) - return `${valueArray[0]} – ${valueArray[1]}`; + return `${valueArray[0]} - ${valueArray[1]}`; return valueArray.join(', '); }; From dad37ea6139ff042adfec3dcbdb8580632486c81 Mon Sep 17 00:00:00 2001 From: Westbrook Johnson Date: Tue, 27 Jun 2023 17:54:54 -0400 Subject: [PATCH 34/83] chore: use latest esbuild --- package.json | 2 +- yarn.lock | 270 +++++++++++++++++++++++++-------------------------- 2 files changed, 136 insertions(+), 136 deletions(-) diff --git a/package.json b/package.json index 2f9a55ffaa2..7bafb6de9ae 100644 --- a/package.json +++ b/package.json @@ -136,7 +136,7 @@ "custom-elements-manifest": "^2.0.0", "debounce": "^1.2.1", "deepmerge": "^4.2.2", - "esbuild": "^0.17.3", + "esbuild": "^0.17.19", "eslint": "^8.23.0", "eslint-config-prettier": "^8.5.0", "eslint-formatter-pretty": "^5.0.0", diff --git a/yarn.lock b/yarn.lock index 7a12b991cae..decc6c8e42a 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1961,115 +1961,115 @@ resolved "https://registry.yarnpkg.com/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz#1d572bfbbe14b7704e0ba0f39b74815b84870d70" integrity sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw== -"@esbuild/android-arm64@0.17.18": - version "0.17.18" - resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.17.18.tgz#4aa8d8afcffb4458736ca9b32baa97d7cb5861ea" - integrity sha512-/iq0aK0eeHgSC3z55ucMAHO05OIqmQehiGay8eP5l/5l+iEr4EIbh4/MI8xD9qRFjqzgkc0JkX0LculNC9mXBw== - -"@esbuild/android-arm@0.17.18": - version "0.17.18" - resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.17.18.tgz#74a7e95af4ee212ebc9db9baa87c06a594f2a427" - integrity sha512-EmwL+vUBZJ7mhFCs5lA4ZimpUH3WMAoqvOIYhVQwdIgSpHC8ImHdsRyhHAVxpDYUSm0lWvd63z0XH1IlImS2Qw== - -"@esbuild/android-x64@0.17.18": - version "0.17.18" - resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.17.18.tgz#1dcd13f201997c9fe0b204189d3a0da4eb4eb9b6" - integrity sha512-x+0efYNBF3NPW2Xc5bFOSFW7tTXdAcpfEg2nXmxegm4mJuVeS+i109m/7HMiOQ6M12aVGGFlqJX3RhNdYM2lWg== - -"@esbuild/darwin-arm64@0.17.18": - version "0.17.18" - resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.17.18.tgz#444f3b961d4da7a89eb9bd35cfa4415141537c2a" - integrity sha512-6tY+djEAdF48M1ONWnQb1C+6LiXrKjmqjzPNPWXhu/GzOHTHX2nh8Mo2ZAmBFg0kIodHhciEgUBtcYCAIjGbjQ== - -"@esbuild/darwin-x64@0.17.18": - version "0.17.18" - resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.17.18.tgz#a6da308d0ac8a498c54d62e0b2bfb7119b22d315" - integrity sha512-Qq84ykvLvya3dO49wVC9FFCNUfSrQJLbxhoQk/TE1r6MjHo3sFF2tlJCwMjhkBVq3/ahUisj7+EpRSz0/+8+9A== - -"@esbuild/freebsd-arm64@0.17.18": - version "0.17.18" - resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.17.18.tgz#b83122bb468889399d0d63475d5aea8d6829c2c2" - integrity sha512-fw/ZfxfAzuHfaQeMDhbzxp9mc+mHn1Y94VDHFHjGvt2Uxl10mT4CDavHm+/L9KG441t1QdABqkVYwakMUeyLRA== - -"@esbuild/freebsd-x64@0.17.18": - version "0.17.18" - resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.17.18.tgz#af59e0e03fcf7f221b34d4c5ab14094862c9c864" - integrity sha512-FQFbRtTaEi8ZBi/A6kxOC0V0E9B/97vPdYjY9NdawyLd4Qk5VD5g2pbWN2VR1c0xhzcJm74HWpObPszWC+qTew== - -"@esbuild/linux-arm64@0.17.18": - version "0.17.18" - resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.17.18.tgz#8551d72ba540c5bce4bab274a81c14ed01eafdcf" - integrity sha512-R7pZvQZFOY2sxUG8P6A21eq6q+eBv7JPQYIybHVf1XkQYC+lT7nDBdC7wWKTrbvMXKRaGudp/dzZCwL/863mZQ== - -"@esbuild/linux-arm@0.17.18": - version "0.17.18" - resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.17.18.tgz#e09e76e526df4f665d4d2720d28ff87d15cdf639" - integrity sha512-jW+UCM40LzHcouIaqv3e/oRs0JM76JfhHjCavPxMUti7VAPh8CaGSlS7cmyrdpzSk7A+8f0hiedHqr/LMnfijg== - -"@esbuild/linux-ia32@0.17.18": - version "0.17.18" - resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.17.18.tgz#47878860ce4fe73a36fd8627f5647bcbbef38ba4" - integrity sha512-ygIMc3I7wxgXIxk6j3V00VlABIjq260i967Cp9BNAk5pOOpIXmd1RFQJQX9Io7KRsthDrQYrtcx7QCof4o3ZoQ== - -"@esbuild/linux-loong64@0.17.18": - version "0.17.18" - resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.17.18.tgz#3f8fbf5267556fc387d20b2e708ce115de5c967a" - integrity sha512-bvPG+MyFs5ZlwYclCG1D744oHk1Pv7j8psF5TfYx7otCVmcJsEXgFEhQkbhNW8otDHL1a2KDINW20cfCgnzgMQ== - -"@esbuild/linux-mips64el@0.17.18": - version "0.17.18" - resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.17.18.tgz#9d896d8f3c75f6c226cbeb840127462e37738226" - integrity sha512-oVqckATOAGuiUOa6wr8TXaVPSa+6IwVJrGidmNZS1cZVx0HqkTMkqFGD2HIx9H1RvOwFeWYdaYbdY6B89KUMxA== - -"@esbuild/linux-ppc64@0.17.18": - version "0.17.18" - resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.17.18.tgz#3d9deb60b2d32c9985bdc3e3be090d30b7472783" - integrity sha512-3dLlQO+b/LnQNxgH4l9rqa2/IwRJVN9u/bK63FhOPB4xqiRqlQAU0qDU3JJuf0BmaH0yytTBdoSBHrb2jqc5qQ== - -"@esbuild/linux-riscv64@0.17.18": - version "0.17.18" - resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.17.18.tgz#8a943cf13fd24ff7ed58aefb940ef178f93386bc" - integrity sha512-/x7leOyDPjZV3TcsdfrSI107zItVnsX1q2nho7hbbQoKnmoeUWjs+08rKKt4AUXju7+3aRZSsKrJtaRmsdL1xA== - -"@esbuild/linux-s390x@0.17.18": - version "0.17.18" - resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.17.18.tgz#66cb01f4a06423e5496facabdce4f7cae7cb80e5" - integrity sha512-cX0I8Q9xQkL/6F5zWdYmVf5JSQt+ZfZD2bJudZrWD+4mnUvoZ3TDDXtDX2mUaq6upMFv9FlfIh4Gfun0tbGzuw== - -"@esbuild/linux-x64@0.17.18": - version "0.17.18" - resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.17.18.tgz#23c26050c6c5d1359c7b774823adc32b3883b6c9" - integrity sha512-66RmRsPlYy4jFl0vG80GcNRdirx4nVWAzJmXkevgphP1qf4dsLQCpSKGM3DUQCojwU1hnepI63gNZdrr02wHUA== - -"@esbuild/netbsd-x64@0.17.18": - version "0.17.18" - resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.17.18.tgz#789a203d3115a52633ff6504f8cbf757f15e703b" - integrity sha512-95IRY7mI2yrkLlTLb1gpDxdC5WLC5mZDi+kA9dmM5XAGxCME0F8i4bYH4jZreaJ6lIZ0B8hTrweqG1fUyW7jbg== - -"@esbuild/openbsd-x64@0.17.18": - version "0.17.18" - resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.17.18.tgz#d7b998a30878f8da40617a10af423f56f12a5e90" - integrity sha512-WevVOgcng+8hSZ4Q3BKL3n1xTv5H6Nb53cBrtzzEjDbbnOmucEVcZeGCsCOi9bAOcDYEeBZbD2SJNBxlfP3qiA== - -"@esbuild/sunos-x64@0.17.18": - version "0.17.18" - resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.17.18.tgz#ecad0736aa7dae07901ba273db9ef3d3e93df31f" - integrity sha512-Rzf4QfQagnwhQXVBS3BYUlxmEbcV7MY+BH5vfDZekU5eYpcffHSyjU8T0xucKVuOcdCsMo+Ur5wmgQJH2GfNrg== - -"@esbuild/win32-arm64@0.17.18": - version "0.17.18" - resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.17.18.tgz#58dfc177da30acf956252d7c8ae9e54e424887c4" - integrity sha512-Kb3Ko/KKaWhjeAm2YoT/cNZaHaD1Yk/pa3FTsmqo9uFh1D1Rfco7BBLIPdDOozrObj2sahslFuAQGvWbgWldAg== - -"@esbuild/win32-ia32@0.17.18": - version "0.17.18" - resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.17.18.tgz#340f6163172b5272b5ae60ec12c312485f69232b" - integrity sha512-0/xUMIdkVHwkvxfbd5+lfG7mHOf2FRrxNbPiKWg9C4fFrB8H0guClmaM3BFiRUYrznVoyxTIyC/Ou2B7QQSwmw== - -"@esbuild/win32-x64@0.17.18": - version "0.17.18" - resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.17.18.tgz#3a8e57153905308db357fd02f57c180ee3a0a1fa" - integrity sha512-qU25Ma1I3NqTSHJUOKi9sAH1/Mzuvlke0ioMJRthLXKm7JiSKVwFghlGbDLOO2sARECGhja4xYfRAZNPAkooYg== +"@esbuild/android-arm64@0.17.19": + version "0.17.19" + resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.17.19.tgz#bafb75234a5d3d1b690e7c2956a599345e84a2fd" + integrity sha512-KBMWvEZooR7+kzY0BtbTQn0OAYY7CsiydT63pVEaPtVYF0hXbUaOyZog37DKxK7NF3XacBJOpYT4adIJh+avxA== + +"@esbuild/android-arm@0.17.19": + version "0.17.19" + resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.17.19.tgz#5898f7832c2298bc7d0ab53701c57beb74d78b4d" + integrity sha512-rIKddzqhmav7MSmoFCmDIb6e2W57geRsM94gV2l38fzhXMwq7hZoClug9USI2pFRGL06f4IOPHHpFNOkWieR8A== + +"@esbuild/android-x64@0.17.19": + version "0.17.19" + resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.17.19.tgz#658368ef92067866d95fb268719f98f363d13ae1" + integrity sha512-uUTTc4xGNDT7YSArp/zbtmbhO0uEEK9/ETW29Wk1thYUJBz3IVnvgEiEwEa9IeLyvnpKrWK64Utw2bgUmDveww== + +"@esbuild/darwin-arm64@0.17.19": + version "0.17.19" + resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.17.19.tgz#584c34c5991b95d4d48d333300b1a4e2ff7be276" + integrity sha512-80wEoCfF/hFKM6WE1FyBHc9SfUblloAWx6FJkFWTWiCoht9Mc0ARGEM47e67W9rI09YoUxJL68WHfDRYEAvOhg== + +"@esbuild/darwin-x64@0.17.19": + version "0.17.19" + resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.17.19.tgz#7751d236dfe6ce136cce343dce69f52d76b7f6cb" + integrity sha512-IJM4JJsLhRYr9xdtLytPLSH9k/oxR3boaUIYiHkAawtwNOXKE8KoU8tMvryogdcT8AU+Bflmh81Xn6Q0vTZbQw== + +"@esbuild/freebsd-arm64@0.17.19": + version "0.17.19" + resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.17.19.tgz#cacd171665dd1d500f45c167d50c6b7e539d5fd2" + integrity sha512-pBwbc7DufluUeGdjSU5Si+P3SoMF5DQ/F/UmTSb8HXO80ZEAJmrykPyzo1IfNbAoaqw48YRpv8shwd1NoI0jcQ== + +"@esbuild/freebsd-x64@0.17.19": + version "0.17.19" + resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.17.19.tgz#0769456eee2a08b8d925d7c00b79e861cb3162e4" + integrity sha512-4lu+n8Wk0XlajEhbEffdy2xy53dpR06SlzvhGByyg36qJw6Kpfk7cp45DR/62aPH9mtJRmIyrXAS5UWBrJT6TQ== + +"@esbuild/linux-arm64@0.17.19": + version "0.17.19" + resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.17.19.tgz#38e162ecb723862c6be1c27d6389f48960b68edb" + integrity sha512-ct1Tg3WGwd3P+oZYqic+YZF4snNl2bsnMKRkb3ozHmnM0dGWuxcPTTntAF6bOP0Sp4x0PjSF+4uHQ1xvxfRKqg== + +"@esbuild/linux-arm@0.17.19": + version "0.17.19" + resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.17.19.tgz#1a2cd399c50040184a805174a6d89097d9d1559a" + integrity sha512-cdmT3KxjlOQ/gZ2cjfrQOtmhG4HJs6hhvm3mWSRDPtZ/lP5oe8FWceS10JaSJC13GBd4eH/haHnqf7hhGNLerA== + +"@esbuild/linux-ia32@0.17.19": + version "0.17.19" + resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.17.19.tgz#e28c25266b036ce1cabca3c30155222841dc035a" + integrity sha512-w4IRhSy1VbsNxHRQpeGCHEmibqdTUx61Vc38APcsRbuVgK0OPEnQ0YD39Brymn96mOx48Y2laBQGqgZ0j9w6SQ== + +"@esbuild/linux-loong64@0.17.19": + version "0.17.19" + resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.17.19.tgz#0f887b8bb3f90658d1a0117283e55dbd4c9dcf72" + integrity sha512-2iAngUbBPMq439a+z//gE+9WBldoMp1s5GWsUSgqHLzLJ9WoZLZhpwWuym0u0u/4XmZ3gpHmzV84PonE+9IIdQ== + +"@esbuild/linux-mips64el@0.17.19": + version "0.17.19" + resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.17.19.tgz#f5d2a0b8047ea9a5d9f592a178ea054053a70289" + integrity sha512-LKJltc4LVdMKHsrFe4MGNPp0hqDFA1Wpt3jE1gEyM3nKUvOiO//9PheZZHfYRfYl6AwdTH4aTcXSqBerX0ml4A== + +"@esbuild/linux-ppc64@0.17.19": + version "0.17.19" + resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.17.19.tgz#876590e3acbd9fa7f57a2c7d86f83717dbbac8c7" + integrity sha512-/c/DGybs95WXNS8y3Ti/ytqETiW7EU44MEKuCAcpPto3YjQbyK3IQVKfF6nbghD7EcLUGl0NbiL5Rt5DMhn5tg== + +"@esbuild/linux-riscv64@0.17.19": + version "0.17.19" + resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.17.19.tgz#7f49373df463cd9f41dc34f9b2262d771688bf09" + integrity sha512-FC3nUAWhvFoutlhAkgHf8f5HwFWUL6bYdvLc/TTuxKlvLi3+pPzdZiFKSWz/PF30TB1K19SuCxDTI5KcqASJqA== + +"@esbuild/linux-s390x@0.17.19": + version "0.17.19" + resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.17.19.tgz#e2afd1afcaf63afe2c7d9ceacd28ec57c77f8829" + integrity sha512-IbFsFbxMWLuKEbH+7sTkKzL6NJmG2vRyy6K7JJo55w+8xDk7RElYn6xvXtDW8HCfoKBFK69f3pgBJSUSQPr+4Q== + +"@esbuild/linux-x64@0.17.19": + version "0.17.19" + resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.17.19.tgz#8a0e9738b1635f0c53389e515ae83826dec22aa4" + integrity sha512-68ngA9lg2H6zkZcyp22tsVt38mlhWde8l3eJLWkyLrp4HwMUr3c1s/M2t7+kHIhvMjglIBrFpncX1SzMckomGw== + +"@esbuild/netbsd-x64@0.17.19": + version "0.17.19" + resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.17.19.tgz#c29fb2453c6b7ddef9a35e2c18b37bda1ae5c462" + integrity sha512-CwFq42rXCR8TYIjIfpXCbRX0rp1jo6cPIUPSaWwzbVI4aOfX96OXY8M6KNmtPcg7QjYeDmN+DD0Wp3LaBOLf4Q== + +"@esbuild/openbsd-x64@0.17.19": + version "0.17.19" + resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.17.19.tgz#95e75a391403cb10297280d524d66ce04c920691" + integrity sha512-cnq5brJYrSZ2CF6c35eCmviIN3k3RczmHz8eYaVlNasVqsNY+JKohZU5MKmaOI+KkllCdzOKKdPs762VCPC20g== + +"@esbuild/sunos-x64@0.17.19": + version "0.17.19" + resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.17.19.tgz#722eaf057b83c2575937d3ffe5aeb16540da7273" + integrity sha512-vCRT7yP3zX+bKWFeP/zdS6SqdWB8OIpaRq/mbXQxTGHnIxspRtigpkUcDMlSCOejlHowLqII7K2JKevwyRP2rg== + +"@esbuild/win32-arm64@0.17.19": + version "0.17.19" + resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.17.19.tgz#9aa9dc074399288bdcdd283443e9aeb6b9552b6f" + integrity sha512-yYx+8jwowUstVdorcMdNlzklLYhPxjniHWFKgRqH7IFlUEa0Umu3KuYplf1HUZZ422e3NU9F4LGb+4O0Kdcaag== + +"@esbuild/win32-ia32@0.17.19": + version "0.17.19" + resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.17.19.tgz#95ad43c62ad62485e210f6299c7b2571e48d2b03" + integrity sha512-eggDKanJszUtCdlVs0RB+h35wNlb5v4TWEkq4vZcmVt5u/HiDZrTXe2bWFQUez3RgNHwx/x4sk5++4NSSicKkw== + +"@esbuild/win32-x64@0.17.19": + version "0.17.19" + resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.17.19.tgz#8cfaf2ff603e9aabb910e9c0558c26cf32744061" + integrity sha512-lAhycmKnVOuRYNtRtatQR1LPQf2oYCkRGkSFnseDAKPl8lu5SOsK/e1sXe5a0Pc5kHIHe6P2I/ilntNv2xf3cA== "@eslint/eslintrc@^1.4.1": version "1.4.1" @@ -10310,33 +10310,33 @@ esbuild-plugin-lit-css@^2.0.0: dependencies: "@pwrs/lit-css" "^2.0.0" -esbuild@^0.17.3: - version "0.17.18" - resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.17.18.tgz#f4f8eb6d77384d68cd71c53eb6601c7efe05e746" - integrity sha512-z1lix43jBs6UKjcZVKOw2xx69ffE2aG0PygLL5qJ9OS/gy0Ewd1gW/PUQIOIQGXBHWNywSc0floSKoMFF8aK2w== +esbuild@^0.17.19: + version "0.17.19" + resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.17.19.tgz#087a727e98299f0462a3d0bcdd9cd7ff100bd955" + integrity sha512-XQ0jAPFkK/u3LcVRcvVHQcTIqD6E2H1fvZMA5dQPSOWb3suUbWbfbRf94pjc0bNzRYLfIrDRQXr7X+LHIm5oHw== optionalDependencies: - "@esbuild/android-arm" "0.17.18" - "@esbuild/android-arm64" "0.17.18" - "@esbuild/android-x64" "0.17.18" - "@esbuild/darwin-arm64" "0.17.18" - "@esbuild/darwin-x64" "0.17.18" - "@esbuild/freebsd-arm64" "0.17.18" - "@esbuild/freebsd-x64" "0.17.18" - "@esbuild/linux-arm" "0.17.18" - "@esbuild/linux-arm64" "0.17.18" - "@esbuild/linux-ia32" "0.17.18" - "@esbuild/linux-loong64" "0.17.18" - "@esbuild/linux-mips64el" "0.17.18" - "@esbuild/linux-ppc64" "0.17.18" - "@esbuild/linux-riscv64" "0.17.18" - "@esbuild/linux-s390x" "0.17.18" - "@esbuild/linux-x64" "0.17.18" - "@esbuild/netbsd-x64" "0.17.18" - "@esbuild/openbsd-x64" "0.17.18" - "@esbuild/sunos-x64" "0.17.18" - "@esbuild/win32-arm64" "0.17.18" - "@esbuild/win32-ia32" "0.17.18" - "@esbuild/win32-x64" "0.17.18" + "@esbuild/android-arm" "0.17.19" + "@esbuild/android-arm64" "0.17.19" + "@esbuild/android-x64" "0.17.19" + "@esbuild/darwin-arm64" "0.17.19" + "@esbuild/darwin-x64" "0.17.19" + "@esbuild/freebsd-arm64" "0.17.19" + "@esbuild/freebsd-x64" "0.17.19" + "@esbuild/linux-arm" "0.17.19" + "@esbuild/linux-arm64" "0.17.19" + "@esbuild/linux-ia32" "0.17.19" + "@esbuild/linux-loong64" "0.17.19" + "@esbuild/linux-mips64el" "0.17.19" + "@esbuild/linux-ppc64" "0.17.19" + "@esbuild/linux-riscv64" "0.17.19" + "@esbuild/linux-s390x" "0.17.19" + "@esbuild/linux-x64" "0.17.19" + "@esbuild/netbsd-x64" "0.17.19" + "@esbuild/openbsd-x64" "0.17.19" + "@esbuild/sunos-x64" "0.17.19" + "@esbuild/win32-arm64" "0.17.19" + "@esbuild/win32-ia32" "0.17.19" + "@esbuild/win32-x64" "0.17.19" escalade@^3.1.1: version "3.1.1" From 8eb28c866c960b2cf27930cc1eab8f96e2c057d9 Mon Sep 17 00:00:00 2001 From: vjosyula Date: Wed, 28 Jun 2023 07:38:40 +0530 Subject: [PATCH 35/83] fix(vrt-compare): updating the readme about vrt tests (#3380) Co-authored-by: Venkatesh Josyula --- README.md | 15 ++++++++++++--- 1 file changed, 12 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index 300da8b2f00..38e31e84869 100644 --- a/README.md +++ b/README.md @@ -125,9 +125,18 @@ To create a local baseline for comparing your changes to later in the developmen yarn test:visual:clean # start with a clean slate # yarn test:visual:clean:baseline # removes only baseline images # yarn test:visual:clean:current # removes only images updated in the most recent test pass -yarn test:visual vrt-light-medium-ltr # vrt-${color}-${scale}-${direction} to access all theme options -# ... -yarn test:visual vrt-light-medium-ltr # repeat the same as above for a clean comparison + +# To enable comparison, it is generally recommended to generate baselines on the main branch. +yarn test:visual vrt-${component name} --update-visual-baseline +eg: yarn test:visual vrt-accordion --update-visual-baseline + +# Running the tests on the local branch +yarn test:visual vrt-${component name} +eg: yarn test:visual vrt-accordion + +# Running the tests of light medium ltr +yarn test:visual vrt-${component name}-single +eg: yarn test:visual vrt-accordion-single ``` #### Screenshot coverage From 22d57d872e813ea1ea639937d73a28ea10fb75d5 Mon Sep 17 00:00:00 2001 From: Paulo de Tarso Furtado Machado Date: Thu, 29 Jun 2023 18:08:45 +0100 Subject: [PATCH 36/83] feat: build the time field component --- packages/time-field/package.json | 9 +- packages/time-field/src/TimeField.ts | 273 +++++++++++++++++- packages/time-field/src/time-field.css | 70 +++++ packages/time-field/src/types.ts | 41 +++ .../time-field/stories/time-field.stories.ts | 132 ++++++++- yarn.lock | 7 + 6 files changed, 523 insertions(+), 9 deletions(-) create mode 100644 packages/time-field/src/types.ts diff --git a/packages/time-field/package.json b/packages/time-field/package.json index 850bcb083f9..4a092cf2d66 100644 --- a/packages/time-field/package.json +++ b/packages/time-field/package.json @@ -34,6 +34,10 @@ "default": "./src/index.js" }, "./src/time-field.css.js": "./src/time-field.css.js", + "./src/types.js": { + "development": "./src/types.dev.js", + "default": "./src/types.js" + }, "./sp-time-field.js": { "development": "./sp-time-field.dev.js", "default": "./sp-time-field.js" @@ -57,7 +61,10 @@ "lit-html" ], "dependencies": { - "@spectrum-web-components/base": "^0.33.2" + "@internationalized/date": "^3.2.0", + "@spectrum-web-components/base": "^0.33.2", + "@spectrum-web-components/reactive-controllers": "^0.33.2", + "@spectrum-web-components/textfield": "^0.33.2" }, "devDependencies": { "@spectrum-css/textfield": "^6.0.2" diff --git a/packages/time-field/src/TimeField.ts b/packages/time-field/src/TimeField.ts index 6e42eead565..00874914ff2 100644 --- a/packages/time-field/src/TimeField.ts +++ b/packages/time-field/src/TimeField.ts @@ -9,26 +9,289 @@ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTA OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. */ +import { + DateFormatter, + getLocalTimeZone, + now, + Time, + toTime, +} from '@internationalized/date'; import { CSSResultArray, html, - SpectrumElement, + PropertyValueMap, TemplateResult, } from '@spectrum-web-components/base'; +import { LanguageResolutionController } from '@spectrum-web-components/reactive-controllers/src/LanguageResolution.js'; +import { TextfieldBase } from '@spectrum-web-components/textfield'; + +import { property, state } from 'lit/decorators.js'; +import { styleMap } from 'lit/directives/style-map.js'; +import { when } from 'lit/directives/when.js'; + +import { + Granularity, + TimeSegment, + timeSegmentTypes, + TimeSegmentValueAndLimits, +} from './types.js'; import styles from './time-field.css.js'; +import { classMap } from 'lit/directives/class-map.js'; /** * @element sp-time-field */ -export class TimeField extends SpectrumElement { +export class TimeField extends TextfieldBase { public static override get styles(): CSSResultArray { - return [styles]; + return [...super.styles, styles]; + } + + /** + * Determines the smallest unit that is displayed in the time field + */ + @property({ attribute: false }) + granularity: Granularity = 'minute'; + + @property({ reflect: true, attribute: false }) + selectedTime?: Date; + + @state() + private _currentTime!: Time; + + @state() + private _segments: TimeSegment[] = []; + + private _languageResolver = new LanguageResolutionController(this); + private _locale!: string; + private _timeZone: string = getLocalTimeZone(); + private _timeFormatter!: DateFormatter; + + private get _now(): Time { + return toTime(now(this._timeZone)); + } + + constructor() { + super(); + + this._setLocale(); + this._setTimeFormatter(); + this._setInitialTime(); + } + + protected override willUpdate( + changedProperties: PropertyValueMap + ): void { + this._setLocale(); + this._setTimeFormatter(); + + if (changedProperties.has('selectedTime')) { + this._setCurrentTime(); + } + + this._setSegments(); + } + + protected override renderField(): TemplateResult { + return html` +
+ +
+ `; } - protected override render(): TemplateResult { + public renderLiteralSegment(segment: TimeSegment): TemplateResult { return html` - Markup goes here + `; } + + public renderEditableSegment(segment: TimeSegment): TemplateResult { + const isPlaceholderVisible = Boolean( + !this.selectedTime || + (this.selectedTime && segment.currentValue === undefined) + ); + + const segmentClasses = { + 'is-placeholder': isPlaceholderVisible, + }; + + const segmentStyles = { + minWidth: + segment.maxValue !== undefined + ? `${String(segment.maxValue).length}ch` + : undefined, + }; + + return html` +
+ ${when( + isPlaceholderVisible, + () => html` + + `, + () => segment.formattedText + )} +
+ `; + } + + private _setLocale(): void { + this._locale = this._languageResolver.language; + } + + private _setTimeFormatter(): void { + const useMinutes = (['minute', 'second'] as Granularity[]).includes( + this.granularity + ); + + const timeOptions: Intl.DateTimeFormatOptions = { + hour: '2-digit', + ...(useMinutes && { minute: '2-digit' }), + ...(this.granularity === 'second' && { second: '2-digit' }), + }; + + this._timeFormatter = new DateFormatter(this._locale, timeOptions); + } + + private _setInitialTime(): void { + this._currentTime = this._now; + } + + private _setCurrentTime(): void { + if (this.selectedTime) { + this.selectedTime = new Date(this.selectedTime); + + if (!this._isValidTime(this.selectedTime)) { + this.selectedTime = undefined; + } else { + this._currentTime = this._toTime(this.selectedTime); + } + } + } + + private _setSegments(): void { + const { hour, minute, second, millisecond } = this._currentTime; + const dateTime = new Date(); + dateTime.setHours(hour, minute, second, millisecond); + + this._segments = this._timeFormatter + .formatToParts(dateTime) + .map((part) => this._mapToTimeSegment(part)) + .filter((part) => timeSegmentTypes.includes(part.type)); + } + + private _mapToTimeSegment(part: Intl.DateTimeFormatPart): TimeSegment { + const { currentValue, minValue, maxValue } = + this._getSegmentValueAndLimits(part.type); + + return { + type: part.type, + formattedText: part.value, + placeholder: this._getPlaceholder(part.type, part.value), + currentValue, + minValue, + maxValue, + }; + } + + private _toTime(date: Date): Time { + return new Time(date.getHours(), date.getMinutes(), date.getSeconds()); + } + + /** + * Checks if the date is valid by parsing the time. Invalid dates return `NaN` for times of invalid dates + * + * @param date - `Date` object to validate + */ + private _isValidTime(date: Date): boolean { + return !isNaN(date.getTime()); + } + + // private _formatNumber(number: number): string { + // return new Intl.NumberFormat(this._locale).format(number); + // } + + /** + * Returns the placeholder that will be used. If it is the time of day field, use the actual value. For time fields + * (hour, minute, etc.), use two dashes as a placeholder + * + * @param type - Type of segment + * @param value - The value of the segment + */ + private _getPlaceholder( + type: Intl.DateTimeFormatPartTypes, + value: string + ): string { + return type === 'dayPeriod' ? value : '––'; + } + + private _getSegmentValueAndLimits(type: string): TimeSegmentValueAndLimits { + switch (type) { + case 'dayPeriod': + return { + currentValue: this._currentTime.hour >= 12 ? 12 : 0, + minValue: 0, + maxValue: 12, + }; + + case 'hour': + if (this._timeFormatter.resolvedOptions().hour12) { + const isPM = this._currentTime.hour >= 12; + + return { + currentValue: this._currentTime.hour, + minValue: isPM ? 12 : 0, + maxValue: isPM ? 23 : 11, + }; + } else { + return { + currentValue: this._currentTime.hour, + minValue: 0, + maxValue: 23, + }; + } + + case 'minute': + return { + currentValue: this._currentTime.minute, + minValue: 0, + maxValue: 59, + }; + + case 'second': + return { + currentValue: this._currentTime.second, + minValue: 0, + maxValue: 59, + }; + + default: + return {}; + } + } } diff --git a/packages/time-field/src/time-field.css b/packages/time-field/src/time-field.css index 757355d4369..386092ef61c 100644 --- a/packages/time-field/src/time-field.css +++ b/packages/time-field/src/time-field.css @@ -11,3 +11,73 @@ governing permissions and limitations under the License. */ @import './spectrum-time-field.css'; + +.input-content { + display: flex; + align-items: center; + height: 100%; + overflow-x: auto; + scrollbar-width: none; /* Firefox */ +} + +.input-content::-webkit-scrollbar { + display: none; + width: 0; + height: 0; +} + +.editable-segment { + box-sizing: content-box; + padding: 0 2px; + font-variant-numeric: tabular-nums; + text-align: end; + white-space: nowrap; + caret-color: transparent; + outline: none; +} + +/** + * Hide selection because there is no way to avoid it entirely in Firefox + * https://bugzilla.mozilla.org/show_bug.cgi?id=1742153 + */ +.editable-segment::selection { + background: transparent; +} + +.literal-segment, +.editable-segment { + color: var(--spectrum-textfield-text-color-default); +} + +[dir='ltr'] .editable-segment { + text-align: right; +} + +.placeholder { + display: block; + width: 100%; + height: 0; + visibility: hidden; + font-style: italic; + text-align: center; + pointer-events: none; +} + +.editable-segment.is-placeholder, +.editable-segment.is-placeholder ~ .literal-segment { + color: var(--spectrum-gray-400); +} + +.editable-segment.is-placeholder .placeholder { + height: auto; + visibility: visible; +} + +.editable-segment:focus { + color: var(--spectrum-textfield-text-color-default); + background-color: var(--spectrum-accent-background-color-default); +} + +.editable-segment:focus .placeholder { + color: var(--spectrum-textfield-text-color-default); +} diff --git a/packages/time-field/src/types.ts b/packages/time-field/src/types.ts new file mode 100644 index 00000000000..76a07a58c65 --- /dev/null +++ b/packages/time-field/src/types.ts @@ -0,0 +1,41 @@ +/* +Copyright 2023 Adobe. All rights reserved. +This file is licensed to you under the Apache License, Version 2.0 (the "License"); +you may not use this file except in compliance with the License. You may obtain a copy +of the License at http://www.apache.org/licenses/LICENSE-2.0 +Unless required by applicable law or agreed to in writing, software distributed under +the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS +OF ANY KIND, either express or implied. See the License for the specific language +governing permissions and limitations under the License. +*/ +export type Granularity = 'hour' | 'minute' | 'second'; + +export const timeSegmentTypes: Intl.DateTimeFormatPartTypes[] = [ + 'hour', + 'minute', + 'second', + 'dayPeriod', + 'literal', +]; + +export interface TimeSegment extends Omit { + /** The formatted text for the segment */ + formattedText?: string; + + /** A placeholder string for the segment */ + placeholder?: string; + + /** The numeric value for the segment, if applicable */ + currentValue?: number; + + /** The minimum numeric value for the segment, if applicable */ + minValue?: number; + + /** The maximum numeric value for the segment, if applicable */ + maxValue?: number; +} + +export type TimeSegmentValueAndLimits = Pick< + TimeSegment, + 'currentValue' | 'minValue' | 'maxValue' +>; diff --git a/packages/time-field/stories/time-field.stories.ts b/packages/time-field/stories/time-field.stories.ts index 46c75799239..0f2e9fbd6b6 100644 --- a/packages/time-field/stories/time-field.stories.ts +++ b/packages/time-field/stories/time-field.stories.ts @@ -11,15 +11,141 @@ governing permissions and limitations under the License. */ import { html, TemplateResult } from '@spectrum-web-components/base'; -import '../sp-time-field.js'; +import { ifDefined } from 'lit/directives/if-defined.js'; + +import { spreadProps } from '../../../test/lit-helpers.js'; + +import '@spectrum-web-components/time-field/sp-time-field.js'; +import '@spectrum-web-components/theme/sp-theme.js'; + +const locales = [ + 'cs-CZ', + 'cy-GB', + 'da-DK', + 'de-DE', + 'en-GB', + 'en-US', + 'es-ES', + 'fi-FI', + 'fr-FR', + 'hu-HU', + 'it-IT', + 'ja-JP', + 'ko-KR', + 'nb-NO', + 'nl-NL', + 'pl-PL', + 'pt-BR', + 'ru-RU', + 'sv-SE', + 'tr-TR', + 'uk-UA', + 'zh-Hans-CN', + 'zh-Hans-CN-u-nu-hanidec', + 'zh-Hant-TW', + 'zz-ZY', + 'zz-ZZ', +] as const; + +const defaultLocale = 'en-US'; + +const hiddenProperty = { + table: { + disable: true, + }, +}; export default { title: 'Time Field', component: 'sp-time-field', + + argTypes: { + locale: { + options: locales, + control: { + type: 'select', + }, + table: { + defaultValue: { + summary: defaultLocale, + }, + }, + }, + + // Don't render private properties and getters in the Storybook UI + _languageResolver: { ...hiddenProperty }, + _locale: { ...hiddenProperty }, + _timeZone: { ...hiddenProperty }, + _currentTime: { ...hiddenProperty }, + now: { ...hiddenProperty }, + + // Inherited + _dirParent: { ...hiddenProperty }, + shadowRoot: { ...hiddenProperty }, + dir: { ...hiddenProperty }, + isLTR: { ...hiddenProperty }, + }, + + args: { + locale: defaultLocale, + }, + + parameters: { + controls: { + // Hide "This story is not configured to handle controls" warning + hideNoControlsWarning: true, + }, + }, }; -export const Default = (): TemplateResult => { +interface StoryArgs { + locale?: string; + + selectedTime?: Date; + + [prop: string]: unknown; +} + +const renderTimeField = ( + title: string, + args: StoryArgs = {} +): TemplateResult => { return html` - + +

${title}

+

+ Locale: + ${args.locale} +

+
+ + `; }; + +export const Default = (args: StoryArgs = {}): TemplateResult => { + return renderTimeField('Default', args); +}; + +export const selectedTime = (args: StoryArgs = {}): TemplateResult[] => { + const formatter = Intl.DateTimeFormat(args.locale || defaultLocale, { + hour: '2-digit', + minute: '2-digit', + second: '2-digit', + }); + + return [ + { time: new Date(2015, 1, 28, 9, 31, 7), desc: 'morning' }, + { time: new Date(2021, 10, 2, 16, 1, 54), desc: 'afternoon' }, + ].map((info) => { + const formatted = formatter.format(info.time); + const title = `Selected Time (${info.desc}): ${formatted}`; + + args = { + ...args, + selectedTime: info.time, + }; + + return renderTimeField(title, args); + }); +}; diff --git a/yarn.lock b/yarn.lock index 4ea2c78f55b..dfd4ad98041 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2245,6 +2245,13 @@ resolved "https://registry.yarnpkg.com/@import-maps/resolve/-/resolve-1.0.1.tgz#1e9fcadcf23aa0822256a329aabca241879d37c9" integrity sha512-tWZNBIS1CoekcwlMuyG2mr0a1Wo5lb5lEHwwWvZo+5GLgr3e9LLDTtmgtCWEwBpXMkxn9D+2W9j2FY6eZQq0tA== +"@internationalized/date@^3.2.0": + version "3.2.0" + resolved "https://registry.yarnpkg.com/@internationalized/date/-/date-3.2.0.tgz#1d266e5e5543a059cf8cca9b954fa033c3e58a75" + integrity sha512-VDMHN1m33L4eqPs5BaihzgQJXyaORbMoHOtrapFxx179J8ucY5CRIHYsq5RRLKPHZWgjNfa5v6amWWDkkMFywA== + dependencies: + "@swc/helpers" "^0.4.14" + "@internationalized/number@^3.1.0": version "3.1.2" resolved "https://registry.yarnpkg.com/@internationalized/number/-/number-3.1.2.tgz#4482a6ac573acfb18efd354a42008af20da6c89c" From 98d03701b05101bae4a9e1f4d554bf0648979884 Mon Sep 17 00:00:00 2001 From: Westbrook Johnson Date: Fri, 30 Jun 2023 09:34:22 -0400 Subject: [PATCH 37/83] fix(table): include all dependencies, @lit-labs/observers was missing --- packages/table/package.json | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/table/package.json b/packages/table/package.json index 8c925e50002..87c825410fc 100644 --- a/packages/table/package.json +++ b/packages/table/package.json @@ -115,6 +115,7 @@ "lit-html" ], "dependencies": { + "@lit-labs/observers": "^2.0.0", "@lit-labs/virtualizer": "^2.0.2", "@spectrum-web-components/base": "^0.33.2", "@spectrum-web-components/checkbox": "^0.33.2", From 8ce0cb0b76fcb76af34fdd3228ae268509f80ee0 Mon Sep 17 00:00:00 2001 From: Westbrook Johnson Date: Thu, 29 Jun 2023 08:02:32 -0400 Subject: [PATCH 38/83] fix(picker): correct label application for screen readers --- packages/field-label/src/FieldLabel.ts | 46 +++--- packages/picker/src/Picker.ts | 67 +++++++-- packages/picker/src/picker.css | 8 +- packages/picker/stories/picker.stories.ts | 65 ++++++++- packages/picker/test/index.ts | 170 ++++++++++++++++++++-- 5 files changed, 298 insertions(+), 58 deletions(-) diff --git a/packages/field-label/src/FieldLabel.ts b/packages/field-label/src/FieldLabel.ts index 0e44b8f1ea0..5efc2e5021c 100644 --- a/packages/field-label/src/FieldLabel.ts +++ b/packages/field-label/src/FieldLabel.ts @@ -37,6 +37,9 @@ import { import styles from './field-label.css.js'; type AcceptsFocusVisisble = HTMLElement & { forceFocusVisible?(): void }; +type Labelable = Focusable & { + applyFocusElementLabel?: (label?: string) => void; +}; /** * @element sp-field-label @@ -71,7 +74,7 @@ export class FieldLabel extends SizedMixin(SpectrumElement) { @property({ type: String, reflect: true, attribute: 'side-aligned' }) public sideAligned?: 'start' | 'end'; - private target?: HTMLElement; + private target?: Labelable; private handleClick(event: Event): void { if (!this.target || this.disabled || event.defaultPrevented) return; @@ -89,31 +92,34 @@ export class FieldLabel extends SizedMixin(SpectrumElement) { private resolvedElement = new ElementResolutionController(this); - private addTarget(target: Focusable): void { - this.target = target.focusElement || target; - const targetParent = this.target.getRootNode() as HTMLElement; - if (targetParent === (this.getRootNode() as HTMLElement)) { - conditionAttributeWithId(this.target, 'aria-labelledby', [this.id]); - } else { - this.target.setAttribute('aria-label', this.labelText); - } - } - - private removeTarget(): void { + private applyTargetLabel(target?: Labelable): void { + // Apply new target when provided + this.target = target || this.target; if (this.target) { - const targetParent = this.target.getRootNode() as HTMLElement; - if (targetParent === (this.getRootNode() as HTMLElement)) { - conditionAttributeWithoutId(this.target, 'aria-labelledby', [ - this.id, - ]); + // When target is available add or remove label information + // depending on the value of `apply`. + const applyLabel = this.target.applyFocusElementLabel; + const focusable = this.target.focusElement || this.target; + const targetParent = focusable.getRootNode() as HTMLElement; + if (typeof applyLabel !== 'undefined') { + applyLabel(this.labelText); + } else if (targetParent === (this.getRootNode() as HTMLElement)) { + const conditionAttribute = target + ? conditionAttributeWithId + : conditionAttributeWithoutId; + conditionAttribute(focusable, 'aria-labelledby', [this.id]); } else { - this.target.removeAttribute('aria-label'); + if (target) { + focusable.setAttribute('aria-label', this.labelText); + } else { + focusable.removeAttribute('aria-label'); + } } } } private async manageTarget(): Promise { - this.removeTarget(); + this.applyTargetLabel(); const target = this.resolvedElement.element as Focusable; if (!target) { this.target = target; @@ -125,7 +131,7 @@ export class FieldLabel extends SizedMixin(SpectrumElement) { if (typeof target.updateComplete !== 'undefined') { await target.updateComplete; } - this.addTarget(target); + this.applyTargetLabel(target); } private get labelText(): string { diff --git a/packages/picker/src/Picker.ts b/packages/picker/src/Picker.ts index 365d9b78b62..f662838e853 100644 --- a/packages/picker/src/Picker.ts +++ b/packages/picker/src/Picker.ts @@ -20,10 +20,14 @@ import { SizedMixin, TemplateResult, } from '@spectrum-web-components/base'; -import { classMap } from '@spectrum-web-components/base/src/directives.js'; +import { + classMap, + ifDefined, +} from '@spectrum-web-components/base/src/directives.js'; import { property, query, + state, } from '@spectrum-web-components/base/src/decorators.js'; import pickerStyles from './picker.css.js'; @@ -77,6 +81,9 @@ export class PickerBase extends SizedMixin(Focusable) { protected isMobile = new MatchMediaController(this, IS_MOBILE); + @state() + appliedLabel?: string; + @query('#button') public button!: HTMLButtonElement; @@ -373,7 +380,15 @@ export class PickerBase extends SizedMixin(Focusable) { return content; } return html` - ${this.label} + + + ${this.label} + + `; } @@ -382,30 +397,56 @@ export class PickerBase extends SizedMixin(Focusable) { 'visually-hidden': this.icons === 'only' && !!this.value, placeholder: !this.value, }; + const appliedLabel = this.appliedLabel || this.label; return [ html` + ${this.selectedItemContent.icon} ${this.renderLabelContent(this.selectedItemContent.content)} - ${this.invalid - ? html` - - ` - : nothing} + ${ + this.value && this.selectedItem + ? html` + + ` + : html` + + ` + } + ${ + this.invalid + ? html` + + ` + : nothing + } `, ]; } + applyFocusElementLabel = (value?: string): void => { + this.appliedLabel = value; + }; + // a helper to throw focus to the button is needed because Safari // won't include buttons in the tab order even with tabindex="0" protected override render(): TemplateResult { @@ -418,7 +459,7 @@ export class PickerBase extends SizedMixin(Focusable) {