@cloudscape-design/components-themeable 3.0.1163 → 3.0.1165

package/lib/internal/template/select/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/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';\n\nimport { BaseComponentProps } from '../internal/base-component';\nimport {\n  BaseDropdownHostProps,\n  OptionsFilteringType,\n  OptionsLoadItemsDetail,\n} from '../internal/components/dropdown/interfaces';\nimport { DropdownStatusProps } from '../internal/components/dropdown-status/interfaces';\nimport { OptionDefinition, OptionGroup as OptionGroupDefinition } from '../internal/components/option/interfaces';\nimport { FormFieldValidationControlProps } from '../internal/context/form-field-context';\nimport { NonCancelableEventHandler } from '../internal/events';\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   *\n   * #### OptionGroup\n   * - `value` (string) - Used to locate option group in test utils.\n   * - `options` (Option[]) - (Optional) The options under this group.\n   *\n   * #### Shared Option and OptionGroup properties\n   * - `label` (string) - (Optional) Option or group text displayed to the user.\n   * - `lang` (string) - (Optional) The language of the option or group, provided as a BCP 47 language tag.\n   * - `description` (string) - (Optional) Further information about the option or group that appears below the label.\n   * - `disabled` (boolean) - (Optional) Determines whether the option or group is disabled.\n   * - `disabledReason` (string) - (Optional) Displays tooltip near the item when disabled. Use to provide additional context.\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 or group.\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 or group.\n   * - `iconAriaLabel` (string) - (Optional) Specifies alternate text for the icon. We recommend that you provide this for accessibility.\n   * - `iconAlt` (string) - (Optional) **Deprecated**, replaced by \\`iconAriaLabel\\`. 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   * 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   *\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   * Use this if you don't have a visible label for this control.\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  /**\n   * Specifies if the control is read-only, which prevents the\n   * user from both modifying the value and opening the dropdown. A read-only control is still focusable.\n   */\n  readOnly?: boolean;\n}\n\nexport interface SelectProps extends BaseSelectProps {\n  /**\n   * Adds a small label inline with the input for saving vertical space in the UI.\n   * For use with collection select filters only.\n   */\n  inlineLabelText?: string;\n  /**\n   * Adds `aria-labelledby` to the component. If you're using this component within a form field,\n   * don't set this property because the form field component automatically sets it.\n   *\n   * Use this property if the component isn't using `inlineLabelText` and isn't surrounded by a form field, or you want to override the value\n   * automatically set by the form field (for example, if you have two components within a single form field).\n   *\n   * To use it correctly, define an ID for the element you want to use as label and set the property to that ID.\n   */\n  ariaLabelledby?: string;\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":"","sources":["../../../src/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';\n\nimport { BaseComponentProps } from '../internal/base-component';\nimport {\n  BaseDropdownHostProps,\n  OptionsFilteringType,\n  OptionsLoadItemsDetail,\n} from '../internal/components/dropdown/interfaces';\nimport { DropdownStatusProps } from '../internal/components/dropdown-status/interfaces';\nimport { OptionDefinition, OptionGroup as OptionGroupDefinition } from '../internal/components/option/interfaces';\nimport { FormFieldValidationControlProps } from '../internal/context/form-field-context';\nimport { NonCancelableEventHandler } from '../internal/events';\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   *\n   * #### OptionGroup\n   * - `value` (string) - Used to locate option group in test utils.\n   * - `options` (Option[]) - (Optional) The options under this group.\n   *\n   * #### Shared Option and OptionGroup properties\n   * - `label` (string) - (Optional) Option or group text displayed to the user.\n   * - `lang` (string) - (Optional) The language of the option or group, provided as a BCP 47 language tag.\n   * - `description` (string) - (Optional) Further information about the option or group that appears below the label.\n   * - `disabled` (boolean) - (Optional) Determines whether the option or group is disabled.\n   * - `disabledReason` (string) - (Optional) Displays tooltip near the item when disabled. Use to provide additional context.\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 or group.\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 or group.\n   * - `iconAriaLabel` (string) - (Optional) Specifies alternate text for the icon. We recommend that you provide this for accessibility.\n   * - `iconAlt` (string) - (Optional) **Deprecated**, replaced by \\`iconAriaLabel\\`. 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   * 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   *\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   * Use this if you don't have a visible label for this control.\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 `selectedAriaLabel` 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  /**\n   * Specifies if the control is read-only, which prevents the\n   * user from both modifying the value and opening the dropdown. A read-only control is still focusable.\n   */\n  readOnly?: boolean;\n}\n\nexport interface SelectProps extends BaseSelectProps {\n  /**\n   * Adds a small label inline with the input for saving vertical space in the UI.\n   * For use with collection select filters only.\n   */\n  inlineLabelText?: string;\n  /**\n   * Adds `aria-labelledby` to the component. If you're using this component within a form field,\n   * don't set this property because the form field component automatically sets it.\n   *\n   * Use this property if the component isn't using `inlineLabelText` and isn't surrounded by a form field, or you want to override the value\n   * automatically set by the form field (for example, if you have two components within a single form field).\n   *\n   * To use it correctly, define an ID for the element you want to use as label and set the property to that ID.\n   */\n  ariaLabelledby?: string;\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/lib/internal/template/side-navigation/styles.css.js

@@ -1,35 +1,35 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_l0dv0_hxww5_145",
-  "header": "awsui_header_l0dv0_hxww5_179",
-  "header-link": "awsui_header-link_l0dv0_hxww5_193",
-  "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_hxww5_204",
-  "header-link-text": "awsui_header-link-text_l0dv0_hxww5_204",
-  "header-logo": "awsui_header-logo_l0dv0_hxww5_209",
-  "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_hxww5_215",
-  "items-control": "awsui_items-control_l0dv0_hxww5_220",
-  "list-container": "awsui_list-container_l0dv0_hxww5_224",
-  "with-toolbar": "awsui_with-toolbar_l0dv0_hxww5_232",
-  "divider-header": "awsui_divider-header_l0dv0_hxww5_232",
-  "list": "awsui_list_l0dv0_hxww5_224",
-  "list-variant-root": "awsui_list-variant-root_l0dv0_hxww5_245",
-  "list-variant-root--first": "awsui_list-variant-root--first_l0dv0_hxww5_252",
-  "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_hxww5_256",
-  "list-item": "awsui_list-item_l0dv0_hxww5_260",
-  "section": "awsui_section_l0dv0_hxww5_271",
-  "expandable-link-group": "awsui_expandable-link-group_l0dv0_hxww5_272",
-  "section--no-ident": "awsui_section--no-ident_l0dv0_hxww5_275",
-  "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_hxww5_276",
-  "refresh": "awsui_refresh_l0dv0_hxww5_284",
-  "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_hxww5_295",
-  "section-group": "awsui_section-group_l0dv0_hxww5_302",
-  "section-group-title": "awsui_section-group-title_l0dv0_hxww5_313",
-  "link": "awsui_link_l0dv0_hxww5_317",
-  "link-active": "awsui_link-active_l0dv0_hxww5_326",
-  "info": "awsui_info_l0dv0_hxww5_363",
-  "external-icon": "awsui_external-icon_l0dv0_hxww5_367",
-  "divider": "awsui_divider_l0dv0_hxww5_232",
-  "divider-default": "awsui_divider-default_l0dv0_hxww5_376"
+  "root": "awsui_root_l0dv0_kmbuh_145",
+  "header": "awsui_header_l0dv0_kmbuh_179",
+  "header-link": "awsui_header-link_l0dv0_kmbuh_193",
+  "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_kmbuh_204",
+  "header-link-text": "awsui_header-link-text_l0dv0_kmbuh_204",
+  "header-logo": "awsui_header-logo_l0dv0_kmbuh_209",
+  "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_kmbuh_215",
+  "items-control": "awsui_items-control_l0dv0_kmbuh_220",
+  "list-container": "awsui_list-container_l0dv0_kmbuh_224",
+  "with-toolbar": "awsui_with-toolbar_l0dv0_kmbuh_232",
+  "divider-header": "awsui_divider-header_l0dv0_kmbuh_232",
+  "list": "awsui_list_l0dv0_kmbuh_224",
+  "list-variant-root": "awsui_list-variant-root_l0dv0_kmbuh_245",
+  "list-variant-root--first": "awsui_list-variant-root--first_l0dv0_kmbuh_252",
+  "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_kmbuh_256",
+  "list-item": "awsui_list-item_l0dv0_kmbuh_260",
+  "section": "awsui_section_l0dv0_kmbuh_271",
+  "expandable-link-group": "awsui_expandable-link-group_l0dv0_kmbuh_272",
+  "section--no-ident": "awsui_section--no-ident_l0dv0_kmbuh_275",
+  "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_kmbuh_276",
+  "refresh": "awsui_refresh_l0dv0_kmbuh_284",
+  "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_kmbuh_295",
+  "section-group": "awsui_section-group_l0dv0_kmbuh_302",
+  "section-group-title": "awsui_section-group-title_l0dv0_kmbuh_313",
+  "link": "awsui_link_l0dv0_kmbuh_317",
+  "link-active": "awsui_link-active_l0dv0_kmbuh_326",
+  "info": "awsui_info_l0dv0_kmbuh_363",
+  "external-icon": "awsui_external-icon_l0dv0_kmbuh_367",
+  "divider": "awsui_divider_l0dv0_kmbuh_232",
+  "divider-default": "awsui_divider-default_l0dv0_kmbuh_376"
 };
   

