@cloudscape-design/components 3.0.301 → 3.0.303

package/internal/components/handle/styles.scoped.css

@@ -90,26 +90,26 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_handle_iykw5_1rb9x_93:not(#\9) {
+.awsui_handle_iykw5_b48ke_93:not(#\9) {
   -webkit-appearance: none;
           appearance: none;
   background: transparent;
   border: none;
-  padding: 0 var(--space-scaled-xxxs-emyscj, 2px);
-  margin: 0 var(--space-scaled-xxs-ugy2pw, 4px);
-  color: var(--color-text-interactive-default-pdoaf1, #414d5c);
+  padding: 0 var(--space-scaled-xxxs-jdgipl, 2px);
+  margin: 0 var(--space-scaled-xxs-t2t62i, 4px);
+  color: var(--color-text-interactive-default-2sml2m, #414d5c);
 }
-.awsui_handle_iykw5_1rb9x_93:not(#\9):hover {
-  color: var(--color-text-interactive-hover-hi8qzz, #000716);
+.awsui_handle_iykw5_b48ke_93:not(#\9):hover {
+  color: var(--color-text-interactive-hover-8bpozs, #000716);
 }
-body[data-awsui-focus-visible=true] .awsui_handle_iykw5_1rb9x_93:not(#\9):focus:not(.awsui_hide-focus_iykw5_1rb9x_104) {
+body[data-awsui-focus-visible=true] .awsui_handle_iykw5_b48ke_93:not(#\9):focus:not(.awsui_hide-focus_iykw5_b48ke_104) {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_handle_iykw5_1rb9x_93:not(#\9):focus:not(.awsui_hide-focus_iykw5_1rb9x_104) {
+body[data-awsui-focus-visible=true] .awsui_handle_iykw5_b48ke_93:not(#\9):focus:not(.awsui_hide-focus_iykw5_b48ke_104) {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_handle_iykw5_1rb9x_93:not(#\9):focus:not(.awsui_hide-focus_iykw5_1rb9x_104)::before {
+body[data-awsui-focus-visible=true] .awsui_handle_iykw5_b48ke_93:not(#\9):focus:not(.awsui_hide-focus_iykw5_b48ke_104)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -117,9 +117,9 @@ body[data-awsui-focus-visible=true] .awsui_handle_iykw5_1rb9x_93:not(#\9):focus:
   top: calc(-1 * 0px);
   width: calc(100% + 2 * 0px);
   height: calc(100% + 2 * 0px);
-  border-radius: var(--border-radius-control-default-focus-ring-egwir5, 4px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-nwfxo7, #0972d3);
+  border-radius: var(--border-radius-control-default-focus-ring-muizvi, 4px);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-4t19h5, #0972d3);
 }
-body[data-awsui-focus-visible=true] .awsui_handle_iykw5_1rb9x_93:not(#\9):focus.awsui_hide-focus_iykw5_1rb9x_104 {
+body[data-awsui-focus-visible=true] .awsui_handle_iykw5_b48ke_93:not(#\9):focus.awsui_hide-focus_iykw5_b48ke_104 {
   outline: none;
 }

package/internal/components/handle/styles.selectors.js

@@ -2,7 +2,7 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "handle": "awsui_handle_iykw5_1rb9x_93",
-  "hide-focus": "awsui_hide-focus_iykw5_1rb9x_104"
+  "handle": "awsui_handle_iykw5_b48ke_93",
+  "hide-focus": "awsui_hide-focus_iykw5_b48ke_104"
 };
   

package/internal/components/menu-dropdown/styles.css.js

@@ -1,12 +1,12 @@
 
     import './styles.scoped.css';
     export default {
-  "button": "awsui_button_m5h9f_pcwxr_93",
-  "expanded": "awsui_expanded_m5h9f_pcwxr_127",
-  "offset-right-none": "awsui_offset-right-none_m5h9f_pcwxr_138",
-  "offset-right-l": "awsui_offset-right-l_m5h9f_pcwxr_141",
-  "offset-right-xxl": "awsui_offset-right-xxl_m5h9f_pcwxr_144",
-  "text": "awsui_text_m5h9f_pcwxr_166",
-  "icon": "awsui_icon_m5h9f_pcwxr_170"
+  "button": "awsui_button_m5h9f_1i0i5_93",
+  "expanded": "awsui_expanded_m5h9f_1i0i5_127",
+  "offset-right-none": "awsui_offset-right-none_m5h9f_1i0i5_138",
+  "offset-right-l": "awsui_offset-right-l_m5h9f_1i0i5_141",
+  "offset-right-xxl": "awsui_offset-right-xxl_m5h9f_1i0i5_144",
+  "text": "awsui_text_m5h9f_1i0i5_166",
+  "icon": "awsui_icon_m5h9f_1i0i5_170"
 };
   

package/internal/components/menu-dropdown/styles.scoped.css

@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_button_m5h9f_pcwxr_93:not(#\9) {
+.awsui_button_m5h9f_1i0i5_93:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -120,64 +120,64 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   widows: 2;
   word-spacing: normal;
   box-sizing: border-box;
-  font-size: var(--font-body-m-size-cqtcam, 14px);
-  line-height: var(--font-body-m-line-height-83azrc, 22px);
-  color: var(--color-text-body-default-01bwmw, #000716);
+  font-size: var(--font-body-m-size-7dign1, 14px);
+  line-height: var(--font-body-m-line-height-rfgrp9, 22px);
+  color: var(--color-text-body-default-mmvcvg, #000716);
   font-weight: 400;
-  font-family: var(--font-family-base-kd6hgy, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
-  font-weight: var(--font-button-weight-t4a8st, 800);
-  -webkit-font-smoothing: var(--font-smoothing-webkit-imui5j, antialiased);
-  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-zc5t56, grayscale);
+  font-weight: var(--font-button-weight-puh3qs, 800);
+  -webkit-font-smoothing: var(--font-smoothing-webkit-fyh4as, antialiased);
+  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-pa2uqe, grayscale);
   display: flex;
   flex-wrap: nowrap;
   align-items: center;
   white-space: nowrap;
   height: 100%;
-  padding-left: var(--space-xs-inub5w, 8px);
-  padding-right: var(--space-xs-inub5w, 8px);
+  padding-left: var(--space-xs-edba2s, 8px);
+  padding-right: var(--space-xs-edba2s, 8px);
   text-decoration: none;
   cursor: pointer;
   border: transparent;
   background: transparent;
-  color: var(--color-text-interactive-default-pdoaf1, #414d5c);
+  color: var(--color-text-interactive-default-2sml2m, #414d5c);
 }
-.awsui_button_m5h9f_pcwxr_93:not(#\9):hover {
-  color: var(--color-text-interactive-hover-hi8qzz, #000716);
+.awsui_button_m5h9f_1i0i5_93:not(#\9):hover {
+  color: var(--color-text-interactive-hover-8bpozs, #000716);
   text-decoration: none;
 }
-.awsui_button_m5h9f_pcwxr_93:not(#\9):active, .awsui_button_m5h9f_pcwxr_93.awsui_expanded_m5h9f_pcwxr_127:not(#\9) {
+.awsui_button_m5h9f_1i0i5_93:not(#\9):active, .awsui_button_m5h9f_1i0i5_93.awsui_expanded_m5h9f_1i0i5_127:not(#\9) {
   background: transparent;
-  color: var(--color-text-interactive-active-9ly0dg, #000716);
+  color: var(--color-text-interactive-active-atr0kj, #000716);
 }
-.awsui_button_m5h9f_pcwxr_93.awsui_expanded_m5h9f_pcwxr_127:not(#\9) {
-  color: var(--color-text-accent-wqve76, #0972d3);
+.awsui_button_m5h9f_1i0i5_93.awsui_expanded_m5h9f_1i0i5_127:not(#\9) {
+  color: var(--color-text-accent-qh8xwn, #0972d3);
 }
-.awsui_button_m5h9f_pcwxr_93:not(#\9):focus {
+.awsui_button_m5h9f_1i0i5_93:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-.awsui_button_m5h9f_pcwxr_93.awsui_offset-right-none_m5h9f_pcwxr_138:not(#\9) {
+.awsui_button_m5h9f_1i0i5_93.awsui_offset-right-none_m5h9f_1i0i5_138:not(#\9) {
   margin-right: 0;
 }
-.awsui_button_m5h9f_pcwxr_93.awsui_offset-right-l_m5h9f_pcwxr_141:not(#\9) {
-  margin-right: var(--space-s-rd607g, 12px);
+.awsui_button_m5h9f_1i0i5_93.awsui_offset-right-l_m5h9f_1i0i5_141:not(#\9) {
+  margin-right: var(--space-s-hdd878, 12px);
 }
-.awsui_button_m5h9f_pcwxr_93.awsui_offset-right-xxl_m5h9f_pcwxr_144:not(#\9) {
-  margin-right: var(--space-xl-7jca1b, 24px);
+.awsui_button_m5h9f_1i0i5_93.awsui_offset-right-xxl_m5h9f_1i0i5_144:not(#\9) {
+  margin-right: var(--space-xl-gsucfg, 24px);
 }
-body[data-awsui-focus-visible=true] .awsui_button_m5h9f_pcwxr_93:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_button_m5h9f_1i0i5_93:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_button_m5h9f_pcwxr_93:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_button_m5h9f_1i0i5_93:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(-1px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_button_m5h9f_pcwxr_93:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_button_m5h9f_1i0i5_93:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -185,14 +185,14 @@ body[data-awsui-focus-visible=true] .awsui_button_m5h9f_pcwxr_93:not(#\9):focus:
   top: calc(-1 * -1px);
   width: calc(100% + 2 * -1px);
   height: calc(100% + 2 * -1px);
-  border-radius: var(--border-radius-control-default-focus-ring-egwir5, 4px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-nwfxo7, #0972d3);
+  border-radius: var(--border-radius-control-default-focus-ring-muizvi, 4px);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-4t19h5, #0972d3);
 }
 
-.awsui_text_m5h9f_pcwxr_166:not(#\9) {
-  margin-right: var(--space-xs-inub5w, 8px);
+.awsui_text_m5h9f_1i0i5_166:not(#\9) {
+  margin-right: var(--space-xs-edba2s, 8px);
 }
 
-.awsui_icon_m5h9f_pcwxr_170 + .awsui_text_m5h9f_pcwxr_166:not(#\9) {
-  margin-left: var(--space-xs-inub5w, 8px);
+.awsui_icon_m5h9f_1i0i5_170 + .awsui_text_m5h9f_1i0i5_166:not(#\9) {
+  margin-left: var(--space-xs-edba2s, 8px);
 }

package/internal/components/menu-dropdown/styles.selectors.js

@@ -2,12 +2,12 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "button": "awsui_button_m5h9f_pcwxr_93",
-  "expanded": "awsui_expanded_m5h9f_pcwxr_127",
-  "offset-right-none": "awsui_offset-right-none_m5h9f_pcwxr_138",
-  "offset-right-l": "awsui_offset-right-l_m5h9f_pcwxr_141",
-  "offset-right-xxl": "awsui_offset-right-xxl_m5h9f_pcwxr_144",
-  "text": "awsui_text_m5h9f_pcwxr_166",
-  "icon": "awsui_icon_m5h9f_pcwxr_170"
+  "button": "awsui_button_m5h9f_1i0i5_93",
+  "expanded": "awsui_expanded_m5h9f_1i0i5_127",
+  "offset-right-none": "awsui_offset-right-none_m5h9f_1i0i5_138",
+  "offset-right-l": "awsui_offset-right-l_m5h9f_1i0i5_141",
+  "offset-right-xxl": "awsui_offset-right-xxl_m5h9f_1i0i5_144",
+  "text": "awsui_text_m5h9f_1i0i5_166",
+  "icon": "awsui_icon_m5h9f_1i0i5_170"
 };
   

package/internal/components/option/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/components/option/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAM3C,OAAO,EAAE,WAAW,EAAE,CAAC;AAWvB,QAAA,MAAM,MAAM,8HAST,WAAW,uBA8Eb,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/components/option/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAM3C,OAAO,EAAE,WAAW,EAAE,CAAC;AAWvB,QAAA,MAAM,MAAM,8HAST,WAAW,uBAmFb,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/internal/components/option/index.js

@@ -32,7 +32,7 @@ const Option = (_a) => {
             validateStringValue(tag, `filteringTags[${index}]`);
         });
     }
-    const className = clsx(styles.option, disabled && styles.disabled, isGroupOption && styles.parent);
+    const className = clsx(styles.option, disabled && styles.disabled, isGroupOption && styles.parent, highlightedOption && styles.highlighted);
     const icon = option.__customIcon || (React.createElement(OptionIcon, { name: option.iconName, url: option.iconUrl, svg: option.iconSvg, alt: option.iconAlt, size: option.description || option.tags ? 'big' : 'normal' }));
     // The option is conditionally assigned 'title' and 'aria-disabled' attributes to ensure it is viewed as a (generic) group  by assistive technology only when necessary.
     // Omitting the props might be necessary if they are provided on the parent element to avoid nested groups.

package/internal/components/option/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/components/option/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\nimport styles from './styles.css.js';\nimport { OptionProps } from './interfaces';\nimport { Label, LabelTag, Description, Tags, FilteringTags, OptionIcon } from './option-parts';\nimport { getBaseProps } from '../../base-component';\nimport { warnOnce } from '../../logging';\nimport { isDevelopment } from '../../is-development';\n\nexport { OptionProps };\n\nfunction validateStringValue(value: string | undefined, propertyName: string) {\n  if (typeof value !== 'undefined' && typeof value !== 'string') {\n    warnOnce(\n      'DropdownOption',\n      `This component only supports string values, but \"option.${propertyName}\" has ${typeof value} type. The component may work incorrectly.`\n    );\n  }\n}\n\nconst Option = ({\n  option,\n  highlightText,\n  triggerVariant = false,\n  isGroupOption = false,\n  isGenericGroup = true,\n  highlightedOption = false,\n  selectedOption = false,\n  ...restProps\n}: OptionProps) => {\n  if (!option) {\n    return null;\n  }\n  const { disabled } = option;\n  const baseProps = getBaseProps(restProps);\n\n  if (isDevelopment) {\n    validateStringValue(option.label, 'label');\n    validateStringValue(option.description, 'description');\n    validateStringValue(option.labelTag, 'labelTag');\n    option.tags?.forEach((tag, index) => {\n      validateStringValue(tag, `tags[${index}]`);\n    });\n    option.filteringTags?.forEach((tag, index) => {\n      validateStringValue(tag, `filteringTags[${index}]`);\n    });\n  }\n\n  const className = clsx(styles.option, disabled && styles.disabled, isGroupOption && styles.parent);\n\n  const icon = option.__customIcon || (\n    <OptionIcon\n      name={option.iconName}\n      url={option.iconUrl}\n      svg={option.iconSvg}\n      alt={option.iconAlt}\n      size={option.description || option.tags ? 'big' : 'normal'}\n    />\n  );\n\n  // The option is conditionally assigned 'title' and 'aria-disabled' attributes to ensure it is viewed as a (generic) group  by assistive technology only when necessary.\n  // Omitting the props might be necessary if they are provided on the parent element to avoid nested groups.\n  // See https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/generic_role\n  const genericGroupProps = isGenericGroup\n    ? {\n        title: option.label ?? option.value,\n        'aria-disabled': disabled,\n      }\n    : undefined;\n\n  return (\n    <span data-value={option.value} className={className} lang={option.lang} {...genericGroupProps} {...baseProps}>\n      {icon}\n      <span className={clsx(styles.content)}>\n        <span className={clsx(styles['label-content'])}>\n          <Label\n            label={option.label ?? option.value}\n            prefix={option.__labelPrefix}\n            highlightText={highlightText}\n            triggerVariant={triggerVariant}\n          />\n          <LabelTag labelTag={option.labelTag} highlightText={highlightText} triggerVariant={triggerVariant} />\n        </span>\n        <Description\n          description={option.description}\n          highlightedOption={highlightedOption}\n          selectedOption={selectedOption}\n          highlightText={highlightText}\n          triggerVariant={triggerVariant}\n        />\n        <Tags\n          tags={option.tags}\n          highlightedOption={highlightedOption}\n          selectedOption={selectedOption}\n          highlightText={highlightText}\n          triggerVariant={triggerVariant}\n        />\n        <FilteringTags\n          filteringTags={option.filteringTags}\n          highlightedOption={highlightedOption}\n          selectedOption={selectedOption}\n          highlightText={highlightText}\n          triggerVariant={triggerVariant}\n        />\n      </span>\n    </span>\n  );\n};\n\nexport default Option;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/components/option/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\nimport styles from './styles.css.js';\nimport { OptionProps } from './interfaces';\nimport { Label, LabelTag, Description, Tags, FilteringTags, OptionIcon } from './option-parts';\nimport { getBaseProps } from '../../base-component';\nimport { warnOnce } from '../../logging';\nimport { isDevelopment } from '../../is-development';\n\nexport { OptionProps };\n\nfunction validateStringValue(value: string | undefined, propertyName: string) {\n  if (typeof value !== 'undefined' && typeof value !== 'string') {\n    warnOnce(\n      'DropdownOption',\n      `This component only supports string values, but \"option.${propertyName}\" has ${typeof value} type. The component may work incorrectly.`\n    );\n  }\n}\n\nconst Option = ({\n  option,\n  highlightText,\n  triggerVariant = false,\n  isGroupOption = false,\n  isGenericGroup = true,\n  highlightedOption = false,\n  selectedOption = false,\n  ...restProps\n}: OptionProps) => {\n  if (!option) {\n    return null;\n  }\n  const { disabled } = option;\n  const baseProps = getBaseProps(restProps);\n\n  if (isDevelopment) {\n    validateStringValue(option.label, 'label');\n    validateStringValue(option.description, 'description');\n    validateStringValue(option.labelTag, 'labelTag');\n    option.tags?.forEach((tag, index) => {\n      validateStringValue(tag, `tags[${index}]`);\n    });\n    option.filteringTags?.forEach((tag, index) => {\n      validateStringValue(tag, `filteringTags[${index}]`);\n    });\n  }\n\n  const className = clsx(\n    styles.option,\n    disabled && styles.disabled,\n    isGroupOption && styles.parent,\n    highlightedOption && styles.highlighted\n  );\n\n  const icon = option.__customIcon || (\n    <OptionIcon\n      name={option.iconName}\n      url={option.iconUrl}\n      svg={option.iconSvg}\n      alt={option.iconAlt}\n      size={option.description || option.tags ? 'big' : 'normal'}\n    />\n  );\n\n  // The option is conditionally assigned 'title' and 'aria-disabled' attributes to ensure it is viewed as a (generic) group  by assistive technology only when necessary.\n  // Omitting the props might be necessary if they are provided on the parent element to avoid nested groups.\n  // See https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/generic_role\n  const genericGroupProps = isGenericGroup\n    ? {\n        title: option.label ?? option.value,\n        'aria-disabled': disabled,\n      }\n    : undefined;\n\n  return (\n    <span data-value={option.value} className={className} lang={option.lang} {...genericGroupProps} {...baseProps}>\n      {icon}\n      <span className={clsx(styles.content)}>\n        <span className={clsx(styles['label-content'])}>\n          <Label\n            label={option.label ?? option.value}\n            prefix={option.__labelPrefix}\n            highlightText={highlightText}\n            triggerVariant={triggerVariant}\n          />\n          <LabelTag labelTag={option.labelTag} highlightText={highlightText} triggerVariant={triggerVariant} />\n        </span>\n        <Description\n          description={option.description}\n          highlightedOption={highlightedOption}\n          selectedOption={selectedOption}\n          highlightText={highlightText}\n          triggerVariant={triggerVariant}\n        />\n        <Tags\n          tags={option.tags}\n          highlightedOption={highlightedOption}\n          selectedOption={selectedOption}\n          highlightText={highlightText}\n          triggerVariant={triggerVariant}\n        />\n        <FilteringTags\n          filteringTags={option.filteringTags}\n          highlightedOption={highlightedOption}\n          selectedOption={selectedOption}\n          highlightText={highlightText}\n          triggerVariant={triggerVariant}\n        />\n      </span>\n    </span>\n  );\n};\n\nexport default Option;\n"]}

package/internal/components/option/styles.css.js

@@ -1,22 +1,22 @@
 
     import './styles.scoped.css';
     export default {
-  "option": "awsui_option_1p2cx_19cko_97",
-  "disabled": "awsui_disabled_1p2cx_19cko_115",
-  "parent": "awsui_parent_1p2cx_19cko_118",
-  "content": "awsui_content_1p2cx_19cko_125",
-  "label-content": "awsui_label-content_1p2cx_19cko_132",
-  "label": "awsui_label_1p2cx_19cko_132",
-  "tag": "awsui_tag_1p2cx_19cko_139",
-  "label-tag": "awsui_label-tag_1p2cx_19cko_140",
-  "label-prefix": "awsui_label-prefix_1p2cx_19cko_151",
-  "tags": "awsui_tags_1p2cx_19cko_164",
-  "description": "awsui_description_1p2cx_19cko_165",
-  "highlighted": "awsui_highlighted_1p2cx_19cko_172",
-  "selected": "awsui_selected_1p2cx_19cko_176",
-  "icon": "awsui_icon_1p2cx_19cko_190",
-  "icon-size-big": "awsui_icon-size-big_1p2cx_19cko_197",
-  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_19cko_201",
-  "trigger-variant": "awsui_trigger-variant_1p2cx_19cko_216"
+  "option": "awsui_option_1p2cx_1q8q7_97",
+  "disabled": "awsui_disabled_1p2cx_1q8q7_115",
+  "parent": "awsui_parent_1p2cx_1q8q7_118",
+  "highlighted": "awsui_highlighted_1p2cx_1q8q7_121",
+  "content": "awsui_content_1p2cx_1q8q7_125",
+  "label-content": "awsui_label-content_1p2cx_1q8q7_132",
+  "label": "awsui_label_1p2cx_1q8q7_132",
+  "tag": "awsui_tag_1p2cx_1q8q7_139",
+  "label-tag": "awsui_label-tag_1p2cx_1q8q7_140",
+  "label-prefix": "awsui_label-prefix_1p2cx_1q8q7_151",
+  "tags": "awsui_tags_1p2cx_1q8q7_164",
+  "description": "awsui_description_1p2cx_1q8q7_165",
+  "selected": "awsui_selected_1p2cx_1q8q7_176",
+  "icon": "awsui_icon_1p2cx_1q8q7_190",
+  "icon-size-big": "awsui_icon-size-big_1p2cx_1q8q7_197",
+  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_1q8q7_201",
+  "trigger-variant": "awsui_trigger-variant_1p2cx_1q8q7_216"
 };
   

package/internal/components/option/styles.scoped.css

@@ -94,7 +94,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_option_1p2cx_19cko_97:not(#\9) {
+.awsui_option_1p2cx_1q8q7_97:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -124,11 +124,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   widows: 2;
   word-spacing: normal;
   box-sizing: border-box;
-  font-size: var(--font-body-m-size-cqtcam, 14px);
-  line-height: var(--font-body-m-line-height-83azrc, 22px);
-  color: var(--color-text-body-default-01bwmw, #000716);
+  font-size: var(--font-body-m-size-7dign1, 14px);
+  line-height: var(--font-body-m-line-height-rfgrp9, 22px);
+  color: var(--color-text-body-default-mmvcvg, #000716);
   font-weight: 400;
-  font-family: var(--font-family-base-kd6hgy, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
   display: flex;
@@ -138,108 +138,108 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-sizing: border-box;
   color: inherit;
 }
-.awsui_option_1p2cx_19cko_97:not(#\9):not(.awsui_disabled_1p2cx_19cko_115) {
+.awsui_option_1p2cx_1q8q7_97:not(#\9):not(.awsui_disabled_1p2cx_1q8q7_115) {
   cursor: inherit;
 }
-.awsui_option_1p2cx_19cko_97.awsui_parent_1p2cx_19cko_118:not(#\9) {
+.awsui_option_1p2cx_1q8q7_97.awsui_parent_1p2cx_1q8q7_118:not(#\9) {
   font-weight: bold;
 }
-.awsui_option_1p2cx_19cko_97.awsui_parent_1p2cx_19cko_118:not(#\9):not(.awsui_disabled_1p2cx_19cko_115) {
-  color: var(--color-text-dropdown-group-label-q8wsvh, #414d5c);
+.awsui_option_1p2cx_1q8q7_97.awsui_parent_1p2cx_1q8q7_118:not(#\9):not(.awsui_disabled_1p2cx_1q8q7_115):not(.awsui_highlighted_1p2cx_1q8q7_121) {
+  color: var(--color-text-dropdown-group-label-5y97j9, #414d5c);
 }
 
-.awsui_content_1p2cx_19cko_125:not(#\9) {
+.awsui_content_1p2cx_1q8q7_125:not(#\9) {
   width: 100%;
   display: flex;
   flex-direction: column;
   min-width: 0;
 }
 
-.awsui_label-content_1p2cx_19cko_132:not(#\9) {
+.awsui_label-content_1p2cx_1q8q7_132:not(#\9) {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
 }
 
-.awsui_label_1p2cx_19cko_132:not(#\9),
-.awsui_tag_1p2cx_19cko_139:not(#\9),
-.awsui_label-tag_1p2cx_19cko_140:not(#\9) {
+.awsui_label_1p2cx_1q8q7_132:not(#\9),
+.awsui_tag_1p2cx_1q8q7_139:not(#\9),
+.awsui_label-tag_1p2cx_1q8q7_140:not(#\9) {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
 }
 
-.awsui_label_1p2cx_19cko_132:not(#\9),
-.awsui_tag_1p2cx_19cko_139:not(#\9) {
+.awsui_label_1p2cx_1q8q7_132:not(#\9),
+.awsui_tag_1p2cx_1q8q7_139:not(#\9) {
   flex-wrap: wrap;
 }
 
-.awsui_label-prefix_1p2cx_19cko_151:not(#\9) {
+.awsui_label-prefix_1p2cx_1q8q7_151:not(#\9) {
   font-weight: 700;
 }
 
-.awsui_label-tag_1p2cx_19cko_140:not(#\9) {
-  padding-left: var(--space-s-rd607g, 12px);
+.awsui_label-tag_1p2cx_1q8q7_140:not(#\9) {
+  padding-left: var(--space-s-hdd878, 12px);
   flex: auto;
   text-align: right;
 }
-.awsui_label-tag_1p2cx_19cko_140:not(#\9):empty {
+.awsui_label-tag_1p2cx_1q8q7_140:not(#\9):empty {
   display: none;
 }
 
-.awsui_tags_1p2cx_19cko_164:not(#\9),
-.awsui_description_1p2cx_19cko_165:not(#\9) {
-  font-size: var(--font-body-s-size-zu142i, 12px);
-  line-height: var(--font-body-s-line-height-yd7nw5, 16px);
-  letter-spacing: var(--font-body-s-letter-spacing-26nwxv, 0.005em);
-  color: var(--color-text-dropdown-item-secondary-d2dxdn, #5f6b7a);
+.awsui_tags_1p2cx_1q8q7_164:not(#\9),
+.awsui_description_1p2cx_1q8q7_165:not(#\9) {
+  font-size: var(--font-body-s-size-6jmxer, 12px);
+  line-height: var(--font-body-s-line-height-ga8tt7, 16px);
+  letter-spacing: var(--font-body-s-letter-spacing-v8bwhi, 0.005em);
+  color: var(--color-text-dropdown-item-secondary-c4unu9, #5f6b7a);
   flex-wrap: wrap;
 }
-.awsui_tags_1p2cx_19cko_164.awsui_highlighted_1p2cx_19cko_172:not(#\9),
-.awsui_description_1p2cx_19cko_165.awsui_highlighted_1p2cx_19cko_172:not(#\9) {
-  color: var(--color-text-dropdown-item-secondary-hover-yfpzdv, #5f6b7a);
+.awsui_tags_1p2cx_1q8q7_164.awsui_highlighted_1p2cx_1q8q7_121:not(#\9),
+.awsui_description_1p2cx_1q8q7_165.awsui_highlighted_1p2cx_1q8q7_121:not(#\9) {
+  color: var(--color-text-dropdown-item-secondary-hover-pjoerv, #5f6b7a);
 }
-.awsui_tags_1p2cx_19cko_164.awsui_selected_1p2cx_19cko_176:not(#\9),
-.awsui_description_1p2cx_19cko_165.awsui_selected_1p2cx_19cko_176:not(#\9) {
-  color: var(--color-text-dropdown-item-secondary-d2dxdn, #5f6b7a);
+.awsui_tags_1p2cx_1q8q7_164.awsui_selected_1p2cx_1q8q7_176:not(#\9),
+.awsui_description_1p2cx_1q8q7_165.awsui_selected_1p2cx_1q8q7_176:not(#\9) {
+  color: var(--color-text-dropdown-item-secondary-c4unu9, #5f6b7a);
 }
 
-.awsui_tags_1p2cx_19cko_164:not(#\9) {
+.awsui_tags_1p2cx_1q8q7_164:not(#\9) {
   display: flex;
   align-items: stretch;
 }
 
-.awsui_tag_1p2cx_19cko_139:not(#\9):not(:last-child) {
-  padding-right: var(--space-m-sptmsg, 16px);
+.awsui_tag_1p2cx_1q8q7_139:not(#\9):not(:last-child) {
+  padding-right: var(--space-m-h2th94, 16px);
 }
 
-.awsui_icon_1p2cx_19cko_190:not(#\9) {
-  padding-right: var(--space-xs-inub5w, 8px);
+.awsui_icon_1p2cx_1q8q7_190:not(#\9) {
+  padding-right: var(--space-xs-edba2s, 8px);
   align-content: center;
   display: flex;
   flex-shrink: 0;
 }
 
-.awsui_icon-size-big_1p2cx_19cko_197:not(#\9) {
-  padding-top: var(--space-xxxs-rq3iss, 2px);
+.awsui_icon-size-big_1p2cx_1q8q7_197:not(#\9) {
+  padding-top: var(--space-xxxs-j6dpcy, 2px);
 }
 
-.awsui_filtering-match-highlight_1p2cx_19cko_201:not(#\9) {
-  background-color: var(--color-background-dropdown-item-filter-match-4hln4l, #f2f8fd);
-  color: var(--color-text-dropdown-item-filter-match-9rf60g, #0972d3);
+.awsui_filtering-match-highlight_1p2cx_1q8q7_201:not(#\9) {
+  background-color: var(--color-background-dropdown-item-filter-match-zl9g0m, #f2f8fd);
+  color: var(--color-text-dropdown-item-filter-match-t483bg, #0972d3);
   font-weight: bold;
 }
 
-.awsui_disabled_1p2cx_19cko_115:not(#\9) {
-  color: var(--color-text-dropdown-item-disabled-9e6ykc, #9ba7b6);
+.awsui_disabled_1p2cx_1q8q7_115:not(#\9) {
+  color: var(--color-text-dropdown-item-disabled-p5eewj, #9ba7b6);
   pointer-events: none;
 }
-.awsui_disabled_1p2cx_19cko_115 > .awsui_content_1p2cx_19cko_125 > .awsui_tags_1p2cx_19cko_164:not(#\9),
-.awsui_disabled_1p2cx_19cko_115 > .awsui_content_1p2cx_19cko_125 > .awsui_description_1p2cx_19cko_165:not(#\9) {
+.awsui_disabled_1p2cx_1q8q7_115 > .awsui_content_1p2cx_1q8q7_125 > .awsui_tags_1p2cx_1q8q7_164:not(#\9),
+.awsui_disabled_1p2cx_1q8q7_115 > .awsui_content_1p2cx_1q8q7_125 > .awsui_description_1p2cx_1q8q7_165:not(#\9) {
   color: currentColor;
 }
 
-.awsui_trigger-variant_1p2cx_19cko_216:not(#\9) {
+.awsui_trigger-variant_1p2cx_1q8q7_216:not(#\9) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;

package/internal/components/option/styles.selectors.js

@@ -2,22 +2,22 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "option": "awsui_option_1p2cx_19cko_97",
-  "disabled": "awsui_disabled_1p2cx_19cko_115",
-  "parent": "awsui_parent_1p2cx_19cko_118",
-  "content": "awsui_content_1p2cx_19cko_125",
-  "label-content": "awsui_label-content_1p2cx_19cko_132",
-  "label": "awsui_label_1p2cx_19cko_132",
-  "tag": "awsui_tag_1p2cx_19cko_139",
-  "label-tag": "awsui_label-tag_1p2cx_19cko_140",
-  "label-prefix": "awsui_label-prefix_1p2cx_19cko_151",
-  "tags": "awsui_tags_1p2cx_19cko_164",
-  "description": "awsui_description_1p2cx_19cko_165",
-  "highlighted": "awsui_highlighted_1p2cx_19cko_172",
-  "selected": "awsui_selected_1p2cx_19cko_176",
-  "icon": "awsui_icon_1p2cx_19cko_190",
-  "icon-size-big": "awsui_icon-size-big_1p2cx_19cko_197",
-  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_19cko_201",
-  "trigger-variant": "awsui_trigger-variant_1p2cx_19cko_216"
+  "option": "awsui_option_1p2cx_1q8q7_97",
+  "disabled": "awsui_disabled_1p2cx_1q8q7_115",
+  "parent": "awsui_parent_1p2cx_1q8q7_118",
+  "highlighted": "awsui_highlighted_1p2cx_1q8q7_121",
+  "content": "awsui_content_1p2cx_1q8q7_125",
+  "label-content": "awsui_label-content_1p2cx_1q8q7_132",
+  "label": "awsui_label_1p2cx_1q8q7_132",
+  "tag": "awsui_tag_1p2cx_1q8q7_139",
+  "label-tag": "awsui_label-tag_1p2cx_1q8q7_140",
+  "label-prefix": "awsui_label-prefix_1p2cx_1q8q7_151",
+  "tags": "awsui_tags_1p2cx_1q8q7_164",
+  "description": "awsui_description_1p2cx_1q8q7_165",
+  "selected": "awsui_selected_1p2cx_1q8q7_176",
+  "icon": "awsui_icon_1p2cx_1q8q7_190",
+  "icon-size-big": "awsui_icon-size-big_1p2cx_1q8q7_197",
+  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_1q8q7_201",
+  "trigger-variant": "awsui_trigger-variant_1p2cx_1q8q7_216"
 };
   

package/internal/components/options-list/styles.css.js

@@ -1,7 +1,7 @@
 
     import './styles.scoped.css';
     export default {
-  "options-list": "awsui_options-list_19gcf_qv6vk_93",
-  "decrease-top-margin": "awsui_decrease-top-margin_19gcf_qv6vk_115"
+  "options-list": "awsui_options-list_19gcf_1noc9_93",
+  "decrease-top-margin": "awsui_decrease-top-margin_19gcf_1noc9_115"
 };
   

package/internal/components/options-list/styles.scoped.css

@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_options-list_19gcf_qv6vk_93:not(#\9) {
+.awsui_options-list_19gcf_1noc9_93:not(#\9) {
   padding: 0;
   margin: 0;
   outline: none;
@@ -124,20 +124,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   widows: 2;
   word-spacing: normal;
   box-sizing: border-box;
-  font-size: var(--font-body-m-size-cqtcam, 14px);
-  line-height: var(--font-body-m-line-height-83azrc, 22px);
-  color: var(--color-text-body-default-01bwmw, #000716);
+  font-size: var(--font-body-m-size-7dign1, 14px);
+  line-height: var(--font-body-m-line-height-rfgrp9, 22px);
+  color: var(--color-text-body-default-mmvcvg, #000716);
   font-weight: 400;
-  font-family: var(--font-family-base-kd6hgy, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
   white-space: inherit;
   overflow-y: auto;
   flex: 1 1 auto;
   min-height: 0;
-  border-radius: var(--border-radius-dropdown-0czl7o, 8px);
+  border-radius: var(--border-radius-dropdown-re1k6b, 8px);
 }
 
-.awsui_decrease-top-margin_19gcf_qv6vk_115:not(#\9) {
+.awsui_decrease-top-margin_19gcf_1noc9_115:not(#\9) {
   margin-top: -1px;
 }

package/internal/components/options-list/styles.selectors.js

@@ -2,7 +2,7 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "options-list": "awsui_options-list_19gcf_qv6vk_93",
-  "decrease-top-margin": "awsui_decrease-top-margin_19gcf_qv6vk_115"
+  "options-list": "awsui_options-list_19gcf_1noc9_93",
+  "decrease-top-margin": "awsui_decrease-top-margin_19gcf_1noc9_115"
 };
   

package/internal/components/selectable-item/styles.css.js

@@ -1,21 +1,21 @@
 
     import './styles.scoped.css';
     export default {
-  "selectable-item": "awsui_selectable-item_15o6u_1625c_93",
-  "pad-bottom": "awsui_pad-bottom_15o6u_1625c_115",
-  "has-background": "awsui_has-background_15o6u_1625c_124",
-  "highlighted": "awsui_highlighted_15o6u_1625c_127",
-  "selected": "awsui_selected_15o6u_1625c_127",
-  "disabled": "awsui_disabled_15o6u_1625c_141",
-  "next-item-selected": "awsui_next-item-selected_15o6u_1625c_149",
-  "is-keyboard": "awsui_is-keyboard_15o6u_1625c_157",
-  "parent": "awsui_parent_15o6u_1625c_161",
-  "interactiveGroups": "awsui_interactiveGroups_15o6u_1625c_165",
-  "child": "awsui_child_15o6u_1625c_177",
-  "virtual": "awsui_virtual_15o6u_1625c_192",
-  "measure-strut": "awsui_measure-strut_15o6u_1625c_203",
-  "measure-strut-first": "awsui_measure-strut-first_15o6u_1625c_212",
-  "screenreader-content": "awsui_screenreader-content_15o6u_1625c_216",
-  "option-content": "awsui_option-content_15o6u_1625c_222"
+  "selectable-item": "awsui_selectable-item_15o6u_19umb_93",
+  "pad-bottom": "awsui_pad-bottom_15o6u_19umb_115",
+  "has-background": "awsui_has-background_15o6u_19umb_124",
+  "highlighted": "awsui_highlighted_15o6u_19umb_127",
+  "selected": "awsui_selected_15o6u_19umb_127",
+  "disabled": "awsui_disabled_15o6u_19umb_141",
+  "next-item-selected": "awsui_next-item-selected_15o6u_19umb_149",
+  "is-keyboard": "awsui_is-keyboard_15o6u_19umb_157",
+  "parent": "awsui_parent_15o6u_19umb_161",
+  "interactiveGroups": "awsui_interactiveGroups_15o6u_19umb_165",
+  "child": "awsui_child_15o6u_19umb_180",
+  "virtual": "awsui_virtual_15o6u_19umb_195",
+  "measure-strut": "awsui_measure-strut_15o6u_19umb_206",
+  "measure-strut-first": "awsui_measure-strut-first_15o6u_19umb_215",
+  "screenreader-content": "awsui_screenreader-content_15o6u_19umb_219",
+  "option-content": "awsui_option-content_15o6u_19umb_225"
 };