From d16d4a4f339a2e34019d361ae68c50861e4fae0c Mon Sep 17 00:00:00 2001 From: Westbrook Johnson Date: Mon, 11 Sep 2023 11:30:39 -0400 Subject: [PATCH 1/4] chore: use latest non-breaking CSS dependencies --- packages/accordion/package.json | 2 +- packages/action-bar/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/card/package.json | 2 +- packages/checkbox/package.json | 2 +- packages/checkbox/src/spectrum-checkbox.css | 4 +- packages/clear-button/package.json | 2 +- packages/coachmark/package.json | 2 +- packages/color-area/package.json | 2 +- packages/color-loupe/package.json | 2 +- packages/color-slider/package.json | 2 +- packages/color-wheel/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/illustrated-message/package.json | 2 +- packages/link/package.json | 2 +- packages/menu/package.json | 2 +- packages/meter/package.json | 2 +- packages/meter/src/spectrum-config.js | 1 + packages/meter/src/spectrum-meter.css | 105 +++-- packages/modal/package.json | 2 +- packages/modal/src/spectrum-modal.css | 7 +- packages/number-field/package.json | 2 +- packages/picker-button/package.json | 2 +- packages/popover/package.json | 2 +- packages/popover/src/spectrum-popover.css | 24 +- packages/progress-bar/package.json | 2 +- .../src/spectrum-progress-bar.css | 105 +++-- 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-view/package.json | 2 +- .../split-view/src/spectrum-split-view.css | 26 +- packages/status-light/package.json | 2 +- packages/swatch/package.json | 4 +- packages/table/package.json | 2 +- packages/tabs/package.json | 2 +- packages/tags/package.json | 2 +- packages/textfield/package.json | 2 +- packages/textfield/src/spectrum-textfield.css | 5 + packages/thumbnail/package.json | 2 +- packages/toast/package.json | 2 +- packages/tooltip/package.json | 2 +- packages/tray/package.json | 2 +- tools/opacity-checkerboard/package.json | 2 +- tools/styles/package.json | 4 +- .../tokens/express/custom-dark-vars.css | 1 + .../tokens/express/custom-darkest-vars.css | 1 + .../tokens/express/custom-light-vars.css | 1 + .../tokens/spectrum/custom-dark-vars.css | 5 + .../tokens/spectrum/custom-darkest-vars.css | 5 + .../tokens/spectrum/custom-large-vars.css | 13 + .../tokens/spectrum/custom-light-vars.css | 5 + .../tokens/spectrum/custom-medium-vars.css | 13 + yarn.lock | 386 +++++++++--------- 64 files changed, 441 insertions(+), 364 deletions(-) diff --git a/packages/accordion/package.json b/packages/accordion/package.json index a483c5f53e..1856baf953 100644 --- a/packages/accordion/package.json +++ b/packages/accordion/package.json @@ -73,7 +73,7 @@ "@spectrum-web-components/shared": "^0.38.0" }, "devDependencies": { - "@spectrum-css/accordion": "^4.0.9" + "@spectrum-css/accordion": "^4.0.17" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/action-bar/package.json b/packages/action-bar/package.json index 1ded94bf0b..13c4dc3d6b 100644 --- a/packages/action-bar/package.json +++ b/packages/action-bar/package.json @@ -63,7 +63,7 @@ "@spectrum-web-components/popover": "^0.38.0" }, "devDependencies": { - "@spectrum-css/actionbar": "^6.0.59" + "@spectrum-css/actionbar": "^6.0.67" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/action-menu/package.json b/packages/action-menu/package.json index cb96a60f80..723410b468 100644 --- a/packages/action-menu/package.json +++ b/packages/action-menu/package.json @@ -69,7 +69,7 @@ "@spectrum-web-components/shared": "^0.38.0" }, "devDependencies": { - "@spectrum-css/actionmenu": "^4.0.50" + "@spectrum-css/actionmenu": "^4.0.58" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/asset/package.json b/packages/asset/package.json index 1266dda62f..a9992affdb 100644 --- a/packages/asset/package.json +++ b/packages/asset/package.json @@ -60,7 +60,7 @@ "@spectrum-web-components/base": "^0.38.0" }, "devDependencies": { - "@spectrum-css/asset": "^3.0.47" + "@spectrum-css/asset": "^3.0.48" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/avatar/package.json b/packages/avatar/package.json index 7b627746a8..ee8f63fd1e 100644 --- a/packages/avatar/package.json +++ b/packages/avatar/package.json @@ -61,7 +61,7 @@ "@spectrum-web-components/shared": "^0.38.0" }, "devDependencies": { - "@spectrum-css/avatar": "^6.0.44" + "@spectrum-css/avatar": "^6.0.52" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/badge/package.json b/packages/badge/package.json index 92d252519b..c57d5b0e6c 100644 --- a/packages/badge/package.json +++ b/packages/badge/package.json @@ -61,7 +61,7 @@ "@spectrum-web-components/shared": "^0.38.0" }, "devDependencies": { - "@spectrum-css/badge": "^3.1.0" + "@spectrum-css/badge": "^3.1.8" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/card/package.json b/packages/card/package.json index c2cccced6c..58f1e7863f 100644 --- a/packages/card/package.json +++ b/packages/card/package.json @@ -66,7 +66,7 @@ "@spectrum-web-components/styles": "^0.38.0" }, "devDependencies": { - "@spectrum-css/card": "^6.0.9" + "@spectrum-css/card": "^6.0.18" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/checkbox/package.json b/packages/checkbox/package.json index c9018f98aa..34e87a7e3c 100644 --- a/packages/checkbox/package.json +++ b/packages/checkbox/package.json @@ -67,7 +67,7 @@ "@spectrum-web-components/shared": "^0.38.0" }, "devDependencies": { - "@spectrum-css/checkbox": "^7.0.6" + "@spectrum-css/checkbox": "^7.0.11" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/checkbox/src/spectrum-checkbox.css b/packages/checkbox/src/spectrum-checkbox.css index 0bb2cc0013..4236d6e6c6 100644 --- a/packages/checkbox/src/spectrum-checkbox.css +++ b/packages/checkbox/src/spectrum-checkbox.css @@ -303,8 +303,8 @@ governing permissions and limitations under the License. :host([indeterminate]) #input:checked + #box #checkmark { display: none; } -:host([indeterminate]) #box .spectrum-Icon#partialCheckmark, -:host([indeterminate]) #input:checked + #box .spectrum-Icon#partialCheckmark { +:host([indeterminate]) #box #partialCheckmark, +:host([indeterminate]) #input:checked + #box #partialCheckmark { display: block; opacity: 1; transform: scale(1); diff --git a/packages/clear-button/package.json b/packages/clear-button/package.json index 9d82102a74..dcf9dedf85 100644 --- a/packages/clear-button/package.json +++ b/packages/clear-button/package.json @@ -45,7 +45,7 @@ "@spectrum-web-components/base": "^0.38.0" }, "devDependencies": { - "@spectrum-css/clearbutton": "^5.0.4" + "@spectrum-css/clearbutton": "^5.0.5" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/coachmark/package.json b/packages/coachmark/package.json index d677f7f4ac..896a3fe7ed 100644 --- a/packages/coachmark/package.json +++ b/packages/coachmark/package.json @@ -60,7 +60,7 @@ "@spectrum-web-components/base": "^0.38.0" }, "devDependencies": { - "@spectrum-css/coachmark": "^5.0.58" + "@spectrum-css/coachmark": "^5.0.67" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/color-area/package.json b/packages/color-area/package.json index e5167006bf..19cb0e8766 100644 --- a/packages/color-area/package.json +++ b/packages/color-area/package.json @@ -67,7 +67,7 @@ "@spectrum-web-components/reactive-controllers": "^0.38.0" }, "devDependencies": { - "@spectrum-css/colorarea": "^4.0.33" + "@spectrum-css/colorarea": "^4.0.41" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/color-loupe/package.json b/packages/color-loupe/package.json index 65e6b39b9a..fb60b388e1 100644 --- a/packages/color-loupe/package.json +++ b/packages/color-loupe/package.json @@ -61,7 +61,7 @@ "@spectrum-web-components/opacity-checkerboard": "^0.38.0" }, "devDependencies": { - "@spectrum-css/colorloupe": "^4.1.17" + "@spectrum-css/colorloupe": "^4.1.18" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/color-slider/package.json b/packages/color-slider/package.json index b7cb803bba..61cbc7373c 100644 --- a/packages/color-slider/package.json +++ b/packages/color-slider/package.json @@ -68,7 +68,7 @@ "@spectrum-web-components/shared": "^0.38.0" }, "devDependencies": { - "@spectrum-css/colorslider": "^5.0.0" + "@spectrum-css/colorslider": "^5.0.4" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/color-wheel/package.json b/packages/color-wheel/package.json index b2e4939eec..d433195230 100644 --- a/packages/color-wheel/package.json +++ b/packages/color-wheel/package.json @@ -68,7 +68,7 @@ "@spectrum-web-components/shared": "^0.38.0" }, "devDependencies": { - "@spectrum-css/colorwheel": "^3.0.33" + "@spectrum-css/colorwheel": "^3.0.41" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/dialog/package.json b/packages/dialog/package.json index 08a992ad02..573d96b941 100644 --- a/packages/dialog/package.json +++ b/packages/dialog/package.json @@ -84,7 +84,7 @@ "@spectrum-web-components/underlay": "^0.38.0" }, "devDependencies": { - "@spectrum-css/dialog": "^6.0.66" + "@spectrum-css/dialog": "^6.0.68" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/divider/package.json b/packages/divider/package.json index 9e933a82b9..444496a73a 100644 --- a/packages/divider/package.json +++ b/packages/divider/package.json @@ -60,7 +60,7 @@ "@spectrum-web-components/base": "^0.38.0" }, "devDependencies": { - "@spectrum-css/divider": "^2.1.17" + "@spectrum-css/divider": "^2.1.25" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/dropzone/package.json b/packages/dropzone/package.json index bfbdb5e8fb..7a54615be6 100644 --- a/packages/dropzone/package.json +++ b/packages/dropzone/package.json @@ -60,7 +60,7 @@ "@spectrum-web-components/base": "^0.38.0" }, "devDependencies": { - "@spectrum-css/dropzone": "^5.0.13" + "@spectrum-css/dropzone": "^5.0.21" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/field-group/package.json b/packages/field-group/package.json index d13fa3dcc7..eaf4bec811 100644 --- a/packages/field-group/package.json +++ b/packages/field-group/package.json @@ -61,7 +61,7 @@ "@spectrum-web-components/help-text": "^0.38.0" }, "devDependencies": { - "@spectrum-css/fieldgroup": "^4.0.62" + "@spectrum-css/fieldgroup": "^4.0.72" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/field-label/package.json b/packages/field-label/package.json index 0c3796eeea..6c58e8a596 100644 --- a/packages/field-label/package.json +++ b/packages/field-label/package.json @@ -64,7 +64,7 @@ "@spectrum-web-components/shared": "^0.38.0" }, "devDependencies": { - "@spectrum-css/fieldlabel": "^7.0.32" + "@spectrum-css/fieldlabel": "^7.0.33" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/help-text/package.json b/packages/help-text/package.json index 3d2cb5b4a2..416877e574 100644 --- a/packages/help-text/package.json +++ b/packages/help-text/package.json @@ -81,7 +81,7 @@ "@spectrum-web-components/icons-workflow": "^0.38.0" }, "devDependencies": { - "@spectrum-css/helptext": "^4.0.46" + "@spectrum-css/helptext": "^4.0.54" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/illustrated-message/package.json b/packages/illustrated-message/package.json index b94768b04b..d94df3e481 100644 --- a/packages/illustrated-message/package.json +++ b/packages/illustrated-message/package.json @@ -61,7 +61,7 @@ "@spectrum-web-components/styles": "^0.38.0" }, "devDependencies": { - "@spectrum-css/illustratedmessage": "^6.0.13" + "@spectrum-css/illustratedmessage": "^6.0.21" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/link/package.json b/packages/link/package.json index c9f81a7737..e1c45f7e60 100644 --- a/packages/link/package.json +++ b/packages/link/package.json @@ -61,7 +61,7 @@ "@spectrum-web-components/shared": "^0.38.0" }, "devDependencies": { - "@spectrum-css/link": "^4.0.57" + "@spectrum-css/link": "^4.0.65" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/menu/package.json b/packages/menu/package.json index 657658526d..80b08c4784 100644 --- a/packages/menu/package.json +++ b/packages/menu/package.json @@ -94,7 +94,7 @@ "@spectrum-web-components/shared": "^0.38.0" }, "devDependencies": { - "@spectrum-css/menu": "^5.0.2" + "@spectrum-css/menu": "^5.0.10" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/meter/package.json b/packages/meter/package.json index 8318a0663a..f7f4ace454 100644 --- a/packages/meter/package.json +++ b/packages/meter/package.json @@ -62,7 +62,7 @@ "@spectrum-web-components/shared": "^0.38.0" }, "devDependencies": { - "@spectrum-css/progressbar": "^3.0.61" + "@spectrum-css/progressbar": "^3.0.71" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/meter/src/spectrum-config.js b/packages/meter/src/spectrum-config.js index d7fb9e6ee9..0b35bb8fd9 100644 --- a/packages/meter/src/spectrum-config.js +++ b/packages/meter/src/spectrum-config.js @@ -29,6 +29,7 @@ const config = { fileName: 'meter', components: [ converter.classToHost(), + converter.classToHost('spectrum-Meter'), converter.classToClass('spectrum-ProgressBar-track'), converter.classToClass('spectrum-ProgressBar-fill'), converter.classToClass('spectrum-ProgressBar-label'), diff --git a/packages/meter/src/spectrum-meter.css b/packages/meter/src/spectrum-meter.css index b4df9e00db..7cfb07b0c1 100644 --- a/packages/meter/src/spectrum-meter.css +++ b/packages/meter/src/spectrum-meter.css @@ -56,6 +56,12 @@ governing permissions and limitations under the License. --spectrum-transparent-white-300 ); --spectrum-progressbar-fill-color-white: var(--spectrum-white); + --spectrum-meter-min-width: var(--spectrum-meter-minimum-width); + --spectrum-meter-max-width: var(--spectrum-meter-maximum-width); + --spectrum-meter-inline-size: var(--spectrum-meter-default-width); + --spectrum-meter-thickness-s: var(--spectrum-meter-thickness-small); + --spectrum-meter-thickness-l: var(--spectrum-meter-thickness-large); + --spectrum-meter-top-to-text: var(--spectrum-component-top-to-text); } :host([size='s']) { --spectrum-progressbar-size-default: var(--spectrum-progressbar-size-2400); @@ -97,13 +103,46 @@ governing permissions and limitations under the License. --spectrum-component-top-to-text-300 ); } -@media (forced-colors: active) { - .track { - --highcontrast-progressbar-fill-color: ButtonText; - --highcontrast-progressbar-track-color: ButtonFace; - border: 1px solid ButtonText; - forced-color-adjust: none; - } +:host { + --spectrum-progressbar-size-default: var( + --mod-meter-inline-size, + var(--spectrum-meter-inline-size) + ); + --spectrum-progressbar-max-size: var( + --mod-meter-max-width, + var(--spectrum-meter-max-width) + ); + --spectrum-progressbar-min-size: var( + --mod-meter-min-width, + var(--spectrum-meter-min-width) + ); +} +:host([positive]) .fill { + background-color: var( + --highcontrast-progressbar-fill-color, + var( + --mod-progressbar-fill-color-positive, + var(--spectrum-progressbar-fill-color-positive) + ) + ); +} +:host([notice]) .fill { + background-color: var( + --highcontrast-progressbar-fill-color, + var( + --mod-progressbar-fill-color-notice, + var(--spectrum-progressbar-fill-color-notice) + ) + ); +} +:host([negative]) .fill { + background-color: var( + --highcontrast-progressbar-fill-color, + var( + --mod-progressbar-fill-color-negative, + var(--spectrum-progressbar-fill-color-negative) + ) + ); } :host { align-items: center; @@ -171,60 +210,32 @@ governing permissions and limitations under the License. ); } .track { - background: var( + background-color: var( --highcontrast-progressbar-track-color, var( --mod-progressbar-track-color, var(--spectrum-progressbar-track-color) ) ); - block-size: var( - --mod-progressbar-thickness, - var(--spectrum-progressbar-thickness) - ); border-radius: var(--spectrum-progressbar-corner-radius); inline-size: 100%; overflow: hidden; } -:host([positive]) .fill { - background: var( - --highcontrast-progressbar-fill-color, - var( - --mod-progressbar-fill-color-positive, - var(--spectrum-progressbar-fill-color-positive) - ) - ); -} -:host([notice]) .fill { - background: var( - --highcontrast-progressbar-fill-color, - var( - --mod-progressbar-fill-color-notice, - var(--spectrum-progressbar-fill-color-notice) - ) - ); -} -:host([negative]) .fill { - background: var( - --highcontrast-progressbar-fill-color, - var( - --mod-progressbar-fill-color-negative, - var(--spectrum-progressbar-fill-color-negative) - ) +.fill, +.track { + block-size: var( + --mod-progressbar-thickness, + var(--spectrum-progressbar-thickness) ); } .fill { - background: var( + background-color: var( --highcontrast-progressbar-fill-color, var( --mod-progressbar-fill-color, var(--spectrum-progressbar-fill-color) ) ); - block-size: var( - --mod-progressbar-thickness, - var(--spectrum-progressbar-thickness) - ); border: none; transition: width 1s; } @@ -270,7 +281,7 @@ governing permissions and limitations under the License. text-align: end; } :host([static='white']) .fill { - background: var( + background-color: var( --mod-progressbar-fill-color-white, var(--spectrum-progressbar-fill-color-white) ); @@ -345,3 +356,11 @@ governing permissions and limitations under the License. ); } } +@media (forced-colors: active) { + .track { + --highcontrast-progressbar-fill-color: ButtonText; + --highcontrast-progressbar-track-color: ButtonFace; + border: 1px solid ButtonText; + forced-color-adjust: none; + } +} diff --git a/packages/modal/package.json b/packages/modal/package.json index 7541850433..4da1221058 100644 --- a/packages/modal/package.json +++ b/packages/modal/package.json @@ -46,7 +46,7 @@ "@spectrum-web-components/base": "^0.38.0" }, "devDependencies": { - "@spectrum-css/modal": "^3.0.48" + "@spectrum-css/modal": "^3.1.0" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/modal/src/spectrum-modal.css b/packages/modal/src/spectrum-modal.css index 04b2bb599b..52008a4ae8 100644 --- a/packages/modal/src/spectrum-modal.css +++ b/packages/modal/src/spectrum-modal.css @@ -31,6 +31,7 @@ governing permissions and limitations under the License. --spectrum-dialog-confirm-exit-animation-delay: 0s; --spectrum-dialog-fullscreen-margin: 32px; --spectrum-dialog-max-height: 90vh; + --spectrum-dialog-max-width: 90%; } .modal { border-radius: var( @@ -38,6 +39,7 @@ governing permissions and limitations under the License. var(--spectrum-alias-component-border-radius) ); max-height: var(--spectrum-dialog-max-height); + max-width: var(--spectrum-dialog-max-width); outline: none; overflow: hidden; pointer-events: auto; @@ -128,8 +130,5 @@ governing permissions and limitations under the License. transform: none; } .modal { - background: var( - --spectrum-dialog-confirm-background-color, - var(--spectrum-alias-background-color-default) - ); + background: var(--spectrum-gray-100); } diff --git a/packages/number-field/package.json b/packages/number-field/package.json index b0e5e7a680..426109cb66 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.47" + "@spectrum-css/stepper": "^4.0.56" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/picker-button/package.json b/packages/picker-button/package.json index 4ecaaf3d06..3ffd9da5c9 100644 --- a/packages/picker-button/package.json +++ b/packages/picker-button/package.json @@ -57,7 +57,7 @@ "@spectrum-web-components/icons-ui": "^0.38.0" }, "devDependencies": { - "@spectrum-css/pickerbutton": "^4.0.3" + "@spectrum-css/pickerbutton": "^4.0.12" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/popover/package.json b/packages/popover/package.json index 5d5a885a5f..05b2a0cb78 100644 --- a/packages/popover/package.json +++ b/packages/popover/package.json @@ -61,7 +61,7 @@ "@spectrum-web-components/overlay": "^0.38.0" }, "devDependencies": { - "@spectrum-css/popover": "^6.0.65" + "@spectrum-css/popover": "^6.0.74" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/popover/src/spectrum-popover.css b/packages/popover/src/spectrum-popover.css index 9e05309b6e..69e2e4dd38 100644 --- a/packages/popover/src/spectrum-popover.css +++ b/packages/popover/src/spectrum-popover.css @@ -74,7 +74,8 @@ governing permissions and limitations under the License. ); } :host { - --spectrum-popover-cross-offset: 0; + --flow-direction: 1; + --spectrum-popover-offset: 0px; --spectrum-popover-background-color: var( --spectrum-background-layer-2-color ); @@ -98,6 +99,9 @@ governing permissions and limitations under the License. var(--spectrum-popover-tip-width) / 2 ); } +:host([dir='rtl']) { + --flow-direction: -1; +} @media (forced-colors: active) { :host { --highcontrast-popover-border-color: CanvasText; @@ -175,34 +179,40 @@ governing permissions and limitations under the License. .spectrum-Popover--top-right, .spectrum-Popover--top-start, :host([placement*='top']) { - margin-bottom: var(--spectrum-popover-cross-offset); + margin-bottom: var(--mod-popover-offset, var(--spectrum-popover-offset)); } .spectrum-Popover--bottom-end, .spectrum-Popover--bottom-left, .spectrum-Popover--bottom-right, .spectrum-Popover--bottom-start, :host([placement*='bottom']) { - margin-top: var(--spectrum-popover-cross-offset); + margin-top: var(--mod-popover-offset, var(--spectrum-popover-offset)); } .spectrum-Popover--right-bottom, .spectrum-Popover--right-top, :host([placement*='right']) { - margin-left: var(--spectrum-popover-cross-offset); + margin-left: var(--mod-popover-offset, var(--spectrum-popover-offset)); } .spectrum-Popover--left-bottom, .spectrum-Popover--left-top, :host([placement*='left']) { - margin-right: var(--spectrum-popover-cross-offset); + margin-right: var(--mod-popover-offset, var(--spectrum-popover-offset)); } .spectrum-Popover--start, .spectrum-Popover--start-bottom, .spectrum-Popover--start-top { - margin-inline-end: var(--spectrum-popover-cross-offset); + margin-inline-end: var( + --mod-popover-offset, + var(--spectrum-popover-offset) + ); } .spectrum-Popover--end, .spectrum-Popover--end-bottom, .spectrum-Popover--end-top { - margin-inline-start: var(--spectrum-popover-cross-offset); + margin-inline-start: var( + --mod-popover-offset, + var(--spectrum-popover-offset) + ); } :host([tip]) #tip, :host([tip]) .spectrum-Popover--bottom-end #tip, diff --git a/packages/progress-bar/package.json b/packages/progress-bar/package.json index b2dfff27d5..dd5b2c8bf6 100644 --- a/packages/progress-bar/package.json +++ b/packages/progress-bar/package.json @@ -61,7 +61,7 @@ "@spectrum-web-components/field-label": "^0.38.0" }, "devDependencies": { - "@spectrum-css/progressbar": "^3.0.61" + "@spectrum-css/progressbar": "^3.0.71" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/progress-bar/src/spectrum-progress-bar.css b/packages/progress-bar/src/spectrum-progress-bar.css index b4df9e00db..f33a347b89 100644 --- a/packages/progress-bar/src/spectrum-progress-bar.css +++ b/packages/progress-bar/src/spectrum-progress-bar.css @@ -56,6 +56,12 @@ governing permissions and limitations under the License. --spectrum-transparent-white-300 ); --spectrum-progressbar-fill-color-white: var(--spectrum-white); + --spectrum-meter-min-width: var(--spectrum-meter-minimum-width); + --spectrum-meter-max-width: var(--spectrum-meter-maximum-width); + --spectrum-meter-inline-size: var(--spectrum-meter-default-width); + --spectrum-meter-thickness-s: var(--spectrum-meter-thickness-small); + --spectrum-meter-thickness-l: var(--spectrum-meter-thickness-large); + --spectrum-meter-top-to-text: var(--spectrum-component-top-to-text); } :host([size='s']) { --spectrum-progressbar-size-default: var(--spectrum-progressbar-size-2400); @@ -97,13 +103,46 @@ governing permissions and limitations under the License. --spectrum-component-top-to-text-300 ); } -@media (forced-colors: active) { - .track { - --highcontrast-progressbar-fill-color: ButtonText; - --highcontrast-progressbar-track-color: ButtonFace; - border: 1px solid ButtonText; - forced-color-adjust: none; - } +.spectrum-Meter { + --spectrum-progressbar-size-default: var( + --mod-meter-inline-size, + var(--spectrum-meter-inline-size) + ); + --spectrum-progressbar-max-size: var( + --mod-meter-max-width, + var(--spectrum-meter-max-width) + ); + --spectrum-progressbar-min-size: var( + --mod-meter-min-width, + var(--spectrum-meter-min-width) + ); +} +:host([positive]) .spectrum-Meter .fill { + background-color: var( + --highcontrast-progressbar-fill-color, + var( + --mod-progressbar-fill-color-positive, + var(--spectrum-progressbar-fill-color-positive) + ) + ); +} +:host([notice]) .spectrum-Meter .fill { + background-color: var( + --highcontrast-progressbar-fill-color, + var( + --mod-progressbar-fill-color-notice, + var(--spectrum-progressbar-fill-color-notice) + ) + ); +} +:host([negative]) .spectrum-Meter .fill { + background-color: var( + --highcontrast-progressbar-fill-color, + var( + --mod-progressbar-fill-color-negative, + var(--spectrum-progressbar-fill-color-negative) + ) + ); } :host { align-items: center; @@ -171,60 +210,32 @@ governing permissions and limitations under the License. ); } .track { - background: var( + background-color: var( --highcontrast-progressbar-track-color, var( --mod-progressbar-track-color, var(--spectrum-progressbar-track-color) ) ); - block-size: var( - --mod-progressbar-thickness, - var(--spectrum-progressbar-thickness) - ); border-radius: var(--spectrum-progressbar-corner-radius); inline-size: 100%; overflow: hidden; } -:host([positive]) .fill { - background: var( - --highcontrast-progressbar-fill-color, - var( - --mod-progressbar-fill-color-positive, - var(--spectrum-progressbar-fill-color-positive) - ) - ); -} -:host([notice]) .fill { - background: var( - --highcontrast-progressbar-fill-color, - var( - --mod-progressbar-fill-color-notice, - var(--spectrum-progressbar-fill-color-notice) - ) - ); -} -:host([negative]) .fill { - background: var( - --highcontrast-progressbar-fill-color, - var( - --mod-progressbar-fill-color-negative, - var(--spectrum-progressbar-fill-color-negative) - ) +.fill, +.track { + block-size: var( + --mod-progressbar-thickness, + var(--spectrum-progressbar-thickness) ); } .fill { - background: var( + background-color: var( --highcontrast-progressbar-fill-color, var( --mod-progressbar-fill-color, var(--spectrum-progressbar-fill-color) ) ); - block-size: var( - --mod-progressbar-thickness, - var(--spectrum-progressbar-thickness) - ); border: none; transition: width 1s; } @@ -270,7 +281,7 @@ governing permissions and limitations under the License. text-align: end; } :host([static='white']) .fill { - background: var( + background-color: var( --mod-progressbar-fill-color-white, var(--spectrum-progressbar-fill-color-white) ); @@ -345,3 +356,11 @@ governing permissions and limitations under the License. ); } } +@media (forced-colors: active) { + .track { + --highcontrast-progressbar-fill-color: ButtonText; + --highcontrast-progressbar-track-color: ButtonFace; + border: 1px solid ButtonText; + forced-color-adjust: none; + } +} diff --git a/packages/progress-circle/package.json b/packages/progress-circle/package.json index 7e8049ed6c..a64c24d186 100644 --- a/packages/progress-circle/package.json +++ b/packages/progress-circle/package.json @@ -60,7 +60,7 @@ "@spectrum-web-components/base": "^0.38.0" }, "devDependencies": { - "@spectrum-css/progresscircle": "^2.0.57" + "@spectrum-css/progresscircle": "^2.0.65" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/quick-actions/package.json b/packages/quick-actions/package.json index 99f63e8ac1..b167498b31 100644 --- a/packages/quick-actions/package.json +++ b/packages/quick-actions/package.json @@ -60,7 +60,7 @@ "@spectrum-web-components/base": "^0.38.0" }, "devDependencies": { - "@spectrum-css/quickaction": "^3.0.74" + "@spectrum-css/quickaction": "^3.0.83" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/search/package.json b/packages/search/package.json index e7c7e61c3a..b05b0181cc 100644 --- a/packages/search/package.json +++ b/packages/search/package.json @@ -64,7 +64,7 @@ "@spectrum-web-components/textfield": "^0.38.0" }, "devDependencies": { - "@spectrum-css/search": "^6.0.11" + "@spectrum-css/search": "^6.0.20" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/sidenav/package.json b/packages/sidenav/package.json index f526a76123..1088ab579e 100644 --- a/packages/sidenav/package.json +++ b/packages/sidenav/package.json @@ -80,7 +80,7 @@ "@spectrum-web-components/shared": "^0.38.0" }, "devDependencies": { - "@spectrum-css/sidenav": "^4.0.1" + "@spectrum-css/sidenav": "^4.0.9" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/slider/package.json b/packages/slider/package.json index 3e16842402..86e8e62238 100644 --- a/packages/slider/package.json +++ b/packages/slider/package.json @@ -83,7 +83,7 @@ "@spectrum-web-components/theme": "^0.38.0" }, "devDependencies": { - "@spectrum-css/slider": "^4.1.8" + "@spectrum-css/slider": "^4.1.9" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/split-view/package.json b/packages/split-view/package.json index 5d62a1f9f6..ffe103c61f 100644 --- a/packages/split-view/package.json +++ b/packages/split-view/package.json @@ -64,7 +64,7 @@ "@spectrum-web-components/base": "^0.38.0" }, "devDependencies": { - "@spectrum-css/splitview": "^3.0.47" + "@spectrum-css/splitview": "^3.0.48" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/split-view/src/spectrum-split-view.css b/packages/split-view/src/spectrum-split-view.css index 94f5a271f7..2ef6a6f7b4 100644 --- a/packages/split-view/src/spectrum-split-view.css +++ b/packages/split-view/src/spectrum-split-view.css @@ -289,19 +289,13 @@ governing permissions and limitations under the License. :host([resizable]) #splitter:focus { outline: none; } -:host([resizable]) #splitter.focus-visible { +:host([resizable]) #splitter:focus-ring { background-color: var( --spectrum-alias-focus-color, var(--spectrum-global-color-blue-400) ); } -:host([resizable]) #splitter:focus-visible { - background-color: var( - --spectrum-alias-focus-color, - var(--spectrum-global-color-blue-400) - ); -} -:host([resizable]) #splitter.focus-visible #gripper { +:host([resizable]) #splitter:focus-ring #gripper { border-color: var( --spectrum-alias-focus-color, var(--spectrum-global-color-blue-400) @@ -309,21 +303,7 @@ governing permissions and limitations under the License. box-shadow: 0 0 0 1px var(--spectrum-alias-focus-color, var(--spectrum-global-color-blue-400)); } -:host([resizable]) #splitter:focus-visible #gripper { - border-color: var( - --spectrum-alias-focus-color, - var(--spectrum-global-color-blue-400) - ); - box-shadow: 0 0 0 1px - var(--spectrum-alias-focus-color, var(--spectrum-global-color-blue-400)); -} -:host([resizable]) #splitter.focus-visible #gripper:before { - background-color: var( - --spectrum-alias-focus-color, - var(--spectrum-global-color-blue-400) - ); -} -:host([resizable]) #splitter:focus-visible #gripper:before { +:host([resizable]) #splitter:focus-ring #gripper:before { background-color: var( --spectrum-alias-focus-color, var(--spectrum-global-color-blue-400) diff --git a/packages/status-light/package.json b/packages/status-light/package.json index bba72da32d..b333ecb487 100644 --- a/packages/status-light/package.json +++ b/packages/status-light/package.json @@ -60,7 +60,7 @@ "@spectrum-web-components/base": "^0.38.0" }, "devDependencies": { - "@spectrum-css/statuslight": "^6.0.44" + "@spectrum-css/statuslight": "^6.0.52" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/swatch/package.json b/packages/swatch/package.json index 1af92077e0..df2f5e7b5c 100644 --- a/packages/swatch/package.json +++ b/packages/swatch/package.json @@ -75,8 +75,8 @@ "@spectrum-web-components/shared": "^0.38.0" }, "devDependencies": { - "@spectrum-css/swatch": "^5.0.11", - "@spectrum-css/swatchgroup": "^2.0.67" + "@spectrum-css/swatch": "^5.0.12", + "@spectrum-css/swatchgroup": "^2.0.68" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/table/package.json b/packages/table/package.json index db9d1c7e6c..8bbd52d7e3 100644 --- a/packages/table/package.json +++ b/packages/table/package.json @@ -123,7 +123,7 @@ "@spectrum-web-components/icons-ui": "^0.38.0" }, "devDependencies": { - "@spectrum-css/table": "^5.0.0" + "@spectrum-css/table": "^5.0.1" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/tabs/package.json b/packages/tabs/package.json index 2e5a3b32fa..e66edcb201 100644 --- a/packages/tabs/package.json +++ b/packages/tabs/package.json @@ -93,7 +93,7 @@ "@spectrum-web-components/shared": "^0.38.0" }, "devDependencies": { - "@spectrum-css/tabs": "^4.0.8" + "@spectrum-css/tabs": "^4.0.17" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/tags/package.json b/packages/tags/package.json index 02925c046b..9935856906 100644 --- a/packages/tags/package.json +++ b/packages/tags/package.json @@ -73,7 +73,7 @@ }, "devDependencies": { "@spectrum-css/tag": "^6.0.1", - "@spectrum-css/taggroup": "^4.0.0" + "@spectrum-css/taggroup": "^4.0.4" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/textfield/package.json b/packages/textfield/package.json index f9f958f19a..ca90603c11 100644 --- a/packages/textfield/package.json +++ b/packages/textfield/package.json @@ -65,7 +65,7 @@ "@spectrum-web-components/shared": "^0.38.0" }, "devDependencies": { - "@spectrum-css/textfield": "^6.0.11" + "@spectrum-css/textfield": "^6.0.20" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/textfield/src/spectrum-textfield.css b/packages/textfield/src/spectrum-textfield.css index f754134d99..565149bde4 100644 --- a/packages/textfield/src/spectrum-textfield.css +++ b/packages/textfield/src/spectrum-textfield.css @@ -12,6 +12,7 @@ governing permissions and limitations under the License. /* THIS FILE IS MACHINE GENERATED. DO NOT EDIT */ :host { + --spectrum-textfield-input-line-height: var(--spectrum-textfield-height); --spectrum-texfield-animation-duration: var( --spectrum-animation-duration-100 ); @@ -598,6 +599,7 @@ governing permissions and limitations under the License. ); grid-area: 2/1 / auto/span 2; inline-size: 100%; + line-height: var(--spectrum-textfield-input-line-height); margin: 0; min-inline-size: var( --mod-textfield-min-width, @@ -1094,6 +1096,9 @@ governing permissions and limitations under the License. .spectrum-Textfield--sideLabel .input { grid-area: 1/2 / span 1 / span 1; } +:host([multiline]) { + --spectrum-textfield-input-line-height: normal; +} :host([multiline]) .input { min-block-size: var( --mod-text-area-min-block-size, diff --git a/packages/thumbnail/package.json b/packages/thumbnail/package.json index ab991af68f..d1b6197e49 100644 --- a/packages/thumbnail/package.json +++ b/packages/thumbnail/package.json @@ -61,7 +61,7 @@ "@spectrum-web-components/opacity-checkerboard": "^0.38.0" }, "devDependencies": { - "@spectrum-css/thumbnail": "^5.0.6" + "@spectrum-css/thumbnail": "^5.0.7" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/toast/package.json b/packages/toast/package.json index 57667a4084..e84c736642 100644 --- a/packages/toast/package.json +++ b/packages/toast/package.json @@ -63,7 +63,7 @@ "@spectrum-web-components/icons-workflow": "^0.38.0" }, "devDependencies": { - "@spectrum-css/toast": "^9.1.0" + "@spectrum-css/toast": "^9.1.9" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/tooltip/package.json b/packages/tooltip/package.json index 8ac73079fe..cc58f22936 100644 --- a/packages/tooltip/package.json +++ b/packages/tooltip/package.json @@ -62,7 +62,7 @@ "@spectrum-web-components/shared": "^0.38.0" }, "devDependencies": { - "@spectrum-css/tooltip": "^5.1.3" + "@spectrum-css/tooltip": "^5.1.11" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/tray/package.json b/packages/tray/package.json index 17f6973f7c..36e40ec041 100644 --- a/packages/tray/package.json +++ b/packages/tray/package.json @@ -64,7 +64,7 @@ "@spectrum-web-components/underlay": "^0.38.0" }, "devDependencies": { - "@spectrum-css/tray": "^2.1.8" + "@spectrum-css/tray": "^2.1.12" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/tools/opacity-checkerboard/package.json b/tools/opacity-checkerboard/package.json index d24ca98a6e..e0a5567384 100644 --- a/tools/opacity-checkerboard/package.json +++ b/tools/opacity-checkerboard/package.json @@ -43,7 +43,7 @@ "lit-html" ], "devDependencies": { - "@spectrum-css/opacitycheckerboard": "^1.0.0" + "@spectrum-css/opacitycheckerboard": "^1.0.4" }, "types": "./src/opacity-checkerboard.d.ts", "sideEffects": [ diff --git a/tools/styles/package.json b/tools/styles/package.json index cce7b42b3a..1d3c6f4438 100644 --- a/tools/styles/package.json +++ b/tools/styles/package.json @@ -109,8 +109,8 @@ "devDependencies": { "@spectrum-css/commons": "^8.0.0", "@spectrum-css/expressvars": "^3.0.9", - "@spectrum-css/tokens": "^11.3.1", - "@spectrum-css/typography": "^5.0.37", + "@spectrum-css/tokens": "^11.3.4", + "@spectrum-css/typography": "^5.0.40", "@spectrum-css/vars": "^9.0.8" }, "customElements": "custom-elements.json", diff --git a/tools/styles/tokens/express/custom-dark-vars.css b/tools/styles/tokens/express/custom-dark-vars.css index 0147085758..3e90ada4ec 100644 --- a/tools/styles/tokens/express/custom-dark-vars.css +++ b/tools/styles/tokens/express/custom-dark-vars.css @@ -4,4 +4,5 @@ --spectrum-drop-zone-background-color-rgb: var( --spectrum-indigo-900-rgb ); /* var(--spectrum-accent-color-900);*/ + --spectrum-well-border-color: rgba(var(--spectrum-white-rgb), 0.05); } diff --git a/tools/styles/tokens/express/custom-darkest-vars.css b/tools/styles/tokens/express/custom-darkest-vars.css index 0147085758..3e90ada4ec 100644 --- a/tools/styles/tokens/express/custom-darkest-vars.css +++ b/tools/styles/tokens/express/custom-darkest-vars.css @@ -4,4 +4,5 @@ --spectrum-drop-zone-background-color-rgb: var( --spectrum-indigo-900-rgb ); /* var(--spectrum-accent-color-900);*/ + --spectrum-well-border-color: rgba(var(--spectrum-white-rgb), 0.05); } diff --git a/tools/styles/tokens/express/custom-light-vars.css b/tools/styles/tokens/express/custom-light-vars.css index 02e7913316..6fa2b0d145 100644 --- a/tools/styles/tokens/express/custom-light-vars.css +++ b/tools/styles/tokens/express/custom-light-vars.css @@ -4,4 +4,5 @@ --spectrum-drop-zone-background-color-rgb: var( --spectrum-indigo-800-rgb ); /* var(--spectrum-accent-color-800);*/ + --spectrum-well-border-color: rgba(var(--spectrum-black-rgb), 0.05); } diff --git a/tools/styles/tokens/spectrum/custom-dark-vars.css b/tools/styles/tokens/spectrum/custom-dark-vars.css index f5482dbeb5..e430a616ee 100644 --- a/tools/styles/tokens/spectrum/custom-dark-vars.css +++ b/tools/styles/tokens/spectrum/custom-dark-vars.css @@ -51,4 +51,9 @@ --spectrum-calendar-day-border-color-key-focus: var(--spectrum-blue-700); --spectrum-badge-label-icon-color-primary: var(--spectrum-black); + + --spectrum-coach-indicator-ring-default-color: var(--spectrum-blue-700); + --spectrum-coach-indicator-ring-dark-color: var(--spectrum-gray-900); + --spectrum-coach-indicator-ring-light-color: var(--spectrum-gray-50); + --spectrum-well-border-color: rgba(var(--spectrum-white-rgb), 0.05); } diff --git a/tools/styles/tokens/spectrum/custom-darkest-vars.css b/tools/styles/tokens/spectrum/custom-darkest-vars.css index fca3c6e398..c4f29063f4 100644 --- a/tools/styles/tokens/spectrum/custom-darkest-vars.css +++ b/tools/styles/tokens/spectrum/custom-darkest-vars.css @@ -52,4 +52,9 @@ --spectrum-calendar-day-border-color-key-focus: var(--spectrum-blue-700); --spectrum-badge-label-icon-color-primary: var(--spectrum-black); + + --spectrum-coach-indicator-ring-default-color: var(--spectrum-blue-700); + --spectrum-coach-indicator-ring-dark-color: var(--spectrum-gray-900); + --spectrum-coach-indicator-ring-light-color: var(--spectrum-gray-50); + --spectrum-well-border-color: rgba(var(--spectrum-white-rgb), 0.05); } diff --git a/tools/styles/tokens/spectrum/custom-large-vars.css b/tools/styles/tokens/spectrum/custom-large-vars.css index 1b36f005a9..6907a6d9bf 100644 --- a/tools/styles/tokens/spectrum/custom-large-vars.css +++ b/tools/styles/tokens/spectrum/custom-large-vars.css @@ -54,4 +54,17 @@ --spectrum-alert-dialog-padding: var(--spectrum-spacing-400); --spectrum-alert-dialog-description-to-buttons: var(--spectrum-spacing-600); + + --spectrum-coach-indicator-gap: 8px; + --spectrum-coach-indicator-ring-diameter: 20px; + --spectrum-coach-indicator-quiet-ring-diameter: 10px; + + --spectrum-coachmark-buttongroup-display: none; + --spectrum-coachmark-buttongroup-mobile-display: flex; + --spectrum-coachmark-menu-display: none; + --spectrum-coachmark-menu-mobile-display: inline-flex; + --spectrum-well-padding: 20px; + --spectrum-well-margin-top: 5px; + --spectrum-well-min-width: 300px; + --spectrum-well-border-radius: 5px; } diff --git a/tools/styles/tokens/spectrum/custom-light-vars.css b/tools/styles/tokens/spectrum/custom-light-vars.css index 487b585094..9699b327be 100644 --- a/tools/styles/tokens/spectrum/custom-light-vars.css +++ b/tools/styles/tokens/spectrum/custom-light-vars.css @@ -51,4 +51,9 @@ --spectrum-calendar-day-border-color-key-focus: var(--spectrum-blue-800); --spectrum-badge-label-icon-color-primary: var(--spectrum-white); + + --spectrum-coach-indicator-ring-default-color: var(--spectrum-blue-800); + --spectrum-coach-indicator-ring-dark-color: var(--spectrum-gray-900); + --spectrum-coach-indicator-ring-light-color: var(--spectrum-gray-50); + --spectrum-well-border-color: var(--spectrum-black-rgb); } diff --git a/tools/styles/tokens/spectrum/custom-medium-vars.css b/tools/styles/tokens/spectrum/custom-medium-vars.css index 78dd4bd70f..a1c20f173b 100644 --- a/tools/styles/tokens/spectrum/custom-medium-vars.css +++ b/tools/styles/tokens/spectrum/custom-medium-vars.css @@ -54,4 +54,17 @@ --spectrum-alert-dialog-padding: var(--spectrum-spacing-500); --spectrum-alert-dialog-description-to-buttons: var(--spectrum-spacing-700); + + --spectrum-coach-indicator-gap: 6px; + --spectrum-coach-indicator-ring-diameter: var(--spectrum-spacing-300); + --spectrum-coach-indicator-quiet-ring-diameter: var(--spectrum-spacing-100); + + --spectrum-coachmark-buttongroup-display: flex; + --spectrum-coachmark-buttongroup-mobile-display: none; + --spectrum-coachmark-menu-display: inline-flex; + --spectrum-coachmark-menu-mobile-display: none; + --spectrum-well-padding: var(--spectrum-spacing-300); + --spectrum-well-margin-top: var(--spectrum-spacing-75); + --spectrum-well-min-width: 240px; + --spectrum-well-border-radius: var(--spectrum-spacing-75); } diff --git a/yarn.lock b/yarn.lock index f71692854e..210a4f26a2 100644 --- a/yarn.lock +++ b/yarn.lock @@ -6142,15 +6142,15 @@ resolved "https://registry.yarnpkg.com/@sinonjs/text-encoding/-/text-encoding-0.7.1.tgz#8da5c6530915653f3a1f38fd5f101d8c3f8079c5" integrity sha512-+iTbntw2IZPb/anVDbypzfQa+ay64MW0Zo8aJ8gZPWMMK6/OubMVb6lUPMagqjOPnmtauXnFCACVl3O7ogjeqQ== -"@spectrum-css/accordion@^4.0.9": - version "4.0.9" - resolved "https://registry.yarnpkg.com/@spectrum-css/accordion/-/accordion-4.0.9.tgz#8c11464c7424d2005edc9dc92a41ba2f14367c85" - integrity sha512-VaSUmvuKvjAun8Zc5t0/VUB2T7ivf4nUZ1CXm/npL+YAUuzphhO92Vn3Zf9FAmyV+xUqpbiJ2Te9q3rDtFCqhg== +"@spectrum-css/accordion@^4.0.17": + version "4.0.17" + resolved "https://registry.yarnpkg.com/@spectrum-css/accordion/-/accordion-4.0.17.tgz#e7b404b4393b28095feb9df021dfa14f65be3f1e" + integrity sha512-QmMcTnGQhqGODssQHvxqXw13krIneMnkN2qcld5p5ZgeVHo/9r5Svxksb+0DpoP8n8f+HqxAVu54sCvfGGum8Q== -"@spectrum-css/actionbar@^6.0.59": - version "6.0.59" - resolved "https://registry.yarnpkg.com/@spectrum-css/actionbar/-/actionbar-6.0.59.tgz#1d57dcbb80fe3a57d051bb8d63594c1f8d6701f1" - integrity sha512-66KeRA8zU3o57XzsbzuCuNNvfhepyuWd0I9MQpPxze2GfmsT/ZgqGlesN6pdyzpSkZ5nVvTsYgDnI8r32MIjWw== +"@spectrum-css/actionbar@^6.0.67": + version "6.0.67" + resolved "https://registry.yarnpkg.com/@spectrum-css/actionbar/-/actionbar-6.0.67.tgz#43a674403228f0164a654e42a95d437b4d09ea40" + integrity sha512-+1jdbB+P6fao1cm/tpj+SOiADG9/t7LT6q7nMI9cmnfG1SC70NCJCBiFex3ysIN9Pl33w+398WxygIefY7+XlA== "@spectrum-css/actionbutton@^4.0.13": version "4.0.13" @@ -6162,30 +6162,30 @@ resolved "https://registry.yarnpkg.com/@spectrum-css/actiongroup/-/actiongroup-3.0.61.tgz#86d734adeade6cc0a56b7d20dd42fcd31b8533e8" integrity sha512-oRDpEHbmtfBaJ6RcIdDhD2wtk/D4jqhmRzDSwJB4BVKE+16EmctVkvhPBh3bJSZFW8QTpxPbIlgdzTAtcOGVGQ== -"@spectrum-css/actionmenu@^4.0.50": - version "4.0.50" - resolved "https://registry.yarnpkg.com/@spectrum-css/actionmenu/-/actionmenu-4.0.50.tgz#d620fd891a13da6ce04d44d5498277a83dc393bb" - integrity sha512-EsU6dEn1vMbosUDt0Jx/KfeMQ+V4j1NbdODfpZX08pJFJ5GMVLlbigm0eKeXf/3BhnPYce7//AFv+G2tXHVtyQ== +"@spectrum-css/actionmenu@^4.0.58": + version "4.0.58" + resolved "https://registry.yarnpkg.com/@spectrum-css/actionmenu/-/actionmenu-4.0.58.tgz#630b7431382c6fac32b942a1e7e95b9fa60cb659" + integrity sha512-h9F9NnqkW7wo77gC+B18iOfvL434z349pL5qEmpOdohOmAMpWE5YxopQC77rnQ1+WLBncgcP/eFc8z64IfmCHA== "@spectrum-css/alertdialog@^1.0.6": version "1.0.6" resolved "https://registry.yarnpkg.com/@spectrum-css/alertdialog/-/alertdialog-1.0.6.tgz#01edcfa30babfb32ad18b230cfd144f310e6efb6" integrity sha512-2pKhXlHgikKJWi9kBd0LJY18NSsxiGzcqqICb4d5ll9u3LKtPViSnt90sM1cjSJOIYAe2jW8SM9yqCCJsYc2Zw== -"@spectrum-css/asset@^3.0.47": - version "3.0.47" - resolved "https://registry.yarnpkg.com/@spectrum-css/asset/-/asset-3.0.47.tgz#7a36a39a2a825331dd53580fe06f56ec49a6be90" - integrity sha512-lMHSq1izWVVQaHpUpLCcKnS2EJxaEXzwF6Lb7yr5UOn/o8Yv8ysPJNxyX0CUPUkatNJoDCKmCy244C2heODnmw== +"@spectrum-css/asset@^3.0.48": + version "3.0.48" + resolved "https://registry.yarnpkg.com/@spectrum-css/asset/-/asset-3.0.48.tgz#28ecdc40d650aac740564e08c19624329f4bb6d8" + integrity sha512-ZQXFIdIZ6LNcuFcnIKGretUcpNABgHyUhmFler2Dl1VeRUEv5HpifR1Wkdh+C9AeL99m1/I7u95lSCF/FzFYxQ== -"@spectrum-css/avatar@^6.0.44": - version "6.0.44" - resolved "https://registry.yarnpkg.com/@spectrum-css/avatar/-/avatar-6.0.44.tgz#0069b8c00209922e084ef572a6b5f55e8cc60382" - integrity sha512-p3A0PVtHNTbr3a3+EwH5rnznW7Br01QO9RNt1C/TOAFSxdjqtS/wGt3+5Itee+EayHArxPpwjktzTXtRKaRbvA== +"@spectrum-css/avatar@^6.0.52": + version "6.0.52" + resolved "https://registry.yarnpkg.com/@spectrum-css/avatar/-/avatar-6.0.52.tgz#edc369a2374ad20c894d0bcbfb9f7c3bba9bc5da" + integrity sha512-UcQvQgdHtV1hk5jDapz4mqncyMtw0Moc5goAkHJqS2/foVXIvhPZUTsC4vNOXRA6F4K8tG82J5HiQ0Eer5/C0g== -"@spectrum-css/badge@^3.1.0": - version "3.1.0" - resolved "https://registry.yarnpkg.com/@spectrum-css/badge/-/badge-3.1.0.tgz#38cb89ae7bca9952a7c88ef9e6f2408a32cca27c" - integrity sha512-6p3Bv8ZXsMOV8b+lf49F60ChTvzUJU0wcdu8S62Kmm9enZQbEF9iWIw51EJAxr+VII6qTIXKDwrWagYu1KaYTw== +"@spectrum-css/badge@^3.1.8": + version "3.1.8" + resolved "https://registry.yarnpkg.com/@spectrum-css/badge/-/badge-3.1.8.tgz#ceff1b875fd5a6af6cac78fcce199d58ce09125d" + integrity sha512-SfRnHn2HiZHxDzNxznLSO8THb6vkEsqijeYGRdRP0uUQbf8h8C+lwCsyjYD7m09v3GEsFqoUUEe0KOkaaI0YAA== "@spectrum-css/banner@3.0.0-beta.2": version "3.0.0-beta.2" @@ -6202,95 +6202,95 @@ resolved "https://registry.yarnpkg.com/@spectrum-css/buttongroup/-/buttongroup-6.1.4.tgz#590f3fb541cf47761969730fc214b10b236eb0c6" integrity sha512-7cpi3nWTKxxDSnwS9CPLbdqVixn/cqbyC3HShODJDkm2mz1FdNSkJPmFdp8jjx5qaupeq0bTV55zC1AHXfjUsQ== -"@spectrum-css/card@^6.0.9": - version "6.0.9" - resolved "https://registry.yarnpkg.com/@spectrum-css/card/-/card-6.0.9.tgz#c260af92a2e31c8b58998d2bba3f4cd0e391a7f2" - integrity sha512-j723BdCFW1+mz+4OMvKCOTp4QDbOz3NVHmEq9ypcfch0X1Po7bFBHTdZ28qPp/rtN7MflfTD2/9CN5M/PYKRCQ== +"@spectrum-css/card@^6.0.18": + version "6.0.18" + resolved "https://registry.yarnpkg.com/@spectrum-css/card/-/card-6.0.18.tgz#af5bc2866a9b14913360623843ac94866c1c73ff" + integrity sha512-JuaC48doKXLPUgG9+16jl+RzduNMSjQe4fr5Cbj8nwa9nXBt0MvvvM+x7cLqOkUQHLptYdvQVUmRzJVP8uAE2Q== -"@spectrum-css/checkbox@^7.0.6": - version "7.0.6" - resolved "https://registry.yarnpkg.com/@spectrum-css/checkbox/-/checkbox-7.0.6.tgz#241285c0157603409d0a3e263ddd5e880b46fc3b" - integrity sha512-2GXJRa2TmtpHQqsdATpdXT+QXgNx6OxS6egaqKjxhCErP9movUE0hj0NQVi0uWD3f3t8Tv+lBPCksHI20zANaQ== +"@spectrum-css/checkbox@^7.0.11": + version "7.0.11" + resolved "https://registry.yarnpkg.com/@spectrum-css/checkbox/-/checkbox-7.0.11.tgz#1dea027dce45b575c8cdde7b020aeba2207981fe" + integrity sha512-L7B/fHaMo9+zdjJROHsYMlxN4huPEnnJjTR/qDnA/0y46InGIBipNCDa514Li3gL61qMeMvJCiRW3W+cDXOpxw== -"@spectrum-css/clearbutton@^5.0.4": - version "5.0.4" - resolved "https://registry.yarnpkg.com/@spectrum-css/clearbutton/-/clearbutton-5.0.4.tgz#b2bbb484b42f1d1db0869bada8f8b349d3f92702" - integrity sha512-ISVt21z5x8ezMIrXjduCqCmxEpip5EnJHq2AwyRwFNRfX8ZMRr72D2Vy5N6m0UfILhzbSE8+GQdgrnU1LiOEoA== +"@spectrum-css/clearbutton@^5.0.5": + version "5.0.5" + resolved "https://registry.yarnpkg.com/@spectrum-css/clearbutton/-/clearbutton-5.0.5.tgz#a17e8f0217659c893f2bd67ed417d45ad9f6345f" + integrity sha512-bQE0pNowoDq1f5y790eb/wbvFBBTE2j7H4dg71TrFhSxfnfbDJwfrBlqtioO7QGgO4svrwVF1JZ5ChxHlbEzog== "@spectrum-css/closebutton@^3.1.14": version "3.1.14" resolved "https://registry.yarnpkg.com/@spectrum-css/closebutton/-/closebutton-3.1.14.tgz#b19445d2f3754830a0f084349f457f54ea8ca720" integrity sha512-RelV4cZe8GJYXjMbFruvlDwBRQfUye7/e3Va0ysnQyk6dxtNjjS+wcriL1JvyzbbSgzaCLooMNLsstSiJBvalQ== -"@spectrum-css/coachmark@^5.0.58": - version "5.0.58" - resolved "https://registry.yarnpkg.com/@spectrum-css/coachmark/-/coachmark-5.0.58.tgz#4d6c85fcbd6c00229486df3e2c693e14753da8b6" - integrity sha512-XSvUbNs0y1DpgYDiCkPObBwqHUBezbMp3pMvSoEquaa77NwyoZ+1UF3XG+aa/moLKP+PAA1f6VIKJd/Ye4VifQ== +"@spectrum-css/coachmark@^5.0.67": + version "5.0.67" + resolved "https://registry.yarnpkg.com/@spectrum-css/coachmark/-/coachmark-5.0.67.tgz#ec16c52ef5cac7f9e17e1a5405baf264e0c9787d" + integrity sha512-Qd1TSwU2993fRGLZvjy6oJaX95Tr5KAONN9QVcV4/GgHbV0BXX5hvgQbop1p7wK0fwTtvkHVg6cErTWo37lZ9Q== -"@spectrum-css/colorarea@^4.0.33": - version "4.0.33" - resolved "https://registry.yarnpkg.com/@spectrum-css/colorarea/-/colorarea-4.0.33.tgz#911018942638550fef076c6f8328d8b5dd53bbcb" - integrity sha512-gcTCc2DoKLEbWNRM0KymUVaxqFgC10Vef2KQMpN4IZF/QUbzHAWJA7stAzLGzta78X2rVGlUYhzJd+guW/aFMQ== +"@spectrum-css/colorarea@^4.0.41": + version "4.0.41" + resolved "https://registry.yarnpkg.com/@spectrum-css/colorarea/-/colorarea-4.0.41.tgz#036275937bf20ef80bfcfaebcb838a2350d0f9e7" + integrity sha512-iFN747TjJNHIgEh61JX5cUZGeZ4fEhX0TJJ54tHftVbTM1bWRTtn0+LmIUuD16mB0SeI3EWjPrdXHpYYriRKnw== "@spectrum-css/colorhandle@^7.0.7": version "7.0.7" resolved "https://registry.yarnpkg.com/@spectrum-css/colorhandle/-/colorhandle-7.0.7.tgz#4f5491d5b0ebabbd0723aced5b4088bc4c450b29" integrity sha512-tV+CQArilGZnJge79T3o/vAqNSXFEMpdl/0QepNktrvrokWJ3BVH4cbxTBzLtLNr0N9MPKpmUJ4CHQiutbrSdg== -"@spectrum-css/colorloupe@^4.1.17": - version "4.1.17" - resolved "https://registry.yarnpkg.com/@spectrum-css/colorloupe/-/colorloupe-4.1.17.tgz#900984b5f6ac84f77445d3858b646462e56dbd00" - integrity sha512-Srg7lqjTwrXdnCB0EjCAxLBP95Wde+HUTvHvxz8Dcwpx+tyS4w/+/B/QwF3hq+UfAbJl4OxP5pWh4fkQ9nHslQ== +"@spectrum-css/colorloupe@^4.1.18": + version "4.1.18" + resolved "https://registry.yarnpkg.com/@spectrum-css/colorloupe/-/colorloupe-4.1.18.tgz#aa1718c7c21e69fe55f91df6e8e9f96c2671f2eb" + integrity sha512-684yAna1ZD716zTQbne8R7BZTxzsGkxGrARQHfHa7L1ujJPPfg+H2VPayPUhw1IvQoVBzC/7VzxhIbOhC0H2Qw== -"@spectrum-css/colorslider@^5.0.0": +"@spectrum-css/colorslider@^5.0.4": version "5.0.4" resolved "https://registry.yarnpkg.com/@spectrum-css/colorslider/-/colorslider-5.0.4.tgz#8f746389cf0a51f6ca86e609231ef3c63516bc31" integrity sha512-3S309ZRw1YRX095cclw9lexPUprjrvQkslZ6r17i5FCrNYmj13ZXkpo7a85znVJD2uvuKR1pDhtLnA3CMDoSAg== -"@spectrum-css/colorwheel@^3.0.33": - version "3.0.33" - resolved "https://registry.yarnpkg.com/@spectrum-css/colorwheel/-/colorwheel-3.0.33.tgz#4e980f38e56535abca5cd8e6570e189ad2d76f4d" - integrity sha512-hnkiZms73dugvbc5twxKVBAc6nqI5OecaDOiSpctWJBxzsFADP0euikLeEdodh53QTIcYXMCM5olRH3qMTSa4Q== +"@spectrum-css/colorwheel@^3.0.41": + version "3.0.41" + resolved "https://registry.yarnpkg.com/@spectrum-css/colorwheel/-/colorwheel-3.0.41.tgz#9e435b769264b07d6cd583392e6f3216f5b62a31" + integrity sha512-3YuTwcARS4g3KJPet/qB3IQeHg0TjlF/R9VhOXSDou3lBjrp70/LM8jMaAbQx3bI74q7xA//5DzfwBHXSsX5xA== "@spectrum-css/commons@^8.0.0": version "8.0.0" resolved "https://registry.yarnpkg.com/@spectrum-css/commons/-/commons-8.0.0.tgz#c9e9eeaf87b17fee32a99674e9a126cf3af64d34" integrity sha512-ohM/6ZEK0IVSGxKFoymkZIVqf3zwt2x/27u48SXq8ZgUXPl5l6IqdHHmP13vuJiyJ6hs341YLth5PamRlbQEjg== -"@spectrum-css/dialog@^6.0.66": - version "6.0.66" - resolved "https://registry.yarnpkg.com/@spectrum-css/dialog/-/dialog-6.0.66.tgz#e9e7bf68e57e9da156ee732fc28ad06d114a5609" - integrity sha512-lC+Q31FjgJk+ntqxX+QTB2r3zlb3QJ9HU6FQnrm/2N//e1zEkENo1yEWAWbBhOa2zfhDTjcX6q4DD+Qplgh7mw== +"@spectrum-css/dialog@^6.0.68": + version "6.0.68" + resolved "https://registry.yarnpkg.com/@spectrum-css/dialog/-/dialog-6.0.68.tgz#516944fd962d930bd284d6c6b105826a7a033714" + integrity sha512-bFk3Z4hMbAF+K7z3AXcY6de4N3YwB6h1hbkD2CjOqx6PPm9lMX9yO0st2jrlHoPxVdzcRo9kuTaME7r0CiVW5A== -"@spectrum-css/divider@^2.1.17": - version "2.1.17" - resolved "https://registry.yarnpkg.com/@spectrum-css/divider/-/divider-2.1.17.tgz#4b3c3768df614ed034402b27fc1e447145348c99" - integrity sha512-+LHerGk5iyfSWNCRXTbNnSBvjtMzYFfe9PAssYEEiKPendjC7irI34LZAI+sP5Cv1vwQtFPu2VoOG74iDsbNoQ== +"@spectrum-css/divider@^2.1.25": + version "2.1.25" + resolved "https://registry.yarnpkg.com/@spectrum-css/divider/-/divider-2.1.25.tgz#9d15c4f9cac1837499bec3a57e41c7ea44a5f831" + integrity sha512-9eXYHLGLSSL1c7d9IbxN0irBA3qqfqygilw+wuaOuIhg0V7gBzH5fw6h81Zev3nWNZnOW2eAjfOXi+QJde0lXg== -"@spectrum-css/dropzone@^5.0.13": - version "5.0.20" - resolved "https://registry.yarnpkg.com/@spectrum-css/dropzone/-/dropzone-5.0.20.tgz#7c9e572c9419d207c5e45d91e577eae5bb37513d" - integrity sha512-Fg17TcsP8qlxS9MinTbIrsc0z2PrTlSpDVntexZI1HDywqRYoaFroQ2wIBjahukUEyG/k3OUnxI4HqWTNF3YRQ== +"@spectrum-css/dropzone@^5.0.21": + version "5.0.21" + resolved "https://registry.yarnpkg.com/@spectrum-css/dropzone/-/dropzone-5.0.21.tgz#770aba6be6ff20e0fe1cec9c5160c9f718af8daf" + integrity sha512-I6Hrov+zC3YlPBcK3kwu9KFGZIrXjonVWRUdJ94Pih0iKdnb0IfASb4I0V/pTyoL2hZ4WGtcntot/8yAn0a3VA== "@spectrum-css/expressvars@^3.0.9": version "3.0.9" resolved "https://registry.yarnpkg.com/@spectrum-css/expressvars/-/expressvars-3.0.9.tgz#72678e0845c240bc9cb6b4d828f20806810f4cab" integrity sha512-mnxdnF2NGNdba+3OomwFURPG0XqNRD+S2cmX0ARYnia9lv84HpzhbSoGuqmQO4+4+dXe46zYjnKRe2L8oJM/zw== -"@spectrum-css/fieldgroup@^4.0.62": - version "4.0.62" - resolved "https://registry.yarnpkg.com/@spectrum-css/fieldgroup/-/fieldgroup-4.0.62.tgz#b5c0a4f837a780ff6b6987ad4ee9bf4ffba5f433" - integrity sha512-ESGF+WdKN5n4+aG8PMieuM2hERGExu01VwsJvKEbMRGLKTawycbb1UCNV6F7qaql1zeWeoqeYNTYLFdFOEfsOw== +"@spectrum-css/fieldgroup@^4.0.72": + version "4.0.72" + resolved "https://registry.yarnpkg.com/@spectrum-css/fieldgroup/-/fieldgroup-4.0.72.tgz#105806d79fc6caa9250f37e00e6eeea58d79aeb5" + integrity sha512-SnGJXuEcgDqQnOkDBqWpzj8jcoM08mr4bDkzx7kH6WOrbzLZAziQBlZV/bLtrexOEdu3Q39ZirVJBLkGgb9S+w== -"@spectrum-css/fieldlabel@^7.0.32": - version "7.0.32" - resolved "https://registry.yarnpkg.com/@spectrum-css/fieldlabel/-/fieldlabel-7.0.32.tgz#ca415c851e7f9031c9021de6453a86d0d230001a" - integrity sha512-eBTIW5vUgpPjPsTsgzXdjnlBZHCoFJrlPWha/zN/Vddg5eR31A69GArQE7s2RwrNxjtqhN2/B5OYXBFuT4aEVQ== +"@spectrum-css/fieldlabel@^7.0.33": + version "7.0.33" + resolved "https://registry.yarnpkg.com/@spectrum-css/fieldlabel/-/fieldlabel-7.0.33.tgz#4a75e5c44384985f77e67d7e04610b5a5973acf1" + integrity sha512-bj2gPrhwFi/H7sxcitXvVbYxzsPy7OpKVxPIDIZm/o2ta9/Hv5ITygMSglHDXZAt4mT1QPAkzCRIyFc/7ufV9Q== -"@spectrum-css/helptext@^4.0.46": - version "4.0.50" - resolved "https://registry.yarnpkg.com/@spectrum-css/helptext/-/helptext-4.0.50.tgz#fc7047260386f43025f9edc7d71032c0bdf638f7" - integrity sha512-mU0ABOkQtWCxd7Gd+TFl3Xw4KX1bihx36xjknjDepCvITdC4dALl+EvlwiHQ7KWWU3HaKZLHO47EZdlFFmJvrg== +"@spectrum-css/helptext@^4.0.54": + version "4.0.54" + resolved "https://registry.yarnpkg.com/@spectrum-css/helptext/-/helptext-4.0.54.tgz#f661eea72ca07b25b6de4ff1f87057e8ffe6ed22" + integrity sha512-wi5ykIfbC7V9Ue6N4CgOjnnxQ3eykdFF6phNTRcoF+Ve+SGPULUH43fEabkVqbYlRHWrs0azUgDFICeztO6qaQ== "@spectrum-css/icon@4.0.1": version "4.0.1" @@ -6302,27 +6302,27 @@ resolved "https://registry.yarnpkg.com/@spectrum-css/icon/-/icon-3.0.50.tgz#5e74c8a2fc69f90e0e1b1fd9dbc8a97da28c6807" integrity sha512-n65ZnGF4LHlNTQHhH4lxEZ2PDmUJdhNFaUn69RrSBM1B334Bf9Ny8Uq65NUoB5UVwaHG7DKnpmdG1P/4oLmkHw== -"@spectrum-css/illustratedmessage@^6.0.13": - version "6.0.13" - resolved "https://registry.yarnpkg.com/@spectrum-css/illustratedmessage/-/illustratedmessage-6.0.13.tgz#c679291c144cc7bc7c257ac9468b4d6728254fa3" - integrity sha512-iEJvYN7aPBVx+Lsk3zRd9GSeYks1t633gim7Khw4upkIMeawb4WkMYpyXtXuI35yYsuE1oaHDcgnvWf4jJkS4w== +"@spectrum-css/illustratedmessage@^6.0.21": + version "6.0.21" + resolved "https://registry.yarnpkg.com/@spectrum-css/illustratedmessage/-/illustratedmessage-6.0.21.tgz#1759bd72530db9d76cda6f34237ae1a1d92f2d5d" + integrity sha512-97qHTDyEJ6m4thQWqdpRXrK1p3HPRHn8zO1gH8y0CS7EODRHFRyld1tksNFB1kg0VAQE+4RWJC2fYDm11F6w6g== -"@spectrum-css/link@^4.0.57": - version "4.0.57" - resolved "https://registry.yarnpkg.com/@spectrum-css/link/-/link-4.0.57.tgz#24c05649b977f7f6bd3fe9fc42b2f88cd98a82e8" - integrity sha512-NyB3+YSOWaUBn5pgSVYoD8G4pyeNIWEU8KWK9+++UXS6MQcoN5inxFmYwam1TtjErT3IBayXMxZrUG424rtSbQ== +"@spectrum-css/link@^4.0.65": + version "4.0.65" + resolved "https://registry.yarnpkg.com/@spectrum-css/link/-/link-4.0.65.tgz#1ad22d137ddb8f4a37c38d9786dccbb1ef95bbf1" + integrity sha512-lFAcI7VXCY/rihNmThlnK8bYafFBWsKWanthBlNuu/zjH2xBqkLwEI33klrrk8kZtL02fw9EAmnuZJ3e6kr1xA== -"@spectrum-css/menu@^5.0.2": - version "5.0.2" - resolved "https://registry.yarnpkg.com/@spectrum-css/menu/-/menu-5.0.2.tgz#dd03a251d6e99d6d75340d7bbe8d8b3a67d67722" - integrity sha512-gLSq0M9HW1vf3xytpIzQRZgEIuNKex/rBb9624msa4YeItTTuCYUlUGMs/5lN69HDM+jQOjgAnl+o3QpDMJGaA== +"@spectrum-css/menu@^5.0.10": + version "5.0.10" + resolved "https://registry.yarnpkg.com/@spectrum-css/menu/-/menu-5.0.10.tgz#128f47f153b2135edd291af6dca09c0fee181c4b" + integrity sha512-2CtndTJsm+sYE+ekstyR2pCMYeZRLJa1jKOhIMctXsoABWOmHlZgmUtTCOzq/sCu6LVMEe/jg5DDSqiUoX/fpg== -"@spectrum-css/modal@^3.0.48": - version "3.0.48" - resolved "https://registry.yarnpkg.com/@spectrum-css/modal/-/modal-3.0.48.tgz#2a1bf781b6845583fdff07a9dcf33159aba85991" - integrity sha512-ciX5xKTn6TdxxbQ1K0p7jGjrynIE6VsjGUrbISX07kexPa0E1JSbLdd1max8zqceH6Ik8cSIRC50ENjN5aO+rQ== +"@spectrum-css/modal@^3.1.0": + version "3.1.0" + resolved "https://registry.yarnpkg.com/@spectrum-css/modal/-/modal-3.1.0.tgz#75f85219003d4a680ec330daf24869b63ef58410" + integrity sha512-2lsmxff1vbO8Az/VLhLZxP7ZtkCHj6ukb8bUVvMIWfmXk/YLebC+FWQM3PZsdFGSAlbarUhPjR3I0c9N/4wfvA== -"@spectrum-css/opacitycheckerboard@^1.0.0": +"@spectrum-css/opacitycheckerboard@^1.0.4": version "1.0.4" resolved "https://registry.yarnpkg.com/@spectrum-css/opacitycheckerboard/-/opacitycheckerboard-1.0.4.tgz#d0341d609419e091e7597cdfe42b4f0691199343" integrity sha512-SRUwZqsSWHol83cvcK5l0aGrQLlHG/YGDQOgfsHZb64RwG4zTDsaQBAmGSNtaZTU4foDwrIKSsntfI3fum9oXA== @@ -6332,140 +6332,140 @@ resolved "https://registry.yarnpkg.com/@spectrum-css/picker/-/picker-4.0.22.tgz#ecee722cf2f819d40eb5bb77de11cd98ef5c7029" integrity sha512-gT6o2Y3RWyoH9+BBoVlKQa701ZWhacWKp1uNWavx/TmflTuqAyfyf4VMj64/lwBxcDK8exKLHi7WtpiEwZ3gLQ== -"@spectrum-css/pickerbutton@^4.0.3": - version "4.0.3" - resolved "https://registry.yarnpkg.com/@spectrum-css/pickerbutton/-/pickerbutton-4.0.3.tgz#6f63e2259769cd56e613ad70271dca49d55a694e" - integrity sha512-hbkTTQqANC0tux4SZGLE18VRYtkUGRxXo13x8xLVTbOUi4QVbLxX2DvE8tV6o4e/EfZTC2jzYgC/oJPDxUaQAg== +"@spectrum-css/pickerbutton@^4.0.12": + version "4.0.12" + resolved "https://registry.yarnpkg.com/@spectrum-css/pickerbutton/-/pickerbutton-4.0.12.tgz#4c1ccc9f9d9a02b59ad693257a5685a30c50ed19" + integrity sha512-p2bbFZ7Dao4543Q9vkWTeO0+1NSSn3WBrXB5yGFwQ+W2UJ4PU9aOft1l7W+0iKY1JnBTI5CPEyaNOYxD/D2cCA== -"@spectrum-css/popover@^6.0.65": - version "6.0.65" - resolved "https://registry.yarnpkg.com/@spectrum-css/popover/-/popover-6.0.65.tgz#531acbbd81a908e0447c6c5b46f58dc49d17b591" - integrity sha512-wDamkUkclgZZR+gQeDYYei2jTTZDQzlv7lniq0ScYDam733olCYuEZcLulFuk4VZWBzO3D3CXuYLkOuzL4E3Bw== +"@spectrum-css/popover@^6.0.74": + version "6.0.74" + resolved "https://registry.yarnpkg.com/@spectrum-css/popover/-/popover-6.0.74.tgz#8b85c3aad298275ba085f3add883acb504b3c9c5" + integrity sha512-TNm4zCBjjFeBpVCU3pDZjL6o1Vr6VpM/2xWy5XuorXeOjAzd00pLRIYSqqdbHjDYK4iZr76a5vbjtYpYRWYehQ== -"@spectrum-css/progressbar@^3.0.61": - version "3.0.61" - resolved "https://registry.yarnpkg.com/@spectrum-css/progressbar/-/progressbar-3.0.61.tgz#6756bf704c5a38defd04691cf715057f692b72d4" - integrity sha512-zZYLHsC325mbNTX37Yh58Rz20IwIa8BxYHpzjXZzlqJyjPUwQNxtCaAQ7BXTEd7lH3hnWhIY/uulnuyiotJGmA== +"@spectrum-css/progressbar@^3.0.71": + version "3.0.71" + resolved "https://registry.yarnpkg.com/@spectrum-css/progressbar/-/progressbar-3.0.71.tgz#514bcefd0883838f50b24891b31d113484e84f6b" + integrity sha512-2sCXZOajotMOPYb5lwp9w9RNyIAS0PXsBumPKBb0PExbgQTygzJsbpiD6DGB70yK4fvtU35+hsshYHWAETUh3w== -"@spectrum-css/progresscircle@^2.0.57": - version "2.0.57" - resolved "https://registry.yarnpkg.com/@spectrum-css/progresscircle/-/progresscircle-2.0.57.tgz#6b503c7a51df9bb993aa3d99faa530e89d2de146" - integrity sha512-3FFfEMU0CvQGuV0Ydi0SP/L/yZX0xS/ugwspaPuqB19wWns0Jp963CQDGMSo3FE4cngvIn2tuK8xbgS21/lWig== +"@spectrum-css/progresscircle@^2.0.65": + version "2.0.65" + resolved "https://registry.yarnpkg.com/@spectrum-css/progresscircle/-/progresscircle-2.0.65.tgz#44da6167cc66cb95090f40c607767f4d16fdb4e3" + integrity sha512-pgj1ZMdUvZZd2dihzD0998S7DrO7qvg7jalgOsAoMbcNstlQGSz7m+GntdKVpLVZQWow0/K4cqzYdyIJysWIhg== -"@spectrum-css/quickaction@^3.0.74": - version "3.0.74" - resolved "https://registry.yarnpkg.com/@spectrum-css/quickaction/-/quickaction-3.0.74.tgz#40db06217f9b0bbf2804325bcaf65112e33c0c90" - integrity sha512-w1qvJTlhIr9Gc9N0fht0cmVT3vcNfSoqSLbHyv0/uI/uy9gMyyW1G8prgXtH0K8XlqfwAUOBxPSh6NnV1D8WXQ== +"@spectrum-css/quickaction@^3.0.83": + version "3.0.83" + resolved "https://registry.yarnpkg.com/@spectrum-css/quickaction/-/quickaction-3.0.83.tgz#96ab710d90adbee8332aed7182f8fe36aa419035" + integrity sha512-WteCZ0+pwBLRF5EqakgO1IfO/cOlFuKp1Kg0YTJmD7HLyKemBGfc/OamJ3yUIBFZ8I9lxVEK6Zfvt9EurLbnqA== "@spectrum-css/radio@^7.0.46": version "7.0.46" resolved "https://registry.yarnpkg.com/@spectrum-css/radio/-/radio-7.0.46.tgz#a61cb0411a5021c40b1a542766a50a455d9f99e4" integrity sha512-vSwJULAcsRBa3F2U23eQKZYqn3wZ6IZwDElq01McExlMd0w4sAmi5HrOfOw3cf5Po744VfvIAJI+FgNQvYmZ0w== -"@spectrum-css/search@^6.0.11": - version "6.0.11" - resolved "https://registry.yarnpkg.com/@spectrum-css/search/-/search-6.0.11.tgz#27fc3dfe1b4649d68af9f89ef028e9bd17584d36" - integrity sha512-MoneWmeP4Q2ULhVZzlT5EAknpUWiQRZLQ4i1RFYaAhwbL0X7kiw/qVM+a8ufPDtVA01XOe1eEcyGKJt/IJ8j0Q== +"@spectrum-css/search@^6.0.20": + version "6.0.20" + resolved "https://registry.yarnpkg.com/@spectrum-css/search/-/search-6.0.20.tgz#e0e9a3811e33c6d446a94a342c22635bae6a745c" + integrity sha512-5o7kMs6Y9BSciQRR2xjPSNNvy8PgR6i0NkrS9f1B5EmBlN9C4H1DxCDSaw1DrwhfmBuHDWcrju0xsENOVuctDg== -"@spectrum-css/sidenav@^4.0.1": - version "4.0.1" - resolved "https://registry.yarnpkg.com/@spectrum-css/sidenav/-/sidenav-4.0.1.tgz#bab00a855d211d0541254b3a8d4a16e701551946" - integrity sha512-M7ZNLIByXAZpeQpATzURc5aSZ7ftgRBQYF2nTzzyrhJsGyL9ezVTA3cOjj1BVbz8WcbFHFhVIwAyWDXTUAN73g== +"@spectrum-css/sidenav@^4.0.9": + version "4.0.9" + resolved "https://registry.yarnpkg.com/@spectrum-css/sidenav/-/sidenav-4.0.9.tgz#d1b14754e57c18ae8ad8b7f5a82c67a711a41f54" + integrity sha512-a2TAN0/CzmW2fOJ00SPgjL/pyFJ2oI+NnSEyoMfI+G+EBhzrg1ecjsmsihZjxb5cUseNtdS4T/nPG/XF2CFziQ== -"@spectrum-css/slider@^4.1.8": - version "4.1.8" - resolved "https://registry.yarnpkg.com/@spectrum-css/slider/-/slider-4.1.8.tgz#c85ab3461e6e39836fa68d61806b0fe978537c54" - integrity sha512-ZDixpjdH0pjgBoCyGGf7Gj//gB0YfzL6wcyvzmRDfraJSqEIc7GOL5ly3rJbCuHjsEB5tXyYc1AwHu4HFhhOFA== +"@spectrum-css/slider@^4.1.9": + version "4.1.9" + resolved "https://registry.yarnpkg.com/@spectrum-css/slider/-/slider-4.1.9.tgz#8f2832d6f2c97419dc0d0d2b886e0afef2ff5697" + integrity sha512-FwrVQI7TXMJ//I/RcRtod2oh9hENpW46yhb+0rI5ElWERbOuObhRp+Q7DXeO0gwNSIw7dCTtevXhzvfT/tkngQ== "@spectrum-css/splitbutton@^5.0.60": version "5.0.60" resolved "https://registry.yarnpkg.com/@spectrum-css/splitbutton/-/splitbutton-5.0.60.tgz#6e740966eaf6153670530151ce4a27d413fbdd5f" integrity sha512-rgNF6DAtM3IPbi1A9kkeiHQ4PxZI8JjgGDlKB8yXBh/5Ly7l4BvUgKzs5xbEyuTYKWinz8NAqgTgnnP6YQUZIA== -"@spectrum-css/splitview@^3.0.47": - version "3.0.47" - resolved "https://registry.yarnpkg.com/@spectrum-css/splitview/-/splitview-3.0.47.tgz#c9903964d3caea0795bef3c59e917ba85f3e84f5" - integrity sha512-KTm9R48te9X3kHtXKHXHxzK5TXs3LRTe6QNcE8tQsXnfasin8zmOKcGXGv5XKAZc4jQZ2Xpg++lEVt4G9ig0rA== +"@spectrum-css/splitview@^3.0.48": + version "3.0.48" + resolved "https://registry.yarnpkg.com/@spectrum-css/splitview/-/splitview-3.0.48.tgz#0b90489bc4a65e87ff48373bd262273cd818194d" + integrity sha512-zdOuXpAA20qBOt1TKMSUsEzE9eVv6xSlbb13KaDnMnt3hJ0VtC7U4imvw1OHAErm2kOghqBms5ZDf4XIAZg5ng== -"@spectrum-css/statuslight@^6.0.44": - version "6.0.44" - resolved "https://registry.yarnpkg.com/@spectrum-css/statuslight/-/statuslight-6.0.44.tgz#c3599d6b4274529475ca1b66bf4e316482f1f500" - integrity sha512-WzAErrFwZQf6rQh6w3N17gich+bKZ7h2pZeADiFkKMr33/kActDyKvTb9wRw8j2CpZTQBcDrR6109V91HscdWQ== +"@spectrum-css/statuslight@^6.0.52": + version "6.0.52" + resolved "https://registry.yarnpkg.com/@spectrum-css/statuslight/-/statuslight-6.0.52.tgz#bec9833cbee3778d3f1b90a2b732fcc3d1f18a62" + integrity sha512-4ZByK1+C7/crXj2CCPCmUVgbqqMZ4RIuklOK8h6XBjO1gxAiY7nMjRPGJpNNFB1fO/9+H+OBdN9vsh+kuNxNMQ== -"@spectrum-css/stepper@^4.0.47": - version "4.0.47" - resolved "https://registry.yarnpkg.com/@spectrum-css/stepper/-/stepper-4.0.47.tgz#51aeb177b3b55d0b234f61a630b609cc14721914" - integrity sha512-7/wywsv2jhZ/5iIPtSkJMch0PrX9BwUcSFxGbGbXIwNKCVlfIviZuVlxiW5bh0NtKCJ8GyaDK99rFLdPUm7QKA== +"@spectrum-css/stepper@^4.0.56": + version "4.0.56" + resolved "https://registry.yarnpkg.com/@spectrum-css/stepper/-/stepper-4.0.56.tgz#86c89ba6b486cea7513cd9568ebcc1c55f187856" + integrity sha512-i8zjYEyhB8VDxI3/daezFHSNB/FpESYjW48/U6C7N90dUgiO7u9PnCZitejoZxWNv0V8qUMF/Hn3fyB7XosnaQ== -"@spectrum-css/swatch@^5.0.11": - version "5.0.11" - resolved "https://registry.yarnpkg.com/@spectrum-css/swatch/-/swatch-5.0.11.tgz#184dbf8e397070fe36c746cadd6a885413d27c61" - integrity sha512-gNBMBDHQcicfaWNo2SARew9YHQWld02gXVBS7/5C9qzlzWazhN2vAAmSV+PXxTSVTnwjgu38ZfgCyoIXJfMbYg== +"@spectrum-css/swatch@^5.0.12": + version "5.0.12" + resolved "https://registry.yarnpkg.com/@spectrum-css/swatch/-/swatch-5.0.12.tgz#16c195dd8b18094fae24d141935c6f476d015db9" + integrity sha512-Msjab2Renj1oLJuEC3f7TfcZ4Rvy9887Dy/K2FfIeVYKqJg8n4gAhagYeV9gEY/AES5cvsnyF/wVqpCYp4oAOg== -"@spectrum-css/swatchgroup@^2.0.67": - version "2.0.67" - resolved "https://registry.yarnpkg.com/@spectrum-css/swatchgroup/-/swatchgroup-2.0.67.tgz#00294fa54bd46eb1f5d9c20a41ed14f11faa342b" - integrity sha512-JIOOXOu2SH+QAlNrL4Es9YrGt04A71zfZP5b6qrdwKZZQ7E0fC23V99YtVTSuG7266LARb4pvuqTGVfIvMnbFw== +"@spectrum-css/swatchgroup@^2.0.68": + version "2.0.68" + resolved "https://registry.yarnpkg.com/@spectrum-css/swatchgroup/-/swatchgroup-2.0.68.tgz#02071bf130cfda35506d8c194c40cdecc8473e88" + integrity sha512-I1l3A/4acma/pvKSeWK/wMY23D/ro5a0qd/R7GX0ATnVThIhEFvShOsQ2GnuX+rtKhK0Qg6KcbYB9WLLcrVxGQ== "@spectrum-css/switch@^3.1.13": version "3.1.13" resolved "https://registry.yarnpkg.com/@spectrum-css/switch/-/switch-3.1.13.tgz#d1ef3d8b82a39700e96f21c42eaeca42a59bf018" integrity sha512-biaRRXvl3Ve6131vy9z3zttTyhgY1Pr52ZtK5NERX03m/X20nc1zXTuC/U8LlkINfdolfBroHwp61caSLMwRpg== -"@spectrum-css/table@^5.0.0": - version "5.0.0" - resolved "https://registry.yarnpkg.com/@spectrum-css/table/-/table-5.0.0.tgz#9ed8ba62bcd1fe48b55059290d40d4bd529a96cf" - integrity sha512-ugEf4QeaX3VZumP8bwTWfM0p/NjbNNiT0qjl/zW/5HpsyO5hfIuxMnEnqfGU5QOWbvrxlYka6OHwRsygLKl4AA== +"@spectrum-css/table@^5.0.1": + version "5.0.1" + resolved "https://registry.yarnpkg.com/@spectrum-css/table/-/table-5.0.1.tgz#cef3fcd0550726e9fa31ff7839cf922492323775" + integrity sha512-GH7daJU2LlfIBZcP6+V6omW36hnyJCht2Ez2Gngkz+NS+2df6IsRgn7AS4WSrMPRqhr4CA+c8200t18g8aFLwQ== -"@spectrum-css/tabs@^4.0.8": - version "4.0.8" - resolved "https://registry.yarnpkg.com/@spectrum-css/tabs/-/tabs-4.0.8.tgz#acfcd39651bb806dbf5d46dfd175accf4ca1fd86" - integrity sha512-ifDh9moA1Pfq9qzj/bVCKtssKMC4OmlrbCEy26cuc7iXNXOscSQq+FYLyTfq/5LZ9w/GjWxPKtU6QZkLhpTiIg== +"@spectrum-css/tabs@^4.0.17": + version "4.0.17" + resolved "https://registry.yarnpkg.com/@spectrum-css/tabs/-/tabs-4.0.17.tgz#e3b3d37b2e808f7ebf0f614e861c87fba60d41e2" + integrity sha512-tqsdJyqJX7EB+6nCY7gp4OMh/EpSKPWfCkDKY9hfbsxcpF4Zm9U4ZeVFGICJzlrWyd7ltlwN+JRmjF0fbV+HCg== "@spectrum-css/tag@^6.0.1": version "6.0.1" resolved "https://registry.yarnpkg.com/@spectrum-css/tag/-/tag-6.0.1.tgz#b35d24085983b14768a3ad76b03ec281fb49eadf" integrity sha512-Fsbfa3VufWvO4zWFxoTdxgXoXFa5ooSZS7sTojX72jTLsnt8JSfZOJUJDehuWcuJCOweRCDlwVlSrZKvoZOUkQ== -"@spectrum-css/taggroup@^4.0.0": - version "4.0.3" - resolved "https://registry.yarnpkg.com/@spectrum-css/taggroup/-/taggroup-4.0.3.tgz#d9a868bbb09eccc2403627f118c7001136a0cbce" - integrity sha512-YEVMtm+QzehHFDt/bQXJP3/XLV+4xAVKX4FVgJq0Cf7AWwNWEhInWJOpQGN0GlyemdqaNmi0IQSapNGtxdFWRQ== - -"@spectrum-css/textfield@^6.0.11": - version "6.0.11" - resolved "https://registry.yarnpkg.com/@spectrum-css/textfield/-/textfield-6.0.11.tgz#a4dbd8c2da1a317cd3c7208317364fe7a1026213" - integrity sha512-lbqVZTUpk4UV18/8wRMTi8/0UwTGEKV5ocysNIeRSEhvHfO4ktQzhyn+T92E7TkY/WqKljEM8EnjX/K6hwUBNQ== - -"@spectrum-css/thumbnail@^5.0.6": - version "5.0.6" - resolved "https://registry.yarnpkg.com/@spectrum-css/thumbnail/-/thumbnail-5.0.6.tgz#c5a86cccba6ceade26910b8dd6e07084220f7d9f" - integrity sha512-lK8J8m2k8eb5wDAOhik2fwqBeuea3ztohv9dAdFXAKuLTr789ibhzmi5U69JTxjLb0F6QunMbtU7Wz6q/cfH6A== - -"@spectrum-css/toast@^9.1.0": - version "9.1.0" - resolved "https://registry.yarnpkg.com/@spectrum-css/toast/-/toast-9.1.0.tgz#209b2397da9c1304b3b0e538025afcb5c29dc26b" - integrity sha512-/DheKxtmvoAZneAs1Dql+1waSqCxTFIEAfzaPCaQvAYg+ctW9NhXMZjGz5cRbHTzCmeuE6reuCLfuFput9Z7bQ== - -"@spectrum-css/tokens@^11.3.1": - version "11.3.1" - resolved "https://registry.yarnpkg.com/@spectrum-css/tokens/-/tokens-11.3.1.tgz#743db7cb795769336bcd77d9e41d24c4ae54c7d2" - integrity sha512-Yn3M/1T1VxQETEAdOgj/00utCfD6esyDvOS+plxJWcpFtHhDh5J+qWgA1PitUG7glRfLyB1atx2/ZlD+ECHscA== - -"@spectrum-css/tooltip@^5.1.3": - version "5.1.3" - resolved "https://registry.yarnpkg.com/@spectrum-css/tooltip/-/tooltip-5.1.3.tgz#734b48e5c41d248ef54ec2f87e67d252a78088b5" - integrity sha512-ER4GUn+A4BvuZNTsJYw/TIefMMbms7HZ0HSoOTe4kwbq5C4zMnopd0PTa/oURMktz6Bz8JWZIoScRU88SWXVYQ== - -"@spectrum-css/tray@^2.1.8": - version "2.1.8" - resolved "https://registry.yarnpkg.com/@spectrum-css/tray/-/tray-2.1.8.tgz#f91614e0a2bd89d291ac7dedfc83b4bbae65e3a8" - integrity sha512-GZF26vbwd+wD+gqwVRlIDLQNCVZ4jblvnwRJLrUhLDYRk0bvnuyqfr1lm9sIvNFWdQuPC0RJOf3P9tzQS/+xHg== - -"@spectrum-css/typography@^5.0.37": - version "5.0.37" - resolved "https://registry.yarnpkg.com/@spectrum-css/typography/-/typography-5.0.37.tgz#d63177a4937122eaccf218eae5145b7f375fd1a5" - integrity sha512-buWiWksP38j194JdOuIq6EAJNE8xhzLCZsO9PUS0lkgFj0MVWLoMhBZY/7l7fJoUZHwYOE5yAo1/G6IOKq1TZg== +"@spectrum-css/taggroup@^4.0.4": + version "4.0.4" + resolved "https://registry.yarnpkg.com/@spectrum-css/taggroup/-/taggroup-4.0.4.tgz#8366a2eb62da101fd6669acc1b7a0814f8ba0fc0" + integrity sha512-C2dz7FPbH4wk8TOuk9NowUMoFLDBzo6ybz8yUSDi7uz3A0N0tjAJd5II9TkY1HvreDtpS65QF8m2X7NxXNhjvQ== + +"@spectrum-css/textfield@^6.0.20": + version "6.0.20" + resolved "https://registry.yarnpkg.com/@spectrum-css/textfield/-/textfield-6.0.20.tgz#627e926faf73b1da0de8d35a1453e8e272299ff0" + integrity sha512-eBU3bolIz690JLmf8a3M4Fo5dDPNFNowY1rIEeovZYCR6T4WMl3fqFpRpRuWC2Y9+X3OGoKYExfTog/FF+wIlg== + +"@spectrum-css/thumbnail@^5.0.7": + version "5.0.7" + resolved "https://registry.yarnpkg.com/@spectrum-css/thumbnail/-/thumbnail-5.0.7.tgz#d64fc37e3b72dbf269aa718a0813ee2261d52a9b" + integrity sha512-oIya73jGNQnc5Taykek+3rhHOsAnSWUNvJNU2MD8j02lw4OgY1XvZ6BGmwNKvaUqjtrfoJv38N0vbFjXPAS8oA== + +"@spectrum-css/toast@^9.1.9": + version "9.1.9" + resolved "https://registry.yarnpkg.com/@spectrum-css/toast/-/toast-9.1.9.tgz#4bbd82c38718e9aca537ebbdc3da7c0fe4da2506" + integrity sha512-MPCfhNrOqZrvAMe7uidm4FRZCN6F6RZwnhy90WtnG5D+MVTThUYmPnQn30GgfApSb2pHxrkYxufs30NJnIJTaQ== + +"@spectrum-css/tokens@^11.3.4": + version "11.3.4" + resolved "https://registry.yarnpkg.com/@spectrum-css/tokens/-/tokens-11.3.4.tgz#f10a43eceb54fcb22b7cc757a4f57148dd67a7c6" + integrity sha512-JLY6GyzNYAXvN6CISo2R+N6OTgKZHY/Cu3vjUp2QmqeliqvM98lH6PpEW0Mxb3UALnORwzrUGxWNOwUVrSpOrA== + +"@spectrum-css/tooltip@^5.1.11": + version "5.1.11" + resolved "https://registry.yarnpkg.com/@spectrum-css/tooltip/-/tooltip-5.1.11.tgz#99713e459e909da47e7b4fc71ffe2505b6a1a5ad" + integrity sha512-8D9ELCsT6Ps1dPRN14IPO2iVD79CzXux1cmXpB09g6ShMa8cu64fSK9MeyuGmkEj3z0Za7S4JDkToqjYTApldQ== + +"@spectrum-css/tray@^2.1.12": + version "2.1.12" + resolved "https://registry.yarnpkg.com/@spectrum-css/tray/-/tray-2.1.12.tgz#c9852fd0ba7bc2f9fa4f9568a9fed65db3816aa2" + integrity sha512-Ylxuanf5MSIzpoLYv1owSOPg0XTzBUgfrnBRDg5xc/dzEJBeQJthr5LWVBOO7+uLjworAbSZSW7d8nLla25pPQ== + +"@spectrum-css/typography@^5.0.40": + version "5.0.40" + resolved "https://registry.yarnpkg.com/@spectrum-css/typography/-/typography-5.0.40.tgz#f6b6a3b680bfde1e8d2fbca6315f077c8497735f" + integrity sha512-8bTlM6ROKojGLVK7mUu6h3i64oOih4vTzeUp7bAtaj2Wt4+7xgts+4J64LI0RCrdHYWmQovYELPq7gY77u76bA== "@spectrum-css/underlay@^3.0.3": version "3.0.3" From 9bf1f0e52f57434606d5a6d731c2f0e98a844061 Mon Sep 17 00:00:00 2001 From: Westbrook Johnson Date: Mon, 11 Sep 2023 12:03:40 -0400 Subject: [PATCH 2/4] 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 88be314eac..20e8a8c1e9 100644 --- a/.circleci/config.yml +++ b/.circleci/config.yml @@ -10,7 +10,7 @@ executors: parameters: current_golden_images_hash: type: string - default: 6872683e2c47918e89c8c73a15367ca97b15b38e + default: 81104f7847d171ba9f9a33370f4742c3751115d4 wireit_cache_name: type: string default: wireit From 791d3be34ad72fb111b594125d82dddd1932518a Mon Sep 17 00:00:00 2001 From: Westbrook Johnson Date: Mon, 11 Sep 2023 15:06:50 -0400 Subject: [PATCH 3/4] chore: use latest breaking CSS dependencies --- packages/action-bar/package.json | 2 +- packages/action-button/package.json | 2 +- .../src/spectrum-action-button.css | 3 + packages/action-group/package.json | 2 +- .../src/spectrum-action-group.css | 6 + packages/action-group/src/spectrum-config.js | 2 +- packages/action-menu/package.json | 2 +- packages/button-group/package.json | 2 +- packages/button/package.json | 2 +- packages/button/src/spectrum-button.css | 2 + packages/checkbox/src/spectrum-checkbox.css | 8 +- .../src/spectrum-clear-button.css | 12 +- packages/close-button/package.json | 2 +- .../src/spectrum-close-button.css | 36 +--- .../src/spectrum-color-handle.css | 8 +- packages/icons-ui/package.json | 2 +- packages/picker/package.json | 2 +- packages/picker/src/spectrum-picker.css | 185 +++++++++++++++--- packages/radio/package.json | 2 +- packages/radio/src/spectrum-radio.css | 10 +- packages/split-button/package.json | 2 +- packages/split-button/src/spectrum-config.js | 2 +- .../src/spectrum-split-button.css | 10 +- packages/switch/package.json | 2 +- packages/switch/src/spectrum-config.js | 2 +- packages/table/src/spectrum-table-cell.css | 8 +- .../src/spectrum-table-checkbox-cell.css | 8 +- .../table/src/spectrum-table-head-cell.css | 12 +- packages/table/src/spectrum-table-row.css | 24 ++- packages/tabs/src/spectrum-tab.css | 12 +- packages/tags/package.json | 2 +- packages/tags/src/spectrum-tag.css | 1 + tasks/process-spectrum.js | 10 +- tools/theme/src/express/theme.css | 5 + yarn.lock | 109 +++++------ 35 files changed, 310 insertions(+), 191 deletions(-) diff --git a/packages/action-bar/package.json b/packages/action-bar/package.json index 13c4dc3d6b..8672680f5e 100644 --- a/packages/action-bar/package.json +++ b/packages/action-bar/package.json @@ -63,7 +63,7 @@ "@spectrum-web-components/popover": "^0.38.0" }, "devDependencies": { - "@spectrum-css/actionbar": "^6.0.67" + "@spectrum-css/actionbar": "^7.0.1" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/action-button/package.json b/packages/action-button/package.json index 05c6c519f0..9b5d2eb225 100644 --- a/packages/action-button/package.json +++ b/packages/action-button/package.json @@ -64,7 +64,7 @@ "@spectrum-web-components/shared": "^0.38.0" }, "devDependencies": { - "@spectrum-css/actionbutton": "^4.0.13" + "@spectrum-css/actionbutton": "^5.0.7" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/action-button/src/spectrum-action-button.css b/packages/action-button/src/spectrum-action-button.css index 630d8197e6..1e6730e30a 100644 --- a/packages/action-button/src/spectrum-action-button.css +++ b/packages/action-button/src/spectrum-action-button.css @@ -552,6 +552,7 @@ governing permissions and limitations under the License. var(--spectrum-actionbutton-font-size) ); overflow: hidden; + pointer-events: none; text-overflow: ellipsis; white-space: nowrap; } @@ -620,9 +621,11 @@ governing permissions and limitations under the License. } :host(.focus-visible) { box-shadow: none; + outline: none; } :host(:focus-visible) { box-shadow: none; + outline: none; } :host(.focus-visible):after { box-shadow: 0 0 0 diff --git a/packages/action-group/package.json b/packages/action-group/package.json index 2a51df58d4..a1f995d292 100644 --- a/packages/action-group/package.json +++ b/packages/action-group/package.json @@ -64,7 +64,7 @@ "@spectrum-web-components/reactive-controllers": "^0.38.0" }, "devDependencies": { - "@spectrum-css/actiongroup": "^3.0.61" + "@spectrum-css/actiongroup": "^4.0.7" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/action-group/src/spectrum-action-group.css b/packages/action-group/src/spectrum-action-group.css index 6c22e89114..61b66d6eae 100644 --- a/packages/action-group/src/spectrum-action-group.css +++ b/packages/action-group/src/spectrum-action-group.css @@ -43,6 +43,12 @@ governing permissions and limitations under the License. ::slotted(*) { flex-shrink: 0; } +::slotted(.focus-visible) { + z-index: 3; +} +::slotted(:focus-visible) { + z-index: 3; +} :host(:not([vertical]):not([compact])) ::slotted(*) { flex-shrink: 0; } diff --git a/packages/action-group/src/spectrum-config.js b/packages/action-group/src/spectrum-config.js index 49d37bae77..b72445de0a 100644 --- a/packages/action-group/src/spectrum-config.js +++ b/packages/action-group/src/spectrum-config.js @@ -90,7 +90,7 @@ const config = { { find: [ builder.class('spectrum-ActionGroup-item'), - builder.class('focus-ring'), + builder.pseudoClass('focus-visible'), ], replace: [ { diff --git a/packages/action-menu/package.json b/packages/action-menu/package.json index 723410b468..5c69c18261 100644 --- a/packages/action-menu/package.json +++ b/packages/action-menu/package.json @@ -69,7 +69,7 @@ "@spectrum-web-components/shared": "^0.38.0" }, "devDependencies": { - "@spectrum-css/actionmenu": "^4.0.58" + "@spectrum-css/actionmenu": "^5.0.0" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/button-group/package.json b/packages/button-group/package.json index d10cf04531..5dbc9bab9a 100644 --- a/packages/button-group/package.json +++ b/packages/button-group/package.json @@ -61,7 +61,7 @@ "@spectrum-web-components/button": "^0.38.0" }, "devDependencies": { - "@spectrum-css/buttongroup": "6.1.4" + "@spectrum-css/buttongroup": "^6.1.6" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/button/package.json b/packages/button/package.json index fb8c2084b3..5f1cc8aa61 100644 --- a/packages/button/package.json +++ b/packages/button/package.json @@ -90,7 +90,7 @@ "@spectrum-web-components/shared": "^0.38.0" }, "devDependencies": { - "@spectrum-css/button": "^10.1.14" + "@spectrum-css/button": "^11.0.8" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/button/src/spectrum-button.css b/packages/button/src/spectrum-button.css index 25ee95db14..3d71fcf657 100644 --- a/packages/button/src/spectrum-button.css +++ b/packages/button/src/spectrum-button.css @@ -372,9 +372,11 @@ governing permissions and limitations under the License. } :host(.focus-visible) { box-shadow: none; + outline: none; } :host(:focus-visible) { box-shadow: none; + outline: none; } :host(.focus-visible):after { box-shadow: 0 0 0 diff --git a/packages/checkbox/src/spectrum-checkbox.css b/packages/checkbox/src/spectrum-checkbox.css index 4236d6e6c6..a4eff094a9 100644 --- a/packages/checkbox/src/spectrum-checkbox.css +++ b/packages/checkbox/src/spectrum-checkbox.css @@ -479,8 +479,8 @@ governing permissions and limitations under the License. ) ); } -:host([emphasized]).focus-visible #box:before, -:host([emphasized]).focus-visible #input:checked + #box:before { +:host([emphasized].focus-visible) #box:before, +:host([emphasized].focus-visible) #input:checked + #box:before { border-color: var( --highcontrast-checkbox-color-focus, var( @@ -489,8 +489,8 @@ governing permissions and limitations under the License. ) ); } -:host([emphasized]):focus-visible #box:before, -:host([emphasized]):focus-visible #input:checked + #box:before { +:host([emphasized]:focus-visible) #box:before, +:host([emphasized]:focus-visible) #input:checked + #box:before { border-color: var( --highcontrast-checkbox-color-focus, var( diff --git a/packages/clear-button/src/spectrum-clear-button.css b/packages/clear-button/src/spectrum-clear-button.css index 0586e68a77..62ef35b948 100644 --- a/packages/clear-button/src/spectrum-clear-button.css +++ b/packages/clear-button/src/spectrum-clear-button.css @@ -166,28 +166,28 @@ governing permissions and limitations under the License. var(--spectrum-clear-button-background-color-down) ); } -:host.focus-visible, +:host(.focus-visible), :host:focus-within { color: var( --mod-clear-button-icon-color-key-focus, var(--spectrum-clear-button-icon-color-key-focus) ); } -:host:focus-visible, +:host(:focus-visible), :host:focus-within { color: var( --mod-clear-button-icon-color-key-focus, var(--spectrum-clear-button-icon-color-key-focus) ); } -:host.focus-visible .fill, +:host(.focus-visible) .fill, :host:focus-within .fill { background-color: var( --mod-clear-button-background-color-key-focus, var(--spectrum-clear-button-background-color-key-focus) ); } -:host:focus-visible .fill, +:host(:focus-visible) .fill, :host:focus-within .fill { background-color: var( --mod-clear-button-background-color-key-focus, @@ -206,10 +206,10 @@ governing permissions and limitations under the License. inline-size: 100%; justify-content: center; } -:host([variant='overBackground']).focus-visible { +:host([variant='overBackground'].focus-visible) { outline: none; } -:host([variant='overBackground']):focus-visible { +:host([variant='overBackground']:focus-visible) { outline: none; } @media (forced-colors: active) { diff --git a/packages/close-button/package.json b/packages/close-button/package.json index 734a9fd6cb..f5c78e58cb 100644 --- a/packages/close-button/package.json +++ b/packages/close-button/package.json @@ -45,7 +45,7 @@ "@spectrum-web-components/base": "^0.38.0" }, "devDependencies": { - "@spectrum-css/closebutton": "^3.1.14" + "@spectrum-css/closebutton": "^4.0.7" }, "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 49a10a4792..c7fe0b2581 100644 --- a/packages/close-button/src/spectrum-close-button.css +++ b/packages/close-button/src/spectrum-close-button.css @@ -172,28 +172,11 @@ governing permissions and limitations under the License. --highcontrast-closebutton-focus-indicator-color: ButtonText; } :host(.focus-visible):after { - border-radius: 100%; - box-shadow: 0 0 0 - var( - --mod-closebutton-focus-indicator-thickness, - var(--spectrum-closebutton-focus-indicator-thickness) - ) - var( - --highcontrast-closebutton-focus-indicator-color, - var( - --mod-closebutton-focus-indicator-color, - var(--spectrum-closebutton-focus-indicator-color) - ) - ); - content: ''; - display: block; forced-color-adjust: none; - inset: 0; margin: var( --mod-closebutton-focus-indicator-gap, var(--spectrum-closebutton-focus-indicator-gap) ); - position: absolute; transition: opacity var( --mod-closebutton-animation-duration, @@ -208,28 +191,11 @@ governing permissions and limitations under the License. ease-out; } :host(:focus-visible):after { - border-radius: 100%; - box-shadow: 0 0 0 - var( - --mod-closebutton-focus-indicator-thickness, - var(--spectrum-closebutton-focus-indicator-thickness) - ) - var( - --highcontrast-closebutton-focus-indicator-color, - var( - --mod-closebutton-focus-indicator-color, - var(--spectrum-closebutton-focus-indicator-color) - ) - ); - content: ''; - display: block; forced-color-adjust: none; - inset: 0; margin: var( --mod-closebutton-focus-indicator-gap, var(--spectrum-closebutton-focus-indicator-gap) ); - position: absolute; transition: opacity var( --mod-closebutton-animation-duration, @@ -307,9 +273,11 @@ governing permissions and limitations under the License. } :host(.focus-visible) { box-shadow: none; + outline: none; } :host(:focus-visible) { box-shadow: none; + outline: none; } :host(.focus-visible):after { box-shadow: 0 0 0 diff --git a/packages/color-handle/src/spectrum-color-handle.css b/packages/color-handle/src/spectrum-color-handle.css index 5147cdfb30..f8b4bed970 100644 --- a/packages/color-handle/src/spectrum-color-handle.css +++ b/packages/color-handle/src/spectrum-color-handle.css @@ -167,8 +167,8 @@ governing permissions and limitations under the License. ); position: absolute; } -:host([focused]), -:host.focus-visible { +:host(.focus-visible), +:host([focused]) { block-size: var( --mod-colorhandle-focused-size, var(--spectrum-colorhandle-focused-size) @@ -185,8 +185,8 @@ governing permissions and limitations under the License. ); outline: none; } -:host([focused]), -:host:focus-visible { +:host(:focus-visible), +:host([focused]) { block-size: var( --mod-colorhandle-focused-size, var(--spectrum-colorhandle-focused-size) diff --git a/packages/icons-ui/package.json b/packages/icons-ui/package.json index c2d02ce011..02afcd1e10 100644 --- a/packages/icons-ui/package.json +++ b/packages/icons-ui/package.json @@ -49,7 +49,7 @@ "@spectrum-web-components/iconset": "^0.38.0" }, "devDependencies": { - "@spectrum-css/icon": "^3.0.50", + "@spectrum-css/icon": "^4.0.1", "case": "^1.6.1", "cheerio": "^1.0.0-rc.2", "fast-glob": "^3.2.12", diff --git a/packages/picker/package.json b/packages/picker/package.json index 6ffc86045d..cca8855fd2 100644 --- a/packages/picker/package.json +++ b/packages/picker/package.json @@ -78,7 +78,7 @@ "@spectrum-web-components/tray": "^0.38.0" }, "devDependencies": { - "@spectrum-css/picker": "^4.0.22" + "@spectrum-css/picker": "^7.0.8" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/picker/src/spectrum-picker.css b/packages/picker/src/spectrum-picker.css index c2fba8bd81..d3dea627e8 100644 --- a/packages/picker/src/spectrum-picker.css +++ b/packages/picker/src/spectrum-picker.css @@ -16,7 +16,6 @@ governing permissions and limitations under the License. -moz-osx-font-smoothing: grayscale; align-items: center; -webkit-appearance: button; - box-sizing: border-box; cursor: pointer; display: inline-flex; font-family: var( @@ -70,28 +69,56 @@ governing permissions and limitations under the License. #button:disabled { cursor: default; } -.spectrum--medium { - --spectrum-picker-popover-quiet-offset-x: 12px; -} -.spectrum--large { - --spectrum-picker-popover-quiet-offset-x: 14px; -} :host { + --spectrum-picker-font-size: var(--spectrum-font-size-100); --spectrum-picker-font-weight: var(--spectrum-regular-font-weight); --spectrum-picker-placeholder-font-style: var( --spectrum-default-font-style ); --spectrum-picker-line-height: var(--spectrum-line-height-100); + --spectrum-picker-block-size: var(--spectrum-component-height-100); + --spectrum-picker-inline-size: var(--spectrum-field-width); --spectrum-picker-border-radius: var(--spectrum-corner-radius-100); + --spectrum-picker-spacing-top-to-text: var( + --spectrum-component-top-to-text-100 + ); + --spectrum-picker-spacing-bottom-to-text: var( + --spectrum-component-bottom-to-text-100 + ); --spectrum-picker-spacing-edge-to-text: var( --spectrum-component-edge-to-text-100 ); --spectrum-picker-spacing-edge-to-text-quiet: var( --spectrum-field-edge-to-text-quiet ); - --spectrum-picker-spacing-edge-to-disclosure-icon: var( + --spectrum-picker-spacing-top-to-text-side-label-quiet: var( + --spectrum-field-label-top-margin-medium + ); + --spectrum-picker-spacing-label-to-picker: var( + --spectrum-field-label-to-component + ); + --spectrum-picker-spacing-text-to-icon: var(--spectrum-text-to-visual-100); + --spectrum-picker-spacing-text-to-alert-icon-inline-start: var( + --spectrum-field-text-to-alert-icon-medium + ); + --spectrum-picker-spacing-icon-to-disclosure-icon: var( + --spectrum-picker-visual-to-disclosure-icon-medium + ); + --spectrum-picker-spacing-label-to-picker-quiet: var( + --spectrum-field-label-to-component-quiet-medium + ); + --spectrum-picker-spacing-top-to-alert-icon: var( + --spectrum-field-top-to-alert-icon-medium + ); + --spectrum-picker-spacing-top-to-progress-circle: var( + --spectrum-field-top-to-progress-circle-medium + ); + --spectrum-picker-spacing-top-to-disclosure-icon: var( --spectrum-field-top-to-disclosure-icon-100 ); + --spectrum-picker-spacing-edge-to-disclosure-icon: var( + --spectrum-field-end-edge-to-disclosure-icon-100 + ); --spectrum-picker-spacing-edge-to-disclosure-icon-quiet: var( --spectrum-picker-end-edge-to-disclousure-icon-quiet ); @@ -173,6 +200,18 @@ governing permissions and limitations under the License. :host([size='s']) { --spectrum-picker-font-size: var(--spectrum-font-size-75); --spectrum-picker-block-size: var(--spectrum-component-height-75); + --spectrum-picker-spacing-top-to-text-side-label-quiet: var( + --spectrum-field-label-top-margin-small + ); + --spectrum-picker-spacing-top-to-text: var( + --spectrum-component-top-to-text-75 + ); + --spectrum-picker-spacing-bottom-to-text: var( + --spectrum-component-bottom-to-text-75 + ); + --spectrum-picker-spacing-edge-to-text: var( + --spectrum-component-edge-to-text-75 + ); --spectrum-picker-spacing-text-to-icon: var(--spectrum-text-to-visual-75); --spectrum-picker-spacing-text-to-alert-icon-inline-start: var( --spectrum-field-text-to-alert-icon-small @@ -183,6 +222,12 @@ governing permissions and limitations under the License. --spectrum-picker-spacing-label-to-picker-quiet: var( --spectrum-field-label-to-component-quiet-small ); + --spectrum-picker-spacing-top-to-alert-icon: var( + --spectrum-field-top-to-alert-icon-small + ); + --spectrum-picker-spacing-top-to-progress-circle: var( + --spectrum-field-top-to-progress-circle-small + ); --spectrum-picker-spacing-top-to-disclosure-icon: var( --spectrum-field-top-to-disclosure-icon-75 ); @@ -190,29 +235,21 @@ governing permissions and limitations under the License. --spectrum-field-end-edge-to-disclosure-icon-75 ); } -:host { - --spectrum-picker-font-size: var(--spectrum-font-size-100); - --spectrum-picker-block-size: var(--spectrum-component-height-100); - --spectrum-picker-spacing-text-to-icon: var(--spectrum-text-to-visual-100); - --spectrum-picker-spacing-text-to-alert-icon-inline-start: var( - --spectrum-field-text-to-alert-icon-medium - ); - --spectrum-picker-spacing-icon-to-disclosure-icon: var( - --spectrum-picker-visual-to-disclosure-icon-medium +:host([size='l']) { + --spectrum-picker-font-size: var(--spectrum-font-size-200); + --spectrum-picker-block-size: var(--spectrum-component-height-200); + --spectrum-picker-spacing-top-to-text-side-label-quiet: var( + --spectrum-field-label-top-margin-large ); - --spectrum-picker-spacing-label-to-picker-quiet: var( - --spectrum-field-label-to-component-quiet-medium + --spectrum-picker-spacing-top-to-text: var( + --spectrum-component-top-to-text-200 ); - --spectrum-picker-spacing-top-to-disclosure-icon: var( - --spectrum-field-top-to-disclosure-icon-100 + --spectrum-picker-spacing-bottom-to-text: var( + --spectrum-component-bottom-to-text-200 ); - --spectrum-picker-spacing-edge-to-disclosure-icon: var( - --spectrum-field-end-edge-to-disclosure-icon-100 + --spectrum-picker-spacing-edge-to-text: var( + --spectrum-component-edge-to-text-200 ); -} -:host([size='l']) { - --spectrum-picker-font-size: var(--spectrum-font-size-200); - --spectrum-picker-block-size: var(--spectrum-component-height-200); --spectrum-picker-spacing-text-to-icon: var(--spectrum-text-to-visual-200); --spectrum-picker-spacing-text-to-alert-icon-inline-start: var( --spectrum-field-text-to-alert-icon-large @@ -223,6 +260,12 @@ governing permissions and limitations under the License. --spectrum-picker-spacing-label-to-picker-quiet: var( --spectrum-field-label-to-component-quiet-large ); + --spectrum-picker-spacing-top-to-alert-icon: var( + --spectrum-field-top-to-alert-icon-large + ); + --spectrum-picker-spacing-top-to-progress-circle: var( + --spectrum-field-top-to-progress-circle-large + ); --spectrum-picker-spacing-top-to-disclosure-icon: var( --spectrum-field-top-to-disclosure-icon-200 ); @@ -233,6 +276,18 @@ governing permissions and limitations under the License. :host([size='xl']) { --spectrum-picker-font-size: var(--spectrum-font-size-300); --spectrum-picker-block-size: var(--spectrum-component-height-300); + --spectrum-picker-spacing-top-to-text-side-label-quiet: var( + --spectrum-field-label-top-margin-extra-large + ); + --spectrum-picker-spacing-top-to-text: var( + --spectrum-component-top-to-text-300 + ); + --spectrum-picker-spacing-bottom-to-text: var( + --spectrum-component-bottom-to-text-300 + ); + --spectrum-picker-spacing-edge-to-text: var( + --spectrum-component-edge-to-text-300 + ); --spectrum-picker-spacing-text-to-icon: var(--spectrum-text-to-visual-300); --spectrum-picker-spacing-text-to-alert-icon-inline-start: var( --spectrum-field-text-to-alert-icon-extra-large @@ -243,6 +298,12 @@ governing permissions and limitations under the License. --spectrum-picker-spacing-label-to-picker-quiet: var( --spectrum-field-label-to-component-quiet-extra-large ); + --spectrum-picker-spacing-top-to-alert-icon: var( + --spectrum-field-top-to-alert-icon-extra-large + ); + --spectrum-picker-spacing-top-to-progress-circle: var( + --spectrum-field-top-to-progress-circle-extra-large + ); --spectrum-picker-spacing-top-to-disclosure-icon: var( --spectrum-field-top-to-disclosure-icon-300 ); @@ -316,6 +377,7 @@ governing permissions and limitations under the License. --mod-picker-border-width, var(--spectrum-picker-border-width) ); + box-sizing: border-box; color: var( --highcontrast-picker-font-color-default, var( @@ -324,6 +386,14 @@ governing permissions and limitations under the License. ) ); display: flex; + inline-size: var( + --mod-picker-inline-size, + var(--spectrum-picker-inline-size) + ); + margin-block-start: var( + --mod-picker-spacing-label-to-picker, + var(--spectrum-picker-spacing-label-to-picker) + ); max-inline-size: 100%; min-inline-size: calc( var(--spectrum-picker-minimum-width-multiplier) * @@ -820,15 +890,25 @@ governing permissions and limitations under the License. #label { flex: auto; font-size: var(--mod-picker-font-size, var(--spectrum-picker-font-size)); - line-height: calc( - var(--mod-picker-block-size, var(--spectrum-picker-block-size)) - - var(--mod-picker-border-width, var(--spectrum-picker-border-width)) * - 2 + font-weight: var( + --mod-picker-font-weight, + var(--spectrum-picker-font-weight) ); line-height: var( --mod-picker-line-height, var(--spectrum-picker-line-height) ); + margin-block-end: calc( + var( + --mod-picker-spacing-bottom-to-text, + var(--spectrum-picker-spacing-bottom-to-text) + ) - + var(--mod-picker-border-width, var(--spectrum-picker-border-width)) + ); + margin-block-start: var( + --mod-picker-spacing-top-to-text, + var(--spectrum-picker-spacing-top-to-text) + ); overflow: hidden; text-align: start; text-overflow: ellipsis; @@ -847,7 +927,7 @@ governing permissions and limitations under the License. var(--spectrum-picker-placeholder-font-style) ); font-weight: var( - --mod-picker-font-weight, + --mod-picker-placeholder-font-weight, var(--spectrum-picker-font-weight) ); transition: color @@ -918,6 +998,38 @@ governing permissions and limitations under the License. var(--spectrum-picker-spacing-text-to-alert-icon-inline-start) ); } +.validation-icon { + margin-block-end: calc( + var( + --mod-picker-spacing-top-to-alert-icon, + var(--spectrum-picker-spacing-top-to-alert-icon) + ) - + var(--mod-picker-border-width, var(--spectrum-picker-border-width)) + ); + margin-block-start: calc( + var( + --mod-picker-spacing-top-to-alert-icon, + var(--spectrum-picker-spacing-top-to-alert-icon) + ) - + var(--mod-picker-border-width, var(--spectrum-picker-border-width)) + ); +} +#button .spectrum-ProgressCircle { + margin-block-end: calc( + var( + --mod-picker-spacing-top-to-progress-circle, + var(--spectrum-picker-spacing-top-to-progress-circle) + ) - + var(--mod-picker-border-width, var(--spectrum-picker-border-width)) + ); + margin-block-start: calc( + var( + --mod-picker-spacing-top-to-progress-circle, + var(--spectrum-picker-spacing-top-to-progress-circle) + ) - + var(--mod-picker-border-width, var(--spectrum-picker-border-width)) + ); +} #label ~ .picker { margin-inline-start: var( --mod-picker-spacing-text-to-icon, @@ -946,6 +1058,11 @@ governing permissions and limitations under the License. var(--spectrum-picker-spacing-edge-to-text-quiet) ); } +:host([quiet]) #button.spectrum-Picker--sideLabel { + margin-block-start: calc( + var(--spectrum-picker-spacing-top-to-text-side-label-quiet) * -1 + ); +} :host([quiet]) #button .picker { margin-inline-end: var( --mod-picker-spacing-edge-to-disclosure-icon-quiet, @@ -1038,6 +1155,10 @@ governing permissions and limitations under the License. :host([quiet][disabled]) #button { background-color: #0000; } +.spectrum-Picker--sideLabel { + display: inline-flex; + vertical-align: top; +} :host { --spectrum-picker-background-color-default: var( --system-spectrum-picker-background-color-default diff --git a/packages/radio/package.json b/packages/radio/package.json index 4d8f575270..6ae437afe5 100644 --- a/packages/radio/package.json +++ b/packages/radio/package.json @@ -72,7 +72,7 @@ "@spectrum-web-components/shared": "^0.38.0" }, "devDependencies": { - "@spectrum-css/radio": "^7.0.46" + "@spectrum-css/radio": "^8.0.8" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/radio/src/spectrum-radio.css b/packages/radio/src/spectrum-radio.css index ad07422e33..144350c45d 100644 --- a/packages/radio/src/spectrum-radio.css +++ b/packages/radio/src/spectrum-radio.css @@ -34,7 +34,9 @@ governing permissions and limitations under the License. --spectrum-radio-disabled-content-color: var( --spectrum-disabled-content-color ); - --spectrum-radio-disabled-border-color: var(--spectrum-gray-400); + --spectrum-radio-disabled-border-color: var( + --spectrum-disabled-content-color + ); --spectrum-radio-emphasized-accent-color: var(--spectrum-accent-color-900); --spectrum-radio-emphasized-accent-color-hover: var( --spectrum-accent-color-1000 @@ -446,8 +448,7 @@ governing permissions and limitations under the License. var(--spectrum-radio-button-selection-indicator) / 2 ); } -#input.focus-visible + #button:after, -:host(.focus-visible) #input + #button:after { +#input.focus-visible + #button:after { border-color: var( --highcontrast-radio-focus-indicator-color, var( @@ -469,8 +470,7 @@ governing permissions and limitations under the License. var(--spectrum-radio-focus-indicator-gap) * 2 ); } -#input:focus-visible + #button:after, -:host(:focus-visible) #input + #button:after { +#input:focus-visible + #button:after { border-color: var( --highcontrast-radio-focus-indicator-color, var( diff --git a/packages/split-button/package.json b/packages/split-button/package.json index ea42850f5e..d460d7d94d 100644 --- a/packages/split-button/package.json +++ b/packages/split-button/package.json @@ -70,7 +70,7 @@ "@spectrum-web-components/picker": "^0.38.0" }, "devDependencies": { - "@spectrum-css/splitbutton": "^5.0.60" + "@spectrum-css/splitbutton": "^6.0.8" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/split-button/src/spectrum-config.js b/packages/split-button/src/spectrum-config.js index 01e1fcfdba..27a5b4983f 100644 --- a/packages/split-button/src/spectrum-config.js +++ b/packages/split-button/src/spectrum-config.js @@ -40,7 +40,7 @@ const config = { hoist: false, }, { - find: [builder.class('focus-ring')], + find: [builder.pseudoClass('focus-visible')], replace: [ { replace: builder.pseudoClass('focus-visible'), diff --git a/packages/split-button/src/spectrum-split-button.css b/packages/split-button/src/spectrum-split-button.css index 9a2e5df9a6..46b9749bb7 100644 --- a/packages/split-button/src/spectrum-split-button.css +++ b/packages/split-button/src/spectrum-split-button.css @@ -253,8 +253,14 @@ governing permissions and limitations under the License. .trigger { position: relative; } -#button:focus, -.trigger:focus { +#button.focus-visible, +.trigger.focus-visible { + outline: none; + z-index: 1; +} +#button:focus-visible, +.trigger:focus-visible { + outline: none; z-index: 1; } :host([dir='ltr']) #button .label + .spectrum-Icon { diff --git a/packages/switch/package.json b/packages/switch/package.json index 15310cee82..c966102f54 100644 --- a/packages/switch/package.json +++ b/packages/switch/package.json @@ -62,7 +62,7 @@ "@spectrum-web-components/checkbox": "^0.38.0" }, "devDependencies": { - "@spectrum-css/switch": "^3.1.13" + "@spectrum-css/switch": "^4.0.7" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/switch/src/spectrum-config.js b/packages/switch/src/spectrum-config.js index ba7bf5c0af..12d81f0c78 100644 --- a/packages/switch/src/spectrum-config.js +++ b/packages/switch/src/spectrum-config.js @@ -31,7 +31,7 @@ const config = { { find: [ builder.class('spectrum-Switch-input'), - builder.class('focus-ring'), + builder.pseudoClass('focus-visible'), ], replace: [ { diff --git a/packages/table/src/spectrum-table-cell.css b/packages/table/src/spectrum-table-cell.css index 21ce186799..ac87413bf0 100644 --- a/packages/table/src/spectrum-table-cell.css +++ b/packages/table/src/spectrum-table-cell.css @@ -79,8 +79,8 @@ governing permissions and limitations under the License. :host { position: relative; } -:host([focused]), -:host.focus-visible { +:host(.focus-visible), +:host([focused]) { outline-color: var( --highcontrast-table-cell-focus-indicator-color, var( @@ -103,8 +103,8 @@ governing permissions and limitations under the License. var(--spectrum-table-focus-indicator-thickness) ); } -:host([focused]), -:host:focus-visible { +:host(:focus-visible), +:host([focused]) { outline-color: var( --highcontrast-table-cell-focus-indicator-color, var( diff --git a/packages/table/src/spectrum-table-checkbox-cell.css b/packages/table/src/spectrum-table-checkbox-cell.css index 9fbcd2a2ca..5fe2e45b0e 100644 --- a/packages/table/src/spectrum-table-checkbox-cell.css +++ b/packages/table/src/spectrum-table-checkbox-cell.css @@ -142,9 +142,9 @@ governing permissions and limitations under the License. :host([head-cell]) { position: relative; } -:host(:not([head-cell])).focus-visible, +:host(:not([head-cell]).focus-visible), :host(:not([head-cell])[focused]), -:host([head-cell]).focus-visible, +:host([head-cell].focus-visible), :host([head-cell][focused]) { outline-color: var( --highcontrast-table-cell-focus-indicator-color, @@ -168,9 +168,9 @@ governing permissions and limitations under the License. var(--spectrum-table-focus-indicator-thickness) ); } -:host(:not([head-cell])):focus-visible, +:host(:not([head-cell]):focus-visible), :host(:not([head-cell])[focused]), -:host([head-cell]):focus-visible, +:host([head-cell]:focus-visible), :host([head-cell][focused]) { outline-color: var( --highcontrast-table-cell-focus-indicator-color, diff --git a/packages/table/src/spectrum-table-head-cell.css b/packages/table/src/spectrum-table-head-cell.css index 44ee74fd82..f9cb2dd353 100644 --- a/packages/table/src/spectrum-table-head-cell.css +++ b/packages/table/src/spectrum-table-head-cell.css @@ -141,7 +141,7 @@ governing permissions and limitations under the License. ); } :host([sortable]) .is-keyboardFocused, -:host([sortable]).focus-visible { +:host([sortable].focus-visible) { --spectrum-table-icon-color: var( --highcontrast-table-icon-color-focus, var( @@ -151,7 +151,7 @@ governing permissions and limitations under the License. ); } :host([sortable]) .is-keyboardFocused, -:host([sortable]):focus-visible { +:host([sortable]:focus-visible) { --spectrum-table-icon-color: var( --highcontrast-table-icon-color-focus, var( @@ -170,8 +170,8 @@ governing permissions and limitations under the License. :host { position: relative; } -:host([focused]), -:host.focus-visible { +:host(.focus-visible), +:host([focused]) { outline-color: var( --highcontrast-table-cell-focus-indicator-color, var( @@ -194,8 +194,8 @@ governing permissions and limitations under the License. var(--spectrum-table-focus-indicator-thickness) ); } -:host([focused]), -:host:focus-visible { +:host(:focus-visible), +:host([focused]) { outline-color: var( --highcontrast-table-cell-focus-indicator-color, var( diff --git a/packages/table/src/spectrum-table-row.css b/packages/table/src/spectrum-table-row.css index 799e672572..7b30e264fa 100644 --- a/packages/table/src/spectrum-table-row.css +++ b/packages/table/src/spectrum-table-row.css @@ -12,14 +12,18 @@ governing permissions and limitations under the License. /* THIS FILE IS MACHINE GENERATED. DO NOT EDIT */ @media (forced-colors: active) { + :host(.focus-visible) + .spectrum-Table-checkbox + .spectrum-Checkbox-box:before, :host(:hover) .spectrum-Table-checkbox .spectrum-Checkbox-box:before, - :host([focused]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before, - :host.focus-visible .spectrum-Table-checkbox .spectrum-Checkbox-box:before { + :host([focused]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before { outline: var(--highcontrast-table-row-text-color-hover) 1px solid; } + :host(:focus-visible) + .spectrum-Table-checkbox + .spectrum-Checkbox-box:before, :host(:hover) .spectrum-Table-checkbox .spectrum-Checkbox-box:before, - :host([focused]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before, - :host:focus-visible .spectrum-Table-checkbox .spectrum-Checkbox-box:before { + :host([focused]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before { outline: var(--highcontrast-table-row-text-color-hover) 1px solid; } :host([drop-target]), @@ -144,9 +148,9 @@ governing permissions and limitations under the License. :host(:focus) { outline: 0; } +:host(.focus-visible), :host(:hover), -:host([focused]), -:host.focus-visible { +:host([focused]) { --highcontrast-table-row-text-color: var( --highcontrast-table-row-text-color-hover ); @@ -161,9 +165,9 @@ governing permissions and limitations under the License. ) ); } +:host(:focus-visible), :host(:hover), -:host([focused]), -:host:focus-visible { +:host([focused]) { --highcontrast-table-row-text-color: var( --highcontrast-table-row-text-color-hover ); @@ -204,7 +208,7 @@ governing permissions and limitations under the License. --spectrum-table-selected-cell-background-color ); } -:host([selected]).focus-visible, +:host([selected].focus-visible), :host([selected]:hover), :host([selected][focused]) { --highcontrast-table-row-text-color: var( @@ -217,7 +221,7 @@ governing permissions and limitations under the License. --spectrum-table-selected-cell-background-color-focus ); } -:host([selected]):focus-visible, +:host([selected]:focus-visible), :host([selected]:hover), :host([selected][focused]) { --highcontrast-table-row-text-color: var( diff --git a/packages/tabs/src/spectrum-tab.css b/packages/tabs/src/spectrum-tab.css index e763d5f53a..fabef8ef7c 100644 --- a/packages/tabs/src/spectrum-tab.css +++ b/packages/tabs/src/spectrum-tab.css @@ -111,22 +111,22 @@ governing permissions and limitations under the License. :host([disabled]) #item-label { cursor: default; } -:host(:focus), -:host.focus-visible { +:host(.focus-visible), +:host(:focus) { color: var( --highcontrast-tabs-color-key-focus, var(--mod-tabs-color-key-focus, var(--spectrum-tabs-color-key-focus)) ); } :host(:focus), -:host:focus-visible { +:host(:focus-visible) { color: var( --highcontrast-tabs-color-key-focus, var(--mod-tabs-color-key-focus, var(--spectrum-tabs-color-key-focus)) ); } -:host(:focus):before, -:host.focus-visible:before { +:host(.focus-visible):before, +:host(:focus):before { border-color: var( --highcontrast-tabs-focus-indicator-color, var( @@ -136,7 +136,7 @@ governing permissions and limitations under the License. ); } :host(:focus):before, -:host:focus-visible:before { +:host(:focus-visible):before { border-color: var( --highcontrast-tabs-focus-indicator-color, var( diff --git a/packages/tags/package.json b/packages/tags/package.json index 9935856906..20dbcfcc06 100644 --- a/packages/tags/package.json +++ b/packages/tags/package.json @@ -72,7 +72,7 @@ "@spectrum-web-components/shared": "^0.38.0" }, "devDependencies": { - "@spectrum-css/tag": "^6.0.1", + "@spectrum-css/tag": "^8.0.6", "@spectrum-css/taggroup": "^4.0.4" }, "types": "./src/index.d.ts", diff --git a/packages/tags/src/spectrum-tag.css b/packages/tags/src/spectrum-tag.css index 09521fd974..713f2bda30 100644 --- a/packages/tags/src/spectrum-tag.css +++ b/packages/tags/src/spectrum-tag.css @@ -329,6 +329,7 @@ governing permissions and limitations under the License. ); } .clear-button { + --mod-clear-button-width: fit-content; --spectrum-clearbutton-fill-size: fit-content; --spectrum-clearbutton-fill-background-color: transparent; box-sizing: border-box; diff --git a/tasks/process-spectrum.js b/tasks/process-spectrum.js index 4afbc5fb47..18618f4b87 100644 --- a/tasks/process-spectrum.js +++ b/tasks/process-spectrum.js @@ -70,6 +70,12 @@ const isDirAttr = (component) => { return component.type === 'attribute' && component.name === 'dir'; }; +const isFocusVisible = (component) => { + return ( + component.type === 'pseudo-class' && component.name === 'focus-visible' + ); +}; + const isFocusRing = (component) => { return component.type === 'class' && component.name === 'focus-ring'; }; @@ -81,7 +87,9 @@ const isPseudo = (component) => { const isHoistedPseudoClass = (component) => { return ( component.type === 'pseudo-class' && - (component.kind === 'focus' || component.kind === 'hover') + (component.kind === 'focus' || + component.kind === 'focus-visible' || + component.kind === 'hover') ); }; diff --git a/tools/theme/src/express/theme.css b/tools/theme/src/express/theme.css index c4fdf985b3..f697ff48fd 100644 --- a/tools/theme/src/express/theme.css +++ b/tools/theme/src/express/theme.css @@ -19,6 +19,11 @@ governing permissions and limitations under the License. :host { display: block; + + /* Workaround while https://github.com/adobe/spectrum-css/issues/2162 remains open */ + --spectrum-picker-border-width: var(--spectrum-border-width-100); + + /* end workaround */ } #scale, diff --git a/yarn.lock b/yarn.lock index 210a4f26a2..43b1febd89 100644 --- a/yarn.lock +++ b/yarn.lock @@ -6147,25 +6147,25 @@ resolved "https://registry.yarnpkg.com/@spectrum-css/accordion/-/accordion-4.0.17.tgz#e7b404b4393b28095feb9df021dfa14f65be3f1e" integrity sha512-QmMcTnGQhqGODssQHvxqXw13krIneMnkN2qcld5p5ZgeVHo/9r5Svxksb+0DpoP8n8f+HqxAVu54sCvfGGum8Q== -"@spectrum-css/actionbar@^6.0.67": - version "6.0.67" - resolved "https://registry.yarnpkg.com/@spectrum-css/actionbar/-/actionbar-6.0.67.tgz#43a674403228f0164a654e42a95d437b4d09ea40" - integrity sha512-+1jdbB+P6fao1cm/tpj+SOiADG9/t7LT6q7nMI9cmnfG1SC70NCJCBiFex3ysIN9Pl33w+398WxygIefY7+XlA== - -"@spectrum-css/actionbutton@^4.0.13": - version "4.0.13" - resolved "https://registry.yarnpkg.com/@spectrum-css/actionbutton/-/actionbutton-4.0.13.tgz#5ff2f77f907b5c091ec0dca8c7cce5a6b2513c2c" - integrity sha512-KfxlqWKGyUsjOUDBOzCWE2nWU3xPuGfr0itTfjQY2ndlUpbqwjz3rEMM9o/0B5mJ4NvJ+1NXTxD+a+t8kA1cBQ== - -"@spectrum-css/actiongroup@^3.0.61": - version "3.0.61" - resolved "https://registry.yarnpkg.com/@spectrum-css/actiongroup/-/actiongroup-3.0.61.tgz#86d734adeade6cc0a56b7d20dd42fcd31b8533e8" - integrity sha512-oRDpEHbmtfBaJ6RcIdDhD2wtk/D4jqhmRzDSwJB4BVKE+16EmctVkvhPBh3bJSZFW8QTpxPbIlgdzTAtcOGVGQ== - -"@spectrum-css/actionmenu@^4.0.58": - version "4.0.58" - resolved "https://registry.yarnpkg.com/@spectrum-css/actionmenu/-/actionmenu-4.0.58.tgz#630b7431382c6fac32b942a1e7e95b9fa60cb659" - integrity sha512-h9F9NnqkW7wo77gC+B18iOfvL434z349pL5qEmpOdohOmAMpWE5YxopQC77rnQ1+WLBncgcP/eFc8z64IfmCHA== +"@spectrum-css/actionbar@^7.0.1": + version "7.0.1" + resolved "https://registry.yarnpkg.com/@spectrum-css/actionbar/-/actionbar-7.0.1.tgz#77ddc778f77faa2090b1cb169395c663dfd08e85" + integrity sha512-p97FMXkMPudmKqh2aBZHX9dpQMyOJE9g4wFzz07hbalUBhU1O8BMdv8HJicl/3SmgjkVZRpn4T0pEtlLRxCJMQ== + +"@spectrum-css/actionbutton@^5.0.7": + version "5.0.7" + resolved "https://registry.yarnpkg.com/@spectrum-css/actionbutton/-/actionbutton-5.0.7.tgz#35ee1ae27b5dc513937d867319c3e874b7fc6ea6" + integrity sha512-fi6iIPnWR7hIpkldRtWWo5n30u8lQk0Ta6f/7Eccl1JlEe0FG0ykheqIohbWu6dd5MKJyrWG2mcTHAMpCuOmCA== + +"@spectrum-css/actiongroup@^4.0.7": + version "4.0.7" + resolved "https://registry.yarnpkg.com/@spectrum-css/actiongroup/-/actiongroup-4.0.7.tgz#629a1f0b6db5c59a358abd6ff6cf1ec7ace5f910" + integrity sha512-mZe73pWX5JyXY4/9/Z9hNEtgsZvJ7c1suGxgyLMU7dEuuaBXFZqxmeNjgs337dqHFr+g9Zl9Ri8yYXkMhg5Scw== + +"@spectrum-css/actionmenu@^5.0.0": + version "5.0.0" + resolved "https://registry.yarnpkg.com/@spectrum-css/actionmenu/-/actionmenu-5.0.0.tgz#7a9ead98a74a6e90719120739e42b8623f684f05" + integrity sha512-eoJi8ITgInDbybhoVEELVseB3skSoCXDhQvMiFhNYbj9mtSa8hp0x3bMnoW/1VThs39yeJPJxPg8tyiek3dqpg== "@spectrum-css/alertdialog@^1.0.6": version "1.0.6" @@ -6192,15 +6192,15 @@ 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.1.14": - version "10.1.14" - resolved "https://registry.yarnpkg.com/@spectrum-css/button/-/button-10.1.14.tgz#9d8dcb29d3a0c82ea725107cf07e299f49d6611c" - integrity sha512-xxbsu5di1e0lxG9//LqZGpvsNWRBzGwLwIMDGPcbSbvCxZPCLFuqn7S1FQ3v6D9ENjXoB/OHwDoPQZzr23SP8w== +"@spectrum-css/button@^11.0.8": + version "11.0.8" + resolved "https://registry.yarnpkg.com/@spectrum-css/button/-/button-11.0.8.tgz#f30ef27c3bea3a1ee208dd725439ab610311bcaa" + integrity sha512-bb70n4B2BZh7HARmUBXwaq2PGkXDOPRdr6uMJq1HprvgRlR7Y1EDZMMhtoMWuh4kk5EimbfviqHYmu53Eo5Xcg== -"@spectrum-css/buttongroup@6.1.4": - version "6.1.4" - resolved "https://registry.yarnpkg.com/@spectrum-css/buttongroup/-/buttongroup-6.1.4.tgz#590f3fb541cf47761969730fc214b10b236eb0c6" - integrity sha512-7cpi3nWTKxxDSnwS9CPLbdqVixn/cqbyC3HShODJDkm2mz1FdNSkJPmFdp8jjx5qaupeq0bTV55zC1AHXfjUsQ== +"@spectrum-css/buttongroup@^6.1.6": + version "6.1.6" + resolved "https://registry.yarnpkg.com/@spectrum-css/buttongroup/-/buttongroup-6.1.6.tgz#7997f2b4f6376f0717b4d1f238b1e8edf97203ee" + integrity sha512-gvlw4Kf9oRi63zetm4O+s/fXFIICpG//AyaBws4s+GkSXjA0ym5hWJvMzmxXNib2hkrXL/wzXkfBoM4niA87lg== "@spectrum-css/card@^6.0.18": version "6.0.18" @@ -6217,10 +6217,10 @@ resolved "https://registry.yarnpkg.com/@spectrum-css/clearbutton/-/clearbutton-5.0.5.tgz#a17e8f0217659c893f2bd67ed417d45ad9f6345f" integrity sha512-bQE0pNowoDq1f5y790eb/wbvFBBTE2j7H4dg71TrFhSxfnfbDJwfrBlqtioO7QGgO4svrwVF1JZ5ChxHlbEzog== -"@spectrum-css/closebutton@^3.1.14": - version "3.1.14" - resolved "https://registry.yarnpkg.com/@spectrum-css/closebutton/-/closebutton-3.1.14.tgz#b19445d2f3754830a0f084349f457f54ea8ca720" - integrity sha512-RelV4cZe8GJYXjMbFruvlDwBRQfUye7/e3Va0ysnQyk6dxtNjjS+wcriL1JvyzbbSgzaCLooMNLsstSiJBvalQ== +"@spectrum-css/closebutton@^4.0.7": + version "4.0.7" + resolved "https://registry.yarnpkg.com/@spectrum-css/closebutton/-/closebutton-4.0.7.tgz#3dbb46ee914e14b5b0f388015552f06bbabb35fe" + integrity sha512-QV6vGOqwZVs0KTERPKQwIRuNTFB/Uey7UpEycii1bJPu2pyb+0efGKgPjtGTtze1xWLbskn/oTA11RSFvw/DjA== "@spectrum-css/coachmark@^5.0.67": version "5.0.67" @@ -6292,16 +6292,11 @@ resolved "https://registry.yarnpkg.com/@spectrum-css/helptext/-/helptext-4.0.54.tgz#f661eea72ca07b25b6de4ff1f87057e8ffe6ed22" integrity sha512-wi5ykIfbC7V9Ue6N4CgOjnnxQ3eykdFF6phNTRcoF+Ve+SGPULUH43fEabkVqbYlRHWrs0azUgDFICeztO6qaQ== -"@spectrum-css/icon@4.0.1": +"@spectrum-css/icon@4.0.1", "@spectrum-css/icon@^4.0.1": version "4.0.1" resolved "https://registry.yarnpkg.com/@spectrum-css/icon/-/icon-4.0.1.tgz#9deee47219aefc265d678657bf91186af622e709" integrity sha512-mTQU+nxXizrf9zzWDCc+zJN9PVGaOoPL9btvi7tZh7SdI8N0avXolR/oyaEwMwuYECK1pBv4r3xZXhdxub8XYA== -"@spectrum-css/icon@^3.0.50": - version "3.0.50" - resolved "https://registry.yarnpkg.com/@spectrum-css/icon/-/icon-3.0.50.tgz#5e74c8a2fc69f90e0e1b1fd9dbc8a97da28c6807" - integrity sha512-n65ZnGF4LHlNTQHhH4lxEZ2PDmUJdhNFaUn69RrSBM1B334Bf9Ny8Uq65NUoB5UVwaHG7DKnpmdG1P/4oLmkHw== - "@spectrum-css/illustratedmessage@^6.0.21": version "6.0.21" resolved "https://registry.yarnpkg.com/@spectrum-css/illustratedmessage/-/illustratedmessage-6.0.21.tgz#1759bd72530db9d76cda6f34237ae1a1d92f2d5d" @@ -6327,10 +6322,10 @@ resolved "https://registry.yarnpkg.com/@spectrum-css/opacitycheckerboard/-/opacitycheckerboard-1.0.4.tgz#d0341d609419e091e7597cdfe42b4f0691199343" integrity sha512-SRUwZqsSWHol83cvcK5l0aGrQLlHG/YGDQOgfsHZb64RwG4zTDsaQBAmGSNtaZTU4foDwrIKSsntfI3fum9oXA== -"@spectrum-css/picker@^4.0.22": - version "4.0.22" - resolved "https://registry.yarnpkg.com/@spectrum-css/picker/-/picker-4.0.22.tgz#ecee722cf2f819d40eb5bb77de11cd98ef5c7029" - integrity sha512-gT6o2Y3RWyoH9+BBoVlKQa701ZWhacWKp1uNWavx/TmflTuqAyfyf4VMj64/lwBxcDK8exKLHi7WtpiEwZ3gLQ== +"@spectrum-css/picker@^7.0.8": + version "7.0.8" + resolved "https://registry.yarnpkg.com/@spectrum-css/picker/-/picker-7.0.8.tgz#1b0e078a59e882d2ef6df53c0a50453e2890b499" + integrity sha512-u4T2HRHYgUFrMQQmRyH5yr3bDzRFsHN+FIaOW4k8yXDkyITTpq1LSc/W187ngqS+7xD+EhwmggrRIeEvyqqnmA== "@spectrum-css/pickerbutton@^4.0.12": version "4.0.12" @@ -6357,10 +6352,10 @@ resolved "https://registry.yarnpkg.com/@spectrum-css/quickaction/-/quickaction-3.0.83.tgz#96ab710d90adbee8332aed7182f8fe36aa419035" integrity sha512-WteCZ0+pwBLRF5EqakgO1IfO/cOlFuKp1Kg0YTJmD7HLyKemBGfc/OamJ3yUIBFZ8I9lxVEK6Zfvt9EurLbnqA== -"@spectrum-css/radio@^7.0.46": - version "7.0.46" - resolved "https://registry.yarnpkg.com/@spectrum-css/radio/-/radio-7.0.46.tgz#a61cb0411a5021c40b1a542766a50a455d9f99e4" - integrity sha512-vSwJULAcsRBa3F2U23eQKZYqn3wZ6IZwDElq01McExlMd0w4sAmi5HrOfOw3cf5Po744VfvIAJI+FgNQvYmZ0w== +"@spectrum-css/radio@^8.0.8": + version "8.0.8" + resolved "https://registry.yarnpkg.com/@spectrum-css/radio/-/radio-8.0.8.tgz#6159690e0d7b34ada5d68c5ae244ecf8371f614f" + integrity sha512-FORAwx4UlWl9TlB3nQPWElAX1Rvc0cG1p91w219dvJoRZmDFrabg1RbZv98RPbbj2CNA+SZMAJQgbGxTGU78Lg== "@spectrum-css/search@^6.0.20": version "6.0.20" @@ -6377,10 +6372,10 @@ resolved "https://registry.yarnpkg.com/@spectrum-css/slider/-/slider-4.1.9.tgz#8f2832d6f2c97419dc0d0d2b886e0afef2ff5697" integrity sha512-FwrVQI7TXMJ//I/RcRtod2oh9hENpW46yhb+0rI5ElWERbOuObhRp+Q7DXeO0gwNSIw7dCTtevXhzvfT/tkngQ== -"@spectrum-css/splitbutton@^5.0.60": - version "5.0.60" - resolved "https://registry.yarnpkg.com/@spectrum-css/splitbutton/-/splitbutton-5.0.60.tgz#6e740966eaf6153670530151ce4a27d413fbdd5f" - integrity sha512-rgNF6DAtM3IPbi1A9kkeiHQ4PxZI8JjgGDlKB8yXBh/5Ly7l4BvUgKzs5xbEyuTYKWinz8NAqgTgnnP6YQUZIA== +"@spectrum-css/splitbutton@^6.0.8": + version "6.0.8" + resolved "https://registry.yarnpkg.com/@spectrum-css/splitbutton/-/splitbutton-6.0.8.tgz#69c235374a087a687f098fb12c22302bbcafaa03" + integrity sha512-4yoH/Cg1pW/qAfUdudguJVOBIoa/MxLPZTclLyanbdNzNRWEKG3MgpNsjWjIrbGmBDRzOMGdnutfeGSsIcMTVw== "@spectrum-css/splitview@^3.0.48": version "3.0.48" @@ -6407,10 +6402,10 @@ resolved "https://registry.yarnpkg.com/@spectrum-css/swatchgroup/-/swatchgroup-2.0.68.tgz#02071bf130cfda35506d8c194c40cdecc8473e88" integrity sha512-I1l3A/4acma/pvKSeWK/wMY23D/ro5a0qd/R7GX0ATnVThIhEFvShOsQ2GnuX+rtKhK0Qg6KcbYB9WLLcrVxGQ== -"@spectrum-css/switch@^3.1.13": - version "3.1.13" - resolved "https://registry.yarnpkg.com/@spectrum-css/switch/-/switch-3.1.13.tgz#d1ef3d8b82a39700e96f21c42eaeca42a59bf018" - integrity sha512-biaRRXvl3Ve6131vy9z3zttTyhgY1Pr52ZtK5NERX03m/X20nc1zXTuC/U8LlkINfdolfBroHwp61caSLMwRpg== +"@spectrum-css/switch@^4.0.7": + version "4.0.7" + resolved "https://registry.yarnpkg.com/@spectrum-css/switch/-/switch-4.0.7.tgz#2357eac1a833ceda17da7ba436f5bb84beacac17" + integrity sha512-BVuMWQ6LG/lqRQjqct1lHx/AhGz/ZXTgdaW5RwwEHYXGdNqBX3p5K/49vBgm6waFyiquczJDYGVmnY0T5X/8ww== "@spectrum-css/table@^5.0.1": version "5.0.1" @@ -6422,10 +6417,10 @@ resolved "https://registry.yarnpkg.com/@spectrum-css/tabs/-/tabs-4.0.17.tgz#e3b3d37b2e808f7ebf0f614e861c87fba60d41e2" integrity sha512-tqsdJyqJX7EB+6nCY7gp4OMh/EpSKPWfCkDKY9hfbsxcpF4Zm9U4ZeVFGICJzlrWyd7ltlwN+JRmjF0fbV+HCg== -"@spectrum-css/tag@^6.0.1": - version "6.0.1" - resolved "https://registry.yarnpkg.com/@spectrum-css/tag/-/tag-6.0.1.tgz#b35d24085983b14768a3ad76b03ec281fb49eadf" - integrity sha512-Fsbfa3VufWvO4zWFxoTdxgXoXFa5ooSZS7sTojX72jTLsnt8JSfZOJUJDehuWcuJCOweRCDlwVlSrZKvoZOUkQ== +"@spectrum-css/tag@^8.0.6": + version "8.0.6" + resolved "https://registry.yarnpkg.com/@spectrum-css/tag/-/tag-8.0.6.tgz#d31ac34d97dd3a85304f625b8fcd7053284f509a" + integrity sha512-N07Xn0SZzWfBNq8lBxWMCSCAxU1b/miemyzf+zX5hLlevkHDBURol3wFZHCs0EqlTxwJL9+dskSu8bpe26sUdA== "@spectrum-css/taggroup@^4.0.4": version "4.0.4" From 6e9ebe45d992dc78a898f44bc8ef90e8bbd6396b Mon Sep 17 00:00:00 2001 From: Westbrook Johnson Date: Mon, 11 Sep 2023 15:45:30 -0400 Subject: [PATCH 4/4] 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 20e8a8c1e9..6f8c35e3b6 100644 --- a/.circleci/config.yml +++ b/.circleci/config.yml @@ -10,7 +10,7 @@ executors: parameters: current_golden_images_hash: type: string - default: 81104f7847d171ba9f9a33370f4742c3751115d4 + default: 884613ae56baf07dd7eaa6316db4d79cf8216b1f wireit_cache_name: type: string default: wireit