npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1373 → 3.0.1375 - Mend

@cloudscape-design/components-themeable 3.0.1373 → 3.0.1375

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (306) hide show

package/lib/internal/template/table/header-cell/styles.scoped.css CHANGED Viewed

@@ -6,7 +6,7 @@
 /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /* 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_header-cell_1spae_18g9t_9:not(#\9) {
+.awsui_header-cell_1spae_126ui_9:not(#\9) {
   position: relative;
   text-align: start;
   box-sizing: border-box;
@@ -19,14 +19,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: var(--space-scaled-xxs-j00t0m, 4px);
   padding-inline: var(--space-scaled-xs-pajbd1, 8px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_18g9t_9:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_126ui_9:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_18g9t_9:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_126ui_9:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-scaled-xxs-j00t0m, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_18g9t_9:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_126ui_9:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -40,14 +40,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_18g9t_9:not(#\9):fo
   border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #0073bb);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_18g9t_9.awsui_header-cell-fake-focus_1spae_18g9t_43:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_126ui_9.awsui_header-cell-fake-focus_1spae_126ui_43:not(#\9) {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_18g9t_9.awsui_header-cell-fake-focus_1spae_18g9t_43:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_126ui_9.awsui_header-cell-fake-focus_1spae_126ui_43:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-scaled-xxs-j00t0m, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_18g9t_9.awsui_header-cell-fake-focus_1spae_18g9t_43:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_126ui_9.awsui_header-cell-fake-focus_1spae_126ui_43:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -61,36 +61,36 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_18g9t_9.awsui_heade
   border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #0073bb);
 }
-.awsui_header-cell_1spae_18g9t_9.awsui_header-cell-group_1spae_18g9t_64:not(#\9), .awsui_header-cell_1spae_18g9t_9.awsui_header-cell-grouped_1spae_18g9t_64:not(#\9), .awsui_header-cell_1spae_18g9t_9.awsui_header-cell-spans-rows_1spae_18g9t_64:not(#\9) {
+.awsui_header-cell_1spae_126ui_9.awsui_header-cell-group_1spae_126ui_64:not(#\9), .awsui_header-cell_1spae_126ui_9.awsui_header-cell-grouped_1spae_126ui_64:not(#\9), .awsui_header-cell_1spae_126ui_9.awsui_header-cell-spans-rows_1spae_126ui_64:not(#\9) {
   padding-block: var(--space-xxxs-3ulqs3, 2px);
   padding-inline: var(--space-scaled-xs-pajbd1, 8px);
   border-block-end-color: var(--color-border-divider-table-group-42wwt3, #879596);
 }
-.awsui_header-cell_1spae_18g9t_9.awsui_header-cell-group_1spae_18g9t_64 > .awsui_resize-divider_1spae_18g9t_69.awsui_resize-divider_1spae_18g9t_69:not(#\9), .awsui_header-cell_1spae_18g9t_9.awsui_header-cell-grouped_1spae_18g9t_64 > .awsui_resize-divider_1spae_18g9t_69.awsui_resize-divider_1spae_18g9t_69:not(#\9), .awsui_header-cell_1spae_18g9t_9.awsui_header-cell-spans-rows_1spae_18g9t_64 > .awsui_resize-divider_1spae_18g9t_69.awsui_resize-divider_1spae_18g9t_69:not(#\9) {
+.awsui_header-cell_1spae_126ui_9.awsui_header-cell-group_1spae_126ui_64 > .awsui_resize-divider_1spae_126ui_69.awsui_resize-divider_1spae_126ui_69:not(#\9), .awsui_header-cell_1spae_126ui_9.awsui_header-cell-grouped_1spae_126ui_64 > .awsui_resize-divider_1spae_126ui_69.awsui_resize-divider_1spae_126ui_69:not(#\9), .awsui_header-cell_1spae_126ui_9.awsui_header-cell-spans-rows_1spae_126ui_64 > .awsui_resize-divider_1spae_126ui_69.awsui_resize-divider_1spae_126ui_69:not(#\9) {
   border-inline-start-color: var(--color-border-divider-table-group-42wwt3, #879596);
 }
-.awsui_header-cell-sticky_1spae_18g9t_72:not(#\9) {
+.awsui_header-cell-sticky_1spae_126ui_72:not(#\9) {
   border-block-end: var(--border-table-sticky-width-0njdoj, 0px) solid var(--color-border-divider-default-diwd4w, #eaeded);
 }
-.awsui_header-cell-sticky_1spae_18g9t_72.awsui_header-cell-group_1spae_18g9t_64:not(#\9), .awsui_header-cell-sticky_1spae_18g9t_72.awsui_header-cell-grouped_1spae_18g9t_64:not(#\9), .awsui_header-cell-sticky_1spae_18g9t_72.awsui_header-cell-spans-rows_1spae_18g9t_64:not(#\9) {
+.awsui_header-cell-sticky_1spae_126ui_72.awsui_header-cell-group_1spae_126ui_64:not(#\9), .awsui_header-cell-sticky_1spae_126ui_72.awsui_header-cell-grouped_1spae_126ui_64:not(#\9), .awsui_header-cell-sticky_1spae_126ui_72.awsui_header-cell-spans-rows_1spae_126ui_64:not(#\9) {
   border-block-end-color: var(--color-border-divider-table-group-42wwt3, #879596);
 }
-.awsui_header-cell-stuck_1spae_18g9t_78:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_18g9t_78) {
+.awsui_header-cell-stuck_1spae_126ui_78:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_126ui_78) {
   border-block-end-color: transparent;
 }
-.awsui_header-cell-variant-full-page_1spae_18g9t_78:not(#\9) {
+.awsui_header-cell-variant-full-page_1spae_126ui_78:not(#\9) {
   background: var(--color-background-layout-main-y4565g, #f2f3f3);
 }
-.awsui_header-cell-variant-full-page_1spae_18g9t_78.awsui_header-cell-hidden_1spae_18g9t_84:not(#\9) {
+.awsui_header-cell-variant-full-page_1spae_126ui_78.awsui_header-cell-hidden_1spae_126ui_84:not(#\9) {
   border-block-end-color: transparent;
 }
-.awsui_header-cell-variant-embedded_1spae_18g9t_87.awsui_is-visual-refresh_1spae_18g9t_87:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_18g9t_72, .awsui_sticky-cell_1spae_18g9t_87)), .awsui_header-cell-variant-borderless_1spae_18g9t_87.awsui_is-visual-refresh_1spae_18g9t_87:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_18g9t_72, .awsui_sticky-cell_1spae_18g9t_87)) {
+.awsui_header-cell-variant-embedded_1spae_126ui_87.awsui_is-visual-refresh_1spae_126ui_87:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_126ui_72, .awsui_sticky-cell_1spae_126ui_87)), .awsui_header-cell-variant-borderless_1spae_126ui_87.awsui_is-visual-refresh_1spae_126ui_87:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_126ui_72, .awsui_sticky-cell_1spae_126ui_87)) {
   background: none;
 }
-.awsui_header-cell_1spae_18g9t_9:not(#\9):last-child, .awsui_header-cell_1spae_18g9t_9[data-rightmost]:not(#\9), .awsui_header-cell_1spae_18g9t_9.awsui_header-cell-sortable_1spae_18g9t_90:not(#\9) {
+.awsui_header-cell_1spae_126ui_9:not(#\9):last-child, .awsui_header-cell_1spae_126ui_9[data-rightmost]:not(#\9), .awsui_header-cell_1spae_126ui_9.awsui_header-cell-sortable_1spae_126ui_90:not(#\9) {
   padding-inline-end: var(--space-xs-m9b7jf, 8px);
 }
-.awsui_header-cell_1spae_18g9t_9.awsui_sticky-cell_1spae_18g9t_87:not(#\9) {
+.awsui_header-cell_1spae_126ui_9.awsui_sticky-cell_1spae_126ui_87:not(#\9) {
   position: sticky;
   background: var(--color-background-table-header-pgyagt, #fafafa);
   z-index: 798;
@@ -99,44 +99,43 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_18g9t_9.awsui_heade
   transition-timing-function: var(--motion-easing-sticky-erj3ph, ease-out);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_header-cell_1spae_18g9t_9.awsui_sticky-cell_1spae_18g9t_87:not(#\9) {
+  .awsui_header-cell_1spae_126ui_9.awsui_sticky-cell_1spae_126ui_87:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_header-cell_1spae_18g9t_9.awsui_sticky-cell_1spae_18g9t_87:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_18g9t_9.awsui_sticky-cell_1spae_18g9t_87:not(#\9) {
+.awsui-motion-disabled .awsui_header-cell_1spae_126ui_9.awsui_sticky-cell_1spae_126ui_87:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_126ui_9.awsui_sticky-cell_1spae_126ui_87:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_header-cell_1spae_18g9t_9.awsui_sticky-cell_1spae_18g9t_87.awsui_table-variant-full-page_1spae_18g9t_111:not(#\9) {
+.awsui_header-cell_1spae_126ui_9.awsui_sticky-cell_1spae_126ui_87.awsui_table-variant-full-page_1spae_126ui_111:not(#\9) {
   background: var(--color-background-layout-main-y4565g, #f2f3f3);
 }
-.awsui_header-cell_1spae_18g9t_9.awsui_sticky-cell-pad-left_1spae_18g9t_114:not(#\9):not(.awsui_has-selection_1spae_18g9t_114) {
+.awsui_header-cell_1spae_126ui_9.awsui_sticky-cell-pad-left_1spae_126ui_114:not(#\9):not(.awsui_has-selection_1spae_126ui_114) {
   padding-inline-start: var(--space-table-horizontal-o0ypm8, 0px);
 }
-.awsui_header-cell_1spae_18g9t_9.awsui_sticky-cell-last-inline-start_1spae_18g9t_117:not(#\9) {
+.awsui_header-cell_1spae_126ui_9.awsui_sticky-cell-last-inline-start_1spae_126ui_117:not(#\9) {
   box-shadow: var(--shadow-sticky-column-first-7d9wxu, 4px 0 8px 0 rgba(0, 28, 36, 0.1));
   clip-path: inset(0px -24px 0px 0px);
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_header-cell_1spae_18g9t_9.awsui_sticky-cell-last-inline-start_1spae_18g9t_117 > .awsui_resize-divider_1spae_18g9t_69:not(#\9) {
+.awsui_header-cell_1spae_126ui_9.awsui_sticky-cell-last-inline-start_1spae_126ui_117 > .awsui_resize-divider_1spae_126ui_69:not(#\9) {
   display: none;
 }
-.awsui_header-cell_1spae_18g9t_9.awsui_sticky-cell-last-inline-start_1spae_18g9t_117:not(#\9):dir(rtl) {
+.awsui_header-cell_1spae_126ui_9.awsui_sticky-cell-last-inline-start_1spae_126ui_117:not(#\9):dir(rtl) {
   box-shadow: var(--shadow-sticky-column-last-f2p6g7, -4px 0 8px 0 rgba(0, 28, 36, 0.1));
   clip-path: inset(0 0 0 -24px);
 }
-.awsui_header-cell_1spae_18g9t_9.awsui_sticky-cell-last-inline-end_1spae_18g9t_129:not(#\9) {
+.awsui_header-cell_1spae_126ui_9.awsui_sticky-cell-last-inline-end_1spae_126ui_129:not(#\9) {
   box-shadow: var(--shadow-sticky-column-last-f2p6g7, -4px 0 8px 0 rgba(0, 28, 36, 0.1));
   clip-path: inset(0 0 0 -24px);
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_header-cell_1spae_18g9t_9.awsui_sticky-cell-last-inline-end_1spae_18g9t_129:not(#\9):dir(rtl) {
+.awsui_header-cell_1spae_126ui_9.awsui_sticky-cell-last-inline-end_1spae_126ui_129:not(#\9):dir(rtl) {
   box-shadow: var(--shadow-sticky-column-first-7d9wxu, 4px 0 8px 0 rgba(0, 28, 36, 0.1));
   clip-path: inset(0 -24px 0 0);
 }
-.awsui_sorting-icon_1spae_18g9t_139:not(#\9) {
+.awsui_sorting-icon_1spae_126ui_138:not(#\9) {
   position: absolute;
   inset-block-start: 50%;
   transform: translateY(-50%);
@@ -144,45 +143,45 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_18g9t_9.awsui_heade
   color: var(--color-text-column-sorting-icon-8ewv37, #687078);
 }
-.awsui_header-cell-main_1spae_18g9t_147:not(#\9) {
+.awsui_header-cell-main_1spae_126ui_146:not(#\9) {
   /* When the wrapper is present without a sort menu, behave as if it weren't there. */
   display: contents;
 }
