@cloudscape-design/components 3.0.301 → 3.0.303

package/segmented-control/styles.selectors.js

@@ -2,19 +2,19 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "segment": "awsui_segment_8cbea_f4xq5_97",
-  "disabled": "awsui_disabled_8cbea_f4xq5_166",
-  "selected": "awsui_selected_8cbea_f4xq5_174",
-  "icon": "awsui_icon_8cbea_f4xq5_195",
-  "with-text": "awsui_with-text_8cbea_f4xq5_199",
-  "with-no-text": "awsui_with-no-text_8cbea_f4xq5_205",
-  "root": "awsui_root_8cbea_f4xq5_216",
-  "segment-part": "awsui_segment-part_8cbea_f4xq5_229",
-  "select": "awsui_select_8cbea_f4xq5_174",
-  "segment-count-2": "awsui_segment-count-2_8cbea_f4xq5_248",
-  "segment-count-3": "awsui_segment-count-3_8cbea_f4xq5_253",
-  "segment-count-4": "awsui_segment-count-4_8cbea_f4xq5_258",
-  "segment-count-5": "awsui_segment-count-5_8cbea_f4xq5_263",
-  "segment-count-6": "awsui_segment-count-6_8cbea_f4xq5_268"
+  "segment": "awsui_segment_8cbea_hik4w_97",
+  "disabled": "awsui_disabled_8cbea_hik4w_166",
+  "selected": "awsui_selected_8cbea_hik4w_174",
+  "icon": "awsui_icon_8cbea_hik4w_195",
+  "with-text": "awsui_with-text_8cbea_hik4w_199",
+  "with-no-text": "awsui_with-no-text_8cbea_hik4w_205",
+  "root": "awsui_root_8cbea_hik4w_216",
+  "segment-part": "awsui_segment-part_8cbea_hik4w_229",
+  "select": "awsui_select_8cbea_hik4w_174",
+  "segment-count-2": "awsui_segment-count-2_8cbea_hik4w_248",
+  "segment-count-3": "awsui_segment-count-3_8cbea_hik4w_253",
+  "segment-count-4": "awsui_segment-count-4_8cbea_hik4w_258",
+  "segment-count-5": "awsui_segment-count-5_8cbea_hik4w_263",
+  "segment-count-6": "awsui_segment-count-6_8cbea_hik4w_268"
 };
   

package/select/interfaces.d.ts

