@cloudscape-design/components-themeable 3.0.1057 → 3.0.1059

package/lib/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "da6e19990cd4efb45cc221495b2c5f58906117ef"
+  "commit": "ad43d71dd96f961ff149e47aa5a95a330911cf4b"
 }

package/lib/internal/scss/app-layout/visual-refresh-toolbar/skeleton/breadcrumbs/styles.scss

@@ -3,7 +3,7 @@
  SPDX-License-Identifier: Apache-2.0
 */
 
-// backward compatibility before this commit: TODO_REPLACE_ME
+// backward compatibility before this commit: f3bdaa292ae849b74404f32ef067c9fd6d2e8d7c
 .breadcrumbs-own:not(:empty) + .breadcrumbs-discovered {
   display: none;
 }

package/lib/internal/scss/button-dropdown/category-elements/styles.scss

@@ -18,6 +18,7 @@
   font-weight: bold;
   display: flex;
   justify-content: space-between;
+  align-items: center;
   // to compensate for the loss of padding due to the removal of the left and right borders
   // and differences in default divider + selected border widths (visual refresh)
   padding-block: styles.$option-padding-with-border-placeholder-vertical;
@@ -33,6 +34,7 @@
     border-block-start-color: awsui.$color-border-dropdown-group;
     border-block-end-color: awsui.$color-border-dropdown-group;
     cursor: pointer;
+
     &.disabled {
       cursor: default;
     }