-.awsui_sort-priority-badge_1spae_18g9t_152:not(#\9) {
+.awsui_sort-priority-badge_1spae_126ui_151:not(#\9) {
   margin-inline-end: var(--space-xxs-3o1yoq, 4px);
 }
-.awsui_edit-icon_1spae_18g9t_156:not(#\9) {
+.awsui_edit-icon_1spae_126ui_155:not(#\9) {
   margin-inline-start: var(--space-xxs-3o1yoq, 4px);
   margin-block-start: var(--space-scaled-xxs-j00t0m, 4px);
   color: inherit;
 }
-.awsui_header-cell-content_1spae_18g9t_162:not(#\9) {
+.awsui_header-cell-content_1spae_126ui_161:not(#\9) {
   position: relative;
   padding-block: var(--space-scaled-xxs-j00t0m, 4px);
   padding-inline-end: var(--space-s-kll7oj, 12px);
   padding-inline-start: var(--space-s-kll7oj, 12px);
 }
-.awsui_header-cell-content_1spae_18g9t_162.awsui_header-cell-content-expandable_1spae_18g9t_168:not(#\9) {
+.awsui_header-cell-content_1spae_126ui_161.awsui_header-cell-content-expandable_1spae_126ui_167:not(#\9) {
   padding-inline-start: calc(var(--space-s-kll7oj, 12px) + var(--space-m-n8iq8o, 16px) + var(--space-xs-m9b7jf, 8px));
 }
-.awsui_header-cell-group_1spae_18g9t_64 > .awsui_header-cell-content_1spae_18g9t_162:not(#\9) {
+.awsui_header-cell-group_1spae_126ui_64 > .awsui_header-cell-content_1spae_126ui_161:not(#\9) {
   padding-block: var(--space-xxxs-3ulqs3, 2px);
 }
-.awsui_header-cell-content_1spae_18g9t_162:not(#\9):focus {
+.awsui_header-cell-content_1spae_126ui_161:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_18g9t_162:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_126ui_161:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_18g9t_162:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_126ui_161:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-yl4rtb, 0px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_18g9t_162:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_126ui_161:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -196,14 +195,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_18g9t_162:n
   border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #0073bb);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_18g9t_162.awsui_header-cell-fake-focus_1spae_18g9t_43:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_126ui_161.awsui_header-cell-fake-focus_1spae_126ui_43:not(#\9) {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_18g9t_162.awsui_header-cell-fake-focus_1spae_18g9t_43:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_126ui_161.awsui_header-cell-fake-focus_1spae_126ui_43:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-yl4rtb, 0px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_18g9t_162.awsui_header-cell-fake-focus_1spae_18g9t_43:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_126ui_161.awsui_header-cell-fake-focus_1spae_126ui_43:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -217,68 +216,68 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_18g9t_162.a
   border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #0073bb);
 }
-.awsui_header-cell-grouped_1spae_18g9t_64 > .awsui_header-cell-main_1spae_18g9t_147 > .awsui_header-cell-content_1spae_18g9t_162:not(#\9), .awsui_header-cell-spans-rows_1spae_18g9t_64 > .awsui_header-cell-main_1spae_18g9t_147 > .awsui_header-cell-content_1spae_18g9t_162:not(#\9) {
+.awsui_header-cell-grouped_1spae_126ui_64 > .awsui_header-cell-main_1spae_126ui_146 > .awsui_header-cell-content_1spae_126ui_161:not(#\9), .awsui_header-cell-spans-rows_1spae_126ui_64 > .awsui_header-cell-main_1spae_126ui_146 > .awsui_header-cell-content_1spae_126ui_161:not(#\9) {
   padding-block: var(--space-xxxs-3ulqs3, 2px);
 }
-.awsui_header-cell-sortable_1spae_18g9t_90 > .awsui_header-cell-main_1spae_18g9t_147 > .awsui_header-cell-content_1spae_18g9t_162:not(#\9) {
+.awsui_header-cell-sortable_1spae_126ui_90 > .awsui_header-cell-main_1spae_126ui_146 > .awsui_header-cell-content_1spae_126ui_161:not(#\9) {
   padding-inline-end: calc(var(--space-xl-6jh0ay, 24px) + var(--space-xxs-3o1yoq, 4px));
 }
-.awsui_header-cell-sortable_1spae_18g9t_90 > .awsui_header-cell-main_1spae_18g9t_147 > .awsui_header-cell-content_1spae_18g9t_162.awsui_header-cell-content-multi-sorted_1spae_18g9t_226:not(#\9) {
+.awsui_header-cell-sortable_1spae_126ui_90 > .awsui_header-cell-main_1spae_126ui_146 > .awsui_header-cell-content_1spae_126ui_161.awsui_header-cell-content-multi-sorted_1spae_126ui_225:not(#\9) {
   padding-inline-end: calc(var(--space-xl-6jh0ay, 24px) + var(--space-xxs-3o1yoq, 4px) + var(--space-m-n8iq8o, 16px));
 }
-.awsui_header-cell-disabled_1spae_18g9t_229.awsui_header-cell-sorted_1spae_18g9t_229 > .awsui_header-cell-main_1spae_18g9t_147 > .awsui_header-cell-content_1spae_18g9t_162 > .awsui_sorting-icon_1spae_18g9t_139:not(#\9) {
+.awsui_header-cell-disabled_1spae_126ui_228.awsui_header-cell-sorted_1spae_126ui_228 > .awsui_header-cell-main_1spae_126ui_146 > .awsui_header-cell-content_1spae_126ui_161 > .awsui_sorting-icon_1spae_126ui_138:not(#\9) {
   color: var(--color-text-interactive-disabled-tuxgxq, #aab7b8);
 }
-.awsui_header-cell-main-with-menu_1spae_18g9t_233:not(#\9) {
+.awsui_header-cell-main-with-menu_1spae_126ui_232:not(#\9) {
   display: flex;
   align-items: center;
 }
-.awsui_header-cell-content-with-menu_1spae_18g9t_238:not(#\9) {
+.awsui_header-cell-content-with-menu_1spae_126ui_237:not(#\9) {
   flex-grow: 1;
   min-inline-size: 0;
 }
-.awsui_header-cell-spans-rows_1spae_18g9t_64:not(#\9) {
+.awsui_header-cell-spans-rows_1spae_126ui_64:not(#\9) {
   block-size: 100%;
   vertical-align: bottom;
 }
-.awsui_header-cell-spans-rows_1spae_18g9t_64 > .awsui_header-cell-main_1spae_18g9t_147 > .awsui_header-cell-content_1spae_18g9t_162:not(#\9) {
+.awsui_header-cell-spans-rows_1spae_126ui_64 > .awsui_header-cell-main_1spae_126ui_146 > .awsui_header-cell-content_1spae_126ui_161:not(#\9) {
   block-size: 100%;
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
 }
-.awsui_header-cell-spans-rows_1spae_18g9t_64 > .awsui_header-cell-main_1spae_18g9t_147 > .awsui_header-cell-content_1spae_18g9t_162 > .awsui_sorting-icon_1spae_18g9t_139:not(#\9) {
+.awsui_header-cell-spans-rows_1spae_126ui_64 > .awsui_header-cell-main_1spae_126ui_146 > .awsui_header-cell-content_1spae_126ui_161 > .awsui_sorting-icon_1spae_126ui_138:not(#\9) {
   inset-block-start: auto;
   inset-block-end: var(--space-scaled-xxs-j00t0m, 4px);
   transform: none;
 }
-.awsui_header-cell-sortable_1spae_18g9t_90:not(#\9):not(.awsui_header-cell-disabled_1spae_18g9t_229) {
+.awsui_header-cell-sortable_1spae_126ui_90:not(#\9):not(.awsui_header-cell-disabled_1spae_126ui_228) {
   cursor: pointer;
 }
-.awsui_header-cell-sortable_1spae_18g9t_90:not(#\9):not(.awsui_header-cell-disabled_1spae_18g9t_229) > .awsui_header-cell-main_1spae_18g9t_147 > .awsui_header-cell-content_1spae_18g9t_162:hover, .awsui_header-cell-sortable_1spae_18g9t_90:not(#\9):not(.awsui_header-cell-disabled_1spae_18g9t_229).awsui_header-cell-sorted_1spae_18g9t_229 > .awsui_header-cell-main_1spae_18g9t_147 > .awsui_header-cell-content_1spae_18g9t_162 {
+.awsui_header-cell-sortable_1spae_126ui_90:not(#\9):not(.awsui_header-cell-disabled_1spae_126ui_228) > .awsui_header-cell-main_1spae_126ui_146 > .awsui_header-cell-content_1spae_126ui_161:hover, .awsui_header-cell-sortable_1spae_126ui_90:not(#\9):not(.awsui_header-cell-disabled_1spae_126ui_228).awsui_header-cell-sorted_1spae_126ui_228 > .awsui_header-cell-main_1spae_126ui_146 > .awsui_header-cell-content_1spae_126ui_161 {
   color: var(--color-text-interactive-active-nbyczy, #16191f);
 }
-.awsui_header-cell-sortable_1spae_18g9t_90:not(#\9):not(.awsui_header-cell-disabled_1spae_18g9t_229) > .awsui_header-cell-main_1spae_18g9t_147 > .awsui_header-cell-content_1spae_18g9t_162:hover > .awsui_sorting-icon_1spae_18g9t_139, .awsui_header-cell-sortable_1spae_18g9t_90:not(#\9):not(.awsui_header-cell-disabled_1spae_18g9t_229).awsui_header-cell-sorted_1spae_18g9t_229 > .awsui_header-cell-main_1spae_18g9t_147 > .awsui_header-cell-content_1spae_18g9t_162 > .awsui_sorting-icon_1spae_18g9t_139 {
+.awsui_header-cell-sortable_1spae_126ui_90:not(#\9):not(.awsui_header-cell-disabled_1spae_126ui_228) > .awsui_header-cell-main_1spae_126ui_146 > .awsui_header-cell-content_1spae_126ui_161:hover > .awsui_sorting-icon_1spae_126ui_138, .awsui_header-cell-sortable_1spae_126ui_90:not(#\9):not(.awsui_header-cell-disabled_1spae_126ui_228).awsui_header-cell-sorted_1spae_126ui_228 > .awsui_header-cell-main_1spae_126ui_146 > .awsui_header-cell-content_1spae_126ui_161 > .awsui_sorting-icon_1spae_126ui_138 {
   color: var(--color-text-interactive-active-nbyczy, #16191f);
 }
-.awsui_header-cell-text_1spae_18g9t_270:not(#\9) {
+.awsui_header-cell-text_1spae_126ui_269:not(#\9) {
   line-height: var(--line-height-heading-xs-wcrr4i, 20px);
   padding-block: calc(var(--space-xxxs-3ulqs3, 2px) / 2);
 }
-.awsui_header-cell-text_1spae_18g9t_270:not(#\9):not(.awsui_header-cell-text-wrap_1spae_18g9t_274) {
+.awsui_header-cell-text_1spae_126ui_269:not(#\9):not(.awsui_header-cell-text-wrap_1spae_126ui_273) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.awsui_header-cell-ascending_1spae_18g9t_280:not(#\9),
-.awsui_header-cell-descending_1spae_18g9t_281:not(#\9) {
+.awsui_header-cell-ascending_1spae_126ui_279:not(#\9),
+.awsui_header-cell-descending_1spae_126ui_280:not(#\9) {
   /* used in test-utils */
 }
@@ -288,28 +287,28 @@ with the left edge of the table as closely as possible. If the
 last header cell is sortable the sort icon should align with the
 settings icon in the pagination slot.
 */
-.awsui_header-cell_1spae_18g9t_9:not(#\9):not(.awsui_is-visual-refresh_1spae_18g9t_87):first-child {
+.awsui_header-cell_1spae_126ui_9:not(#\9):not(.awsui_is-visual-refresh_1spae_126ui_87):first-child {
   padding-inline-start: var(--space-xs-m9b7jf, 8px);
 }
-.awsui_header-cell_1spae_18g9t_9:not(#\9):not(.awsui_is-visual-refresh_1spae_18g9t_87):first-child.awsui_header-cell-content-expandable_1spae_18g9t_168 {
+.awsui_header-cell_1spae_126ui_9:not(#\9):not(.awsui_is-visual-refresh_1spae_126ui_87):first-child.awsui_header-cell-content-expandable_1spae_126ui_167 {
   padding-inline-start: calc(var(--space-xs-m9b7jf, 8px) + var(--space-m-n8iq8o, 16px) + var(--space-xs-m9b7jf, 8px));
 }
-.awsui_header-cell_1spae_18g9t_9.awsui_is-visual-refresh_1spae_18g9t_87:not(#\9) {
+.awsui_header-cell_1spae_126ui_9.awsui_is-visual-refresh_1spae_126ui_87:not(#\9) {
   /*
     Striped rows requires additional left padding because the
     shaded background makes the child content appear too close
     to the table edge.
   */
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_18g9t_9.awsui_is-visual-refresh_1spae_18g9t_87:not(#\9):first-child:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_126ui_9.awsui_is-visual-refresh_1spae_126ui_87:not(#\9):first-child:focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_18g9t_9.awsui_is-visual-refresh_1spae_18g9t_87:not(#\9):first-child:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_126ui_9.awsui_is-visual-refresh_1spae_126ui_87:not(#\9):first-child:focus {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-scaled-xxs-j00t0m, 4px) + var(--space-scaled-xxs-j00t0m, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_18g9t_9.awsui_is-visual-refresh_1spae_18g9t_87:not(#\9):first-child:focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_126ui_9.awsui_is-visual-refresh_1spae_126ui_87:not(#\9):first-child:focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -323,14 +322,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_18g9t_9.awsui_is-vi
   border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #0073bb);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_18g9t_9.awsui_is-visual-refresh_1spae_18g9t_87:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_18g9t_43 {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_126ui_9.awsui_is-visual-refresh_1spae_126ui_87:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_126ui_43 {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_18g9t_9.awsui_is-visual-refresh_1spae_18g9t_87:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_18g9t_43 {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_126ui_9.awsui_is-visual-refresh_1spae_126ui_87:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_126ui_43 {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-scaled-xxs-j00t0m, 4px) + var(--space-scaled-xxs-j00t0m, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_18g9t_9.awsui_is-visual-refresh_1spae_18g9t_87:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_18g9t_43::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_126ui_9.awsui_is-visual-refresh_1spae_126ui_87:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_126ui_43::before {
   content: " ";
   display: block;
   position: absolute;
@@ -344,20 +343,20 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_18g9t_9.awsui_is-vi
   border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #0073bb);
 }
-.awsui_header-cell_1spae_18g9t_9.awsui_is-visual-refresh_1spae_18g9t_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_18g9t_64):not(.awsui_header-cell-group_1spae_18g9t_64) > .awsui_header-cell-main_1spae_18g9t_147 > .awsui_header-cell-content_1spae_18g9t_162 {
+.awsui_header-cell_1spae_126ui_9.awsui_is-visual-refresh_1spae_126ui_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_126ui_64):not(.awsui_header-cell-group_1spae_126ui_64) > .awsui_header-cell-main_1spae_126ui_146 > .awsui_header-cell-content_1spae_126ui_161 {
   padding-inline-start: 0px;
 }
-.awsui_header-cell_1spae_18g9t_9.awsui_is-visual-refresh_1spae_18g9t_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_18g9t_64):not(.awsui_header-cell-group_1spae_18g9t_64) > .awsui_header-cell-main_1spae_18g9t_147 > .awsui_header-cell-content_1spae_18g9t_162.awsui_header-cell-content-expandable_1spae_18g9t_168 {
+.awsui_header-cell_1spae_126ui_9.awsui_is-visual-refresh_1spae_126ui_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_126ui_64):not(.awsui_header-cell-group_1spae_126ui_64) > .awsui_header-cell-main_1spae_126ui_146 > .awsui_header-cell-content_1spae_126ui_161.awsui_header-cell-content-expandable_1spae_126ui_167 {
   padding-inline-start: calc(0px + var(--space-m-n8iq8o, 16px) + var(--space-xs-m9b7jf, 8px));
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_18g9t_9.awsui_is-visual-refresh_1spae_18g9t_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_18g9t_64):not(.awsui_header-cell-group_1spae_18g9t_64) > .awsui_header-cell-main_1spae_18g9t_147 > .awsui_header-cell-content_1spae_18g9t_162:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_126ui_9.awsui_is-visual-refresh_1spae_126ui_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_126ui_64):not(.awsui_header-cell-group_1spae_126ui_64) > .awsui_header-cell-main_1spae_126ui_146 > .awsui_header-cell-content_1spae_126ui_161:focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_18g9t_9.awsui_is-visual-refresh_1spae_18g9t_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_18g9t_64):not(.awsui_header-cell-group_1spae_18g9t_64) > .awsui_header-cell-main_1spae_18g9t_147 > .awsui_header-cell-content_1spae_18g9t_162:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_126ui_9.awsui_is-visual-refresh_1spae_126ui_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_126ui_64):not(.awsui_header-cell-group_1spae_126ui_64) > .awsui_header-cell-main_1spae_126ui_146 > .awsui_header-cell-content_1spae_126ui_161:focus {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-yl4rtb, 0px) + var(--space-scaled-xxs-j00t0m, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_18g9t_9.awsui_is-visual-refresh_1spae_18g9t_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_18g9t_64):not(.awsui_header-cell-group_1spae_18g9t_64) > .awsui_header-cell-main_1spae_18g9t_147 > .awsui_header-cell-content_1spae_18g9t_162:focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_126ui_9.awsui_is-visual-refresh_1spae_126ui_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_126ui_64):not(.awsui_header-cell-group_1spae_126ui_64) > .awsui_header-cell-main_1spae_126ui_146 > .awsui_header-cell-content_1spae_126ui_161:focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -371,14 +370,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_18g9t_9.awsui_is-vi
   border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #0073bb);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_18g9t_9.awsui_is-visual-refresh_1spae_18g9t_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_18g9t_64):not(.awsui_header-cell-group_1spae_18g9t_64) > .awsui_header-cell-main_1spae_18g9t_147 > .awsui_header-cell-content_1spae_18g9t_162.awsui_header-cell-fake-focus_1spae_18g9t_43 {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_126ui_9.awsui_is-visual-refresh_1spae_126ui_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_126ui_64):not(.awsui_header-cell-group_1spae_126ui_64) > .awsui_header-cell-main_1spae_126ui_146 > .awsui_header-cell-content_1spae_126ui_161.awsui_header-cell-fake-focus_1spae_126ui_43 {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_18g9t_9.awsui_is-visual-refresh_1spae_18g9t_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_18g9t_64):not(.awsui_header-cell-group_1spae_18g9t_64) > .awsui_header-cell-main_1spae_18g9t_147 > .awsui_header-cell-content_1spae_18g9t_162.awsui_header-cell-fake-focus_1spae_18g9t_43 {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_126ui_9.awsui_is-visual-refresh_1spae_126ui_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_126ui_64):not(.awsui_header-cell-group_1spae_126ui_64) > .awsui_header-cell-main_1spae_126ui_146 > .awsui_header-cell-content_1spae_126ui_161.awsui_header-cell-fake-focus_1spae_126ui_43 {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-yl4rtb, 0px) + var(--space-scaled-xxs-j00t0m, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_18g9t_9.awsui_is-visual-refresh_1spae_18g9t_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_18g9t_64):not(.awsui_header-cell-group_1spae_18g9t_64) > .awsui_header-cell-main_1spae_18g9t_147 > .awsui_header-cell-content_1spae_18g9t_162.awsui_header-cell-fake-focus_1spae_18g9t_43::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_126ui_9.awsui_is-visual-refresh_1spae_126ui_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_126ui_64):not(.awsui_header-cell-group_1spae_126ui_64) > .awsui_header-cell-main_1spae_126ui_146 > .awsui_header-cell-content_1spae_126ui_161.awsui_header-cell-fake-focus_1spae_126ui_43::before {
   content: " ";
   display: block;
   position: absolute;
@@ -392,24 +391,24 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_18g9t_9.awsui_is-vi
   border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #0073bb);
 }
-.awsui_header-cell_1spae_18g9t_9.awsui_is-visual-refresh_1spae_18g9t_87:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_18g9t_395):not(.awsui_sticky-cell-pad-inline-start_1spae_18g9t_395):not(.awsui_header-cell-group_1spae_18g9t_64):not(.awsui_header-cell-grouped_1spae_18g9t_64) {
+.awsui_header-cell_1spae_126ui_9.awsui_is-visual-refresh_1spae_126ui_87:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_126ui_394):not(.awsui_sticky-cell-pad-inline-start_1spae_126ui_394):not(.awsui_header-cell-group_1spae_126ui_64):not(.awsui_header-cell-grouped_1spae_126ui_64) {
   padding-inline-start: var(--space-xxxs-3ulqs3, 2px);
 }
-.awsui_header-cell_1spae_18g9t_9.awsui_is-visual-refresh_1spae_18g9t_87:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_18g9t_395):not(.awsui_sticky-cell-pad-inline-start_1spae_18g9t_395):not(.awsui_header-cell-group_1spae_18g9t_64):not(.awsui_header-cell-grouped_1spae_18g9t_64).awsui_header-cell-content-expandable_1spae_18g9t_168 {
+.awsui_header-cell_1spae_126ui_9.awsui_is-visual-refresh_1spae_126ui_87:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_126ui_394):not(.awsui_sticky-cell-pad-inline-start_1spae_126ui_394):not(.awsui_header-cell-group_1spae_126ui_64):not(.awsui_header-cell-grouped_1spae_126ui_64).awsui_header-cell-content-expandable_1spae_126ui_167 {
   padding-inline-start: calc(var(--space-xxxs-3ulqs3, 2px) + var(--space-m-n8iq8o, 16px) + var(--space-xs-m9b7jf, 8px));
 }
-.awsui_header-cell_1spae_18g9t_9.awsui_is-visual-refresh_1spae_18g9t_87:not(#\9):first-child.awsui_has-striped-rows_1spae_18g9t_395:not(.awsui_sticky-cell-pad-inline-start_1spae_18g9t_395):not(.awsui_header-cell-group_1spae_18g9t_64):not(.awsui_header-cell-grouped_1spae_18g9t_64) {
+.awsui_header-cell_1spae_126ui_9.awsui_is-visual-refresh_1spae_126ui_87:not(#\9):first-child.awsui_has-striped-rows_1spae_126ui_394:not(.awsui_sticky-cell-pad-inline-start_1spae_126ui_394):not(.awsui_header-cell-group_1spae_126ui_64):not(.awsui_header-cell-grouped_1spae_126ui_64) {
   padding-inline-start: var(--space-xxs-3o1yoq, 4px);
 }
-.awsui_header-cell_1spae_18g9t_9.awsui_is-visual-refresh_1spae_18g9t_87:not(#\9):first-child.awsui_has-striped-rows_1spae_18g9t_395:not(.awsui_sticky-cell-pad-inline-start_1spae_18g9t_395):not(.awsui_header-cell-group_1spae_18g9t_64):not(.awsui_header-cell-grouped_1spae_18g9t_64).awsui_header-cell-content-expandable_1spae_18g9t_168 {
+.awsui_header-cell_1spae_126ui_9.awsui_is-visual-refresh_1spae_126ui_87:not(#\9):first-child.awsui_has-striped-rows_1spae_126ui_394:not(.awsui_sticky-cell-pad-inline-start_1spae_126ui_394):not(.awsui_header-cell-group_1spae_126ui_64):not(.awsui_header-cell-grouped_1spae_126ui_64).awsui_header-cell-content-expandable_1spae_126ui_167 {
   padding-inline-start: calc(var(--space-xxs-3o1yoq, 4px) + var(--space-m-n8iq8o, 16px) + var(--space-xs-m9b7jf, 8px));
 }
-.awsui_header-cell_1spae_18g9t_9.awsui_is-visual-refresh_1spae_18g9t_87:not(#\9):last-child.awsui_header-cell-sortable_1spae_18g9t_90:not(.awsui_header-cell-resizable_1spae_18g9t_407), .awsui_header-cell_1spae_18g9t_9.awsui_is-visual-refresh_1spae_18g9t_87[data-rightmost].awsui_header-cell-sortable_1spae_18g9t_90:not(#\9):not(.awsui_header-cell-resizable_1spae_18g9t_407) {
+.awsui_header-cell_1spae_126ui_9.awsui_is-visual-refresh_1spae_126ui_87:not(#\9):last-child.awsui_header-cell-sortable_1spae_126ui_90:not(.awsui_header-cell-resizable_1spae_126ui_406), .awsui_header-cell_1spae_126ui_9.awsui_is-visual-refresh_1spae_126ui_87[data-rightmost].awsui_header-cell-sortable_1spae_126ui_90:not(#\9):not(.awsui_header-cell-resizable_1spae_126ui_406) {
   padding-inline-end: var(--space-xxxs-3ulqs3, 2px);
 }
-.awsui_header-cell_1spae_18g9t_9.awsui_is-visual-refresh_1spae_18g9t_87.awsui_sticky-cell-pad-inline-start_1spae_18g9t_395:not(#\9) {
+.awsui_header-cell_1spae_126ui_9.awsui_is-visual-refresh_1spae_126ui_87.awsui_sticky-cell-pad-inline-start_1spae_126ui_394:not(#\9) {
   padding-inline-start: var(--space-scaled-l-33ruz6, 20px);
 }
-.awsui_header-cell_1spae_18g9t_9.awsui_is-visual-refresh_1spae_18g9t_87.awsui_sticky-cell-pad-inline-start_1spae_18g9t_395.awsui_header-cell-content-expandable_1spae_18g9t_168:not(#\9) {
+.awsui_header-cell_1spae_126ui_9.awsui_is-visual-refresh_1spae_126ui_87.awsui_sticky-cell-pad-inline-start_1spae_126ui_394.awsui_header-cell-content-expandable_1spae_126ui_167:not(#\9) {
   padding-inline-start: calc(var(--space-scaled-l-33ruz6, 20px) + var(--space-m-n8iq8o, 16px) + var(--space-xs-m9b7jf, 8px));
 }

package/lib/internal/template/table/header-cell/styles.selectors.js CHANGED Viewed

@@ -2,43 +2,43 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "header-cell": "awsui_header-cell_1spae_18g9t_9",
-  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_18g9t_43",
-  "header-cell-group": "awsui_header-cell-group_1spae_18g9t_64",
-  "header-cell-grouped": "awsui_header-cell-grouped_1spae_18g9t_64",
-  "header-cell-spans-rows": "awsui_header-cell-spans-rows_1spae_18g9t_64",
-  "resize-divider": "awsui_resize-divider_1spae_18g9t_69",
-  "header-cell-sticky": "awsui_header-cell-sticky_1spae_18g9t_72",
-  "header-cell-stuck": "awsui_header-cell-stuck_1spae_18g9t_78",
-  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_18g9t_78",
-  "header-cell-hidden": "awsui_header-cell-hidden_1spae_18g9t_84",
-  "header-cell-variant-embedded": "awsui_header-cell-variant-embedded_1spae_18g9t_87",
-  "is-visual-refresh": "awsui_is-visual-refresh_1spae_18g9t_87",
-  "sticky-cell": "awsui_sticky-cell_1spae_18g9t_87",
-  "header-cell-variant-borderless": "awsui_header-cell-variant-borderless_1spae_18g9t_87",
-  "header-cell-sortable": "awsui_header-cell-sortable_1spae_18g9t_90",
-  "table-variant-full-page": "awsui_table-variant-full-page_1spae_18g9t_111",
-  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_18g9t_114",
-  "has-selection": "awsui_has-selection_1spae_18g9t_114",
-  "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_18g9t_117",
-  "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_18g9t_129",
-  "sorting-icon": "awsui_sorting-icon_1spae_18g9t_139",
-  "header-cell-main": "awsui_header-cell-main_1spae_18g9t_147",
-  "sort-priority-badge": "awsui_sort-priority-badge_1spae_18g9t_152",
-  "edit-icon": "awsui_edit-icon_1spae_18g9t_156",
-  "header-cell-content": "awsui_header-cell-content_1spae_18g9t_162",
-  "header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_18g9t_168",
-  "header-cell-content-multi-sorted": "awsui_header-cell-content-multi-sorted_1spae_18g9t_226",
-  "header-cell-disabled": "awsui_header-cell-disabled_1spae_18g9t_229",
-  "header-cell-sorted": "awsui_header-cell-sorted_1spae_18g9t_229",
-  "header-cell-main-with-menu": "awsui_header-cell-main-with-menu_1spae_18g9t_233",
-  "header-cell-content-with-menu": "awsui_header-cell-content-with-menu_1spae_18g9t_238",
-  "header-cell-text": "awsui_header-cell-text_1spae_18g9t_270",
-  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_18g9t_274",
-  "header-cell-ascending": "awsui_header-cell-ascending_1spae_18g9t_280",
-  "header-cell-descending": "awsui_header-cell-descending_1spae_18g9t_281",
-  "has-striped-rows": "awsui_has-striped-rows_1spae_18g9t_395",
-  "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_18g9t_395",
-  "header-cell-resizable": "awsui_header-cell-resizable_1spae_18g9t_407"
+  "header-cell": "awsui_header-cell_1spae_126ui_9",
+  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_126ui_43",
+  "header-cell-group": "awsui_header-cell-group_1spae_126ui_64",
+  "header-cell-grouped": "awsui_header-cell-grouped_1spae_126ui_64",
+  "header-cell-spans-rows": "awsui_header-cell-spans-rows_1spae_126ui_64",
+  "resize-divider": "awsui_resize-divider_1spae_126ui_69",
+  "header-cell-sticky": "awsui_header-cell-sticky_1spae_126ui_72",
+  "header-cell-stuck": "awsui_header-cell-stuck_1spae_126ui_78",
+  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_126ui_78",
+  "header-cell-hidden": "awsui_header-cell-hidden_1spae_126ui_84",
+  "header-cell-variant-embedded": "awsui_header-cell-variant-embedded_1spae_126ui_87",
+  "is-visual-refresh": "awsui_is-visual-refresh_1spae_126ui_87",
+  "sticky-cell": "awsui_sticky-cell_1spae_126ui_87",
+  "header-cell-variant-borderless": "awsui_header-cell-variant-borderless_1spae_126ui_87",
+  "header-cell-sortable": "awsui_header-cell-sortable_1spae_126ui_90",
+  "table-variant-full-page": "awsui_table-variant-full-page_1spae_126ui_111",
+  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_126ui_114",
+  "has-selection": "awsui_has-selection_1spae_126ui_114",
+  "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_126ui_117",
+  "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_126ui_129",
+  "sorting-icon": "awsui_sorting-icon_1spae_126ui_138",
+  "header-cell-main": "awsui_header-cell-main_1spae_126ui_146",
+  "sort-priority-badge": "awsui_sort-priority-badge_1spae_126ui_151",
+  "edit-icon": "awsui_edit-icon_1spae_126ui_155",
+  "header-cell-content": "awsui_header-cell-content_1spae_126ui_161",
+  "header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_126ui_167",
+  "header-cell-content-multi-sorted": "awsui_header-cell-content-multi-sorted_1spae_126ui_225",
+  "header-cell-disabled": "awsui_header-cell-disabled_1spae_126ui_228",
+  "header-cell-sorted": "awsui_header-cell-sorted_1spae_126ui_228",
+  "header-cell-main-with-menu": "awsui_header-cell-main-with-menu_1spae_126ui_232",
+  "header-cell-content-with-menu": "awsui_header-cell-content-with-menu_1spae_126ui_237",
+  "header-cell-text": "awsui_header-cell-text_1spae_126ui_269",
+  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_126ui_273",
+  "header-cell-ascending": "awsui_header-cell-ascending_1spae_126ui_279",
+  "header-cell-descending": "awsui_header-cell-descending_1spae_126ui_280",
+  "has-striped-rows": "awsui_has-striped-rows_1spae_126ui_394",
+  "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_126ui_394",
+  "header-cell-resizable": "awsui_header-cell-resizable_1spae_126ui_406"
 };

package/lib/internal/template/table/internal.js CHANGED Viewed

@@ -395,7 +395,7 @@ const InternalTable = React.forwardRef(({ header, footer, empty, filter, paginat
                                 resizableColumns && columnGroupsLayout && columnGroupsLayout.rows.length > 1 && (React.createElement(TableColGroup, { visibleColumnDefinitions: visibleColumnDefinitions, hasSelection: hasSelection })),
                                 React.createElement(Thead, { ref: theadRef, hidden: stickyHeader, onFocusedComponentChange: focusId => { var _a; return (_a = stickyHeaderRef.current) === null || _a === void 0 ? void 0 : _a.setFocus(focusId); }, ...theadProps }),
                                 React.createElement("tbody", { ref: tableBodyRef },
-                                    skeleton && allItems.length === 0 && loading ? (React.createElement(SkeletonRows, { count: skeletonRowsCount, totalColumnsCount: totalColumnsCount, loadingText: loadingText, hasSelection: hasSelection, hasFooter: hasFooter, stickyState: stickyState, tableRole: tableRole, ariaLabels: ariaLabels, cellVerticalAlign: cellVerticalAlign, computedVariant: computedVariant, visibleColumnDefinitions: visibleColumnDefinitions, wrapLines: wrapLines, resizableColumns: resizableColumns, colIndexOffset: colIndexOffset, renderCell: skeleton === null || skeleton === void 0 ? void 0 : skeleton.renderCell })) : !skeleton && (loading || allItems.length === 0) ? (React.createElement("tr", null,
+                                    skeleton && allItems.length === 0 && loading ? (React.createElement(SkeletonRows, { count: skeletonRowsCount, totalColumnsCount: totalColumnsCount, loadingText: loadingText, hasSelection: hasSelection, hasFooter: hasFooter, stickyState: stickyState, tableRole: tableRole, ariaLabels: ariaLabels, cellVerticalAlign: cellVerticalAlign, computedVariant: computedVariant, visibleColumnDefinitions: visibleColumnDefinitions, wrapLines: wrapLines, resizableColumns: resizableColumns, colIndexOffset: colIndexOffset, renderCell: skeleton === null || skeleton === void 0 ? void 0 : skeleton.renderCell })) : allItems.length === 0 || (loading && !skeleton) ? (React.createElement("tr", null,
                                         React.createElement(NoDataCell, { totalColumnsCount: totalColumnsCount, hasFooter: hasFooter, loading: loading, loadingText: loadingText, empty: empty, tableRef: tableRefObject, containerRef: wrapperMeasureRefObject }))) : (allRows.map((row, rowIndex) => {
                                         const rowExpandableProps = row.type === 'data' ? expandableRows.getExpandableItemProps(row.item) : undefined;
                                         const rowRoleProps = getTableRowRoleProps({