@@ -73,6 +73,7 @@ export interface BaseSelectProps extends BaseDropdownHostProps, BaseComponentPro
     filteringAriaLabel?: string;
     /**
      * Adds an `aria-label` to the clear button inside the search input.
+     * @i18n
      */
     filteringClearAriaLabel?: string;
     /**
@@ -99,6 +100,7 @@ export interface BaseSelectProps extends BaseDropdownHostProps, BaseComponentPro
      * Specifies the localized string that describes an option as being selected.
      * This is required to provide a good screen reader experience. For more information, see the
      * [accessibility guidelines](/components/select/?tabId=usage#accessibility-guidelines).
+     * @i18n
      */
     selectedAriaLabel?: string;
     /**

package/select/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["select/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,+BAA+B,EAAE,MAAM,wCAAwC,CAAC;AACzF,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,WAAW,IAAI,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AAClH,OAAO,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AACxF,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACpB,sBAAsB,EACvB,MAAM,4CAA4C,CAAC;AAEpD,MAAM,WAAW,eACf,SAAQ,qBAAqB,EAC3B,kBAAkB,EAClB,+BAA+B,EAC/B,mBAAmB;IACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA8BI;IACJ,OAAO,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC;IAC9B;;;;;;;;;;;;;;;QAeI;IACJ,aAAa,CAAC,EAAE,oBAAoB,CAAC;IAErC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;OAEG;IACH,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5E;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;;;;;;;OAUG;IACH,yBAAyB,CAAC,EAAE,WAAW,CAAC,8BAA8B,CAAC;IACvE;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,yBAAyB,CAAC;IACnC;;OAEG;IACH,OAAO,CAAC,EAAE,yBAAyB,CAAC;CACrC;AAED,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD;;OAEG;IACH,cAAc,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC;IAC5C;;;OAGG;IACH,cAAc,EAAE,WAAW,CAAC,MAAM,GAAG,IAAI,CAAC;IAC1C;;;OAGG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;IAE/D;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,yBAAiB,WAAW,CAAC;IAC3B,KAAY,aAAa,GAAG,oBAAoB,CAAC;IACjD,KAAY,cAAc,GAAG,OAAO,GAAG,QAAQ,CAAC;IAEhD,KAAY,MAAM,GAAG,gBAAgB,CAAC;IACtC,KAAY,WAAW,GAAG,qBAAqB,CAAC;IAChD,KAAY,OAAO,GAAG,aAAa,CAAC,MAAM,GAAG,WAAW,CAAC,CAAC;IAE1D,KAAY,eAAe,GAAG,sBAAsB,CAAC;IAErD,UAAiB,YAAY;QAC3B,cAAc,EAAE,MAAM,CAAC;KACxB;IAED,UAAiB,8BAA8B;QAC7C,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;KAC/C;IAED,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;CACF"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["select/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,+BAA+B,EAAE,MAAM,wCAAwC,CAAC;AACzF,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,WAAW,IAAI,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AAClH,OAAO,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AACxF,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACpB,sBAAsB,EACvB,MAAM,4CAA4C,CAAC;AAEpD,MAAM,WAAW,eACf,SAAQ,qBAAqB,EAC3B,kBAAkB,EAClB,+BAA+B,EAC/B,mBAAmB;IACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA8BI;IACJ,OAAO,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC;IAC9B;;;;;;;;;;;;;;;QAeI;IACJ,aAAa,CAAC,EAAE,oBAAoB,CAAC;IAErC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;OAEG;IACH,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5E;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;OAGG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;;;;;;;OAUG;IACH,yBAAyB,CAAC,EAAE,WAAW,CAAC,8BAA8B,CAAC;IACvE;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,yBAAyB,CAAC;IACnC;;OAEG;IACH,OAAO,CAAC,EAAE,yBAAyB,CAAC;CACrC;AAED,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD;;OAEG;IACH,cAAc,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC;IAC5C;;;OAGG;IACH,cAAc,EAAE,WAAW,CAAC,MAAM,GAAG,IAAI,CAAC;IAC1C;;;OAGG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;IAE/D;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,yBAAiB,WAAW,CAAC;IAC3B,KAAY,aAAa,GAAG,oBAAoB,CAAC;IACjD,KAAY,cAAc,GAAG,OAAO,GAAG,QAAQ,CAAC;IAEhD,KAAY,MAAM,GAAG,gBAAgB,CAAC;IACtC,KAAY,WAAW,GAAG,qBAAqB,CAAC;IAChD,KAAY,OAAO,GAAG,aAAa,CAAC,MAAM,GAAG,WAAW,CAAC,CAAC;IAE1D,KAAY,eAAe,GAAG,sBAAsB,CAAC;IAErD,UAAiB,YAAY;QAC3B,cAAc,EAAE,MAAM,CAAC;KACxB;IAED,UAAiB,8BAA8B;QAC7C,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;KAC/C;IAED,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;CACF"}

package/select/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["select/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { FormFieldValidationControlProps } from '../internal/context/form-field-context';\nimport { NonCancelableEventHandler } from '../internal/events';\nimport { OptionDefinition, OptionGroup as OptionGroupDefinition } from '../internal/components/option/interfaces';\nimport { DropdownStatusProps } from '../internal/components/dropdown-status/interfaces';\nimport {\n  BaseDropdownHostProps,\n  OptionsFilteringType,\n  OptionsLoadItemsDetail,\n} from '../internal/components/dropdown/interfaces';\n\nexport interface BaseSelectProps\n  extends BaseDropdownHostProps,\n    BaseComponentProps,\n    FormFieldValidationControlProps,\n    DropdownStatusProps {\n  /**\n   * Specifies an array of options that are displayed to the user as a dropdown list.\n   * The options can be grouped using `OptionGroup` objects.\n   *\n   * #### Option\n   * - `value` (string) - The returned value of the option when selected.\n   * - `label` (string) - (Optional) Option text displayed to the user.\n   * - `lang` (string) - (Optional) The language of the option, provided as a BCP 47 language tag.\n   * - `description` (string) - (Optional) Further information about the option that appears below the label.\n   * - `disabled` (boolean) - (Optional) Determines whether the option is disabled.\n   * - `labelTag` (string) - (Optional) A label tag that provides additional guidance, shown next to the label.\n   * - `tags` [string[]] - (Optional) A list of tags giving further guidance about the option.\n   * - `filteringTags` [string[]] - (Optional) A list of additional tags used for automatic filtering.\n   * - `iconName` (string) - (Optional) Specifies the name of an [icon](/components/icon/) to display in the option.\n   * - `iconAlt` (string) - (Optional) Specifies alternate text for a custom icon, for use with `iconUrl`.\n   * - `iconUrl` (string) - (Optional) URL of a custom icon.\n   * - `iconSvg` (ReactNode) - (Optional) Custom SVG icon. Equivalent to the `svg` slot of the [icon component](/components/icon/).\n   *\n   * #### OptionGroup\n   * - `label` (string) - Option group text displayed to the user.\n   * - `disabled` (boolean) - (Optional) Determines whether the option group is disabled.\n   * - `options` (Option[]) - (Optional) The options under this group.\n   *\n   * Note: Only one level of option nesting is supported.\n   *\n   * If you want to use the built-in filtering capabilities of this component, provide\n   * a list of all valid options here and they will be automatically filtered based on the user's filtering input.\n   *\n   * Alternatively, you can listen to the `onChange` or `onLoadItems` event and set new options\n   * on your own.\n   **/\n  options?: SelectProps.Options;\n  /**\n   * Determines how filtering is applied to the list of `options`:\n   * * `auto` - The component will automatically filter options based on user input.\n   * * `manual` - You will set up `onChange` or `onLoadItems` event listeners and filter options on your side or request\n   * them from server.\n   *\n   * By default the component will filter the provided `options` based on the value of the filtering input field.\n   * Only options that have a `value`, `label`, `description` or `labelTag` that contains the input value as a substring\n   * are displayed in the list of options.\n   *\n   * If you set this property to `manual`, this default filtering mechanism is disabled and all provided `options` are\n   * displayed in the dropdown list. In that case make sure that you use the `onChange` or `onLoadItems` events in order\n   * to set the `options` property to the options that are relevant for the user, given the filtering input value.\n   *\n   * Note: Manual filtering doesn't disable match highlighting.\n   **/\n  filteringType?: OptionsFilteringType;\n\n  /**\n   * Determines whether the whole select component is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Specifies the placeholder to display in the filtering input if filtering is enabled.\n   */\n  filteringPlaceholder?: string;\n\n  /**\n   * Specifies the text to display with the number of matches at the bottom of the dropdown menu while filtering.\n   */\n  filteringResultsText?: (matchesCount: number, totalCount: number) => string;\n  /**\n   * Adds an `aria-label` on the built-in filtering input if filtering is enabled.\n   */\n  filteringAriaLabel?: string;\n  /**\n   * Adds an `aria-label` to the clear button inside the search input.\n   */\n  filteringClearAriaLabel?: string;\n  /**\n   * @deprecated Has no effect.\n   */\n  name?: string;\n  /**\n   * Specifies the hint text that's displayed in the field when no option has been selected.\n   */\n  placeholder?: string;\n  /**\n   * Specifies the ID for the trigger component. It uses an automatically generated ID by default.\n   */\n  controlId?: string;\n  /**\n   * Adds `aria-required` to the native input element.\n   */\n  ariaRequired?: boolean;\n  /**\n   * Adds `aria-label` to the select element.\n   */\n  ariaLabel?: string;\n  /**\n   * Specifies the localized string that describes an option as being selected.\n   * This is required to provide a good screen reader experience. For more information, see the\n   * [accessibility guidelines](/components/select/?tabId=usage#accessibility-guidelines).\n   */\n  selectedAriaLabel?: string;\n  /**\n   * Overrides the element that is announced to screen readers\n   * when the highlighted option changes. By default, this announces\n   * the option's name and properties, and its selected state if\n   * the `selectedLabel` property is defined.\n   * The highlighted option is provided, and its group (if groups\n   * are used and it differs from the group of the previously highlighted option).\n   *\n   * For more information, see the\n   * [accessibility guidelines](/components/select/?tabId=usage#accessibility-guidelines).\n   */\n  renderHighlightedAriaLive?: SelectProps.ContainingOptionAndGroupString;\n  /**\n   * Displayed for `filteringType=\"auto\"` when there are no matches for the filtering.\n   */\n  noMatch?: React.ReactNode;\n  /**\n   * Called when input focus is removed from the UI control.\n   */\n  onBlur?: NonCancelableEventHandler;\n  /**\n   * Called when input focus is set onto the UI control.\n   */\n  onFocus?: NonCancelableEventHandler;\n}\n\nexport interface SelectProps extends BaseSelectProps {\n  /**\n   * Defines the variant of the trigger. You can use a simple label or the entire option (`label | option`)\n   */\n  triggerVariant?: SelectProps.TriggerVariant;\n  /**\n   * Specifies the currently selected option.\n   * If you want to clear the selection, use `null`.\n   */\n  selectedOption: SelectProps.Option | null;\n  /**\n   * Called when the user selects an option.\n   * The event `detail` contains the current `selectedOption`.\n   */\n  onChange?: NonCancelableEventHandler<SelectProps.ChangeDetail>;\n\n  /**\n   * Automatically focuses the trigger when component is mounted.\n   */\n  autoFocus?: boolean;\n}\n\nexport namespace SelectProps {\n  export type FilteringType = OptionsFilteringType;\n  export type TriggerVariant = 'label' | 'option';\n\n  export type Option = OptionDefinition;\n  export type OptionGroup = OptionGroupDefinition;\n  export type Options = ReadonlyArray<Option | OptionGroup>;\n\n  export type LoadItemsDetail = OptionsLoadItemsDetail;\n\n  export interface ChangeDetail {\n    selectedOption: Option;\n  }\n\n  export interface ContainingOptionAndGroupString {\n    (option: Option, group?: OptionGroup): string;\n  }\n\n  export interface Ref {\n    /**\n     * Sets focus on the element without opening the dropdown or showing a visual focus indicator.\n     */\n    focus(): void;\n  }\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["select/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { FormFieldValidationControlProps } from '../internal/context/form-field-context';\nimport { NonCancelableEventHandler } from '../internal/events';\nimport { OptionDefinition, OptionGroup as OptionGroupDefinition } from '../internal/components/option/interfaces';\nimport { DropdownStatusProps } from '../internal/components/dropdown-status/interfaces';\nimport {\n  BaseDropdownHostProps,\n  OptionsFilteringType,\n  OptionsLoadItemsDetail,\n} from '../internal/components/dropdown/interfaces';\n\nexport interface BaseSelectProps\n  extends BaseDropdownHostProps,\n    BaseComponentProps,\n    FormFieldValidationControlProps,\n    DropdownStatusProps {\n  /**\n   * Specifies an array of options that are displayed to the user as a dropdown list.\n   * The options can be grouped using `OptionGroup` objects.\n   *\n   * #### Option\n   * - `value` (string) - The returned value of the option when selected.\n   * - `label` (string) - (Optional) Option text displayed to the user.\n   * - `lang` (string) - (Optional) The language of the option, provided as a BCP 47 language tag.\n   * - `description` (string) - (Optional) Further information about the option that appears below the label.\n   * - `disabled` (boolean) - (Optional) Determines whether the option is disabled.\n   * - `labelTag` (string) - (Optional) A label tag that provides additional guidance, shown next to the label.\n   * - `tags` [string[]] - (Optional) A list of tags giving further guidance about the option.\n   * - `filteringTags` [string[]] - (Optional) A list of additional tags used for automatic filtering.\n   * - `iconName` (string) - (Optional) Specifies the name of an [icon](/components/icon/) to display in the option.\n   * - `iconAlt` (string) - (Optional) Specifies alternate text for a custom icon, for use with `iconUrl`.\n   * - `iconUrl` (string) - (Optional) URL of a custom icon.\n   * - `iconSvg` (ReactNode) - (Optional) Custom SVG icon. Equivalent to the `svg` slot of the [icon component](/components/icon/).\n   *\n   * #### OptionGroup\n   * - `label` (string) - Option group text displayed to the user.\n   * - `disabled` (boolean) - (Optional) Determines whether the option group is disabled.\n   * - `options` (Option[]) - (Optional) The options under this group.\n   *\n   * Note: Only one level of option nesting is supported.\n   *\n   * If you want to use the built-in filtering capabilities of this component, provide\n   * a list of all valid options here and they will be automatically filtered based on the user's filtering input.\n   *\n   * Alternatively, you can listen to the `onChange` or `onLoadItems` event and set new options\n   * on your own.\n   **/\n  options?: SelectProps.Options;\n  /**\n   * Determines how filtering is applied to the list of `options`:\n   * * `auto` - The component will automatically filter options based on user input.\n   * * `manual` - You will set up `onChange` or `onLoadItems` event listeners and filter options on your side or request\n   * them from server.\n   *\n   * By default the component will filter the provided `options` based on the value of the filtering input field.\n   * Only options that have a `value`, `label`, `description` or `labelTag` that contains the input value as a substring\n   * are displayed in the list of options.\n   *\n   * If you set this property to `manual`, this default filtering mechanism is disabled and all provided `options` are\n   * displayed in the dropdown list. In that case make sure that you use the `onChange` or `onLoadItems` events in order\n   * to set the `options` property to the options that are relevant for the user, given the filtering input value.\n   *\n   * Note: Manual filtering doesn't disable match highlighting.\n   **/\n  filteringType?: OptionsFilteringType;\n\n  /**\n   * Determines whether the whole select component is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Specifies the placeholder to display in the filtering input if filtering is enabled.\n   */\n  filteringPlaceholder?: string;\n\n  /**\n   * Specifies the text to display with the number of matches at the bottom of the dropdown menu while filtering.\n   */\n  filteringResultsText?: (matchesCount: number, totalCount: number) => string;\n  /**\n   * Adds an `aria-label` on the built-in filtering input if filtering is enabled.\n   */\n  filteringAriaLabel?: string;\n  /**\n   * Adds an `aria-label` to the clear button inside the search input.\n   * @i18n\n   */\n  filteringClearAriaLabel?: string;\n  /**\n   * @deprecated Has no effect.\n   */\n  name?: string;\n  /**\n   * Specifies the hint text that's displayed in the field when no option has been selected.\n   */\n  placeholder?: string;\n  /**\n   * Specifies the ID for the trigger component. It uses an automatically generated ID by default.\n   */\n  controlId?: string;\n  /**\n   * Adds `aria-required` to the native input element.\n   */\n  ariaRequired?: boolean;\n  /**\n   * Adds `aria-label` to the select element.\n   */\n  ariaLabel?: string;\n  /**\n   * Specifies the localized string that describes an option as being selected.\n   * This is required to provide a good screen reader experience. For more information, see the\n   * [accessibility guidelines](/components/select/?tabId=usage#accessibility-guidelines).\n   * @i18n\n   */\n  selectedAriaLabel?: string;\n  /**\n   * Overrides the element that is announced to screen readers\n   * when the highlighted option changes. By default, this announces\n   * the option's name and properties, and its selected state if\n   * the `selectedLabel` property is defined.\n   * The highlighted option is provided, and its group (if groups\n   * are used and it differs from the group of the previously highlighted option).\n   *\n   * For more information, see the\n   * [accessibility guidelines](/components/select/?tabId=usage#accessibility-guidelines).\n   */\n  renderHighlightedAriaLive?: SelectProps.ContainingOptionAndGroupString;\n  /**\n   * Displayed for `filteringType=\"auto\"` when there are no matches for the filtering.\n   */\n  noMatch?: React.ReactNode;\n  /**\n   * Called when input focus is removed from the UI control.\n   */\n  onBlur?: NonCancelableEventHandler;\n  /**\n   * Called when input focus is set onto the UI control.\n   */\n  onFocus?: NonCancelableEventHandler;\n}\n\nexport interface SelectProps extends BaseSelectProps {\n  /**\n   * Defines the variant of the trigger. You can use a simple label or the entire option (`label | option`)\n   */\n  triggerVariant?: SelectProps.TriggerVariant;\n  /**\n   * Specifies the currently selected option.\n   * If you want to clear the selection, use `null`.\n   */\n  selectedOption: SelectProps.Option | null;\n  /**\n   * Called when the user selects an option.\n   * The event `detail` contains the current `selectedOption`.\n   */\n  onChange?: NonCancelableEventHandler<SelectProps.ChangeDetail>;\n\n  /**\n   * Automatically focuses the trigger when component is mounted.\n   */\n  autoFocus?: boolean;\n}\n\nexport namespace SelectProps {\n  export type FilteringType = OptionsFilteringType;\n  export type TriggerVariant = 'label' | 'option';\n\n  export type Option = OptionDefinition;\n  export type OptionGroup = OptionGroupDefinition;\n  export type Options = ReadonlyArray<Option | OptionGroup>;\n\n  export type LoadItemsDetail = OptionsLoadItemsDetail;\n\n  export interface ChangeDetail {\n    selectedOption: Option;\n  }\n\n  export interface ContainingOptionAndGroupString {\n    (option: Option, group?: OptionGroup): string;\n  }\n\n  export interface Ref {\n    /**\n     * Sets focus on the element without opening the dropdown or showing a visual focus indicator.\n     */\n    focus(): void;\n  }\n}\n"]}

