diff --git a/packages/search/package.json b/packages/search/package.json index 0e8330fa26..ed806f60da 100644 --- a/packages/search/package.json +++ b/packages/search/package.json @@ -64,7 +64,7 @@ "@spectrum-web-components/textfield": "^0.32.0" }, "devDependencies": { - "@spectrum-css/search": "^5.0.19" + "@spectrum-css/search": "^6.0.0" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/search/src/spectrum-search.css b/packages/search/src/spectrum-search.css index cda2a43959..66cd0bc976 100644 --- a/packages/search/src/spectrum-search.css +++ b/packages/search/src/spectrum-search.css @@ -12,127 +12,395 @@ governing permissions and limitations under the License. /* THIS FILE IS MACHINE GENERATED. DO NOT EDIT */ :host { + --spectrum-search-inline-size: var(--spectrum-field-width); + --spectrum-search-block-size: var(--spectrum-component-height-100); + --spectrum-search-button-inline-size: var(--spectrum-search-block-size); + --spectrum-search-min-inline-size: calc( + var(--spectrum-search-field-minimum-width-multiplier) * + var(--spectrum-search-block-size) + ); + --spectrum-search-icon-size: var(--spectrum-workflow-icon-size-100); + --spectrum-search-text-to-icon: var(--spectrum-text-to-visual-100); + --spectrum-search-to-help-text: var(--spectrum-help-text-to-component); + --spectrum-search-top-to-text: var(--spectrum-component-top-to-text-100); + --spectrum-search-bottom-to-text: var( + --spectrum-component-bottom-to-text-100 + ); + --spectrum-search-focus-indicator-thickness: var( + --spectrum-focus-indicator-thickness + ); + --spectrum-search-focus-indicator-gap: var(--spectrum-focus-indicator-gap); + --spectrum-search-focus-indicator-color: var( + --spectrum-focus-indicator-color + ); + --spectrum-search-font-family: var(--spectrum-sans-font-family-stack); + --spectrum-search-font-weight: var(--spectrum-regular-font-weight); + --spectrum-search-font-style: var(--spectrum-default-font-style); + --spectrum-search-line-height: var(--spectrum-line-height-100); + --spectrum-search-color-default: var( + --spectrum-neutral-content-color-default + ); + --spectrum-search-color-hover: var(--spectrum-neutral-content-color-hover); + --spectrum-search-color-focus: var(--spectrum-neutral-content-color-focus); + --spectrum-search-color-focus-hover: var( + --spectrum-neutral-content-color-focus-hover + ); + --spectrum-search-color-key-focus: var( + --spectrum-neutral-content-color-key-focus + ); + --spectrum-search-border-width: var(--spectrum-border-width-100); + --spectrum-search-background-color: var(--spectrum-gray-50); + --spectrum-search-color-disabled: var(--spectrum-disabled-content-color); + --spectrum-search-background-color-disabled: var( + --spectrum-disabled-background-color + ); + --spectrum-search-border-color-disabled: var( + --spectrum-disabled-background-color + ); + --mod-textfield-font-family: var( + --mod-search-font-family, + var(--spectrum-search-font-family) + ); + --mod-textfield-font-weight: var( + --mod-search-font-weight, + var(--spectrum-search-font-weight) + ); + --mod-textfield-corner-radius: var( + --mod-search-border-radius, + var(--spectrum-search-border-radius) + ); + --mod-textfield-border-width: var( + --mod-search-border-width, + var(--spectrum-search-border-width) + ); + --mod-textfield-focus-indicator-gap: var( + --mod-search-focus-indicator-gap, + var(--spectrum-search-focus-indicator-gap) + ); + --mod-textfield-focus-indicator-width: var( + --mod-search-focus-indicator-thickness, + var(--spectrum-search-focus-indicator-thickness) + ); + --mod-textfield-focus-indicator-color: var( + --mod-search-focus-indicator-color, + var(--spectrum-search-focus-indicator-color) + ); + --mod-textfield-text-color-default: var( + --mod-search-color-default, + var(--spectrum-search-color-default) + ); + --mod-textfield-text-color-hover: var( + --mod-search-color-hover, + var(--spectrum-search-color-hover) + ); + --mod-textfield-text-color-focus: var( + --mod-search-color-focus, + var(--spectrum-search-color-focus) + ); + --mod-textfield-text-color-focus-hover: var( + --mod-search-color-focus-hover, + var(--spectrum-search-color-focus-hover) + ); + --mod-textfield-text-color-keyboard-focus: var( + --mod-search-color-key-focus, + var(--spectrum-search-color-key-focus) + ); + --mod-textfield-text-color-disabled: var( + --mod-search-color-disabled, + var(--spectrum-search-color-disabled) + ); + --mod-textfield-border-color: var( + --mod-search-border-color-default, + var(--spectrum-search-border-color-default) + ); + --mod-textfield-border-color-hover: var( + --mod-search-border-color-hover, + var(--spectrum-search-border-color-hover) + ); + --mod-textfield-border-color-focus: var( + --mod-search-border-color-focus, + var(--spectrum-search-border-color-focus) + ); + --mod-textfield-border-color-focus-hover: var( + --mod-search-border-color-focus-hover, + var(--spectrum-search-border-color-focus-hover) + ); + --mod-textfield-border-color-keyboard-focus: var( + --mod-search-border-color-key-focus, + var(--spectrum-search-border-color-key-focus) + ); + --mod-textfield-border-color-disabled: var( + --mod-search-border-color-disabled, + var(--spectrum-search-border-color-disabled) + ); + --mod-textfield-background-color: var( + --mod-search-background-color, + var(--spectrum-search-background-color) + ); + --mod-textfield-background-color-disabled: var( + --mod-search-background-color-disabled, + var(--spectrum-search-background-color-disabled) + ); +} +.spectrum-Search--sizeS { + --spectrum-search-block-size: var(--spectrum-component-height-75); + --spectrum-search-icon-size: var(--spectrum-workflow-icon-size-75); + --spectrum-search-text-to-icon: var(--spectrum-text-to-visual-75); +} +.spectrum-Search--sizeL { + --spectrum-search-block-size: var(--spectrum-component-height-200); + --spectrum-search-icon-size: var(--spectrum-workflow-icon-size-200); + --spectrum-search-text-to-icon: var(--spectrum-text-to-visual-200); +} +.spectrum-Search--sizeXL { + --spectrum-search-block-size: var(--spectrum-component-height-300); + --spectrum-search-icon-size: var(--spectrum-workflow-icon-size-300); + --spectrum-search-text-to-icon: var(--spectrum-text-to-visual-300); +} +:host([quiet]) { --spectrum-search-quiet-button-offset: calc( - var( - --spectrum-actionbutton-m-texticon-min-width, - var(--spectrum-global-dimension-size-400) - ) / 2 - var(--spectrum-alias-ui-icon-cross-size-100) / 2 + var(--mod-search-block-size, var(--spectrum-search-block-size)) / 2 - + var( + --mod-workflow-icon-size-100, + var(--spectrum-workflow-icon-size-100) + ) / 2 + ); + --spectrum-search-background-color: transparent; + --spectrum-search-background-color-disabled: transparent; + --spectrum-search-border-color-disabled: var( + --spectrum-disabled-border-color ); } +:host([quiet]) #textfield { + --spectrum-search-border-radius: 0; + --spectrum-search-edge-to-visual: var( + --spectrum-field-edge-to-visual-quiet + ); +} +@media (forced-colors: active) { + #textfield #textfield, + #textfield #textfield .input { + --highcontrast-search-color-default: CanvasText; + --highcontrast-search-color-hover: CanvasText; + --highcontrast-search-color-focus: CanvasText; + --highcontrast-search-color-disabled: GrayText; + } + #textfield #button .spectrum-ClearButton-fill { + background-color: #0000; + forced-color-adjust: none; + } +} #textfield { display: inline-block; + inline-size: var( + --mod-search-inline-size, + var(--spectrum-search-inline-size) + ); + min-inline-size: var( + --mod-search-min-inline-size, + var(--spectrum-search-min-inline-size) + ); position: relative; } -:host([dir='ltr']) #button { - right: 0; -} -:host([dir='rtl']) #button { - left: 0; +#textfield .spectrum-HelpText { + margin-block-start: var( + --mod-search-to-help-text, + var(--spectrum-search-to-help-text) + ); } #button { + inset-block-start: 0; + inset-inline-end: 0; position: absolute; - top: 0; +} +#button, +#button .spectrum-ClearButton-fill { + border-radius: var( + --mod-search-border-radius, + var(--spectrum-search-border-radius) + ); +} +#textfield.is-disabled #button { + display: none; +} +#textfield { + inline-size: 100%; +} +.icon-search { + --spectrum-search-color: var( + --highcontrast-search-color-default, + var(--mod-search-color-default, var(--spectrum-search-color-default)) + ); + color: var(--spectrum-search-color); + display: block; + inset-block: 0; + margin-block: auto; + position: absolute; +} +#textfield:hover .icon-search { + --spectrum-search-color: var( + --highcontrast-search-color-hover, + var(--mod-search-color-hover, var(--spectrum-search-color-hover)) + ); +} +#textfield.is-focused .icon-search { + --spectrum-search-color: var( + --highcontrast-search-color-focus, + var(--mod-search-color-focus, var(--spectrum-search-color-focus)) + ); +} +#textfield.is-focused:hover .icon-search { + --spectrum-search-color: var( + --highcontrast-search-color-focus, + var( + --mod-search-color-focus-hover, + var(--spectrum-search-color-focus-hover) + ) + ); +} +#textfield.is-keyboardFocused .icon-search { + --spectrum-search-color: var( + --highcontrast-search-color-focus, + var( + --mod-search-color-key-focus, + var(--spectrum-search-color-key-focus) + ) + ); +} +#textfield.is-disabled .icon-search, +#textfield.is-disabled:hover .icon-search { + --spectrum-search-color: var( + --highcontrast-search-color-disabled, + var(--mod-search-color-disabled, var(--spectrum-search-color-disabled)) + ); } .input { -webkit-appearance: none; - border-radius: var( - --spectrum-alias-search-border-radius, - var(--spectrum-global-dimension-size-50) + block-size: var(--mod-search-block-size, var(--spectrum-search-block-size)); + font-style: var(--mod-search-font-style, var(--spectrum-search-font-style)); + line-height: var( + --mod-search-line-height, + var(--spectrum-search-line-height) + ); + padding-block-end: calc( + var(--mod-search-bottom-to-text, var(--spectrum-search-bottom-to-text)) - + var(--mod-search-border-width, var(--spectrum-search-border-width)) + ); + padding-block-start: calc( + var(--mod-search-top-to-text, var(--spectrum-search-top-to-text)) - + var(--mod-search-border-width, var(--spectrum-search-border-width)) ); - outline-offset: -2px; } .input::-webkit-search-cancel-button, .input::-webkit-search-decoration { -webkit-appearance: none; } -#textfield:after { - border-radius: var( - --spectrum-alias-search-border-radius, - var(--spectrum-global-dimension-size-50) +:host(:not([quiet])) #textfield .icon-search { + inset-inline-start: var( + --mod-search-edge-to-visual, + var(--spectrum-search-edge-to-visual) ); } -:host([dir='ltr']:not([quiet])) #textfield .icon-search { - left: var(--spectrum-alias-search-padding-left-m); -} -:host([dir='rtl']:not([quiet])) #textfield .icon-search { - right: var(--spectrum-alias-search-padding-left-m); -} -:host([dir='ltr']:not([quiet])) #textfield .input { - padding-left: calc( - var(--spectrum-alias-search-padding-left-m) + - var( - --spectrum-alias-workflow-icon-size-m, - var(--spectrum-global-dimension-size-225) - ) + - var( - --spectrum-textfield-m-texticon-icon-gap, - var(--spectrum-global-dimension-size-100) +:host(:not([quiet])) #textfield .input { + padding-inline-end: calc( + var( + --mod-search-button-inline-size, + var(--spectrum-search-button-inline-size) ) - - var( - --spectrum-textfield-m-texticon-border-size, - var(--spectrum-alias-input-border-size) - ) + var(--mod-search-border-width, var(--spectrum-search-border-width)) + ); + padding-inline-start: calc( + var(--mod-search-edge-to-visual, var(--spectrum-search-edge-to-visual)) - + var(--mod-search-border-width, var(--spectrum-search-border-width)) + + var(--mod-search-icon-size, var(--spectrum-search-icon-size)) + + var(--mod-search-text-to-icon, var(--spectrum-search-text-to-icon)) ); } -:host([dir='rtl']:not([quiet])) #textfield .input { - padding-right: calc( - var(--spectrum-alias-search-padding-left-m) + - var( - --spectrum-alias-workflow-icon-size-m, - var(--spectrum-global-dimension-size-225) - ) + - var( - --spectrum-textfield-m-texticon-icon-gap, - var(--spectrum-global-dimension-size-100) +:host([quiet]) #button { + transform: translateX( + var( + --mod-search-quiet-button-offset, + var(--spectrum-search-quiet-button-offset) + ) + ); +} +:host([quiet]) #textfield .input { + border-radius: var( + --mod-search-border-radius, + var(--spectrum-search-border-radius) + ); + padding-block-start: var( + --mod-search-top-to-text, + var(--spectrum-search-top-to-text) + ); + padding-inline-end: calc( + var( + --mod-search-button-inline-size, + var(--spectrum-search-button-inline-size) ) - var( - --spectrum-textfield-m-texticon-border-size, - var(--spectrum-alias-input-border-size) + --mod-search-quiet-button-offset, + var(--spectrum-search-quiet-button-offset) ) ); -} -:host([quiet]) #button { - transform: translateX(var(--spectrum-search-quiet-button-offset)); -} -:host([quiet]) .input { - border-radius: var(--spectrum-alias-search-border-radius-quiet, 0); -} -:host([quiet]) #textfield:after { - border-radius: var(--spectrum-alias-search-border-radius-quiet, 0); -} -.icon-search { - color: var( - --spectrum-textfield-m-texticon-icon-color, - var(--spectrum-alias-component-icon-color-default) + padding-inline-start: calc( + var(--mod-search-edge-to-visual, var(--spectrum-search-edge-to-visual)) + + var(--mod-search-icon-size, var(--spectrum-search-icon-size)) + + var(--mod-search-text-to-icon, var(--spectrum-search-text-to-icon)) ); } -.input:hover ~ .icon-search { - color: var( - --spectrum-search-m-icon-color-hover, - var(--spectrum-alias-component-icon-color-hover) +:host { + --spectrum-search-border-radius: var( + --system-spectrum-search-border-radius + ); + --spectrum-search-edge-to-visual: var( + --system-spectrum-search-edge-to-visual + ); + --spectrum-search-border-color-default: var( + --system-spectrum-search-border-color-default + ); + --spectrum-search-border-color-hover: var( + --system-spectrum-search-border-color-hover + ); + --spectrum-search-border-color-focus: var( + --system-spectrum-search-border-color-focus + ); + --spectrum-search-border-color-focus-hover: var( + --system-spectrum-search-border-color-focus-hover + ); + --spectrum-search-border-color-key-focus: var( + --system-spectrum-search-border-color-key-focus ); } -.input:active ~ .icon-search { - color: var( - --spectrum-search-m-icon-color-down, - var(--spectrum-alias-component-icon-color-down) +.spectrum-Search--sizeS { + --spectrum-search-border-radius: var( + --system-spectrum-search-sizes-border-radius + ); + --spectrum-search-edge-to-visual: var( + --system-spectrum-search-sizes-edge-to-visual ); } -.input.focus-visible ~ .icon-search { - color: var( - --spectrum-search-m-icon-color-key-focus, - var(--spectrum-alias-component-icon-color-key-focus) +.spectrum-Search--sizeM { + --spectrum-search-border-radius: var( + --system-spectrum-search-sizem-border-radius + ); + --spectrum-search-edge-to-visual: var( + --system-spectrum-search-sizem-edge-to-visual ); } -.input:focus-visible ~ .icon-search { - color: var( - --spectrum-search-m-icon-color-key-focus, - var(--spectrum-alias-component-icon-color-key-focus) +.spectrum-Search--sizeL { + --spectrum-search-border-radius: var( + --system-spectrum-search-sizel-border-radius + ); + --spectrum-search-edge-to-visual: var( + --system-spectrum-search-sizel-edge-to-visual ); } -.input:disabled ~ .icon-search { - color: var( - --spectrum-textfield-m-texticon-text-color-disabled, - var(--spectrum-alias-component-text-color-disabled) +.spectrum-Search--sizeXL { + --spectrum-search-border-radius: var( + --system-spectrum-search-sizexl-border-radius + ); + --spectrum-search-edge-to-visual: var( + --system-spectrum-search-sizexl-edge-to-visual ); } diff --git a/scripts/spectrum-tokens.js b/scripts/spectrum-tokens.js index 58eb3d3c9c..fc50dc10a2 100644 --- a/scripts/spectrum-tokens.js +++ b/scripts/spectrum-tokens.js @@ -67,6 +67,7 @@ const tokenPackages = [ 'dropzone', 'stepper', 'textfield', + 'search', ]; const packagePaths = tokenPackages.map((packageName) => { diff --git a/tools/styles/express/spectrum-core-global.css b/tools/styles/express/spectrum-core-global.css index 35da5bc70a..67f69cec1e 100644 --- a/tools/styles/express/spectrum-core-global.css +++ b/tools/styles/express/spectrum-core-global.css @@ -1614,9 +1614,6 @@ governing permissions and limitations under the License. --spectrum-alias-clearbutton-border-radius: var( --spectrum-global-dimension-size-150 ); - --spectrum-alias-search-border-radius: var( - --spectrum-global-dimension-size-300 - ); --spectrum-alias-combobox-quiet-button-offset-x: var( --spectrum-global-dimension-size-50 ); @@ -1629,19 +1626,6 @@ governing permissions and limitations under the License. --spectrum-alias-input-border-size: var( --spectrum-global-dimension-static-size-25 ); - --spectrum-alias-search-padding-left-s: var( - --spectrum-global-dimension-size-125 - ); - --spectrum-alias-search-padding-left-m: var( - --spectrum-global-dimension-size-175 - ); - --spectrum-alias-search-padding-left-l: var( - --spectrum-global-dimension-size-200 - ); - --spectrum-alias-search-padding-left-xl: var( - --spectrum-global-dimension-size-225 - ); - --spectrum-alias-search-border-radius-quiet: 0; --spectrum-alias-percent-50: 50%; --spectrum-alias-percent-70: 70%; --spectrum-alias-percent-100: 100%; diff --git a/tools/styles/spectrum-core-global.css b/tools/styles/spectrum-core-global.css index 47f2bb4773..e7de6c16de 100644 --- a/tools/styles/spectrum-core-global.css +++ b/tools/styles/spectrum-core-global.css @@ -1568,22 +1568,9 @@ governing permissions and limitations under the License. --spectrum-alias-clearbutton-border-radius: var( --spectrum-global-dimension-size-50 ); - --spectrum-alias-search-border-radius: var( - --spectrum-global-dimension-size-50 - ); - --spectrum-alias-search-border-radius-quiet: 0; --spectrum-alias-combobox-quiet-button-offset-x: var( --spectrum-global-dimension-size-100 ); - --spectrum-alias-search-padding-left-s: var( - --spectrum-global-dimension-size-85 - ); - --spectrum-alias-search-padding-left-l: var( - --spectrum-global-dimension-size-160 - ); - --spectrum-alias-search-padding-left-xl: var( - --spectrum-global-dimension-size-185 - ); --spectrum-alias-percent-50: 50%; --spectrum-alias-percent-70: 70%; --spectrum-alias-percent-100: 100%; diff --git a/tools/styles/spectrum-scale-large.css b/tools/styles/spectrum-scale-large.css index dec2c87020..45b310fb99 100644 --- a/tools/styles/spectrum-scale-large.css +++ b/tools/styles/spectrum-scale-large.css @@ -141,9 +141,6 @@ governing permissions and limitations under the License. ); --spectrum-alias-control-three-width-l: 41px; --spectrum-alias-control-three-width-xl: 46px; - --spectrum-alias-search-padding-left-m: var( - --spectrum-global-dimension-static-size-150 - ); --spectrum-alias-focus-ring-border-radius-regular: var( --spectrum-global-dimension-static-size-115 ); diff --git a/tools/styles/spectrum-scale-medium.css b/tools/styles/spectrum-scale-medium.css index 6875ad3f99..66ee69ff71 100644 --- a/tools/styles/spectrum-scale-medium.css +++ b/tools/styles/spectrum-scale-medium.css @@ -139,9 +139,6 @@ governing permissions and limitations under the License. ); --spectrum-alias-control-three-width-l: 29px; --spectrum-alias-control-three-width-xl: 33px; - --spectrum-alias-search-padding-left-m: var( - --spectrum-global-dimension-size-125 - ); --spectrum-alias-focus-ring-border-radius-regular: var( --spectrum-global-dimension-static-size-100 ); diff --git a/tools/styles/tokens/express/global-vars.css b/tools/styles/tokens/express/global-vars.css index e7e605941d..39d82852c7 100644 --- a/tools/styles/tokens/express/global-vars.css +++ b/tools/styles/tokens/express/global-vars.css @@ -1367,3 +1367,41 @@ governing permissions and limitations under the License. ); --system-spectrum-textfield-border-width: var(--spectrum-border-width-200); } +:host, +:root { + --system-spectrum-search-border-radius: calc( + var(--spectrum-component-height-100) / 2 + ); + --system-spectrum-search-edge-to-visual: var( + --spectrum-component-pill-edge-to-visual-100 + ); + --system-spectrum-search-border-color-default: var(--spectrum-gray-400); + --system-spectrum-search-border-color-hover: var(--spectrum-gray-500); + --system-spectrum-search-border-color-focus: var(--spectrum-gray-800); + --system-spectrum-search-border-color-focus-hover: var(--spectrum-gray-900); + --system-spectrum-search-border-color-key-focus: var(--spectrum-gray-900); + --system-spectrum-search-sizes-border-radius: calc( + var(--spectrum-component-height-75) / 2 + ); + --system-spectrum-search-sizes-edge-to-visual: var( + --spectrum-component-pill-edge-to-visual-75 + ); + --system-spectrum-search-sizem-border-radius: calc( + var(--spectrum-component-height-100) / 2 + ); + --system-spectrum-search-sizem-edge-to-visual: var( + --spectrum-component-pill-edge-to-visual-100 + ); + --system-spectrum-search-sizel-border-radius: calc( + var(--spectrum-component-height-200) / 2 + ); + --system-spectrum-search-sizel-edge-to-visual: var( + --spectrum-component-pill-edge-to-visual-200 + ); + --system-spectrum-search-sizexl-border-radius: calc( + var(--spectrum-component-height-300) / 2 + ); + --system-spectrum-search-sizexl-edge-to-visual: var( + --spectrum-component-pill-edge-to-visual-300 + ); +} diff --git a/tools/styles/tokens/spectrum/global-vars.css b/tools/styles/tokens/spectrum/global-vars.css index 0ffd1d9540..06d574dd02 100644 --- a/tools/styles/tokens/spectrum/global-vars.css +++ b/tools/styles/tokens/spectrum/global-vars.css @@ -1365,3 +1365,39 @@ governing permissions and limitations under the License. ); --system-spectrum-textfield-border-width: var(--spectrum-border-width-100); } +:host, +:root { + --system-spectrum-search-border-radius: var(--spectrum-corner-radius-100); + --system-spectrum-search-edge-to-visual: var( + --spectrum-component-edge-to-visual-100 + ); + --system-spectrum-search-border-color-default: var(--spectrum-gray-500); + --system-spectrum-search-border-color-hover: var(--spectrum-gray-600); + --system-spectrum-search-border-color-focus: var(--spectrum-gray-800); + --system-spectrum-search-border-color-focus-hover: var(--spectrum-gray-900); + --system-spectrum-search-border-color-key-focus: var(--spectrum-gray-900); + --system-spectrum-search-sizes-border-radius: var( + --spectrum-corner-radius-100 + ); + --system-spectrum-search-sizes-edge-to-visual: var( + --spectrum-component-edge-to-visual-75 + ); + --system-spectrum-search-sizem-border-radius: var( + --spectrum-corner-radius-100 + ); + --system-spectrum-search-sizem-edge-to-visual: var( + --spectrum-component-edge-to-visual-100 + ); + --system-spectrum-search-sizel-border-radius: var( + --spectrum-corner-radius-100 + ); + --system-spectrum-search-sizel-edge-to-visual: var( + --spectrum-component-edge-to-visual-200 + ); + --system-spectrum-search-sizexl-border-radius: var( + --spectrum-corner-radius-100 + ); + --system-spectrum-search-sizexl-edge-to-visual: var( + --spectrum-component-edge-to-visual-300 + ); +} diff --git a/yarn.lock b/yarn.lock index af1186f537..d454e4ca1a 100644 --- a/yarn.lock +++ b/yarn.lock @@ -4586,10 +4586,10 @@ resolved "https://registry.yarnpkg.com/@spectrum-css/radio/-/radio-5.0.1.tgz#4e2b896599ec9bad61cba389e59c6dcd4f002f10" integrity sha512-dJ1+YOaEmBiZl2dXSufn+M3akAWrLnuvVanHZTn//Xdq1vjmAK2IPtYAEuJpA6ckwLU5GXypQ4MjCFmxbhC9rQ== -"@spectrum-css/search@^5.0.19": - version "5.0.19" - resolved "https://registry.yarnpkg.com/@spectrum-css/search/-/search-5.0.19.tgz#28d43c03b6a46c5998d63dfc9f6558ab06a91c7f" - integrity sha512-ECuC6ACTcdkqDqFtZZJJnmM4oDLm0cmsqXKXE25fFV4mIBbKKEPeypNUEnQthcJ6/Xe5g9h5oMHlrKrlBRsS+Q== +"@spectrum-css/search@^6.0.0": + version "6.0.0" + resolved "https://registry.yarnpkg.com/@spectrum-css/search/-/search-6.0.0.tgz#b054015f0ae326816fc83da184c47fe3c2fa5168" + integrity sha512-4WzhvQn/3mvtsN0Ae0fIm1guhllqOlN6UNerg4O/EUk0MNEqIiKM+dSzrGAdMZmGHZdSoA6h7PJr7Ssy3g9ieA== "@spectrum-css/sidenav@^3.0.44": version "3.0.44"