@cloudscape-design/components-themeable 3.0.1366 → 3.0.1368

package/lib/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "0531437549c58483b81e5cf0d046440222261e9e"
+  "commit": "81be3dee1c6d685b20b80dffc82f761d08183271"
 }

package/lib/internal/scss/action-card/constants.scss

@@ -12,7 +12,7 @@ $states: (
     'border-color': awsui.$color-border-action-card-default,
     'border-width': awsui.$border-width-action-card-default,
     'text-color': inherit,
-    'icon-color': awsui.$color-icon-action-card-default,
+    'icon-color': awsui.$color-text-action-card-icon-default,
   ),
   'hover': (
     'background': awsui.$color-background-action-card-hover,
@@ -20,7 +20,7 @@ $states: (
     'border-color': awsui.$color-border-action-card-hover,
     'border-width': awsui.$border-width-action-card-hover,
     'text-color': inherit,
-    'icon-color': awsui.$color-icon-action-card-hover,
+    'icon-color': awsui.$color-text-action-card-icon-hover,
   ),
   'active': (
     'background': awsui.$color-background-action-card-active,
@@ -28,7 +28,7 @@ $states: (
     'border-color': awsui.$color-border-action-card-active,
     'border-width': awsui.$border-width-action-card-active,
     'text-color': inherit,
-    'icon-color': awsui.$color-icon-action-card-active,
+    'icon-color': awsui.$color-text-action-card-icon-active,
   ),
   'disabled': (
     'background': awsui.$color-background-action-card-disabled,
@@ -36,6 +36,6 @@ $states: (
     'border-color': awsui.$color-border-action-card-disabled,
     'border-width': awsui.$border-width-action-card-disabled,
     'text-color': awsui.$color-text-action-card-disabled,
-    'icon-color': awsui.$color-icon-action-card-disabled,
+    'icon-color': awsui.$color-text-action-card-icon-disabled,
   ),
 );

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

@@ -88,6 +88,10 @@ $dropdown-trigger-icon-offset: 2px;
         &.visual-refresh {
           padding-inline-start: calc(#{awsui.$space-s} - #{$dropdown-trigger-icon-offset});
         }
+
+        @include theming.one-theme-only {
+          padding-inline: awsui.$space-button-icon-only-horizontal;
+        }
       }
     }
   }

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

@@ -1,6 +1,6 @@
 
     // Build environment
-    $awsui-commit-hash: "05314375";
+    $awsui-commit-hash: "81be3dee";
     // Manually managed CSS-variables
     $maxContentWidth: --awsui-max-content-width-66120l;
 $minContentWidth: --awsui-min-content-width-66120l;

package/lib/internal/scss/table/body-cell/styles.scss

@@ -6,30 +6,19 @@
 @use '../../internal/styles' as styles;
 @use '../../internal/styles/tokens' as awsui;
 @use '@cloudscape-design/component-toolkit/internal/focus-visible' as focus-visible;
+@use '../cell-base/cell-box' as cell-base;
 