package/select/parts/styles.css.js

@@ -1,14 +1,14 @@
 
     import './styles.scoped.css';
     export default {
-  "placeholder": "awsui_placeholder_dwuol_11rw9_93",
-  "item": "awsui_item_dwuol_11rw9_98",
-  "checkbox": "awsui_checkbox_dwuol_11rw9_102",
-  "filter": "awsui_filter_dwuol_11rw9_111",
-  "trigger": "awsui_trigger_dwuol_11rw9_116",
-  "layout-strut": "awsui_layout-strut_dwuol_11rw9_122",
-  "list-bottom": "awsui_list-bottom_dwuol_11rw9_128",
-  "selected-icon": "awsui_selected-icon_dwuol_11rw9_132",
-  "show-label-tag": "awsui_show-label-tag_dwuol_11rw9_136"
+  "placeholder": "awsui_placeholder_dwuol_1fefq_93",
+  "item": "awsui_item_dwuol_1fefq_98",
+  "checkbox": "awsui_checkbox_dwuol_1fefq_102",
+  "filter": "awsui_filter_dwuol_1fefq_111",
+  "trigger": "awsui_trigger_dwuol_1fefq_116",
+  "layout-strut": "awsui_layout-strut_dwuol_1fefq_122",
+  "list-bottom": "awsui_list-bottom_dwuol_1fefq_128",
+  "selected-icon": "awsui_selected-icon_dwuol_1fefq_132",
+  "show-label-tag": "awsui_show-label-tag_dwuol_1fefq_136"
 };
   