package/lib/internal/template/side-navigation/styles.scoped.css

@@ -142,7 +142,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_root_l0dv0_hxww5_145:not(#\9) {
+.awsui_root_l0dv0_kmbuh_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -176,7 +176,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-break: break-word;
 }
 
-.awsui_header_l0dv0_hxww5_179:not(#\9) {
+.awsui_header_l0dv0_kmbuh_179:not(#\9) {
   font-size: var(--font-panel-header-size-i1j838, 18px);
   letter-spacing: var(--letter-spacing-heading-m-93y02s, normal);
   line-height: var(--font-panel-header-line-height-z3wpa5, 22px);
@@ -190,7 +190,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline-end: calc(var(--space-scaled-xxl-9ur2is, 32px) + var(--space-xl-4dmkh1, 24px));
 }
 
-.awsui_header-link_l0dv0_hxww5_193:not(#\9) {
+.awsui_header-link_l0dv0_kmbuh_193:not(#\9) {
   font-size: var(--font-panel-header-size-i1j838, 18px);
   letter-spacing: var(--letter-spacing-heading-m-93y02s, normal);
   line-height: var(--font-panel-header-line-height-z3wpa5, 22px);
@@ -201,40 +201,40 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   min-block-size: var(--font-panel-header-line-height-z3wpa5, 22px);
   display: flex;
 }
-.awsui_header-link--has-logo_l0dv0_hxww5_204 > .awsui_header-link-text_l0dv0_hxww5_204:not(#\9) {
+.awsui_header-link--has-logo_l0dv0_kmbuh_204 > .awsui_header-link-text_l0dv0_kmbuh_204:not(#\9) {
   font-weight: 400;
   align-self: center;
 }
 
-.awsui_header-logo_l0dv0_hxww5_209:not(#\9) {
+.awsui_header-logo_l0dv0_kmbuh_209:not(#\9) {
   margin-inline-end: var(--space-s-4a5hs8, 12px);
   margin-block-start: var(--space-xxxs-3w1kr2, 2px);
   max-inline-size: calc(1.25 * var(--size-icon-big-hnqj8f, 32px));
   align-self: flex-start;
 }
-.awsui_header-logo--stretched_l0dv0_hxww5_215:not(#\9) {
+.awsui_header-logo--stretched_l0dv0_kmbuh_215:not(#\9) {
   max-inline-size: 100%;
   margin-inline-end: 0;
 }
 
-.awsui_items-control_l0dv0_hxww5_220:not(#\9) {
+.awsui_items-control_l0dv0_kmbuh_220:not(#\9) {
   padding-inline: var(--space-l-3cws6j, 20px);
 }
 
-.awsui_list-container_l0dv0_hxww5_224:not(#\9) {
+.awsui_list-container_l0dv0_kmbuh_224:not(#\9) {
   margin-block-end: var(--space-panel-content-bottom-igtxf0, 40px);
 }
 
-.awsui_items-control_l0dv0_hxww5_220:not(#\9),
-.awsui_list-container_l0dv0_hxww5_224:not(#\9) {
+.awsui_items-control_l0dv0_kmbuh_220:not(#\9),
+.awsui_list-container_l0dv0_kmbuh_224:not(#\9) {
   margin-block-start: var(--space-panel-content-top-s8rcdz, 20px);
 }
-.awsui_with-toolbar_l0dv0_hxww5_232 > .awsui_divider-header_l0dv0_hxww5_232 + .awsui_items-control_l0dv0_hxww5_220:not(#\9),
-.awsui_with-toolbar_l0dv0_hxww5_232 > .awsui_divider-header_l0dv0_hxww5_232 + .awsui_list-container_l0dv0_hxww5_224:not(#\9) {
+.awsui_with-toolbar_l0dv0_kmbuh_232 > .awsui_divider-header_l0dv0_kmbuh_232 + .awsui_items-control_l0dv0_kmbuh_220:not(#\9),
+.awsui_with-toolbar_l0dv0_kmbuh_232 > .awsui_divider-header_l0dv0_kmbuh_232 + .awsui_list-container_l0dv0_kmbuh_224:not(#\9) {
   margin-block-start: 0;
 }
 
-.awsui_list_l0dv0_hxww5_224:not(#\9) {
+.awsui_list_l0dv0_kmbuh_224:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   padding-block: 0;
@@ -242,64 +242,64 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline-start: var(--space-l-3cws6j, 20px);
 }
 
-.awsui_list-variant-root_l0dv0_hxww5_245:not(#\9) {
+.awsui_list-variant-root_l0dv0_kmbuh_245:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   padding-block: 0;
   padding-inline-start: var(--space-panel-nav-left-kmy0f5, 32px);
   padding-inline-end: var(--space-panel-side-right-b77xx0, 32px);
 }
-.awsui_list-variant-root--first_l0dv0_hxww5_252:not(#\9) {
+.awsui_list-variant-root--first_l0dv0_kmbuh_252:not(#\9) {
   margin-block-start: 0;
 }
 
-.awsui_list-variant-expandable-link-group_l0dv0_hxww5_256:not(#\9) {
+.awsui_list-variant-expandable-link-group_l0dv0_kmbuh_256:not(#\9) {
   padding-inline-start: var(--space-xxxl-qhelse, 40px);
 }
 
-.awsui_list-item_l0dv0_hxww5_260:not(#\9) {
+.awsui_list-item_l0dv0_kmbuh_260:not(#\9) {
   margin-block: var(--space-scaled-xs-sppte9, 8px);
   margin-inline: 0;
   padding-block: 0;
   padding-inline: 0;
   list-style: none;
 }
-.awsui_list-variant-root--first_l0dv0_hxww5_252 > .awsui_list-item_l0dv0_hxww5_260:not(#\9):first-child {
+.awsui_list-variant-root--first_l0dv0_kmbuh_252 > .awsui_list-item_l0dv0_kmbuh_260:not(#\9):first-child {
   margin-block-start: 0px;
 }
 
-.awsui_section_l0dv0_hxww5_271:not(#\9),
-.awsui_expandable-link-group_l0dv0_hxww5_272:not(#\9) {
+.awsui_section_l0dv0_kmbuh_271:not(#\9),
+.awsui_expandable-link-group_l0dv0_kmbuh_272:not(#\9) {
   margin-inline-start: calc(-1 * var(--space-l-3cws6j, 20px));
 }
-.awsui_section--no-ident_l0dv0_hxww5_275:not(#\9),
-.awsui_expandable-link-group--no-ident_l0dv0_hxww5_276:not(#\9) {
+.awsui_section--no-ident_l0dv0_kmbuh_275:not(#\9),
+.awsui_expandable-link-group--no-ident_l0dv0_kmbuh_276:not(#\9) {
   margin-inline-start: 0;
 }
 
-.awsui_section_l0dv0_hxww5_271:not(#\9) {
+.awsui_section_l0dv0_kmbuh_271:not(#\9) {
   margin-block: calc(var(--space-scaled-2x-l-hgjmqp, 20px) - var(--border-divider-section-width-sznrdy, 1px));
   /* stylelint-disable-next-line selector-max-type */
 }
-.awsui_section_l0dv0_hxww5_271.awsui_refresh_l0dv0_hxww5_284:not(#\9) {
+.awsui_section_l0dv0_kmbuh_271.awsui_refresh_l0dv0_kmbuh_284:not(#\9) {
   margin-block: calc(var(--space-scaled-2x-m-gw45gq, 16px) - var(--border-divider-section-width-sznrdy, 1px));
 }
-.awsui_list-variant-root--first_l0dv0_hxww5_252 > .awsui_list-item_l0dv0_hxww5_260:not(#\9):first-child > .awsui_section_l0dv0_hxww5_271 {
+.awsui_list-variant-root--first_l0dv0_kmbuh_252 > .awsui_list-item_l0dv0_kmbuh_260:not(#\9):first-child > .awsui_section_l0dv0_kmbuh_271 {
   margin-block-start: 0px;
 }
-.awsui_section_l0dv0_hxww5_271 > div:not(#\9) {
+.awsui_section_l0dv0_kmbuh_271 > div:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
 }
 
-.awsui_list-variant-section-group_l0dv0_hxww5_295:not(#\9) {
+.awsui_list-variant-section-group_l0dv0_kmbuh_295:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   padding-block: 0;
   padding-inline: 0;
 }
 
-.awsui_section-group_l0dv0_hxww5_302:not(#\9) {
+.awsui_section-group_l0dv0_kmbuh_302:not(#\9) {
   font-size: var(--font-size-heading-m-56jjln, 18px);
   line-height: var(--line-height-heading-m-irezqt, 22px);
   letter-spacing: var(--letter-spacing-heading-m-93y02s, normal);
@@ -310,43 +310,43 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline: 0;
 }
 
-.awsui_section-group-title_l0dv0_hxww5_313:not(#\9) {
+.awsui_section-group-title_l0dv0_kmbuh_313:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_link_l0dv0_hxww5_317:not(#\9) {
+.awsui_link_l0dv0_kmbuh_317:not(#\9) {
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
-  color: var(--color-text-body-secondary-twh4xm, #545b64);
+  color: var(--color-text-body-secondary-gaft81, #545b64);
   font-weight: 400;
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_link-active_l0dv0_hxww5_326:not(#\9) {
+.awsui_link-active_l0dv0_kmbuh_326:not(#\9) {
   font-weight: var(--font-wayfinding-link-active-weight-lhxtkr, 700);
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
   color: var(--color-text-accent-rvq171, #0073bb);
 }
 
-.awsui_header-link_l0dv0_hxww5_193:not(#\9),
-.awsui_link_l0dv0_hxww5_317:not(#\9) {
+.awsui_header-link_l0dv0_kmbuh_193:not(#\9),
+.awsui_link_l0dv0_kmbuh_317:not(#\9) {
   text-decoration: none;
 }
-.awsui_header-link_l0dv0_hxww5_193:not(#\9):hover,
-.awsui_link_l0dv0_hxww5_317:not(#\9):hover {
+.awsui_header-link_l0dv0_kmbuh_193:not(#\9):hover,
+.awsui_link_l0dv0_kmbuh_317:not(#\9):hover {
   color: var(--color-text-accent-rvq171, #0073bb);
 }
-.awsui_header-link_l0dv0_hxww5_193:not(#\9):focus,
-.awsui_link_l0dv0_hxww5_317:not(#\9):focus {
+.awsui_header-link_l0dv0_kmbuh_193:not(#\9):focus,
+.awsui_link_l0dv0_kmbuh_317:not(#\9):focus {
   outline: none;
 }
-.awsui_header-link_l0dv0_hxww5_193:not(#\9):hover, .awsui_header-link_l0dv0_hxww5_193:not(#\9):focus, .awsui_link_l0dv0_hxww5_317:not(#\9):hover, .awsui_link_l0dv0_hxww5_317:not(#\9):focus {
+.awsui_header-link_l0dv0_kmbuh_193:not(#\9):hover, .awsui_header-link_l0dv0_kmbuh_193:not(#\9):focus, .awsui_link_l0dv0_kmbuh_317:not(#\9):hover, .awsui_link_l0dv0_kmbuh_317:not(#\9):focus {
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_header-link_l0dv0_hxww5_193:not(#\9):focus,
-body[data-awsui-focus-visible=true] .awsui_link_l0dv0_hxww5_317:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-link_l0dv0_kmbuh_193:not(#\9):focus,
+body[data-awsui-focus-visible=true] .awsui_link_l0dv0_kmbuh_317:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-c5423y, 5px auto Highlight);
   outline-offset: 2px;
@@ -358,29 +358,29 @@ body[data-awsui-focus-visible=true] .awsui_link_l0dv0_hxww5_317:not(#\9):focus {
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-woh62o, 0px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }
 
-.awsui_info_l0dv0_hxww5_363:not(#\9) {
+.awsui_info_l0dv0_kmbuh_363:not(#\9) {
   margin-inline-start: var(--space-xs-kw7k3v, 8px);
 }
 
-.awsui_external-icon_l0dv0_hxww5_367:not(#\9) {
+.awsui_external-icon_l0dv0_kmbuh_367:not(#\9) {
   margin-inline-start: var(--space-xxs-jnczic, 4px);
 }
 
-.awsui_divider_l0dv0_hxww5_232:not(#\9) {
+.awsui_divider_l0dv0_kmbuh_232:not(#\9) {
   border-block: none;
   border-inline: none;
 }
 
-.awsui_divider-default_l0dv0_hxww5_376:not(#\9) {
+.awsui_divider-default_l0dv0_kmbuh_376:not(#\9) {
   margin-block: var(--space-scaled-2x-xl-vvl7tm, 24px);
   margin-inline: calc(-1 * var(--space-panel-divider-margin-horizontal-6msb21, 12px));
   border-block-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
 }
 
-.awsui_divider-header_l0dv0_hxww5_232:not(#\9) {
+.awsui_divider-header_l0dv0_kmbuh_232:not(#\9) {
   margin-block: 0;
   border-block-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-panel-header-iffljr, #eaeded);
 }
-.awsui_with-toolbar_l0dv0_hxww5_232 > .awsui_divider-header_l0dv0_hxww5_232:not(#\9) {
+.awsui_with-toolbar_l0dv0_kmbuh_232 > .awsui_divider-header_l0dv0_kmbuh_232:not(#\9) {
   border-color: transparent;
 }

package/lib/internal/template/side-navigation/styles.selectors.js

@@ -2,35 +2,35 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_l0dv0_hxww5_145",
-  "header": "awsui_header_l0dv0_hxww5_179",
-  "header-link": "awsui_header-link_l0dv0_hxww5_193",
-  "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_hxww5_204",
-  "header-link-text": "awsui_header-link-text_l0dv0_hxww5_204",
-  "header-logo": "awsui_header-logo_l0dv0_hxww5_209",
-  "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_hxww5_215",
-  "items-control": "awsui_items-control_l0dv0_hxww5_220",
-  "list-container": "awsui_list-container_l0dv0_hxww5_224",
-  "with-toolbar": "awsui_with-toolbar_l0dv0_hxww5_232",
-  "divider-header": "awsui_divider-header_l0dv0_hxww5_232",
-  "list": "awsui_list_l0dv0_hxww5_224",
-  "list-variant-root": "awsui_list-variant-root_l0dv0_hxww5_245",
-  "list-variant-root--first": "awsui_list-variant-root--first_l0dv0_hxww5_252",
-  "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_hxww5_256",
-  "list-item": "awsui_list-item_l0dv0_hxww5_260",
-  "section": "awsui_section_l0dv0_hxww5_271",
-  "expandable-link-group": "awsui_expandable-link-group_l0dv0_hxww5_272",
-  "section--no-ident": "awsui_section--no-ident_l0dv0_hxww5_275",
-  "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_hxww5_276",
-  "refresh": "awsui_refresh_l0dv0_hxww5_284",
-  "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_hxww5_295",
-  "section-group": "awsui_section-group_l0dv0_hxww5_302",
-  "section-group-title": "awsui_section-group-title_l0dv0_hxww5_313",
-  "link": "awsui_link_l0dv0_hxww5_317",
-  "link-active": "awsui_link-active_l0dv0_hxww5_326",
-  "info": "awsui_info_l0dv0_hxww5_363",
-  "external-icon": "awsui_external-icon_l0dv0_hxww5_367",
-  "divider": "awsui_divider_l0dv0_hxww5_232",
-  "divider-default": "awsui_divider-default_l0dv0_hxww5_376"
+  "root": "awsui_root_l0dv0_kmbuh_145",
+  "header": "awsui_header_l0dv0_kmbuh_179",
+  "header-link": "awsui_header-link_l0dv0_kmbuh_193",
+  "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_kmbuh_204",
+  "header-link-text": "awsui_header-link-text_l0dv0_kmbuh_204",
+  "header-logo": "awsui_header-logo_l0dv0_kmbuh_209",
+  "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_kmbuh_215",
+  "items-control": "awsui_items-control_l0dv0_kmbuh_220",
+  "list-container": "awsui_list-container_l0dv0_kmbuh_224",
+  "with-toolbar": "awsui_with-toolbar_l0dv0_kmbuh_232",
+  "divider-header": "awsui_divider-header_l0dv0_kmbuh_232",
+  "list": "awsui_list_l0dv0_kmbuh_224",
+  "list-variant-root": "awsui_list-variant-root_l0dv0_kmbuh_245",
+  "list-variant-root--first": "awsui_list-variant-root--first_l0dv0_kmbuh_252",
+  "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_kmbuh_256",
+  "list-item": "awsui_list-item_l0dv0_kmbuh_260",
+  "section": "awsui_section_l0dv0_kmbuh_271",
+  "expandable-link-group": "awsui_expandable-link-group_l0dv0_kmbuh_272",
+  "section--no-ident": "awsui_section--no-ident_l0dv0_kmbuh_275",
+  "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_kmbuh_276",
+  "refresh": "awsui_refresh_l0dv0_kmbuh_284",
+  "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_kmbuh_295",
+  "section-group": "awsui_section-group_l0dv0_kmbuh_302",
+  "section-group-title": "awsui_section-group-title_l0dv0_kmbuh_313",
+  "link": "awsui_link_l0dv0_kmbuh_317",
+  "link-active": "awsui_link-active_l0dv0_kmbuh_326",
+  "info": "awsui_info_l0dv0_kmbuh_363",
+  "external-icon": "awsui_external-icon_l0dv0_kmbuh_367",
+  "divider": "awsui_divider_l0dv0_kmbuh_232",
+  "divider-default": "awsui_divider-default_l0dv0_kmbuh_376"
 };
   

package/lib/internal/template/split-panel/icons/styles.css.js

@@ -1,27 +1,27 @@
 
     import './styles.scoped.css';
     export default {
-  "preference-icon--svg": "awsui_preference-icon--svg_d4xxm_1vexb_145",
-  "preference-icon--layout-border": "awsui_preference-icon--layout-border_d4xxm_1vexb_151",
-  "preference-icon--layout-background": "awsui_preference-icon--layout-background_d4xxm_1vexb_155",
-  "preference-icon--layout-header": "awsui_preference-icon--layout-header_d4xxm_1vexb_158",
-  "preference-icon--border": "awsui_preference-icon--border_d4xxm_1vexb_161",
-  "preference-icon--primary-button": "awsui_preference-icon--primary-button_d4xxm_1vexb_165",
-  "preference-icon--secondary": "awsui_preference-icon--secondary_d4xxm_1vexb_168",
-  "preference-icon--disabled-element": "awsui_preference-icon--disabled-element_d4xxm_1vexb_171",
-  "preference-icon--separator": "awsui_preference-icon--separator_d4xxm_1vexb_174",
-  "preference-icon--focus-text": "awsui_preference-icon--focus-text_d4xxm_1vexb_177",
-  "preference-icon-refresh--svg": "awsui_preference-icon-refresh--svg_d4xxm_1vexb_181",
-  "preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_d4xxm_1vexb_187",
-  "preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_d4xxm_1vexb_190",
-  "preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_d4xxm_1vexb_193",
-  "preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_d4xxm_1vexb_196",
-  "preference-icon-refresh--column-header": "awsui_preference-icon-refresh--column-header_d4xxm_1vexb_199",
-  "preference-icon-refresh--window": "awsui_preference-icon-refresh--window_d4xxm_1vexb_202",
-  "preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_d4xxm_1vexb_206",
-  "preference-icon-refresh--default": "awsui_preference-icon-refresh--default_d4xxm_1vexb_209",
-  "preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_d4xxm_1vexb_212",
-  "preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_d4xxm_1vexb_215",
-  "preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_d4xxm_1vexb_218"
+  "preference-icon--svg": "awsui_preference-icon--svg_d4xxm_fbd5l_145",
+  "preference-icon--layout-border": "awsui_preference-icon--layout-border_d4xxm_fbd5l_151",
+  "preference-icon--layout-background": "awsui_preference-icon--layout-background_d4xxm_fbd5l_155",
+  "preference-icon--layout-header": "awsui_preference-icon--layout-header_d4xxm_fbd5l_158",
+  "preference-icon--border": "awsui_preference-icon--border_d4xxm_fbd5l_161",
+  "preference-icon--primary-button": "awsui_preference-icon--primary-button_d4xxm_fbd5l_165",
+  "preference-icon--secondary": "awsui_preference-icon--secondary_d4xxm_fbd5l_168",
+  "preference-icon--disabled-element": "awsui_preference-icon--disabled-element_d4xxm_fbd5l_171",
+  "preference-icon--separator": "awsui_preference-icon--separator_d4xxm_fbd5l_174",
+  "preference-icon--focus-text": "awsui_preference-icon--focus-text_d4xxm_fbd5l_177",
+  "preference-icon-refresh--svg": "awsui_preference-icon-refresh--svg_d4xxm_fbd5l_181",
+  "preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_d4xxm_fbd5l_187",
+  "preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_d4xxm_fbd5l_190",
+  "preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_d4xxm_fbd5l_193",
+  "preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_d4xxm_fbd5l_196",
+  "preference-icon-refresh--column-header": "awsui_preference-icon-refresh--column-header_d4xxm_fbd5l_199",
+  "preference-icon-refresh--window": "awsui_preference-icon-refresh--window_d4xxm_fbd5l_202",
+  "preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_d4xxm_fbd5l_206",
+  "preference-icon-refresh--default": "awsui_preference-icon-refresh--default_d4xxm_fbd5l_209",
+  "preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_d4xxm_fbd5l_212",
+  "preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_d4xxm_fbd5l_215",
+  "preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_d4xxm_fbd5l_218"
 };
   

package/lib/internal/template/split-panel/icons/styles.scoped.css

@@ -142,79 +142,79 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_preference-icon--svg_d4xxm_1vexb_145:not(#\9) {
+.awsui_preference-icon--svg_d4xxm_fbd5l_145:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_preference-icon--svg_d4xxm_1vexb_145:not(#\9):dir(rtl) {
+.awsui_preference-icon--svg_d4xxm_fbd5l_145:not(#\9):dir(rtl) {
   transform: scaleX(-1);
 }
-.awsui_preference-icon--layout-border_d4xxm_1vexb_151:not(#\9) {
+.awsui_preference-icon--layout-border_d4xxm_fbd5l_151:not(#\9) {
   stroke: var(--color-background-home-header-4rk3o3, #000000);
   fill: var(--color-background-container-content-aemn43, #ffffff);
 }
-.awsui_preference-icon--layout-background_d4xxm_1vexb_155:not(#\9) {
+.awsui_preference-icon--layout-background_d4xxm_fbd5l_155:not(#\9) {
   fill: var(--color-background-layout-main-05m5y6, #f2f3f3);
 }
-.awsui_preference-icon--layout-header_d4xxm_1vexb_158:not(#\9) {
+.awsui_preference-icon--layout-header_d4xxm_fbd5l_158:not(#\9) {
   fill: var(--color-background-home-header-4rk3o3, #000000);
 }
-.awsui_preference-icon--border_d4xxm_1vexb_161:not(#\9) {
-  stroke: var(--color-text-group-label-md03vz, #545b64);
+.awsui_preference-icon--border_d4xxm_fbd5l_161:not(#\9) {
+  stroke: var(--color-text-group-label-yp8mcz, #545b64);
   fill: var(--color-background-container-content-aemn43, #ffffff);
 }
-.awsui_preference-icon--primary-button_d4xxm_1vexb_165:not(#\9) {
+.awsui_preference-icon--primary-button_d4xxm_fbd5l_165:not(#\9) {
   fill: var(--color-background-button-primary-default-3w82vy, #0073bb);
 }
-.awsui_preference-icon--secondary_d4xxm_1vexb_168:not(#\9) {
-  fill: var(--color-text-group-label-md03vz, #545b64);
+.awsui_preference-icon--secondary_d4xxm_fbd5l_168:not(#\9) {
+  fill: var(--color-text-group-label-yp8mcz, #545b64);
 }
-.awsui_preference-icon--disabled-element_d4xxm_1vexb_171:not(#\9) {
+.awsui_preference-icon--disabled-element_d4xxm_fbd5l_171:not(#\9) {
   fill: var(--color-background-control-disabled-2ixett, #d5dbdb);
 }
-.awsui_preference-icon--separator_d4xxm_1vexb_174:not(#\9) {
+.awsui_preference-icon--separator_d4xxm_fbd5l_174:not(#\9) {
   stroke: var(--color-background-control-disabled-2ixett, #d5dbdb);
 }
-.awsui_preference-icon--focus-text_d4xxm_1vexb_177:not(#\9) {
+.awsui_preference-icon--focus-text_d4xxm_fbd5l_177:not(#\9) {
   fill: var(--color-text-interactive-default-qwoe3g, #545b64);
 }
 
-.awsui_preference-icon-refresh--svg_d4xxm_1vexb_181:not(#\9) {
+.awsui_preference-icon-refresh--svg_d4xxm_fbd5l_181:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_preference-icon-refresh--svg_d4xxm_1vexb_181:not(#\9):dir(rtl) {
+.awsui_preference-icon-refresh--svg_d4xxm_fbd5l_181:not(#\9):dir(rtl) {
   transform: scaleX(-1);
 }
-.awsui_preference-icon-refresh--layout-top_d4xxm_1vexb_187:not(#\9) {
+.awsui_preference-icon-refresh--layout-top_d4xxm_fbd5l_187:not(#\9) {
   fill: var(--color-background-button-primary-disabled-1tc1nl, #ffffff);
 }
-.awsui_preference-icon-refresh--layout-main_d4xxm_1vexb_190:not(#\9) {
+.awsui_preference-icon-refresh--layout-main_d4xxm_fbd5l_190:not(#\9) {
   fill: var(--color-background-layout-main-05m5y6, #f2f3f3);
 }
-.awsui_preference-icon-refresh--primary_d4xxm_1vexb_193:not(#\9) {
+.awsui_preference-icon-refresh--primary_d4xxm_fbd5l_193:not(#\9) {
   fill: var(--color-background-button-primary-default-3w82vy, #0073bb);
 }
-.awsui_preference-icon-refresh--disabled_d4xxm_1vexb_196:not(#\9) {
+.awsui_preference-icon-refresh--disabled_d4xxm_fbd5l_196:not(#\9) {
   fill: var(--color-background-control-disabled-2ixett, #d5dbdb);
 }
-.awsui_preference-icon-refresh--column-header_d4xxm_1vexb_199:not(#\9) {
+.awsui_preference-icon-refresh--column-header_d4xxm_fbd5l_199:not(#\9) {
   fill: var(--color-text-input-disabled-y5t5v9, #879596);
 }
-.awsui_preference-icon-refresh--window_d4xxm_1vexb_202:not(#\9) {
+.awsui_preference-icon-refresh--window_d4xxm_fbd5l_202:not(#\9) {
   stroke: var(--color-background-home-header-4rk3o3, #000000);
   fill: var(--color-background-container-content-aemn43, #ffffff);
 }
-.awsui_preference-icon-refresh--secondary_d4xxm_1vexb_206:not(#\9) {
-  fill: var(--color-text-body-secondary-twh4xm, #545b64);
+.awsui_preference-icon-refresh--secondary_d4xxm_fbd5l_206:not(#\9) {
+  fill: var(--color-text-body-secondary-gaft81, #545b64);
 }
-.awsui_preference-icon-refresh--default_d4xxm_1vexb_209:not(#\9) {
+.awsui_preference-icon-refresh--default_d4xxm_fbd5l_209:not(#\9) {
   fill: var(--color-text-body-default-5qid0u, #16191f);
 }
-.awsui_preference-icon-refresh--separator_d4xxm_1vexb_212:not(#\9) {
+.awsui_preference-icon-refresh--separator_d4xxm_fbd5l_212:not(#\9) {
   stroke: var(--color-border-divider-default-ipvpev, #eaeded);
 }
-.awsui_preference-icon-refresh--input-default_d4xxm_1vexb_215:not(#\9) {
+.awsui_preference-icon-refresh--input-default_d4xxm_fbd5l_215:not(#\9) {
   fill: var(--color-border-input-default-txli8y, #687078);
 }
-.awsui_preference-icon-refresh--heading_d4xxm_1vexb_218:not(#\9) {
+.awsui_preference-icon-refresh--heading_d4xxm_fbd5l_218:not(#\9) {
   fill: var(--color-text-heading-default-wlau07, #16191f);
 }