-$cell-vertical-padding: awsui.$space-scaled-xs;
-// Calculate padding to prevent a shift in content after selection due to the difference
-// between selected border widths and normal row divider widths (visual refresh).
-$cell-vertical-padding-w-border: calc(
-  #{$cell-vertical-padding} + (#{awsui.$border-item-width} - #{awsui.$border-divider-list-width})
-);
-$cell-horizontal-padding: awsui.$space-scaled-l;
-$cell-edge-horizontal-padding: calc(#{awsui.$space-l} - #{awsui.$border-item-width});
-$cell-horizontal-padding-w-border: calc(#{$cell-edge-horizontal-padding} + #{awsui.$border-item-width});
+$cell-horizontal-padding-w-border: calc(#{cell-base.$cell-edge-horizontal-padding} + #{awsui.$border-item-width});
 $selected-border: awsui.$border-width-item-selected solid awsui.$color-border-item-selected;
 $selected-border-placeholder: awsui.$border-divider-list-width solid awsui.$color-border-item-placeholder;
-$border-placeholder: awsui.$border-item-width solid transparent;
 $icon-width-with-spacing: calc(#{awsui.$size-icon-normal} + #{awsui.$space-xs});
 // Right paddings of the absolute positioned icons (success icon is shown next to the edit icon)
 $edit-button-padding-right: calc(#{awsui.$space-xs} + #{awsui.$space-xxs});
 // Cell vertical padding + xxs space that would normally come from the button.
 $success-icon-padding-right: calc(#{$edit-button-padding-right} + #{$icon-width-with-spacing});
-$interactive-column-padding-inline-end: calc(#{$cell-horizontal-padding} + #{awsui.$space-l});
+$interactive-column-padding-inline-end: calc(#{cell-base.$cell-horizontal-padding} + #{awsui.$space-l});
 $editing-cell-padding-inline: awsui.$space-xxs;
 $editing-cell-padding-block: awsui.$space-scaled-xxxs;
-$cell-offset: calc(#{awsui.$space-m} + #{awsui.$space-xs});
-// Ensuring enough space for absolute-positioned focus outlines of focus-able cell content elements.
-$cell-negative-space-vertical: 2px;
 
 @mixin safe-focus-highlight($params) {
   @include styles.focus-highlight($params);
@@ -65,64 +54,9 @@ $cell-negative-space-vertical: 2px;
   align-items: center;
 }
 
-@mixin cell-padding-inline-start($padding) {
-  $max-nesting-levels: 9;
-  $offset-padding: calc($padding - 1 * awsui.$border-divider-list-width);
-
-  > .body-cell-content {
-    padding-inline-start: $offset-padding;
-  }
-  > .expandable-toggle-wrapper {
-    margin-inline-start: $offset-padding;
-  }
-
-  @for $i from 0 through $max-nesting-levels {
-    &.expandable-level-#{$i} {
-      > .body-cell-content {
-        padding-inline-start: calc(#{$offset-padding} / 2);
-        margin-inline-start: calc(#{$offset-padding} / 2 + #{$i} * #{$cell-offset});
-      }
-      > .expandable-toggle-wrapper {
-        margin-inline-start: calc($offset-padding + ($i - 1) * $cell-offset);
-      }
-    }
-  }
-  &.expandable-level-next {
-    > .body-cell-content {
-      padding-inline-start: calc(#{$offset-padding} / 2);
-      margin-inline-start: calc(#{$offset-padding} / 2 + #{$max-nesting-levels} * #{$cell-offset});
-    }
-    > .expandable-toggle-wrapper {
-      margin-inline-start: calc(#{$offset-padding} + (#{$max-nesting-levels} - 1) * #{$cell-offset});
-    }
-  }
-}
-@mixin cell-padding-inline-end($padding) {
-  > .body-cell-content {
-    padding-inline-end: calc(#{$padding} - 1 * #{awsui.$border-divider-list-width});
-  }
-}
-@mixin cell-padding-block($padding) {
-  > .body-cell-content {
-    padding-block: calc(#{$padding} - 1 * #{awsui.$border-divider-list-width} + #{$cell-negative-space-vertical});
-    margin-block: calc(-1 * #{$cell-negative-space-vertical});
-  }
-}
-@mixin cell-padding-block-start($padding) {
-  > .body-cell-content {
-    padding-block-start: calc(#{$padding} - 1 * #{awsui.$border-divider-list-width} + #{$cell-negative-space-vertical});
-    margin-block-start: calc(-1 * #{$cell-negative-space-vertical});
-  }
-}
-@mixin cell-padding-block-end($padding) {
-  > .body-cell-content {
-    padding-block-end: calc(#{$padding} - 1 * #{awsui.$border-divider-list-width} + #{$cell-negative-space-vertical});
-    margin-block-end: calc(-1 * #{$cell-negative-space-vertical});
-  }
-}
 @mixin body-cell-active-hover-padding($padding-start) {
   &:not(.body-cell-edit-active):not(.body-cell-expandable).body-cell-editable:hover {
-    @include cell-padding-inline-start(calc(#{$padding-start} + #{awsui.$border-divider-list-width}));
+    @include cell-base.cell-padding-inline-start(calc(#{$padding-start} + #{awsui.$border-divider-list-width}));
   }
 }
 
@@ -134,11 +68,11 @@ $cell-negative-space-vertical: 2px;
   font-weight: inherit;
   text-align: start;
 
-  @include cell-padding-inline-start($cell-horizontal-padding);
-  @include cell-padding-inline-end($cell-horizontal-padding);
+  @include cell-base.cell-padding-inline-start(cell-base.$cell-horizontal-padding);
+  @include cell-base.cell-padding-inline-end(cell-base.$cell-horizontal-padding);
 
-  @include cell-padding-block-start($cell-vertical-padding);
-  @include cell-padding-block-end($cell-vertical-padding-w-border);
+  @include cell-base.cell-padding-block-start(cell-base.$cell-vertical-padding);
+  @include cell-base.cell-padding-block-end(cell-base.$cell-vertical-padding-w-border);
 
   &-align-top {
     vertical-align: top;
@@ -162,34 +96,34 @@ $cell-negative-space-vertical: 2px;
   }
 
   &:first-child {
-    border-inline-start: $border-placeholder;
-    @include cell-padding-inline-start($cell-edge-horizontal-padding);
+    border-inline-start: cell-base.$border-placeholder;
+    @include cell-base.cell-padding-inline-start(cell-base.$cell-edge-horizontal-padding);
   }
   &:last-child {
-    border-inline-end: $border-placeholder;
-    @include cell-padding-inline-end($cell-edge-horizontal-padding);
+    border-inline-end: cell-base.$border-placeholder;
+    @include cell-base.cell-padding-inline-end(cell-base.$cell-edge-horizontal-padding);
   }
   // Using very small padding for 1st column cells in VR.
   &.is-visual-refresh:first-child {
-    @include cell-padding-inline-start(awsui.$space-xxxs);
+    @include cell-base.cell-padding-inline-start(awsui.$space-xxxs);
     @include body-cell-active-hover-padding(awsui.$space-xxxs);
 
     // Using slightly larger padding for tables with striped rows because the shaded background
     // makes the child content appear too close to the table edge.
     &:first-child.has-striped-rows {
-      @include cell-padding-inline-start(awsui.$space-xxs);
+      @include cell-base.cell-padding-inline-start(awsui.$space-xxs);
       @include body-cell-active-hover-padding(awsui.$space-xxs);
 
       &.sticky-cell-pad-inline-start {
-        @include cell-padding-inline-start($cell-horizontal-padding);
-        @include body-cell-active-hover-padding($cell-horizontal-padding);
+        @include cell-base.cell-padding-inline-start(cell-base.$cell-horizontal-padding);
+        @include body-cell-active-hover-padding(cell-base.$cell-horizontal-padding);
       }
     }
 
     // Using normal padding when 1st column is sticky.
     &.sticky-cell-pad-inline-start:not(.has-selection) {
-      @include cell-padding-inline-start($cell-horizontal-padding);
-      @include body-cell-active-hover-padding($cell-horizontal-padding);
+      @include cell-base.cell-padding-inline-start(cell-base.$cell-horizontal-padding);
+      @include body-cell-active-hover-padding(cell-base.$cell-horizontal-padding);
     }
 
     /*
@@ -201,39 +135,43 @@ $cell-negative-space-vertical: 2px;
       border-inline-start: none;
     }
   }
-  &-first-row {
-    border-block-start: $border-placeholder;
+  // Guard selected out: a selected first row must keep its (thicker, coloured) selected
+  // top border, which the transparent placeholder would otherwise cover.
+  tr:first-child > &:not(.body-cell-selected) {
+    border-block-start: cell-base.$border-placeholder;
   }
-  &-last-row:not(.body-cell-selected) {
-    &:not(.has-footer) {
-      // skip the border for the last row because the container already has a border
-      border-block-end: $border-placeholder;
-    }
-
-    &.has-footer {
-      /*
-      Add a bottom border to the body cells of the last row as a separator between the
-      table and the footer
-      */
-      border-block-end: awsui.$border-divider-section-width solid awsui.$color-border-divider-default;
-    }
+  tr:last-child > &:not(.body-cell-selected):not(.has-footer) {
+    // skip the border for the last row because the container already has a border
+    border-block-end: cell-base.$border-placeholder;
+  }
+  tr:last-child > &:not(.body-cell-selected).has-footer {
+    /*
+    Add a bottom border to the body cells of the last row as a separator between the
+    table and the footer
+    */
+    border-block-end: awsui.$border-divider-section-width solid awsui.$color-border-divider-default;
   }
   &-shaded {
     background: awsui.$color-background-cell-shaded;
   }
-  &.has-striped-rows:not(.body-cell-selected):not(.body-cell-last-row) {
+  tr:not(:last-child) > &.has-striped-rows:not(.body-cell-selected) {
     border-block-end-color: awsui.$color-border-cell-shaded;
   }
   &-selected {
     background-color: awsui.$color-background-item-selected;
     border-block-start: $selected-border;
     border-block-end: $selected-border;
-    @include cell-padding-block-end($cell-vertical-padding);
+    @include cell-base.cell-padding-block-end(cell-base.$cell-vertical-padding);
 
     // Last selected row has a fixed border-bottom width which do not change on selection in visual refresh.
     // Adjust padding-bottom prevents a slight jump in the table height.
-    &.body-cell-last-row.is-visual-refresh {
-      @include cell-padding-block-end(calc(#{$cell-vertical-padding} + #{awsui.$border-divider-list-width}));
+    // `:not(.body-cell-edit-active)`: the positional `tr:last-child` raises this rule's specificity
+    // above the edit-active padding rule, so an actively-edited selected last row must be excluded
+    // here or it would keep the selected padding instead of the editor's.
+    tr:last-child > &.is-visual-refresh:not(.body-cell-edit-active) {
+      @include cell-base.cell-padding-block-end(
+        calc(#{cell-base.$cell-vertical-padding} + #{awsui.$border-divider-list-width})
+      );
     }
 
     &:first-child {
@@ -313,15 +251,17 @@ $cell-negative-space-vertical: 2px;
 
   // Use padding as a selected border placeholder to make sure rows don't change height on selection (visual refresh)
   &-selected:not(:first-child) {
-    @include cell-padding-block-start($cell-vertical-padding-w-border);
+    @include cell-base.cell-padding-block-start(cell-base.$cell-vertical-padding-w-border);
   }
   &:not(.body-cell-selected).body-cell-next-selected {
     border-block-end: 0;
-    @include cell-padding-block-end(calc(#{$cell-vertical-padding} + #{awsui.$border-divider-list-width}));
+    @include cell-base.cell-padding-block-end(
+      calc(#{cell-base.$cell-vertical-padding} + #{awsui.$border-divider-list-width})
+    );
   }
   &-selected.body-cell-prev-selected {
     border-block-start: $selected-border-placeholder;
-    @include cell-padding-block-start($cell-vertical-padding-w-border);
+    @include cell-base.cell-padding-block-start(cell-base.$cell-vertical-padding-w-border);
   }
   &-selected.body-cell-next-selected {
     border-block-end-width: awsui.$border-divider-list-width;
@@ -342,7 +282,7 @@ $cell-negative-space-vertical: 2px;
   // Reset padding for selected rows with no adjacent selected row above it,
   // because rows reuse adjacent selected borders (visual refresh)
   &-selected:not(.body-cell-prev-selected) {
-    @include cell-padding-block-start($cell-vertical-padding);
+    @include cell-base.cell-padding-block-start(cell-base.$cell-vertical-padding);
   }
 
   &-editor-wrapper {
@@ -441,20 +381,20 @@ $cell-negative-space-vertical: 2px;
       > .body-cell-content {
         overflow: visible;
       }
-      @include cell-padding-inline-start($editing-cell-padding-inline);
-      @include cell-padding-inline-end($editing-cell-padding-inline);
-      @include cell-padding-block-start($editing-cell-padding-block);
-      @include cell-padding-block-end(calc($editing-cell-padding-block + 1px));
+      @include cell-base.cell-padding-inline-start($editing-cell-padding-inline);
+      @include cell-base.cell-padding-inline-end($editing-cell-padding-inline);
+      @include cell-base.cell-padding-block-start($editing-cell-padding-block);
+      @include cell-base.cell-padding-block-end(calc($editing-cell-padding-block + 1px));
     }
 
     &:not(.body-cell-edit-active) {
       // Include interactive padding even when a cell is not hovered to prevent jittering when resizableColumns=false.
       &:not(.resizable-columns) {
-        @include cell-padding-inline-end($interactive-column-padding-inline-end);
+        @include cell-base.cell-padding-inline-end($interactive-column-padding-inline-end);
       }
 
       @mixin focused-editor-styles {
-        @include cell-padding-inline-end($interactive-column-padding-inline-end);
+        @include cell-base.cell-padding-inline-end($interactive-column-padding-inline-end);
         & > .body-cell-editor-wrapper,
         & > .expandable-cell-content > .body-cell-editor-wrapper {
           opacity: 1;
@@ -485,8 +425,8 @@ $cell-negative-space-vertical: 2px;
         }
         &.body-cell-has-success {
           // After a successful edit, we display the success icon next to the edit button and need additional padding to not let the text overflow the success icon.
-          @include cell-padding-inline-end(
-            calc(#{$cell-horizontal-padding} + #{awsui.$space-l} + #{$icon-width-with-spacing})
+          @include cell-base.cell-padding-inline-end(
+            calc(#{cell-base.$cell-horizontal-padding} + #{awsui.$space-l} + #{$icon-width-with-spacing})
           );
         }
         @include focused-editor-styles;
@@ -526,27 +466,35 @@ $cell-negative-space-vertical: 2px;
 
         & > .body-cell-editor-wrapper,
         & > .expandable-cell-content > .body-cell-editor-wrapper {
-          @include cell-padding-inline-end(
+          @include cell-base.cell-padding-inline-end(
             calc(#{$edit-button-padding-right} - (2 * #{awsui.$border-divider-list-width}))
           );
         }
         & > .body-cell-success {
           // Update padding to avoid a jumping icon because of the additional borders added when hovering an editable cell.
-          @include cell-padding-inline-end(
+          @include cell-base.cell-padding-inline-end(
             calc(#{$success-icon-padding-right} - (2 * #{awsui.$border-divider-list-width}))
           );
         }
-        &.body-cell-last-row.body-cell-selected,
         &.body-cell-next-selected {
-          @include cell-padding-block(calc(#{$cell-vertical-padding} - calc(#{awsui.$border-divider-list-width} / 2)));
+          @include cell-base.cell-padding-block(
+            calc(#{cell-base.$cell-vertical-padding} - calc(#{awsui.$border-divider-list-width} / 2))
+          );
+        }
+        tr:last-child > &.body-cell-selected {
+          @include cell-base.cell-padding-block(
+            calc(#{cell-base.$cell-vertical-padding} - calc(#{awsui.$border-divider-list-width} / 2))
+          );
         }
-        &.body-cell-last-row:not(.body-cell-expandable):not(.body-cell-selected) {
-          @include cell-padding-block-start(
-            calc(#{$cell-vertical-padding} - calc(#{awsui.$border-divider-list-width}))
+        tr:last-child > &:not(.body-cell-expandable):not(.body-cell-selected) {
+          @include cell-base.cell-padding-block-start(
+            calc(#{cell-base.$cell-vertical-padding} - calc(#{awsui.$border-divider-list-width}))
           );
         }
-        &.body-cell-first-row:not(.body-cell-expandable):not(.body-cell-selected) {
-          @include cell-padding-block(calc(#{$cell-vertical-padding} - calc(#{awsui.$border-divider-list-width})));
+        tr:first-child > &:not(.body-cell-expandable):not(.body-cell-selected) {
+          @include cell-base.cell-padding-block(
+            calc(#{cell-base.$cell-vertical-padding} - calc(#{awsui.$border-divider-list-width}))
+          );
         }
         @include focused-editor-styles;
       }

package/lib/internal/scss/table/cell-base/_cell-box.scss

@@ -0,0 +1,73 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+
+@use '../../internal/styles/tokens' as awsui;
+
+$cell-vertical-padding: awsui.$space-scaled-xs;
+// Calculate padding to prevent a shift in content after selection due to the difference
+// between selected border widths and normal row divider widths (visual refresh).
+$cell-vertical-padding-w-border: calc(
+  #{$cell-vertical-padding} + (#{awsui.$border-item-width} - #{awsui.$border-divider-list-width})
+);
+$cell-horizontal-padding: awsui.$space-scaled-l;
+$cell-edge-horizontal-padding: calc(#{awsui.$space-l} - #{awsui.$border-item-width});
+$border-placeholder: awsui.$border-item-width solid transparent;
+$cell-offset: calc(#{awsui.$space-m} + #{awsui.$space-xs});
+// Ensuring enough space for absolute-positioned focus outlines of focus-able cell content elements.
+$cell-negative-space-vertical: 2px;
+
+@mixin cell-padding-inline-start($padding) {
+  $max-nesting-levels: 9;
+  $offset-padding: calc($padding - 1 * awsui.$border-divider-list-width);
+
+  > .body-cell-content {
+    padding-inline-start: $offset-padding;
+  }
+  > .expandable-toggle-wrapper {
+    margin-inline-start: $offset-padding;
+  }
+
+  @for $i from 0 through $max-nesting-levels {
+    &.expandable-level-#{$i} {
+      > .body-cell-content {
+        padding-inline-start: calc(#{$offset-padding} / 2);
+        margin-inline-start: calc(#{$offset-padding} / 2 + #{$i} * #{$cell-offset});
+      }
+      > .expandable-toggle-wrapper {
+        margin-inline-start: calc($offset-padding + ($i - 1) * $cell-offset);
+      }
+    }
+  }
+  &.expandable-level-next {
+    > .body-cell-content {
+      padding-inline-start: calc(#{$offset-padding} / 2);
+      margin-inline-start: calc(#{$offset-padding} / 2 + #{$max-nesting-levels} * #{$cell-offset});
+    }
+    > .expandable-toggle-wrapper {
+      margin-inline-start: calc(#{$offset-padding} + (#{$max-nesting-levels} - 1) * #{$cell-offset});
+    }
+  }
+}
+@mixin cell-padding-inline-end($padding) {
+  > .body-cell-content {
+    padding-inline-end: calc(#{$padding} - 1 * #{awsui.$border-divider-list-width});
+  }
+}
+@mixin cell-padding-block($padding) {
+  > .body-cell-content {
+    padding-block: calc(#{$padding} - 1 * #{awsui.$border-divider-list-width} + #{$cell-negative-space-vertical});
+    margin-block: calc(-1 * #{$cell-negative-space-vertical});
+  }
+}
+@mixin cell-padding-block-start($padding) {
+  > .body-cell-content {
+    padding-block-start: calc(#{$padding} - 1 * #{awsui.$border-divider-list-width} + #{$cell-negative-space-vertical});
+    margin-block-start: calc(-1 * #{$cell-negative-space-vertical});
+  }
+}
+@mixin cell-padding-block-end($padding) {
+  > .body-cell-content {
+    padding-block-end: calc(#{$padding} - 1 * #{awsui.$border-divider-list-width} + #{$cell-negative-space-vertical});
+    margin-block-end: calc(-1 * #{$cell-negative-space-vertical});
+  }
+}

package/lib/internal/scss/table/header-cell/styles.scss

@@ -6,8 +6,7 @@
 @use '@cloudscape-design/component-toolkit/internal/focus-visible' as focus-visible;
 @use '../../internal/styles/tokens' as awsui;
 @use '../../internal/styles' as styles;
-
-$cell-horizontal-padding: awsui.$space-scaled-l;
+@use '../cell-base/cell-box' as cell-base;
 
 @mixin when-focus-visible-or-fake {
   @include focus-visible.when-visible {
@@ -305,6 +304,6 @@ settings icon in the pagination slot.
   }
 
   &.sticky-cell-pad-inline-start {
-    @include cell-offset($cell-horizontal-padding);
+    @include cell-offset(cell-base.$cell-horizontal-padding);
   }
 }

package/lib/internal/template/action-card/styles.css.js

@@ -1,22 +1,22 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_16248_19xlw_13",
-  "icon": "awsui_icon_16248_19xlw_45",
-  "header-inner": "awsui_header-inner_16248_19xlw_61",
-  "disabled": "awsui_disabled_16248_19xlw_70",
-  "header": "awsui_header_16248_19xlw_61",
-  "body": "awsui_body_16248_19xlw_73",
-  "header-row": "awsui_header-row_16248_19xlw_77",
-  "description": "awsui_description_16248_19xlw_90",
-  "has-header": "awsui_has-header_16248_19xlw_96",
-  "header-button": "awsui_header-button_16248_19xlw_110",
-  "overlay-button": "awsui_overlay-button_16248_19xlw_111",
-  "variant-embedded": "awsui_variant-embedded_16248_19xlw_130",
-  "variant-default": "awsui_variant-default_16248_19xlw_142",
-  "inner-card": "awsui_inner-card_16248_19xlw_243",
-  "no-padding": "awsui_no-padding_16248_19xlw_250",
-  "icon-vertical-align-center": "awsui_icon-vertical-align-center_16248_19xlw_261",
-  "icon-align-end": "awsui_icon-align-end_16248_19xlw_397"
+  "root": "awsui_root_16248_48sij_13",
+  "icon": "awsui_icon_16248_48sij_45",
+  "header-inner": "awsui_header-inner_16248_48sij_61",
+  "disabled": "awsui_disabled_16248_48sij_70",
+  "header": "awsui_header_16248_48sij_61",
+  "body": "awsui_body_16248_48sij_73",
+  "header-row": "awsui_header-row_16248_48sij_77",
+  "description": "awsui_description_16248_48sij_90",
+  "has-header": "awsui_has-header_16248_48sij_96",
+  "header-button": "awsui_header-button_16248_48sij_110",
+  "overlay-button": "awsui_overlay-button_16248_48sij_111",
+  "variant-embedded": "awsui_variant-embedded_16248_48sij_130",
+  "variant-default": "awsui_variant-default_16248_48sij_142",
+  "inner-card": "awsui_inner-card_16248_48sij_243",
+  "no-padding": "awsui_no-padding_16248_48sij_250",
+  "icon-vertical-align-center": "awsui_icon-vertical-align-center_16248_48sij_261",
+  "icon-align-end": "awsui_icon-align-end_16248_48sij_397"
 };