package/select/parts/styles.scoped.css

@@ -90,49 +90,49 @@ 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_placeholder_dwuol_11rw9_93:not(#\9) {
-  color: var(--color-text-input-placeholder-548pz5, #5f6b7a);
+.awsui_placeholder_dwuol_1fefq_93:not(#\9) {
+  color: var(--color-text-input-placeholder-3y98yw, #5f6b7a);
   font-style: italic;
 }
 
-.awsui_item_dwuol_11rw9_98:not(#\9) {
+.awsui_item_dwuol_1fefq_98:not(#\9) {
   display: flex;
   align-items: center;
 }
-.awsui_item_dwuol_11rw9_98 > .awsui_checkbox_dwuol_11rw9_102:not(#\9) {
+.awsui_item_dwuol_1fefq_98 > .awsui_checkbox_dwuol_1fefq_102:not(#\9) {
   position: relative;
-  min-height: var(--size-control-ql70lu, 16px);
-  min-width: var(--size-control-ql70lu, 16px);
-  height: var(--size-control-ql70lu, 16px);
-  width: var(--size-control-ql70lu, 16px);
-  margin-right: var(--space-field-horizontal-dh8mzg, 12px);
+  min-height: var(--size-control-6bris3, 16px);
+  min-width: var(--size-control-6bris3, 16px);
+  height: var(--size-control-6bris3, 16px);
+  width: var(--size-control-6bris3, 16px);
+  margin-right: var(--space-field-horizontal-8qo3uw, 12px);
 }
 
-.awsui_filter_dwuol_11rw9_111:not(#\9) {
+.awsui_filter_dwuol_1fefq_111:not(#\9) {
   z-index: 4;
   flex-shrink: 0;
 }
 
-.awsui_trigger_dwuol_11rw9_116:not(#\9) {
+.awsui_trigger_dwuol_1fefq_116:not(#\9) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
-.awsui_layout-strut_dwuol_11rw9_122:not(#\9) {
+.awsui_layout-strut_dwuol_1fefq_122:not(#\9) {
   width: 100%;
   position: relative;
   transform: translate3d(0, 0, 0);
 }
 
-.awsui_list-bottom_dwuol_11rw9_128:not(#\9) {
+.awsui_list-bottom_dwuol_1fefq_128:not(#\9) {
   /* used in unit-tests */
 }
 
-.awsui_selected-icon_dwuol_11rw9_132:not(#\9) {
-  color: var(--color-border-item-focused-nwfxo7, #0972d3);
+.awsui_selected-icon_dwuol_1fefq_132:not(#\9) {
+  color: var(--color-border-item-focused-4t19h5, #0972d3);
 }
 
-.awsui_show-label-tag_dwuol_11rw9_136 > .awsui_selected-icon_dwuol_11rw9_132:not(#\9) {
-  padding-left: var(--space-scaled-s-gczsk7, 12px);
+.awsui_show-label-tag_dwuol_1fefq_136 > .awsui_selected-icon_dwuol_1fefq_132:not(#\9) {
+  padding-left: var(--space-scaled-s-913kwi, 12px);
 }

package/select/parts/styles.selectors.js

@@ -2,14 +2,14 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "placeholder": "awsui_placeholder_dwuol_11rw9_93",
-  "item": "awsui_item_dwuol_11rw9_98",
-  "checkbox": "awsui_checkbox_dwuol_11rw9_102",
-  "filter": "awsui_filter_dwuol_11rw9_111",
-  "trigger": "awsui_trigger_dwuol_11rw9_116",
-  "layout-strut": "awsui_layout-strut_dwuol_11rw9_122",
-  "list-bottom": "awsui_list-bottom_dwuol_11rw9_128",
-  "selected-icon": "awsui_selected-icon_dwuol_11rw9_132",
-  "show-label-tag": "awsui_show-label-tag_dwuol_11rw9_136"
+  "placeholder": "awsui_placeholder_dwuol_1fefq_93",
+  "item": "awsui_item_dwuol_1fefq_98",
+  "checkbox": "awsui_checkbox_dwuol_1fefq_102",
+  "filter": "awsui_filter_dwuol_1fefq_111",
+  "trigger": "awsui_trigger_dwuol_1fefq_116",
+  "layout-strut": "awsui_layout-strut_dwuol_1fefq_122",
+  "list-bottom": "awsui_list-bottom_dwuol_1fefq_128",
+  "selected-icon": "awsui_selected-icon_dwuol_1fefq_132",
+  "show-label-tag": "awsui_show-label-tag_dwuol_1fefq_136"
 };
   

package/select/styles.css.js

@@ -1,6 +1,6 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_r2vco_ipg3o_93"
+  "root": "awsui_root_r2vco_1okwn_93"
 };
   

package/select/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_root_r2vco_ipg3o_93:not(#\9) {
+.awsui_root_r2vco_1okwn_93:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -120,11 +120,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;
 }

package/select/styles.selectors.js

@@ -2,6 +2,6 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_r2vco_ipg3o_93"
+  "root": "awsui_root_r2vco_1okwn_93"
 };
   

package/side-navigation/styles.css.js

@@ -1,32 +1,32 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_l0dv0_12dif_93",
-  "header": "awsui_header_l0dv0_12dif_109",
-  "header-link": "awsui_header-link_l0dv0_12dif_120",
-  "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_12dif_130",
-  "header-link-text": "awsui_header-link-text_l0dv0_12dif_130",
-  "header-logo": "awsui_header-logo_l0dv0_12dif_134",
-  "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_12dif_140",
-  "list-container": "awsui_list-container_l0dv0_12dif_145",
-  "list": "awsui_list_l0dv0_12dif_145",
-  "list-variant-root": "awsui_list-variant-root_l0dv0_12dif_155",
-  "list-variant-root--last": "awsui_list-variant-root--last_l0dv0_12dif_159",
-  "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_12dif_163",
-  "list-item": "awsui_list-item_l0dv0_12dif_167",
-  "section": "awsui_section_l0dv0_12dif_173",
-  "expandable-link-group": "awsui_expandable-link-group_l0dv0_12dif_174",
-  "section--no-ident": "awsui_section--no-ident_l0dv0_12dif_177",
-  "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_12dif_178",
-  "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_12dif_191",
-  "section-group": "awsui_section-group_l0dv0_12dif_196",
-  "section-group-title": "awsui_section-group-title_l0dv0_12dif_206",
-  "link": "awsui_link_l0dv0_12dif_210",
-  "link-active": "awsui_link-active_l0dv0_12dif_219",
-  "info": "awsui_info_l0dv0_12dif_253",
-  "external-icon": "awsui_external-icon_l0dv0_12dif_257",
-  "divider": "awsui_divider_l0dv0_12dif_261",
-  "divider-default": "awsui_divider-default_l0dv0_12dif_266",
-  "divider-header": "awsui_divider-header_l0dv0_12dif_270"
+  "root": "awsui_root_l0dv0_5p78l_93",
+  "header": "awsui_header_l0dv0_5p78l_109",
+  "header-link": "awsui_header-link_l0dv0_5p78l_120",
+  "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_5p78l_130",
+  "header-link-text": "awsui_header-link-text_l0dv0_5p78l_130",
+  "header-logo": "awsui_header-logo_l0dv0_5p78l_134",
+  "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_5p78l_140",
+  "list-container": "awsui_list-container_l0dv0_5p78l_145",
+  "list": "awsui_list_l0dv0_5p78l_145",
+  "list-variant-root": "awsui_list-variant-root_l0dv0_5p78l_155",
+  "list-variant-root--last": "awsui_list-variant-root--last_l0dv0_5p78l_159",
+  "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_5p78l_163",
+  "list-item": "awsui_list-item_l0dv0_5p78l_167",
+  "section": "awsui_section_l0dv0_5p78l_173",
+  "expandable-link-group": "awsui_expandable-link-group_l0dv0_5p78l_174",
+  "section--no-ident": "awsui_section--no-ident_l0dv0_5p78l_177",
+  "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_5p78l_178",
+  "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_5p78l_191",
+  "section-group": "awsui_section-group_l0dv0_5p78l_196",
+  "section-group-title": "awsui_section-group-title_l0dv0_5p78l_206",
+  "link": "awsui_link_l0dv0_5p78l_210",
+  "link-active": "awsui_link-active_l0dv0_5p78l_219",
+  "info": "awsui_info_l0dv0_5p78l_253",
+  "external-icon": "awsui_external-icon_l0dv0_5p78l_257",
+  "divider": "awsui_divider_l0dv0_5p78l_261",
+  "divider-default": "awsui_divider-default_l0dv0_5p78l_266",
+  "divider-header": "awsui_divider-header_l0dv0_5p78l_270"
 };
   

package/side-navigation/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_root_l0dv0_12dif_93:not(#\9) {
+.awsui_root_l0dv0_5p78l_93:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -120,11 +120,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;
   min-width: 0;
@@ -132,165 +132,165 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-break: break-word;
 }
 
-.awsui_header_l0dv0_12dif_109:not(#\9) {
-  font-size: var(--font-panel-header-size-dl0x6j, 20px);
-  line-height: var(--font-panel-header-line-height-hbloxf, 24px);
-  font-weight: var(--font-heading-l-weight-ps8o5p, 800);
-  -webkit-font-smoothing: var(--font-smoothing-webkit-imui5j, antialiased);
-  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-zc5t56, grayscale);
+.awsui_header_l0dv0_5p78l_109:not(#\9) {
+  font-size: var(--font-panel-header-size-x8jazn, 20px);
+  line-height: var(--font-panel-header-line-height-mz6j6r, 24px);
+  font-weight: var(--font-heading-l-weight-cxmpnm, 800);
+  -webkit-font-smoothing: var(--font-smoothing-webkit-fyh4as, antialiased);
+  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-pa2uqe, grayscale);
   margin: 0;
-  padding: var(--space-scaled-l-x5pubp, 20px) var(--space-panel-nav-left-0makz9, 28px);
-  padding-right: calc(var(--space-scaled-xxl-v4jc9u, 32px) + var(--space-xl-7jca1b, 24px));
+  padding: var(--space-scaled-l-2rs0gk, 20px) var(--space-panel-nav-left-kdx5qt, 28px);
+  padding-right: calc(var(--space-scaled-xxl-fzmynl, 32px) + var(--space-xl-gsucfg, 24px));
 }
 
-.awsui_header-link_l0dv0_12dif_120:not(#\9) {
-  font-size: var(--font-panel-header-size-dl0x6j, 20px);
-  line-height: var(--font-panel-header-line-height-hbloxf, 24px);
-  font-weight: var(--font-heading-l-weight-ps8o5p, 800);
-  -webkit-font-smoothing: var(--font-smoothing-webkit-imui5j, antialiased);
-  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-zc5t56, grayscale);
-  color: var(--color-text-heading-default-go662r, #000716);
-  min-height: var(--font-panel-header-line-height-hbloxf, 24px);
+.awsui_header-link_l0dv0_5p78l_120:not(#\9) {
+  font-size: var(--font-panel-header-size-x8jazn, 20px);
+  line-height: var(--font-panel-header-line-height-mz6j6r, 24px);
+  font-weight: var(--font-heading-l-weight-cxmpnm, 800);
+  -webkit-font-smoothing: var(--font-smoothing-webkit-fyh4as, antialiased);
+  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-pa2uqe, grayscale);
+  color: var(--color-text-heading-default-18iw0k, #000716);
+  min-height: var(--font-panel-header-line-height-mz6j6r, 24px);
   display: flex;
 }
-.awsui_header-link--has-logo_l0dv0_12dif_130 > .awsui_header-link-text_l0dv0_12dif_130:not(#\9) {
+.awsui_header-link--has-logo_l0dv0_5p78l_130 > .awsui_header-link-text_l0dv0_5p78l_130:not(#\9) {
   font-weight: 400;
 }
 
-.awsui_header-logo_l0dv0_12dif_134:not(#\9) {
-  margin-right: var(--space-s-rd607g, 12px);
-  margin-top: var(--space-xxxs-rq3iss, 2px);
-  max-width: calc(1.25 * var(--size-icon-big-rl4tdi, 32px));
+.awsui_header-logo_l0dv0_5p78l_134:not(#\9) {
+  margin-right: var(--space-s-hdd878, 12px);
+  margin-top: var(--space-xxxs-j6dpcy, 2px);
+  max-width: calc(1.25 * var(--size-icon-big-0l8skx, 32px));
   align-self: flex-start;
 }
-.awsui_header-logo--stretched_l0dv0_12dif_140:not(#\9) {
+.awsui_header-logo--stretched_l0dv0_5p78l_140:not(#\9) {
   max-width: 100%;
   margin-right: 0;
 }
 
-.awsui_list-container_l0dv0_12dif_145:not(#\9) {
-  margin-top: var(--space-scaled-l-x5pubp, 20px);
+.awsui_list-container_l0dv0_5p78l_145:not(#\9) {
+  margin-top: var(--space-scaled-l-2rs0gk, 20px);
 }
 
-.awsui_list_l0dv0_12dif_145:not(#\9) {
+.awsui_list_l0dv0_5p78l_145:not(#\9) {
   margin: 0;
   padding: 0;
-  padding-left: var(--space-l-ds615y, 20px);
+  padding-left: var(--space-l-f4l5gr, 20px);
 }
 
-.awsui_list-variant-root_l0dv0_12dif_155:not(#\9) {
+.awsui_list-variant-root_l0dv0_5p78l_155:not(#\9) {
   margin: 0;
-  padding: 0 var(--space-panel-side-right-ui9ija, 24px) 0 var(--space-panel-nav-left-0makz9, 28px);
+  padding: 0 var(--space-panel-side-right-zzgkuy, 24px) 0 var(--space-panel-nav-left-kdx5qt, 28px);
 }
-.awsui_list-variant-root--last_l0dv0_12dif_159:not(#\9) {
-  margin-bottom: var(--space-scaled-xxxl-kyg1bf, 40px);
+.awsui_list-variant-root--last_l0dv0_5p78l_159:not(#\9) {
+  margin-bottom: var(--space-scaled-xxxl-crpygs, 40px);
 }
 
-.awsui_list-variant-expandable-link-group_l0dv0_12dif_163:not(#\9) {
-  padding-left: var(--space-xxxl-rhml9p, 40px);
+.awsui_list-variant-expandable-link-group_l0dv0_5p78l_163:not(#\9) {
+  padding-left: var(--space-xxxl-65sweb, 40px);
 }
 
-.awsui_list-item_l0dv0_12dif_167:not(#\9) {
-  margin: var(--space-scaled-xs-u0e7ft, 8px) 0;
+.awsui_list-item_l0dv0_5p78l_167:not(#\9) {
+  margin: var(--space-scaled-xs-wbfgrv, 8px) 0;
   padding: 0;
   list-style: none;
 }
 
-.awsui_section_l0dv0_12dif_173:not(#\9),
-.awsui_expandable-link-group_l0dv0_12dif_174:not(#\9) {
-  margin-left: calc(-1 * var(--space-l-ds615y, 20px));
+.awsui_section_l0dv0_5p78l_173:not(#\9),
+.awsui_expandable-link-group_l0dv0_5p78l_174:not(#\9) {
+  margin-left: calc(-1 * var(--space-l-f4l5gr, 20px));
 }
-.awsui_section--no-ident_l0dv0_12dif_177:not(#\9),
-.awsui_expandable-link-group--no-ident_l0dv0_12dif_178:not(#\9) {
+.awsui_section--no-ident_l0dv0_5p78l_177:not(#\9),
+.awsui_expandable-link-group--no-ident_l0dv0_5p78l_178:not(#\9) {
   margin-left: 0;
 }
 
-.awsui_section_l0dv0_12dif_173:not(#\9) {
-  margin-top: calc(var(--space-scaled-2x-l-ik0kek, 20px) - var(--border-divider-section-width-g0ay3c, 2px));
-  margin-bottom: calc(var(--space-scaled-2x-l-ik0kek, 20px) - var(--border-divider-section-width-g0ay3c, 2px));
+.awsui_section_l0dv0_5p78l_173:not(#\9) {
+  margin-top: calc(var(--space-scaled-2x-l-qun137, 20px) - var(--border-divider-section-width-orq175, 2px));
+  margin-bottom: calc(var(--space-scaled-2x-l-qun137, 20px) - var(--border-divider-section-width-orq175, 2px));
   /* stylelint-disable-next-line selector-max-type */
 }
-.awsui_section_l0dv0_12dif_173 > div:not(#\9) {
+.awsui_section_l0dv0_5p78l_173 > div:not(#\9) {
   padding: 0;
 }
 
-.awsui_list-variant-section-group_l0dv0_12dif_191:not(#\9) {
+.awsui_list-variant-section-group_l0dv0_5p78l_191:not(#\9) {
   margin: 0;
   padding: 0;
 }
 
-.awsui_section-group_l0dv0_12dif_196:not(#\9) {
-  font-size: var(--font-heading-m-size-sbbndt, 20px);
-  line-height: var(--font-heading-m-line-height-25bzvw, 24px);
-  letter-spacing: var(--font-heading-m-letter-spacing-afjv68, -0.01em);
-  font-weight: var(--font-heading-m-weight-9nrubn, 800);
-  -webkit-font-smoothing: var(--font-smoothing-webkit-imui5j, antialiased);
-  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-zc5t56, grayscale);
+.awsui_section-group_l0dv0_5p78l_196:not(#\9) {
+  font-size: var(--font-heading-m-size-hbn9yp, 20px);
+  line-height: var(--font-heading-m-line-height-ozfvgp, 24px);
+  letter-spacing: var(--font-heading-m-letter-spacing-rsatez, -0.01em);
+  font-weight: var(--font-heading-m-weight-dsug94, 800);
+  -webkit-font-smoothing: var(--font-smoothing-webkit-fyh4as, antialiased);
+  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-pa2uqe, grayscale);
   margin: 0;
 }
 
-.awsui_section-group-title_l0dv0_12dif_206:not(#\9) {
+.awsui_section-group-title_l0dv0_5p78l_206:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_link_l0dv0_12dif_210:not(#\9) {
-  font-size: var(--font-body-m-size-cqtcam, 14px);
-  line-height: var(--font-body-m-line-height-83azrc, 22px);
-  color: var(--color-text-body-secondary-l56bu9, #414d5c);
+.awsui_link_l0dv0_5p78l_210:not(#\9) {
+  font-size: var(--font-body-m-size-7dign1, 14px);
+  line-height: var(--font-body-m-line-height-rfgrp9, 22px);
+  color: var(--color-text-body-secondary-he5d85, #414d5c);
   font-weight: 400;
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_link-active_l0dv0_12dif_219:not(#\9) {
-  font-weight: var(--font-wayfinding-link-active-weight-5wdlk6, 800);
-  -webkit-font-smoothing: var(--font-smoothing-webkit-imui5j, antialiased);
-  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-zc5t56, grayscale);
-  color: var(--color-text-accent-wqve76, #0972d3);
+.awsui_link-active_l0dv0_5p78l_219:not(#\9) {
+  font-weight: var(--font-wayfinding-link-active-weight-66kyod, 800);
+  -webkit-font-smoothing: var(--font-smoothing-webkit-fyh4as, antialiased);
+  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-pa2uqe, grayscale);
+  color: var(--color-text-accent-qh8xwn, #0972d3);
 }
 
-.awsui_header-link_l0dv0_12dif_120:not(#\9),
-.awsui_link_l0dv0_12dif_210:not(#\9) {
+.awsui_header-link_l0dv0_5p78l_120:not(#\9),
+.awsui_link_l0dv0_5p78l_210:not(#\9) {
   text-decoration: none;
 }
-.awsui_header-link_l0dv0_12dif_120:not(#\9):hover,
-.awsui_link_l0dv0_12dif_210:not(#\9):hover {
-  color: var(--color-text-accent-wqve76, #0972d3);
+.awsui_header-link_l0dv0_5p78l_120:not(#\9):hover,
+.awsui_link_l0dv0_5p78l_210:not(#\9):hover {
+  color: var(--color-text-accent-qh8xwn, #0972d3);
 }
-.awsui_header-link_l0dv0_12dif_120:not(#\9):focus,
-.awsui_link_l0dv0_12dif_210:not(#\9):focus {
+.awsui_header-link_l0dv0_5p78l_120:not(#\9):focus,
+.awsui_link_l0dv0_5p78l_210:not(#\9):focus {
   outline: none;
 }
-.awsui_header-link_l0dv0_12dif_120:not(#\9):hover, .awsui_header-link_l0dv0_12dif_120:not(#\9):focus, .awsui_link_l0dv0_12dif_210:not(#\9):hover, .awsui_link_l0dv0_12dif_210:not(#\9):focus {
+.awsui_header-link_l0dv0_5p78l_120:not(#\9):hover, .awsui_header-link_l0dv0_5p78l_120:not(#\9):focus, .awsui_link_l0dv0_5p78l_210:not(#\9):hover, .awsui_link_l0dv0_5p78l_210:not(#\9):focus {
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_header-link_l0dv0_12dif_120:not(#\9):focus,
-body[data-awsui-focus-visible=true] .awsui_link_l0dv0_12dif_210:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-link_l0dv0_5p78l_120:not(#\9):focus,
+body[data-awsui-focus-visible=true] .awsui_link_l0dv0_5p78l_210:not(#\9):focus {
   outline: thin dotted;
-  outline: var(--border-link-focus-ring-outline-9izd6a, 0);
+  outline: var(--border-link-focus-ring-outline-pwlekd, 0);
   outline-offset: 2px;
-  outline-color: var(--color-border-item-focused-nwfxo7, #0972d3);
-  border-radius: var(--border-radius-control-default-focus-ring-egwir5, 4px);
-  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-j8u4jv, 2px) var(--color-border-item-focused-nwfxo7, #0972d3);
+  outline-color: var(--color-border-item-focused-4t19h5, #0972d3);
+  border-radius: var(--border-radius-control-default-focus-ring-muizvi, 4px);
+  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-z7lixz, 2px) var(--color-border-item-focused-4t19h5, #0972d3);
 }
 
-.awsui_info_l0dv0_12dif_253:not(#\9) {
-  margin-left: var(--space-xs-inub5w, 8px);
+.awsui_info_l0dv0_5p78l_253:not(#\9) {
+  margin-left: var(--space-xs-edba2s, 8px);
 }
 
-.awsui_external-icon_l0dv0_12dif_257:not(#\9) {
-  margin-left: var(--space-xxs-a6783b, 4px);
+.awsui_external-icon_l0dv0_5p78l_257:not(#\9) {
+  margin-left: var(--space-xxs-ja5cp8, 4px);
 }
 
-.awsui_divider_l0dv0_12dif_261:not(#\9) {
+.awsui_divider_l0dv0_5p78l_261:not(#\9) {
   border: none;
-  border-top: var(--border-divider-section-width-g0ay3c, 2px) solid var(--color-border-divider-default-4spq70, #e9ebed);
+  border-top: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
 }
 
-.awsui_divider-default_l0dv0_12dif_266:not(#\9) {
-  margin: var(--space-scaled-2x-xl-g1o31j, 24px) calc(-1 * var(--space-s-rd607g, 12px));
+.awsui_divider-default_l0dv0_5p78l_266:not(#\9) {
+  margin: var(--space-scaled-2x-xl-a8w4ze, 24px) calc(-1 * var(--space-s-hdd878, 12px));
 }
 
-.awsui_divider-header_l0dv0_12dif_270:not(#\9) {
+.awsui_divider-header_l0dv0_5p78l_270:not(#\9) {
   margin-top: 0;
 }