@@ -99,9 +101,10 @@
 
 .expand-icon {
   position: relative;
-  inset-inline-start: awsui.$space-s;
+  inset-inline-end: calc(-1 * #{awsui.$space-s});
   inline-size: awsui.$space-m;
   display: inline-block;
+  margin-inline-start: auto;
 
   @include styles.with-motion {
     transition: transform awsui.$motion-duration-rotate-180 awsui.$motion-easing-rotate-180;
@@ -113,7 +116,6 @@
 
   &-right {
     transform: rotate(-90deg);
-
     @include styles.with-direction('rtl') {
       transform: rotate(90deg);
     }
@@ -132,3 +134,12 @@
 .in-dropdown {
   margin-block-end: -1px;
 }
+
+.icon-wrapper {
+  margin-inline-end: awsui.$space-xxs;
+}
+
+.header-content {
+  display: flex;
+  align-items: center;
+}

package/lib/internal/scss/internal/generated/custom-css-properties/index.scss

@@ -1,6 +1,6 @@
 
     // Build environment
-    $awsui-commit-hash: "da6e1999";
+    $awsui-commit-hash: "ad43d71d";
     // Manually managed CSS-variables
     $maxContentWidth: --awsui-max-content-width-kcc2gu;
 $minContentWidth: --awsui-min-content-width-kcc2gu;

package/lib/internal/scss/internal/styles/forms/mixins.scss

@@ -11,18 +11,22 @@
 @use '../utils' as utils;
 @use './constants' as constants;
 
-@mixin link-focus {
+@mixin link-focus(
+  $border-color: awsui.$color-border-item-focused,
+  $border-radius: awsui.$border-radius-control-default-focus-ring,
+  $box-shadow: 0 0 0 awsui.$border-link-focus-ring-shadow-spread awsui.$color-border-item-focused
+) {
   // For classic
   outline: thin dotted;
   outline: awsui.$border-link-focus-ring-outline;
   outline-offset: 2px;
-  outline-color: awsui.$color-border-item-focused;
+  outline-color: $border-color;
   // For visual refresh
-  border-start-start-radius: awsui.$border-radius-control-default-focus-ring;
-  border-start-end-radius: awsui.$border-radius-control-default-focus-ring;
-  border-end-start-radius: awsui.$border-radius-control-default-focus-ring;
-  border-end-end-radius: awsui.$border-radius-control-default-focus-ring;
-  box-shadow: 0 0 0 awsui.$border-link-focus-ring-shadow-spread awsui.$color-border-item-focused;
+  border-start-start-radius: $border-radius;
+  border-start-end-radius: $border-radius;
+  border-end-start-radius: $border-radius;
+  border-end-end-radius: $border-radius;
+  box-shadow: $box-shadow;
 }
 
 @mixin container-focus($border-radius: awsui.$border-radius-container) {

package/lib/internal/scss/internal/styles/links.scss

@@ -10,9 +10,10 @@
 @use './forms/' as mixins;
 @use '@cloudscape-design/component-toolkit/internal/focus-visible' as focus-visible;
 @use '../../link/constants.scss' as constants;
+@use '../generated/custom-css-properties/index.scss' as custom-props;
 
 @mixin link-variant-style($variant) {
-  color: map.get($variant, 'text-color-default');
+  color: var(#{custom-props.$styleColorDefault}, map.get($variant, 'text-color-default'));
   font-weight: map.get($variant, 'font-weight');
   letter-spacing: map.get($variant, 'letter-spacing');
   text-decoration-line: map.get($variant, 'decoration-line');
@@ -25,7 +26,7 @@
 
   &:hover {
     cursor: pointer;
-    color: map.get($variant, 'text-color-hover');
+    color: var(#{custom-props.$styleColorHover}, map.get($variant, 'text-color-hover'));
   }
 
   &:focus {
@@ -33,7 +34,7 @@
   }
 
   &:active {
-    color: map.get($variant, 'text-color-active');
+    color: var(#{custom-props.$styleColorActive}, map.get($variant, 'text-color-active'));
   }
 
   &:active,

package/lib/internal/scss/link/styles.scss

@@ -8,11 +8,18 @@
 @use '../internal/styles/tokens' as awsui;
 @use '@cloudscape-design/component-toolkit/internal/focus-visible' as focus-visible;
 @use './constants' as constants;
+@use '../internal/generated/custom-css-properties/index.scss' as custom-props;
+@use '../internal/styles/foundation' as foundation;
 
 .link {
   @include styles.styles-reset;
   display: inline;
   white-space: inherit;
+
+  #{custom-props.$styleFocusRingBoxShadow}: 0 0 0
+    var(#{custom-props.$styleFocusRingBorderWidth}, awsui.$border-link-focus-ring-shadow-spread)
+    var(#{custom-props.$styleFocusRingBorderColor}, awsui.$color-border-item-focused);
+
   @include styles.link-default;
 
   @each $variant in map.keys(constants.$link-variants) {
@@ -45,7 +52,11 @@
   }
 
   @include focus-visible.when-visible {
-    @include styles.link-focus;
+    @include styles.link-focus(
+      $border-color: var(#{custom-props.$styleFocusRingBorderColor}, awsui.$color-border-item-focused),
+      $border-radius: var(#{custom-props.$styleFocusRingBorderRadius}, awsui.$border-radius-control-default-focus-ring),
+      $box-shadow: var(#{custom-props.$styleFocusRingBoxShadow})
+    );
   }
 
   @each $font-size, $properties in constants.$link-font-sizes {

package/lib/internal/template/alert/interfaces.d.ts

@@ -121,18 +121,18 @@ export interface AlertProps extends BaseComponentProps {
     /**
      * Specifies an object of selectors and properties that are used to apply custom styles.
      *
-     * - `root.background` - (string) (Optional) Background for alert.
-     * - `root.borderColor` - (string) (Optional) Border color for alert.
+     * - `root.background` (string) - (Optional) Background for alert.
+     * - `root.borderColor` (string) - (Optional) Border color for alert.
      * - `root.borderRadius` (string) - (Optional) Alert border radius.
      * - `root.borderWidth` (string) - (Optional) Alert border width.
-     * - `root.color`  - (string) (Optional) Text color for alert.
-     * - `root.focusRing.borderColor` - (string) (Optional) Alert focus ring border color.
+     * - `root.color` (string) - (Optional) Text color for alert.
+     * - `root.focusRing.borderColor` (string) - (Optional) Alert focus ring border color.
      * - `root.focusRing.borderRadius` (string) - (Optional) Alert button focus ring border radius.
      * - `root.focusRing.borderWidth` (string) - (Optional) Alert button focus ring border width.
-     * - `dismissButton.color.active` - (string) (Optional) Color for dismiss button active state.
-     * - `dismissButton.color.default` - (string) (Optional) Color for dismiss button default state.
-     * - `dismissButton.color.hover` - (string) (Optional) Color for dismiss button hover state.
-     * - `dismissButton.focusRing.borderColor` - (string) (Optional) Dismiss button focus ring border color.
+     * - `dismissButton.color.active` (string) - (Optional) Color for dismiss button active state.
+     * - `dismissButton.color.default` (string) - (Optional) Color for dismiss button default state.
+     * - `dismissButton.color.hover` (string) - (Optional) Color for dismiss button hover state.
+     * - `dismissButton.focusRing.borderColor` (string) - (Optional) Dismiss button focus ring border color.
      * - `dismissButton.focusRing.borderRadius` (string) - (Optional) Dismiss button focus ring border radius.
      * - `dismissButton.focusRing.borderWidth` (string) - (Optional) Dismiss button focus ring border width.
      * @awsuiSystem core

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

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/alert/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 { ErrorContext } from '../internal/analytics/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport namespace AlertProps {\n  export type Type = 'success' | 'error' | 'warning' | 'info';\n\n  export interface Ref {\n    /**\n     * Sets focus on the alert content.\n     */\n    focus(): void;\n  }\n\n  export interface I18nStrings {\n    /*\n     * Specifies the ARIA label for the alert icon for type `success`.\n     * @property {string} [successIconAriaLabel] - optional\n     */\n    successIconAriaLabel?: string;\n    /*\n     * Specifies the ARIA label for the alert icon for type `error`.\n     * @property {string} [errorIconAriaLabel] - optional\n     */\n    errorIconAriaLabel?: string;\n    /*\n     * Specifies the ARIA label for the alert icon for type `warning`.\n     * @property {string} [warningIconAriaLabel] - optional\n     */\n    warningIconAriaLabel?: string;\n    /*\n     * Specifies the ARIA label for the alert icon for type `info`.\n     * @property {string} [infoIconAriaLabel] - optional\n     */\n    infoIconAriaLabel?: string;\n    /*\n     * Specifies the ARIA label for the dismiss button.\n     * @property {string} [dismissAriaLabel] - optional\n     */\n    dismissAriaLabel?: string;\n  }\n\n  export interface AnalyticsMetadata {\n    errorContext?: ErrorContext;\n  }\n\n  export interface Style {\n    root?: {\n      background?: string;\n      borderColor?: string;\n      borderRadius?: string;\n      borderWidth?: string;\n      color?: string;\n      focusRing?: {\n        borderColor?: string;\n        borderRadius?: string;\n        borderWidth?: string;\n      };\n    };\n    dismissButton?: {\n      color?: {\n        active?: string;\n        default?: string;\n        hover?: string;\n      };\n      focusRing?: {\n        borderColor?: string;\n        borderRadius?: string;\n        borderWidth?: string;\n      };\n    };\n  }\n}\n\nexport interface AlertProps extends BaseComponentProps {\n  /**\n   * Specifies the type of message you want to display.\n   */\n  type?: AlertProps.Type;\n\n  /**\n   * Provides a text alternative for the icon.\n   *\n   * @deprecated Use the label properties inside `i18nStrings` instead.\n   * If the label is assigned via the `i18nStrings` property, this label will be ignored.\n   */\n  statusIconAriaLabel?: string;\n\n  /**\n   * Determines whether the alert is displayed.\n   * @deprecated Use conditional rendering in your code instead of this prop.\n   */\n  visible?: boolean;\n  /**\n   * Adds a close button to the alert when set to `true`.\n   * An `onDismiss` event is fired when a user clicks the button.\n   */\n  dismissible?: boolean;\n  /**\n   * Adds an aria-label to the dismiss button.\n   * @i18n\n   *\n   * @deprecated Use `i18nStrings.dismissAriaLabel` instead.\n   * If the label is assigned via the `i18nStrings` property, this label will be ignored.\n   */\n  dismissAriaLabel?: string;\n  /**\n   * Primary text displayed in the element.\n   */\n  children?: React.ReactNode;\n  /**\n   * Heading text.\n   */\n  header?: React.ReactNode;\n  /**\n   * Displays an action button next to the message area when set.\n   * An `onButtonClick` event is fired when the user clicks it.\n   * @deprecated Replaced by `action`.\n   */\n  buttonText?: React.ReactNode;\n  /**\n   * Specifies an action for the alert message.\n   * Although it is technically possible to insert any content, our UX guidelines only allow you to add a button.\n   */\n  action?: React.ReactNode;\n  /**\n   * Fired when the user clicks the close icon that is displayed\n   * when the `dismissible` property is set to `true`.\n   */\n  onDismiss?: NonCancelableEventHandler;\n  /**\n   * Fired when the user clicks the action button.\n   * **Deprecated** Replaced by `action`.\n   */\n  onButtonClick?: NonCancelableEventHandler;\n  /**\n   * An object containing all the necessary localized strings required by the component.\n   * @property {AlertProps.I18nStrings} [i18nStrings] - optional\n   * @i18n\n   */\n  i18nStrings?: AlertProps.I18nStrings;\n  /**\n   * Specifies additional analytics-related metadata.\n   * * `errorContext` - Identifies the error category and sub-category.\n   * @analytics\n   */\n  analyticsMetadata?: AlertProps.AnalyticsMetadata;\n  /**\n   * Specifies an object of selectors and properties that are used to apply custom styles.\n   *\n   * - `root.background` - (string) (Optional) Background for alert.\n   * - `root.borderColor` - (string) (Optional) Border color for alert.\n   * - `root.borderRadius` (string) - (Optional) Alert border radius.\n   * - `root.borderWidth` (string) - (Optional) Alert border width.\n   * - `root.color`  - (string) (Optional) Text color for alert.\n   * - `root.focusRing.borderColor` - (string) (Optional) Alert focus ring border color.\n   * - `root.focusRing.borderRadius` (string) - (Optional) Alert button focus ring border radius.\n   * - `root.focusRing.borderWidth` (string) - (Optional) Alert button focus ring border width.\n   * - `dismissButton.color.active` - (string) (Optional) Color for dismiss button active state.\n   * - `dismissButton.color.default` - (string) (Optional) Color for dismiss button default state.\n   * - `dismissButton.color.hover` - (string) (Optional) Color for dismiss button hover state.\n   * - `dismissButton.focusRing.borderColor` - (string) (Optional) Dismiss button focus ring border color.\n   * - `dismissButton.focusRing.borderRadius` (string) - (Optional) Dismiss button focus ring border radius.\n   * - `dismissButton.focusRing.borderWidth` (string) - (Optional) Dismiss button focus ring border width.\n   * @awsuiSystem core\n   */\n  style?: AlertProps.Style;\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/alert/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 { ErrorContext } from '../internal/analytics/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport namespace AlertProps {\n  export type Type = 'success' | 'error' | 'warning' | 'info';\n\n  export interface Ref {\n    /**\n     * Sets focus on the alert content.\n     */\n    focus(): void;\n  }\n\n  export interface I18nStrings {\n    /*\n     * Specifies the ARIA label for the alert icon for type `success`.\n     * @property {string} [successIconAriaLabel] - optional\n     */\n    successIconAriaLabel?: string;\n    /*\n     * Specifies the ARIA label for the alert icon for type `error`.\n     * @property {string} [errorIconAriaLabel] - optional\n     */\n    errorIconAriaLabel?: string;\n    /*\n     * Specifies the ARIA label for the alert icon for type `warning`.\n     * @property {string} [warningIconAriaLabel] - optional\n     */\n    warningIconAriaLabel?: string;\n    /*\n     * Specifies the ARIA label for the alert icon for type `info`.\n     * @property {string} [infoIconAriaLabel] - optional\n     */\n    infoIconAriaLabel?: string;\n    /*\n     * Specifies the ARIA label for the dismiss button.\n     * @property {string} [dismissAriaLabel] - optional\n     */\n    dismissAriaLabel?: string;\n  }\n\n  export interface AnalyticsMetadata {\n    errorContext?: ErrorContext;\n  }\n\n  export interface Style {\n    root?: {\n      background?: string;\n      borderColor?: string;\n      borderRadius?: string;\n      borderWidth?: string;\n      color?: string;\n      focusRing?: {\n        borderColor?: string;\n        borderRadius?: string;\n        borderWidth?: string;\n      };\n    };\n    dismissButton?: {\n      color?: {\n        active?: string;\n        default?: string;\n        hover?: string;\n      };\n      focusRing?: {\n        borderColor?: string;\n        borderRadius?: string;\n        borderWidth?: string;\n      };\n    };\n  }\n}\n\nexport interface AlertProps extends BaseComponentProps {\n  /**\n   * Specifies the type of message you want to display.\n   */\n  type?: AlertProps.Type;\n\n  /**\n   * Provides a text alternative for the icon.\n   *\n   * @deprecated Use the label properties inside `i18nStrings` instead.\n   * If the label is assigned via the `i18nStrings` property, this label will be ignored.\n   */\n  statusIconAriaLabel?: string;\n\n  /**\n   * Determines whether the alert is displayed.\n   * @deprecated Use conditional rendering in your code instead of this prop.\n   */\n  visible?: boolean;\n  /**\n   * Adds a close button to the alert when set to `true`.\n   * An `onDismiss` event is fired when a user clicks the button.\n   */\n  dismissible?: boolean;\n  /**\n   * Adds an aria-label to the dismiss button.\n   * @i18n\n   *\n   * @deprecated Use `i18nStrings.dismissAriaLabel` instead.\n   * If the label is assigned via the `i18nStrings` property, this label will be ignored.\n   */\n  dismissAriaLabel?: string;\n  /**\n   * Primary text displayed in the element.\n   */\n  children?: React.ReactNode;\n  /**\n   * Heading text.\n   */\n  header?: React.ReactNode;\n  /**\n   * Displays an action button next to the message area when set.\n   * An `onButtonClick` event is fired when the user clicks it.\n   * @deprecated Replaced by `action`.\n   */\n  buttonText?: React.ReactNode;\n  /**\n   * Specifies an action for the alert message.\n   * Although it is technically possible to insert any content, our UX guidelines only allow you to add a button.\n   */\n  action?: React.ReactNode;\n  /**\n   * Fired when the user clicks the close icon that is displayed\n   * when the `dismissible` property is set to `true`.\n   */\n  onDismiss?: NonCancelableEventHandler;\n  /**\n   * Fired when the user clicks the action button.\n   * **Deprecated** Replaced by `action`.\n   */\n  onButtonClick?: NonCancelableEventHandler;\n  /**\n   * An object containing all the necessary localized strings required by the component.\n   * @property {AlertProps.I18nStrings} [i18nStrings] - optional\n   * @i18n\n   */\n  i18nStrings?: AlertProps.I18nStrings;\n  /**\n   * Specifies additional analytics-related metadata.\n   * * `errorContext` - Identifies the error category and sub-category.\n   * @analytics\n   */\n  analyticsMetadata?: AlertProps.AnalyticsMetadata;\n  /**\n   * Specifies an object of selectors and properties that are used to apply custom styles.\n   *\n   * - `root.background` (string) - (Optional) Background for alert.\n   * - `root.borderColor` (string) - (Optional) Border color for alert.\n   * - `root.borderRadius` (string) - (Optional) Alert border radius.\n   * - `root.borderWidth` (string) - (Optional) Alert border width.\n   * - `root.color` (string) - (Optional) Text color for alert.\n   * - `root.focusRing.borderColor` (string) - (Optional) Alert focus ring border color.\n   * - `root.focusRing.borderRadius` (string) - (Optional) Alert button focus ring border radius.\n   * - `root.focusRing.borderWidth` (string) - (Optional) Alert button focus ring border width.\n   * - `dismissButton.color.active` (string) - (Optional) Color for dismiss button active state.\n   * - `dismissButton.color.default` (string) - (Optional) Color for dismiss button default state.\n   * - `dismissButton.color.hover` (string) - (Optional) Color for dismiss button hover state.\n   * - `dismissButton.focusRing.borderColor` (string) - (Optional) Dismiss button focus ring border color.\n   * - `dismissButton.focusRing.borderRadius` (string) - (Optional) Dismiss button focus ring border radius.\n   * - `dismissButton.focusRing.borderWidth` (string) - (Optional) Dismiss button focus ring border width.\n   * @awsuiSystem core\n   */\n  style?: AlertProps.Style;\n}\n"]}

package/lib/internal/template/attribute-editor/styles.css.js

@@ -1,20 +1,20 @@
 
     import './styles.scoped.css';
     export default {
-  "empty-appear": "awsui_empty-appear_n4qlp_lsdwm_153",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_lsdwm_1",
-  "root": "awsui_root_n4qlp_lsdwm_175",
-  "empty": "awsui_empty_n4qlp_lsdwm_153",
-  "row": "awsui_row_n4qlp_lsdwm_218",
-  "divider": "awsui_divider_n4qlp_lsdwm_222",
-  "row-control": "awsui_row-control_n4qlp_lsdwm_227",
-  "field": "awsui_field_n4qlp_lsdwm_231",
-  "additional-info": "awsui_additional-info_n4qlp_lsdwm_235",
-  "add-row": "awsui_add-row_n4qlp_lsdwm_281",
-  "add-button": "awsui_add-button_n4qlp_lsdwm_285",
-  "remove-button-container": "awsui_remove-button-container_n4qlp_lsdwm_289",
-  "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_lsdwm_293",
-  "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_lsdwm_297",
-  "remove-button": "awsui_remove-button_n4qlp_lsdwm_289"
+  "empty-appear": "awsui_empty-appear_n4qlp_71c87_153",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_71c87_1",
+  "root": "awsui_root_n4qlp_71c87_175",
+  "empty": "awsui_empty_n4qlp_71c87_153",
+  "row": "awsui_row_n4qlp_71c87_218",
+  "divider": "awsui_divider_n4qlp_71c87_222",
+  "row-control": "awsui_row-control_n4qlp_71c87_227",
+  "field": "awsui_field_n4qlp_71c87_231",
+  "additional-info": "awsui_additional-info_n4qlp_71c87_235",
+  "add-row": "awsui_add-row_n4qlp_71c87_281",
+  "add-button": "awsui_add-button_n4qlp_71c87_285",
+  "remove-button-container": "awsui_remove-button-container_n4qlp_71c87_289",
+  "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_71c87_293",
+  "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_71c87_297",
+  "remove-button": "awsui_remove-button_n4qlp_71c87_289"
 };
   

package/lib/internal/template/attribute-editor/styles.scoped.css

@@ -150,10 +150,10 @@ 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_empty-appear_n4qlp_lsdwm_153:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_n4qlp_lsdwm_1 var(--motion-duration-transition-show-paced-0w35xp, 180ms) var(--motion-easing-transition-show-paced-ufdgkj, ease-out);
+.awsui_empty-appear_n4qlp_71c87_153:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_n4qlp_71c87_1 var(--motion-duration-transition-show-paced-0w35xp, 180ms) var(--motion-easing-transition-show-paced-ufdgkj, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_n4qlp_lsdwm_1 {
+@keyframes awsui_awsui-motion-fade-in_n4qlp_71c87_1 {
   from {
     opacity: 0.2;
   }
@@ -162,17 +162,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_empty-appear_n4qlp_lsdwm_153:not(#\9) {
+  .awsui_empty-appear_n4qlp_71c87_153:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_empty-appear_n4qlp_lsdwm_153:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_lsdwm_153:not(#\9) {
+.awsui-motion-disabled .awsui_empty-appear_n4qlp_71c87_153:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_71c87_153:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_n4qlp_lsdwm_175:not(#\9) {
+.awsui_root_n4qlp_71c87_175:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -208,31 +208,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   align-items: start;
 }
 
-.awsui_empty_n4qlp_lsdwm_153:not(#\9) {
+.awsui_empty_n4qlp_71c87_153:not(#\9) {
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
   color: var(--color-text-empty-vtt4l2, #687078);
   grid-column: 1/-1;
 }
 
-.awsui_row_n4qlp_lsdwm_218:not(#\9) {
+.awsui_row_n4qlp_71c87_218:not(#\9) {
   display: contents;
 }
 
-.awsui_divider_n4qlp_lsdwm_222:not(#\9) {
+.awsui_divider_n4qlp_71c87_222:not(#\9) {
   grid-column: 1/-1;
   border-block-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
 }
 
-.awsui_row-control_n4qlp_lsdwm_227:not(#\9) {
+.awsui_row-control_n4qlp_71c87_227:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_field_n4qlp_lsdwm_231:not(#\9) {
+.awsui_field_n4qlp_71c87_231:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_additional-info_n4qlp_lsdwm_235:not(#\9) {
+.awsui_additional-info_n4qlp_71c87_235:not(#\9) {
   color: var(--color-text-form-secondary-4sp9un, #687078);
   font-size: var(--font-size-body-s-psgqn2, 12px);
   line-height: var(--line-height-body-s-otgtsr, 16px);
@@ -242,10 +242,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block-start: var(--space-xxs-jnczic, 4px);
   /* stylelint-disable-next-line selector-max-type */
 }
-.awsui_additional-info_n4qlp_lsdwm_235 > a:not(#\9) {
+.awsui_additional-info_n4qlp_71c87_235 > a:not(#\9) {
   text-underline-offset: 0.3em;
   text-decoration-thickness: 1px;
-  color: var(--color-text-link-default-x6cnv5, #0073bb);
+  color: var(--awsui-style-color-default-kcc2gu, var(--color-text-link-default-x6cnv5, #0073bb));
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: underline;
@@ -256,50 +256,50 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_additional-info_n4qlp_lsdwm_235 > a:not(#\9) {
+  .awsui_additional-info_n4qlp_71c87_235 > a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_additional-info_n4qlp_lsdwm_235 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_lsdwm_235 > a:not(#\9) {
+.awsui-motion-disabled .awsui_additional-info_n4qlp_71c87_235 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_71c87_235 > a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_additional-info_n4qlp_lsdwm_235 > a:not(#\9):hover {
+.awsui_additional-info_n4qlp_71c87_235 > a:not(#\9):hover {
   cursor: pointer;
-  color: var(--color-text-link-hover-tk5gkv, #0a4a74);
+  color: var(--awsui-style-color-hover-kcc2gu, var(--color-text-link-hover-tk5gkv, #0a4a74));
 }
-.awsui_additional-info_n4qlp_lsdwm_235 > a:not(#\9):focus {
+.awsui_additional-info_n4qlp_71c87_235 > a:not(#\9):focus {
   outline: none;
 }
-.awsui_additional-info_n4qlp_lsdwm_235 > a:not(#\9):active {
-  color: var(--color-text-link-hover-tk5gkv, #0a4a74);
+.awsui_additional-info_n4qlp_71c87_235 > a:not(#\9):active {
+  color: var(--awsui-style-color-active-kcc2gu, var(--color-text-link-hover-tk5gkv, #0a4a74));
 }
-.awsui_additional-info_n4qlp_lsdwm_235 > a:not(#\9):active, .awsui_additional-info_n4qlp_lsdwm_235 > a:not(#\9):focus, .awsui_additional-info_n4qlp_lsdwm_235 > a:not(#\9):hover {
+.awsui_additional-info_n4qlp_71c87_235 > a:not(#\9):active, .awsui_additional-info_n4qlp_71c87_235 > a:not(#\9):focus, .awsui_additional-info_n4qlp_71c87_235 > a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
 
-.awsui_add-row_n4qlp_lsdwm_281:not(#\9) {
+.awsui_add-row_n4qlp_71c87_281:not(#\9) {
   grid-column: 1/-1;
 }
 
-.awsui_add-button_n4qlp_lsdwm_285:not(#\9) {
+.awsui_add-button_n4qlp_71c87_285:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_remove-button-container_n4qlp_lsdwm_289:not(#\9) {
+.awsui_remove-button-container_n4qlp_71c87_289:not(#\9) {
   display: inline-block;
 }
 
-.awsui_remove-button-field-padding_n4qlp_lsdwm_293:not(#\9) {
+.awsui_remove-button-field-padding_n4qlp_71c87_293:not(#\9) {
   padding-block-start: calc(var(--space-xxs-jnczic, 4px) + var(--line-height-body-m-bedeoh, 22px));
 }
 
-.awsui_remove-button-own-row_n4qlp_lsdwm_297:not(#\9) {
+.awsui_remove-button-own-row_n4qlp_71c87_297:not(#\9) {
   justify-self: end;
 }
 
-.awsui_remove-button_n4qlp_lsdwm_289:not(#\9) {
+.awsui_remove-button_n4qlp_71c87_289:not(#\9) {
   /* used in test-utils */
 }

package/lib/internal/template/attribute-editor/styles.selectors.js

@@ -2,20 +2,20 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "empty-appear": "awsui_empty-appear_n4qlp_lsdwm_153",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_lsdwm_1",
-  "root": "awsui_root_n4qlp_lsdwm_175",
-  "empty": "awsui_empty_n4qlp_lsdwm_153",
-  "row": "awsui_row_n4qlp_lsdwm_218",
-  "divider": "awsui_divider_n4qlp_lsdwm_222",
-  "row-control": "awsui_row-control_n4qlp_lsdwm_227",
-  "field": "awsui_field_n4qlp_lsdwm_231",
-  "additional-info": "awsui_additional-info_n4qlp_lsdwm_235",
-  "add-row": "awsui_add-row_n4qlp_lsdwm_281",
-  "add-button": "awsui_add-button_n4qlp_lsdwm_285",
-  "remove-button-container": "awsui_remove-button-container_n4qlp_lsdwm_289",
-  "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_lsdwm_293",
-  "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_lsdwm_297",
-  "remove-button": "awsui_remove-button_n4qlp_lsdwm_289"
+  "empty-appear": "awsui_empty-appear_n4qlp_71c87_153",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_71c87_1",
+  "root": "awsui_root_n4qlp_71c87_175",
+  "empty": "awsui_empty_n4qlp_71c87_153",
+  "row": "awsui_row_n4qlp_71c87_218",
+  "divider": "awsui_divider_n4qlp_71c87_222",
+  "row-control": "awsui_row-control_n4qlp_71c87_227",
+  "field": "awsui_field_n4qlp_71c87_231",
+  "additional-info": "awsui_additional-info_n4qlp_71c87_235",
+  "add-row": "awsui_add-row_n4qlp_71c87_281",
+  "add-button": "awsui_add-button_n4qlp_71c87_285",
+  "remove-button-container": "awsui_remove-button-container_n4qlp_71c87_289",
+  "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_71c87_293",
+  "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_71c87_297",
+  "remove-button": "awsui_remove-button_n4qlp_71c87_289"
 };
   

package/lib/internal/template/breadcrumb-group/item/styles.css.js

@@ -1,12 +1,12 @@
 
     import './styles.scoped.css';
     export default {
-  "link": "awsui_link_1kosq_19n06_145",
-  "breadcrumb": "awsui_breadcrumb_1kosq_19n06_149",
-  "ghost-breadcrumb": "awsui_ghost-breadcrumb_1kosq_19n06_150",
-  "icon": "awsui_icon_1kosq_19n06_153",
-  "anchor": "awsui_anchor_1kosq_19n06_159",
-  "text": "awsui_text_1kosq_19n06_206",
-  "last": "awsui_last_1kosq_19n06_225"
+  "link": "awsui_link_1kosq_1tq4i_145",
+  "breadcrumb": "awsui_breadcrumb_1kosq_1tq4i_149",
+  "ghost-breadcrumb": "awsui_ghost-breadcrumb_1kosq_1tq4i_150",
+  "icon": "awsui_icon_1kosq_1tq4i_153",
+  "anchor": "awsui_anchor_1kosq_1tq4i_159",
+  "text": "awsui_text_1kosq_1tq4i_206",
+  "last": "awsui_last_1kosq_1tq4i_225"
 };
   

package/lib/internal/template/breadcrumb-group/item/styles.scoped.css

@@ -142,27 +142,27 @@
 */
 /* 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_link_1kosq_19n06_145:not(#\9):after {
+.awsui_link_1kosq_1tq4i_145:not(#\9):after {
   display: none;
 }
 
-.awsui_breadcrumb_1kosq_19n06_149:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_19n06_150:not(#\9) {
+.awsui_breadcrumb_1kosq_1tq4i_149:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_1tq4i_150:not(#\9) {
   display: flex;
 }
-.awsui_breadcrumb_1kosq_19n06_149 > .awsui_icon_1kosq_19n06_153:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_19n06_150 > .awsui_icon_1kosq_19n06_153:not(#\9) {
+.awsui_breadcrumb_1kosq_1tq4i_149 > .awsui_icon_1kosq_1tq4i_153:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_1tq4i_150 > .awsui_icon_1kosq_1tq4i_153:not(#\9) {
   margin-block: 0;
   margin-inline: var(--space-xs-kw7k3v, 8px);
   color: var(--color-text-breadcrumb-icon-c379ty, #687078);
 }
-.awsui_breadcrumb_1kosq_19n06_149 > .awsui_anchor_1kosq_19n06_159:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_19n06_150 > .awsui_anchor_1kosq_19n06_159:not(#\9) {
+.awsui_breadcrumb_1kosq_1tq4i_149 > .awsui_anchor_1kosq_1tq4i_159:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_1tq4i_150 > .awsui_anchor_1kosq_1tq4i_159:not(#\9) {
   min-inline-size: 0;
   overflow: hidden;
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
-  color: var(--color-text-link-default-x6cnv5, #0073bb);
+  color: var(--awsui-style-color-default-kcc2gu, var(--color-text-link-default-x6cnv5, #0073bb));
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: underline;
@@ -173,42 +173,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_breadcrumb_1kosq_19n06_149 > .awsui_anchor_1kosq_19n06_159:not(#\9),
-  .awsui_ghost-breadcrumb_1kosq_19n06_150 > .awsui_anchor_1kosq_19n06_159:not(#\9) {
+  .awsui_breadcrumb_1kosq_1tq4i_149 > .awsui_anchor_1kosq_1tq4i_159:not(#\9),
+  .awsui_ghost-breadcrumb_1kosq_1tq4i_150 > .awsui_anchor_1kosq_1tq4i_159:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_breadcrumb_1kosq_19n06_149 > .awsui_anchor_1kosq_19n06_159:not(#\9), .awsui-mode-entering .awsui_breadcrumb_1kosq_19n06_149 > .awsui_anchor_1kosq_19n06_159:not(#\9), .awsui-motion-disabled .awsui_ghost-breadcrumb_1kosq_19n06_150 > .awsui_anchor_1kosq_19n06_159:not(#\9), .awsui-mode-entering .awsui_ghost-breadcrumb_1kosq_19n06_150 > .awsui_anchor_1kosq_19n06_159:not(#\9) {
+.awsui-motion-disabled .awsui_breadcrumb_1kosq_1tq4i_149 > .awsui_anchor_1kosq_1tq4i_159:not(#\9), .awsui-mode-entering .awsui_breadcrumb_1kosq_1tq4i_149 > .awsui_anchor_1kosq_1tq4i_159:not(#\9), .awsui-motion-disabled .awsui_ghost-breadcrumb_1kosq_1tq4i_150 > .awsui_anchor_1kosq_1tq4i_159:not(#\9), .awsui-mode-entering .awsui_ghost-breadcrumb_1kosq_1tq4i_150 > .awsui_anchor_1kosq_1tq4i_159:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_breadcrumb_1kosq_19n06_149 > .awsui_anchor_1kosq_19n06_159:not(#\9):hover,
-.awsui_ghost-breadcrumb_1kosq_19n06_150 > .awsui_anchor_1kosq_19n06_159:not(#\9):hover {
+.awsui_breadcrumb_1kosq_1tq4i_149 > .awsui_anchor_1kosq_1tq4i_159:not(#\9):hover,
+.awsui_ghost-breadcrumb_1kosq_1tq4i_150 > .awsui_anchor_1kosq_1tq4i_159:not(#\9):hover {
   cursor: pointer;
-  color: var(--color-text-link-hover-tk5gkv, #0a4a74);
+  color: var(--awsui-style-color-hover-kcc2gu, var(--color-text-link-hover-tk5gkv, #0a4a74));
 }
-.awsui_breadcrumb_1kosq_19n06_149 > .awsui_anchor_1kosq_19n06_159:not(#\9):focus,
-.awsui_ghost-breadcrumb_1kosq_19n06_150 > .awsui_anchor_1kosq_19n06_159:not(#\9):focus {
+.awsui_breadcrumb_1kosq_1tq4i_149 > .awsui_anchor_1kosq_1tq4i_159:not(#\9):focus,
+.awsui_ghost-breadcrumb_1kosq_1tq4i_150 > .awsui_anchor_1kosq_1tq4i_159:not(#\9):focus {
   outline: none;
 }
-.awsui_breadcrumb_1kosq_19n06_149 > .awsui_anchor_1kosq_19n06_159:not(#\9):active,
-.awsui_ghost-breadcrumb_1kosq_19n06_150 > .awsui_anchor_1kosq_19n06_159:not(#\9):active {
-  color: var(--color-text-link-hover-tk5gkv, #0a4a74);
+.awsui_breadcrumb_1kosq_1tq4i_149 > .awsui_anchor_1kosq_1tq4i_159:not(#\9):active,
+.awsui_ghost-breadcrumb_1kosq_1tq4i_150 > .awsui_anchor_1kosq_1tq4i_159:not(#\9):active {
+  color: var(--awsui-style-color-active-kcc2gu, var(--color-text-link-hover-tk5gkv, #0a4a74));
 }
-.awsui_breadcrumb_1kosq_19n06_149 > .awsui_anchor_1kosq_19n06_159:not(#\9):active, .awsui_breadcrumb_1kosq_19n06_149 > .awsui_anchor_1kosq_19n06_159:not(#\9):focus, .awsui_breadcrumb_1kosq_19n06_149 > .awsui_anchor_1kosq_19n06_159:not(#\9):hover, .awsui_ghost-breadcrumb_1kosq_19n06_150 > .awsui_anchor_1kosq_19n06_159:not(#\9):active, .awsui_ghost-breadcrumb_1kosq_19n06_150 > .awsui_anchor_1kosq_19n06_159:not(#\9):focus, .awsui_ghost-breadcrumb_1kosq_19n06_150 > .awsui_anchor_1kosq_19n06_159:not(#\9):hover {
+.awsui_breadcrumb_1kosq_1tq4i_149 > .awsui_anchor_1kosq_1tq4i_159:not(#\9):active, .awsui_breadcrumb_1kosq_1tq4i_149 > .awsui_anchor_1kosq_1tq4i_159:not(#\9):focus, .awsui_breadcrumb_1kosq_1tq4i_149 > .awsui_anchor_1kosq_1tq4i_159:not(#\9):hover, .awsui_ghost-breadcrumb_1kosq_1tq4i_150 > .awsui_anchor_1kosq_1tq4i_159:not(#\9):active, .awsui_ghost-breadcrumb_1kosq_1tq4i_150 > .awsui_anchor_1kosq_1tq4i_159:not(#\9):focus, .awsui_ghost-breadcrumb_1kosq_1tq4i_150 > .awsui_anchor_1kosq_1tq4i_159:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_breadcrumb_1kosq_19n06_149 > .awsui_anchor_1kosq_19n06_159 > .awsui_text_1kosq_19n06_206:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_19n06_150 > .awsui_anchor_1kosq_19n06_159 > .awsui_text_1kosq_19n06_206:not(#\9) {
+.awsui_breadcrumb_1kosq_1tq4i_149 > .awsui_anchor_1kosq_1tq4i_159 > .awsui_text_1kosq_1tq4i_206:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_1tq4i_150 > .awsui_anchor_1kosq_1tq4i_159 > .awsui_text_1kosq_1tq4i_206:not(#\9) {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   display: block;
 }
-body[data-awsui-focus-visible=true] .awsui_breadcrumb_1kosq_19n06_149 > .awsui_anchor_1kosq_19n06_159:not(#\9):focus,
-body[data-awsui-focus-visible=true] .awsui_ghost-breadcrumb_1kosq_19n06_150 > .awsui_anchor_1kosq_19n06_159:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_breadcrumb_1kosq_1tq4i_149 > .awsui_anchor_1kosq_1tq4i_159:not(#\9):focus,
+body[data-awsui-focus-visible=true] .awsui_ghost-breadcrumb_1kosq_1tq4i_150 > .awsui_anchor_1kosq_1tq4i_159:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-c5423y, 5px auto Highlight);
   outline-offset: 2px;
@@ -219,12 +219,12 @@ body[data-awsui-focus-visible=true] .awsui_ghost-breadcrumb_1kosq_19n06_150 > .a
   border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-woh62o, 0px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_breadcrumb_1kosq_19n06_149.awsui_last_1kosq_19n06_225 > .awsui_icon_1kosq_19n06_153:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_19n06_150.awsui_last_1kosq_19n06_225 > .awsui_icon_1kosq_19n06_153:not(#\9) {
+.awsui_breadcrumb_1kosq_1tq4i_149.awsui_last_1kosq_1tq4i_225 > .awsui_icon_1kosq_1tq4i_153:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_1tq4i_150.awsui_last_1kosq_1tq4i_225 > .awsui_icon_1kosq_1tq4i_153:not(#\9) {
   display: none;
 }
-.awsui_breadcrumb_1kosq_19n06_149.awsui_last_1kosq_19n06_225 > .awsui_anchor_1kosq_19n06_159:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_19n06_150.awsui_last_1kosq_19n06_225 > .awsui_anchor_1kosq_19n06_159:not(#\9) {
+.awsui_breadcrumb_1kosq_1tq4i_149.awsui_last_1kosq_1tq4i_225 > .awsui_anchor_1kosq_1tq4i_159:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_1tq4i_150.awsui_last_1kosq_1tq4i_225 > .awsui_anchor_1kosq_1tq4i_159:not(#\9) {
   color: var(--color-text-breadcrumb-current-hwvp31, #687078);
   font-weight: 700;
   text-decoration: none;

package/lib/internal/template/breadcrumb-group/item/styles.selectors.js

@@ -2,12 +2,12 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "link": "awsui_link_1kosq_19n06_145",
-  "breadcrumb": "awsui_breadcrumb_1kosq_19n06_149",
-  "ghost-breadcrumb": "awsui_ghost-breadcrumb_1kosq_19n06_150",
-  "icon": "awsui_icon_1kosq_19n06_153",
-  "anchor": "awsui_anchor_1kosq_19n06_159",
-  "text": "awsui_text_1kosq_19n06_206",
-  "last": "awsui_last_1kosq_19n06_225"
+  "link": "awsui_link_1kosq_1tq4i_145",
+  "breadcrumb": "awsui_breadcrumb_1kosq_1tq4i_149",
+  "ghost-breadcrumb": "awsui_ghost-breadcrumb_1kosq_1tq4i_150",
+  "icon": "awsui_icon_1kosq_1tq4i_153",
+  "anchor": "awsui_anchor_1kosq_1tq4i_159",
+  "text": "awsui_text_1kosq_1tq4i_206",
+  "last": "awsui_last_1kosq_1tq4i_225"
 };
   

package/lib/internal/template/button-dropdown/category-elements/category-element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"category-element.d.ts","sourceRoot":"","sources":["../../../../src/button-dropdown/category-elements/category-element.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAK9C,QAAA,MAAM,eAAe,qKAalB,aAAa,gBAkCf,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"category-element.d.ts","sourceRoot":"","sources":["../../../../src/button-dropdown/category-elements/category-element.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAK9C,QAAA,MAAM,eAAe,qKAalB,aAAa,gBAyCf,CAAC;AAEF,eAAe,eAAe,CAAC"}