@cloudscape-design/components 3.0.1387 → 3.0.1388

package/table/header-cell/styles.scoped.css

@@ -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_11bbl_9:not(#\9) {
+.awsui_header-cell_1spae_ph6f5_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_11bbl_9:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ph6f5_9:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_11bbl_9:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ph6f5_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_11bbl_9:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ph6f5_9:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -40,14 +40,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_11bbl_9:not(#\9):fo
   border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #006ce0);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_11bbl_9.awsui_header-cell-fake-focus_1spae_11bbl_43:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ph6f5_9.awsui_header-cell-fake-focus_1spae_ph6f5_43:not(#\9) {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_11bbl_9.awsui_header-cell-fake-focus_1spae_11bbl_43:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ph6f5_9.awsui_header-cell-fake-focus_1spae_ph6f5_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_11bbl_9.awsui_header-cell-fake-focus_1spae_11bbl_43:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ph6f5_9.awsui_header-cell-fake-focus_1spae_ph6f5_43:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -61,36 +61,36 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_11bbl_9.awsui_heade
   border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #006ce0);
 }
-.awsui_header-cell_1spae_11bbl_9.awsui_header-cell-group_1spae_11bbl_64:not(#\9), .awsui_header-cell_1spae_11bbl_9.awsui_header-cell-grouped_1spae_11bbl_64:not(#\9), .awsui_header-cell_1spae_11bbl_9.awsui_header-cell-spans-rows_1spae_11bbl_64:not(#\9) {
+.awsui_header-cell_1spae_ph6f5_9.awsui_header-cell-group_1spae_ph6f5_64:not(#\9), .awsui_header-cell_1spae_ph6f5_9.awsui_header-cell-grouped_1spae_ph6f5_64:not(#\9), .awsui_header-cell_1spae_ph6f5_9.awsui_header-cell-spans-rows_1spae_ph6f5_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, #8c8c94);
 }
-.awsui_header-cell_1spae_11bbl_9.awsui_header-cell-group_1spae_11bbl_64 > .awsui_resize-divider_1spae_11bbl_69.awsui_resize-divider_1spae_11bbl_69:not(#\9), .awsui_header-cell_1spae_11bbl_9.awsui_header-cell-grouped_1spae_11bbl_64 > .awsui_resize-divider_1spae_11bbl_69.awsui_resize-divider_1spae_11bbl_69:not(#\9), .awsui_header-cell_1spae_11bbl_9.awsui_header-cell-spans-rows_1spae_11bbl_64 > .awsui_resize-divider_1spae_11bbl_69.awsui_resize-divider_1spae_11bbl_69:not(#\9) {
+.awsui_header-cell_1spae_ph6f5_9.awsui_header-cell-group_1spae_ph6f5_64 > .awsui_resize-divider_1spae_ph6f5_69.awsui_resize-divider_1spae_ph6f5_69:not(#\9), .awsui_header-cell_1spae_ph6f5_9.awsui_header-cell-grouped_1spae_ph6f5_64 > .awsui_resize-divider_1spae_ph6f5_69.awsui_resize-divider_1spae_ph6f5_69:not(#\9), .awsui_header-cell_1spae_ph6f5_9.awsui_header-cell-spans-rows_1spae_ph6f5_64 > .awsui_resize-divider_1spae_ph6f5_69.awsui_resize-divider_1spae_ph6f5_69:not(#\9) {
   border-inline-start-color: var(--color-border-divider-table-group-42wwt3, #8c8c94);
 }
-.awsui_header-cell-sticky_1spae_11bbl_72:not(#\9) {
+.awsui_header-cell-sticky_1spae_ph6f5_72:not(#\9) {
   border-block-end: var(--border-table-sticky-width-0njdoj, 1px) solid var(--color-border-divider-default-diwd4w, #c6c6cd);
 }
-.awsui_header-cell-sticky_1spae_11bbl_72.awsui_header-cell-group_1spae_11bbl_64:not(#\9), .awsui_header-cell-sticky_1spae_11bbl_72.awsui_header-cell-grouped_1spae_11bbl_64:not(#\9), .awsui_header-cell-sticky_1spae_11bbl_72.awsui_header-cell-spans-rows_1spae_11bbl_64:not(#\9) {
+.awsui_header-cell-sticky_1spae_ph6f5_72.awsui_header-cell-group_1spae_ph6f5_64:not(#\9), .awsui_header-cell-sticky_1spae_ph6f5_72.awsui_header-cell-grouped_1spae_ph6f5_64:not(#\9), .awsui_header-cell-sticky_1spae_ph6f5_72.awsui_header-cell-spans-rows_1spae_ph6f5_64:not(#\9) {
   border-block-end-color: var(--color-border-divider-table-group-42wwt3, #8c8c94);
 }
-.awsui_header-cell-stuck_1spae_11bbl_78:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_11bbl_78) {
+.awsui_header-cell-stuck_1spae_ph6f5_78:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_ph6f5_78) {
   border-block-end-color: transparent;
 }
-.awsui_header-cell-variant-full-page_1spae_11bbl_78:not(#\9) {
+.awsui_header-cell-variant-full-page_1spae_ph6f5_78:not(#\9) {
   background: var(--color-background-layout-main-y4565g, #ffffff);
 }
-.awsui_header-cell-variant-full-page_1spae_11bbl_78.awsui_header-cell-hidden_1spae_11bbl_84:not(#\9) {
+.awsui_header-cell-variant-full-page_1spae_ph6f5_78.awsui_header-cell-hidden_1spae_ph6f5_84:not(#\9) {
   border-block-end-color: transparent;
 }
-.awsui_header-cell-variant-embedded_1spae_11bbl_87.awsui_is-visual-refresh_1spae_11bbl_87:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_11bbl_72, .awsui_sticky-cell_1spae_11bbl_87)), .awsui_header-cell-variant-borderless_1spae_11bbl_87.awsui_is-visual-refresh_1spae_11bbl_87:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_11bbl_72, .awsui_sticky-cell_1spae_11bbl_87)) {
+.awsui_header-cell-variant-embedded_1spae_ph6f5_87.awsui_is-visual-refresh_1spae_ph6f5_87:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_ph6f5_72, .awsui_sticky-cell_1spae_ph6f5_87)), .awsui_header-cell-variant-borderless_1spae_ph6f5_87.awsui_is-visual-refresh_1spae_ph6f5_87:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_ph6f5_72, .awsui_sticky-cell_1spae_ph6f5_87)) {
   background: none;
 }
-.awsui_header-cell_1spae_11bbl_9:not(#\9):last-child, .awsui_header-cell_1spae_11bbl_9[data-rightmost]:not(#\9), .awsui_header-cell_1spae_11bbl_9.awsui_header-cell-sortable_1spae_11bbl_90:not(#\9) {
+.awsui_header-cell_1spae_ph6f5_9:not(#\9):last-child, .awsui_header-cell_1spae_ph6f5_9[data-rightmost]:not(#\9), .awsui_header-cell_1spae_ph6f5_9.awsui_header-cell-sortable_1spae_ph6f5_90:not(#\9) {
   padding-inline-end: var(--space-xs-m9b7jf, 8px);
 }
-.awsui_header-cell_1spae_11bbl_9.awsui_sticky-cell_1spae_11bbl_87:not(#\9) {
+.awsui_header-cell_1spae_ph6f5_9.awsui_sticky-cell_1spae_ph6f5_87:not(#\9) {
   position: sticky;
   background: var(--color-background-table-header-pgyagt, #ffffff);
   z-index: 798;
@@ -99,43 +99,43 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_11bbl_9.awsui_heade
   transition-timing-function: var(--motion-easing-sticky-erj3ph, cubic-bezier(1, 0, 0.83, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_header-cell_1spae_11bbl_9.awsui_sticky-cell_1spae_11bbl_87:not(#\9) {
+  .awsui_header-cell_1spae_ph6f5_9.awsui_sticky-cell_1spae_ph6f5_87:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_header-cell_1spae_11bbl_9.awsui_sticky-cell_1spae_11bbl_87:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_11bbl_9.awsui_sticky-cell_1spae_11bbl_87:not(#\9) {
+.awsui-motion-disabled .awsui_header-cell_1spae_ph6f5_9.awsui_sticky-cell_1spae_ph6f5_87:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_ph6f5_9.awsui_sticky-cell_1spae_ph6f5_87:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_header-cell_1spae_11bbl_9.awsui_sticky-cell_1spae_11bbl_87.awsui_table-variant-full-page_1spae_11bbl_111:not(#\9) {
+.awsui_header-cell_1spae_ph6f5_9.awsui_sticky-cell_1spae_ph6f5_87.awsui_table-variant-full-page_1spae_ph6f5_111:not(#\9) {
   background: var(--color-background-layout-main-y4565g, #ffffff);
 }
-.awsui_header-cell_1spae_11bbl_9.awsui_sticky-cell-pad-left_1spae_11bbl_114:not(#\9):not(.awsui_has-selection_1spae_11bbl_114) {
+.awsui_header-cell_1spae_ph6f5_9.awsui_sticky-cell-pad-left_1spae_ph6f5_114:not(#\9):not(.awsui_has-selection_1spae_ph6f5_114) {
   padding-inline-start: var(--space-table-horizontal-o0ypm8, 20px);
 }
-.awsui_header-cell_1spae_11bbl_9.awsui_sticky-cell-last-inline-start_1spae_11bbl_117:not(#\9) {
+.awsui_header-cell_1spae_ph6f5_9.awsui_sticky-cell-last-inline-start_1spae_ph6f5_117:not(#\9) {
   box-shadow: var(--shadow-sticky-column-first-7d9wxu, 4px 0px 8px 1px rgba(0, 7, 22, 0.1));
   clip-path: inset(0px -24px 0px 0px);
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_header-cell_1spae_11bbl_9.awsui_sticky-cell-last-inline-start_1spae_11bbl_117 > .awsui_resize-divider_1spae_11bbl_69:not(#\9) {
+.awsui_header-cell_1spae_ph6f5_9.awsui_sticky-cell-last-inline-start_1spae_ph6f5_117 > .awsui_resize-divider_1spae_ph6f5_69:not(#\9) {
   display: none;
 }
-.awsui_header-cell_1spae_11bbl_9.awsui_sticky-cell-last-inline-start_1spae_11bbl_117:not(#\9):dir(rtl) {
+.awsui_header-cell_1spae_ph6f5_9.awsui_sticky-cell-last-inline-start_1spae_ph6f5_117:not(#\9):dir(rtl) {
   box-shadow: var(--shadow-sticky-column-last-f2p6g7, -4px 0 8px 1px rgba(0, 28, 36, 0.1));
   clip-path: inset(0 0 0 -24px);
 }
-.awsui_header-cell_1spae_11bbl_9.awsui_sticky-cell-last-inline-end_1spae_11bbl_129:not(#\9) {
+.awsui_header-cell_1spae_ph6f5_9.awsui_sticky-cell-last-inline-end_1spae_ph6f5_129:not(#\9) {
   box-shadow: var(--shadow-sticky-column-last-f2p6g7, -4px 0 8px 1px 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_11bbl_9.awsui_sticky-cell-last-inline-end_1spae_11bbl_129:not(#\9):dir(rtl) {
+.awsui_header-cell_1spae_ph6f5_9.awsui_sticky-cell-last-inline-end_1spae_ph6f5_129:not(#\9):dir(rtl) {
   box-shadow: var(--shadow-sticky-column-first-7d9wxu, 4px 0px 8px 1px rgba(0, 7, 22, 0.1));
   clip-path: inset(0 -24px 0 0);
 }
-.awsui_sorting-icon_1spae_11bbl_138:not(#\9) {
+.awsui_sorting-icon_1spae_ph6f5_138:not(#\9) {
   position: absolute;
   inset-block-start: 50%;
   transform: translateY(-50%);
@@ -143,45 +143,45 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_11bbl_9.awsui_heade
   color: var(--color-text-column-sorting-icon-8ewv37, #424650);
 }
 
-.awsui_header-cell-main_1spae_11bbl_146:not(#\9) {
+.awsui_header-cell-main_1spae_ph6f5_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_11bbl_151:not(#\9) {
+.awsui_sort-priority-badge_1spae_ph6f5_151:not(#\9) {
   margin-inline-end: var(--space-xxs-3o1yoq, 4px);
 }
 
-.awsui_edit-icon_1spae_11bbl_155:not(#\9) {
+.awsui_edit-icon_1spae_ph6f5_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_11bbl_161:not(#\9) {
+.awsui_header-cell-content_1spae_ph6f5_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_11bbl_161.awsui_header-cell-content-expandable_1spae_11bbl_167:not(#\9) {
+.awsui_header-cell-content_1spae_ph6f5_161.awsui_header-cell-content-expandable_1spae_ph6f5_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_11bbl_64 > .awsui_header-cell-content_1spae_11bbl_161:not(#\9) {
+.awsui_header-cell-group_1spae_ph6f5_64 > .awsui_header-cell-content_1spae_ph6f5_161:not(#\9) {
   padding-block: var(--space-xxxs-3ulqs3, 2px);
 }
-.awsui_header-cell-content_1spae_11bbl_161:not(#\9):focus {
+.awsui_header-cell-content_1spae_ph6f5_161:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_11bbl_161:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_ph6f5_161:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_11bbl_161:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_ph6f5_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_11bbl_161:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_ph6f5_161:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -195,14 +195,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_11bbl_161:n
   border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #006ce0);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_11bbl_161.awsui_header-cell-fake-focus_1spae_11bbl_43:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_ph6f5_161.awsui_header-cell-fake-focus_1spae_ph6f5_43:not(#\9) {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_11bbl_161.awsui_header-cell-fake-focus_1spae_11bbl_43:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_ph6f5_161.awsui_header-cell-fake-focus_1spae_ph6f5_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_11bbl_161.awsui_header-cell-fake-focus_1spae_11bbl_43:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_ph6f5_161.awsui_header-cell-fake-focus_1spae_ph6f5_43:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -216,68 +216,68 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_11bbl_161.a
   border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #006ce0);
 }
-.awsui_header-cell-grouped_1spae_11bbl_64 > .awsui_header-cell-main_1spae_11bbl_146 > .awsui_header-cell-content_1spae_11bbl_161:not(#\9), .awsui_header-cell-spans-rows_1spae_11bbl_64 > .awsui_header-cell-main_1spae_11bbl_146 > .awsui_header-cell-content_1spae_11bbl_161:not(#\9) {
+.awsui_header-cell-grouped_1spae_ph6f5_64 > .awsui_header-cell-main_1spae_ph6f5_146 > .awsui_header-cell-content_1spae_ph6f5_161:not(#\9), .awsui_header-cell-spans-rows_1spae_ph6f5_64 > .awsui_header-cell-main_1spae_ph6f5_146 > .awsui_header-cell-content_1spae_ph6f5_161:not(#\9) {
   padding-block: var(--space-xxxs-3ulqs3, 2px);
 }
-.awsui_header-cell-sortable_1spae_11bbl_90 > .awsui_header-cell-main_1spae_11bbl_146 > .awsui_header-cell-content_1spae_11bbl_161:not(#\9) {
+.awsui_header-cell-sortable_1spae_ph6f5_90 > .awsui_header-cell-main_1spae_ph6f5_146 > .awsui_header-cell-content_1spae_ph6f5_161:not(#\9) {
   padding-inline-end: calc(var(--space-xl-6jh0ay, 24px) + var(--space-xxs-3o1yoq, 4px));
 }
-.awsui_header-cell-sortable_1spae_11bbl_90 > .awsui_header-cell-main_1spae_11bbl_146 > .awsui_header-cell-content_1spae_11bbl_161.awsui_header-cell-content-multi-sorted_1spae_11bbl_225:not(#\9) {
+.awsui_header-cell-sortable_1spae_ph6f5_90 > .awsui_header-cell-main_1spae_ph6f5_146 > .awsui_header-cell-content_1spae_ph6f5_161.awsui_header-cell-content-multi-sorted_1spae_ph6f5_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_11bbl_228.awsui_header-cell-sorted_1spae_11bbl_228 > .awsui_header-cell-main_1spae_11bbl_146 > .awsui_header-cell-content_1spae_11bbl_161 > .awsui_sorting-icon_1spae_11bbl_138:not(#\9) {
+.awsui_header-cell-disabled_1spae_ph6f5_228.awsui_header-cell-sorted_1spae_ph6f5_228 > .awsui_header-cell-main_1spae_ph6f5_146 > .awsui_header-cell-content_1spae_ph6f5_161 > .awsui_sorting-icon_1spae_ph6f5_138:not(#\9) {
   color: var(--color-text-interactive-disabled-tuxgxq, #b4b4bb);
 }
 
-.awsui_header-cell-main-with-menu_1spae_11bbl_232:not(#\9) {
+.awsui_header-cell-main-with-menu_1spae_ph6f5_232:not(#\9) {
   display: flex;
   align-items: center;
 }
 
-.awsui_header-cell-content-with-menu_1spae_11bbl_237:not(#\9) {
+.awsui_header-cell-content-with-menu_1spae_ph6f5_237:not(#\9) {
   flex-grow: 1;
   min-inline-size: 0;
 }
 
-.awsui_header-cell-spans-rows_1spae_11bbl_64:not(#\9) {
+.awsui_header-cell-spans-rows_1spae_ph6f5_64:not(#\9) {
   block-size: 100%;
   vertical-align: bottom;
 }
-.awsui_header-cell-spans-rows_1spae_11bbl_64 > .awsui_header-cell-main_1spae_11bbl_146 > .awsui_header-cell-content_1spae_11bbl_161:not(#\9) {
+.awsui_header-cell-spans-rows_1spae_ph6f5_64 > .awsui_header-cell-main_1spae_ph6f5_146 > .awsui_header-cell-content_1spae_ph6f5_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_11bbl_64 > .awsui_header-cell-main_1spae_11bbl_146 > .awsui_header-cell-content_1spae_11bbl_161 > .awsui_sorting-icon_1spae_11bbl_138:not(#\9) {
+.awsui_header-cell-spans-rows_1spae_ph6f5_64 > .awsui_header-cell-main_1spae_ph6f5_146 > .awsui_header-cell-content_1spae_ph6f5_161 > .awsui_sorting-icon_1spae_ph6f5_138:not(#\9) {
   inset-block-start: auto;
   inset-block-end: var(--space-scaled-xxs-j00t0m, 4px);
   transform: none;
 }
 
-.awsui_header-cell-sortable_1spae_11bbl_90:not(#\9):not(.awsui_header-cell-disabled_1spae_11bbl_228) {
+.awsui_header-cell-sortable_1spae_ph6f5_90:not(#\9):not(.awsui_header-cell-disabled_1spae_ph6f5_228) {
   cursor: pointer;
 }
-.awsui_header-cell-sortable_1spae_11bbl_90:not(#\9):not(.awsui_header-cell-disabled_1spae_11bbl_228) > .awsui_header-cell-main_1spae_11bbl_146 > .awsui_header-cell-content_1spae_11bbl_161:hover, .awsui_header-cell-sortable_1spae_11bbl_90:not(#\9):not(.awsui_header-cell-disabled_1spae_11bbl_228).awsui_header-cell-sorted_1spae_11bbl_228 > .awsui_header-cell-main_1spae_11bbl_146 > .awsui_header-cell-content_1spae_11bbl_161 {
+.awsui_header-cell-sortable_1spae_ph6f5_90:not(#\9):not(.awsui_header-cell-disabled_1spae_ph6f5_228) > .awsui_header-cell-main_1spae_ph6f5_146 > .awsui_header-cell-content_1spae_ph6f5_161:hover, .awsui_header-cell-sortable_1spae_ph6f5_90:not(#\9):not(.awsui_header-cell-disabled_1spae_ph6f5_228).awsui_header-cell-sorted_1spae_ph6f5_228 > .awsui_header-cell-main_1spae_ph6f5_146 > .awsui_header-cell-content_1spae_ph6f5_161 {
   color: var(--color-text-interactive-active-nbyczy, #0f141a);
 }
-.awsui_header-cell-sortable_1spae_11bbl_90:not(#\9):not(.awsui_header-cell-disabled_1spae_11bbl_228) > .awsui_header-cell-main_1spae_11bbl_146 > .awsui_header-cell-content_1spae_11bbl_161:hover > .awsui_sorting-icon_1spae_11bbl_138, .awsui_header-cell-sortable_1spae_11bbl_90:not(#\9):not(.awsui_header-cell-disabled_1spae_11bbl_228).awsui_header-cell-sorted_1spae_11bbl_228 > .awsui_header-cell-main_1spae_11bbl_146 > .awsui_header-cell-content_1spae_11bbl_161 > .awsui_sorting-icon_1spae_11bbl_138 {
+.awsui_header-cell-sortable_1spae_ph6f5_90:not(#\9):not(.awsui_header-cell-disabled_1spae_ph6f5_228) > .awsui_header-cell-main_1spae_ph6f5_146 > .awsui_header-cell-content_1spae_ph6f5_161:hover > .awsui_sorting-icon_1spae_ph6f5_138, .awsui_header-cell-sortable_1spae_ph6f5_90:not(#\9):not(.awsui_header-cell-disabled_1spae_ph6f5_228).awsui_header-cell-sorted_1spae_ph6f5_228 > .awsui_header-cell-main_1spae_ph6f5_146 > .awsui_header-cell-content_1spae_ph6f5_161 > .awsui_sorting-icon_1spae_ph6f5_138 {
   color: var(--color-text-interactive-active-nbyczy, #0f141a);
 }
 
-.awsui_header-cell-text_1spae_11bbl_269:not(#\9) {
+.awsui_header-cell-text_1spae_ph6f5_269:not(#\9) {
   line-height: var(--line-height-heading-xs-wcrr4i, 18px);
   padding-block: calc(var(--space-xxxs-3ulqs3, 2px) / 2);
 }
-.awsui_header-cell-text_1spae_11bbl_269:not(#\9):not(.awsui_header-cell-text-wrap_1spae_11bbl_273) {
+.awsui_header-cell-text_1spae_ph6f5_269:not(#\9):not(.awsui_header-cell-text-wrap_1spae_ph6f5_273) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
-.awsui_header-cell-ascending_1spae_11bbl_279:not(#\9),
-.awsui_header-cell-descending_1spae_11bbl_280:not(#\9) {
+.awsui_header-cell-ascending_1spae_ph6f5_279:not(#\9),
+.awsui_header-cell-descending_1spae_ph6f5_280:not(#\9) {
   /* used in test-utils */
 }
 
@@ -287,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_11bbl_9:not(#\9):not(.awsui_is-visual-refresh_1spae_11bbl_87):first-child {
+.awsui_header-cell_1spae_ph6f5_9:not(#\9):not(.awsui_is-visual-refresh_1spae_ph6f5_87):first-child {
   padding-inline-start: var(--space-xs-m9b7jf, 8px);
 }
-.awsui_header-cell_1spae_11bbl_9:not(#\9):not(.awsui_is-visual-refresh_1spae_11bbl_87):first-child.awsui_header-cell-content-expandable_1spae_11bbl_167 {
+.awsui_header-cell_1spae_ph6f5_9:not(#\9):not(.awsui_is-visual-refresh_1spae_ph6f5_87):first-child.awsui_header-cell-content-expandable_1spae_ph6f5_167 {
   padding-inline-start: calc(var(--space-xs-m9b7jf, 8px) + var(--space-m-n8iq8o, 16px) + var(--space-xs-m9b7jf, 8px));
 }
 
-.awsui_header-cell_1spae_11bbl_9.awsui_is-visual-refresh_1spae_11bbl_87:not(#\9) {
+.awsui_header-cell_1spae_ph6f5_9.awsui_is-visual-refresh_1spae_ph6f5_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_11bbl_9.awsui_is-visual-refresh_1spae_11bbl_87:not(#\9):first-child:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ph6f5_9.awsui_is-visual-refresh_1spae_ph6f5_87:not(#\9):first-child:focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_11bbl_9.awsui_is-visual-refresh_1spae_11bbl_87:not(#\9):first-child:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ph6f5_9.awsui_is-visual-refresh_1spae_ph6f5_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_11bbl_9.awsui_is-visual-refresh_1spae_11bbl_87:not(#\9):first-child:focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ph6f5_9.awsui_is-visual-refresh_1spae_ph6f5_87:not(#\9):first-child:focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -322,14 +322,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_11bbl_9.awsui_is-vi
   border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #006ce0);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_11bbl_9.awsui_is-visual-refresh_1spae_11bbl_87:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_11bbl_43 {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ph6f5_9.awsui_is-visual-refresh_1spae_ph6f5_87:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_ph6f5_43 {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_11bbl_9.awsui_is-visual-refresh_1spae_11bbl_87:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_11bbl_43 {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ph6f5_9.awsui_is-visual-refresh_1spae_ph6f5_87:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_ph6f5_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_11bbl_9.awsui_is-visual-refresh_1spae_11bbl_87:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_11bbl_43::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ph6f5_9.awsui_is-visual-refresh_1spae_ph6f5_87:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_ph6f5_43::before {
   content: " ";
   display: block;
   position: absolute;
@@ -343,20 +343,20 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_11bbl_9.awsui_is-vi
   border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #006ce0);
 }
-.awsui_header-cell_1spae_11bbl_9.awsui_is-visual-refresh_1spae_11bbl_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_11bbl_64):not(.awsui_header-cell-group_1spae_11bbl_64) > .awsui_header-cell-main_1spae_11bbl_146 > .awsui_header-cell-content_1spae_11bbl_161 {
+.awsui_header-cell_1spae_ph6f5_9.awsui_is-visual-refresh_1spae_ph6f5_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_ph6f5_64):not(.awsui_header-cell-group_1spae_ph6f5_64) > .awsui_header-cell-main_1spae_ph6f5_146 > .awsui_header-cell-content_1spae_ph6f5_161 {
   padding-inline-start: 0px;
 }
-.awsui_header-cell_1spae_11bbl_9.awsui_is-visual-refresh_1spae_11bbl_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_11bbl_64):not(.awsui_header-cell-group_1spae_11bbl_64) > .awsui_header-cell-main_1spae_11bbl_146 > .awsui_header-cell-content_1spae_11bbl_161.awsui_header-cell-content-expandable_1spae_11bbl_167 {
+.awsui_header-cell_1spae_ph6f5_9.awsui_is-visual-refresh_1spae_ph6f5_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_ph6f5_64):not(.awsui_header-cell-group_1spae_ph6f5_64) > .awsui_header-cell-main_1spae_ph6f5_146 > .awsui_header-cell-content_1spae_ph6f5_161.awsui_header-cell-content-expandable_1spae_ph6f5_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_11bbl_9.awsui_is-visual-refresh_1spae_11bbl_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_11bbl_64):not(.awsui_header-cell-group_1spae_11bbl_64) > .awsui_header-cell-main_1spae_11bbl_146 > .awsui_header-cell-content_1spae_11bbl_161:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ph6f5_9.awsui_is-visual-refresh_1spae_ph6f5_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_ph6f5_64):not(.awsui_header-cell-group_1spae_ph6f5_64) > .awsui_header-cell-main_1spae_ph6f5_146 > .awsui_header-cell-content_1spae_ph6f5_161:focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_11bbl_9.awsui_is-visual-refresh_1spae_11bbl_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_11bbl_64):not(.awsui_header-cell-group_1spae_11bbl_64) > .awsui_header-cell-main_1spae_11bbl_146 > .awsui_header-cell-content_1spae_11bbl_161:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ph6f5_9.awsui_is-visual-refresh_1spae_ph6f5_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_ph6f5_64):not(.awsui_header-cell-group_1spae_ph6f5_64) > .awsui_header-cell-main_1spae_ph6f5_146 > .awsui_header-cell-content_1spae_ph6f5_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_11bbl_9.awsui_is-visual-refresh_1spae_11bbl_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_11bbl_64):not(.awsui_header-cell-group_1spae_11bbl_64) > .awsui_header-cell-main_1spae_11bbl_146 > .awsui_header-cell-content_1spae_11bbl_161:focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ph6f5_9.awsui_is-visual-refresh_1spae_ph6f5_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_ph6f5_64):not(.awsui_header-cell-group_1spae_ph6f5_64) > .awsui_header-cell-main_1spae_ph6f5_146 > .awsui_header-cell-content_1spae_ph6f5_161:focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -370,14 +370,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_11bbl_9.awsui_is-vi
   border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #006ce0);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_11bbl_9.awsui_is-visual-refresh_1spae_11bbl_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_11bbl_64):not(.awsui_header-cell-group_1spae_11bbl_64) > .awsui_header-cell-main_1spae_11bbl_146 > .awsui_header-cell-content_1spae_11bbl_161.awsui_header-cell-fake-focus_1spae_11bbl_43 {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ph6f5_9.awsui_is-visual-refresh_1spae_ph6f5_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_ph6f5_64):not(.awsui_header-cell-group_1spae_ph6f5_64) > .awsui_header-cell-main_1spae_ph6f5_146 > .awsui_header-cell-content_1spae_ph6f5_161.awsui_header-cell-fake-focus_1spae_ph6f5_43 {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_11bbl_9.awsui_is-visual-refresh_1spae_11bbl_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_11bbl_64):not(.awsui_header-cell-group_1spae_11bbl_64) > .awsui_header-cell-main_1spae_11bbl_146 > .awsui_header-cell-content_1spae_11bbl_161.awsui_header-cell-fake-focus_1spae_11bbl_43 {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ph6f5_9.awsui_is-visual-refresh_1spae_ph6f5_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_ph6f5_64):not(.awsui_header-cell-group_1spae_ph6f5_64) > .awsui_header-cell-main_1spae_ph6f5_146 > .awsui_header-cell-content_1spae_ph6f5_161.awsui_header-cell-fake-focus_1spae_ph6f5_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_11bbl_9.awsui_is-visual-refresh_1spae_11bbl_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_11bbl_64):not(.awsui_header-cell-group_1spae_11bbl_64) > .awsui_header-cell-main_1spae_11bbl_146 > .awsui_header-cell-content_1spae_11bbl_161.awsui_header-cell-fake-focus_1spae_11bbl_43::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ph6f5_9.awsui_is-visual-refresh_1spae_ph6f5_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_ph6f5_64):not(.awsui_header-cell-group_1spae_ph6f5_64) > .awsui_header-cell-main_1spae_ph6f5_146 > .awsui_header-cell-content_1spae_ph6f5_161.awsui_header-cell-fake-focus_1spae_ph6f5_43::before {
   content: " ";
   display: block;
   position: absolute;
@@ -391,24 +391,24 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_11bbl_9.awsui_is-vi
   border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #006ce0);
 }
-.awsui_header-cell_1spae_11bbl_9.awsui_is-visual-refresh_1spae_11bbl_87:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_11bbl_394):not(.awsui_sticky-cell-pad-inline-start_1spae_11bbl_394):not(.awsui_header-cell-group_1spae_11bbl_64):not(.awsui_header-cell-grouped_1spae_11bbl_64) {
+.awsui_header-cell_1spae_ph6f5_9.awsui_is-visual-refresh_1spae_ph6f5_87:not(#\9):first-child.awsui_with-paddings_1spae_ph6f5_394:not(.awsui_has-striped-rows_1spae_ph6f5_394):not(.awsui_sticky-cell-pad-inline-start_1spae_ph6f5_394):not(.awsui_header-cell-group_1spae_ph6f5_64):not(.awsui_header-cell-grouped_1spae_ph6f5_64) {
   padding-inline-start: var(--space-xxxs-3ulqs3, 2px);
 }
-.awsui_header-cell_1spae_11bbl_9.awsui_is-visual-refresh_1spae_11bbl_87:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_11bbl_394):not(.awsui_sticky-cell-pad-inline-start_1spae_11bbl_394):not(.awsui_header-cell-group_1spae_11bbl_64):not(.awsui_header-cell-grouped_1spae_11bbl_64).awsui_header-cell-content-expandable_1spae_11bbl_167 {
+.awsui_header-cell_1spae_ph6f5_9.awsui_is-visual-refresh_1spae_ph6f5_87:not(#\9):first-child.awsui_with-paddings_1spae_ph6f5_394:not(.awsui_has-striped-rows_1spae_ph6f5_394):not(.awsui_sticky-cell-pad-inline-start_1spae_ph6f5_394):not(.awsui_header-cell-group_1spae_ph6f5_64):not(.awsui_header-cell-grouped_1spae_ph6f5_64).awsui_header-cell-content-expandable_1spae_ph6f5_167 {
   padding-inline-start: calc(var(--space-xxxs-3ulqs3, 2px) + var(--space-m-n8iq8o, 16px) + var(--space-xs-m9b7jf, 8px));
 }
-.awsui_header-cell_1spae_11bbl_9.awsui_is-visual-refresh_1spae_11bbl_87:not(#\9):first-child.awsui_has-striped-rows_1spae_11bbl_394:not(.awsui_sticky-cell-pad-inline-start_1spae_11bbl_394):not(.awsui_header-cell-group_1spae_11bbl_64):not(.awsui_header-cell-grouped_1spae_11bbl_64) {
+.awsui_header-cell_1spae_ph6f5_9.awsui_is-visual-refresh_1spae_ph6f5_87:not(#\9):first-child.awsui_with-paddings_1spae_ph6f5_394.awsui_has-striped-rows_1spae_ph6f5_394:not(.awsui_sticky-cell-pad-inline-start_1spae_ph6f5_394):not(.awsui_header-cell-group_1spae_ph6f5_64):not(.awsui_header-cell-grouped_1spae_ph6f5_64) {
   padding-inline-start: var(--space-xxs-3o1yoq, 4px);
 }
-.awsui_header-cell_1spae_11bbl_9.awsui_is-visual-refresh_1spae_11bbl_87:not(#\9):first-child.awsui_has-striped-rows_1spae_11bbl_394:not(.awsui_sticky-cell-pad-inline-start_1spae_11bbl_394):not(.awsui_header-cell-group_1spae_11bbl_64):not(.awsui_header-cell-grouped_1spae_11bbl_64).awsui_header-cell-content-expandable_1spae_11bbl_167 {
+.awsui_header-cell_1spae_ph6f5_9.awsui_is-visual-refresh_1spae_ph6f5_87:not(#\9):first-child.awsui_with-paddings_1spae_ph6f5_394.awsui_has-striped-rows_1spae_ph6f5_394:not(.awsui_sticky-cell-pad-inline-start_1spae_ph6f5_394):not(.awsui_header-cell-group_1spae_ph6f5_64):not(.awsui_header-cell-grouped_1spae_ph6f5_64).awsui_header-cell-content-expandable_1spae_ph6f5_167 {
   padding-inline-start: calc(var(--space-xxs-3o1yoq, 4px) + var(--space-m-n8iq8o, 16px) + var(--space-xs-m9b7jf, 8px));
 }
-.awsui_header-cell_1spae_11bbl_9.awsui_is-visual-refresh_1spae_11bbl_87:not(#\9):last-child.awsui_header-cell-sortable_1spae_11bbl_90:not(.awsui_header-cell-resizable_1spae_11bbl_406), .awsui_header-cell_1spae_11bbl_9.awsui_is-visual-refresh_1spae_11bbl_87[data-rightmost].awsui_header-cell-sortable_1spae_11bbl_90:not(#\9):not(.awsui_header-cell-resizable_1spae_11bbl_406) {
+.awsui_header-cell_1spae_ph6f5_9.awsui_is-visual-refresh_1spae_ph6f5_87:not(#\9):last-child.awsui_header-cell-sortable_1spae_ph6f5_90:not(.awsui_header-cell-resizable_1spae_ph6f5_406), .awsui_header-cell_1spae_ph6f5_9.awsui_is-visual-refresh_1spae_ph6f5_87[data-rightmost].awsui_header-cell-sortable_1spae_ph6f5_90:not(#\9):not(.awsui_header-cell-resizable_1spae_ph6f5_406) {
   padding-inline-end: var(--space-xxxs-3ulqs3, 2px);
 }
-.awsui_header-cell_1spae_11bbl_9.awsui_is-visual-refresh_1spae_11bbl_87.awsui_sticky-cell-pad-inline-start_1spae_11bbl_394:not(#\9) {
+.awsui_header-cell_1spae_ph6f5_9.awsui_is-visual-refresh_1spae_ph6f5_87.awsui_sticky-cell-pad-inline-start_1spae_ph6f5_394:not(#\9) {
   padding-inline-start: var(--space-scaled-l-33ruz6, 20px);
 }
-.awsui_header-cell_1spae_11bbl_9.awsui_is-visual-refresh_1spae_11bbl_87.awsui_sticky-cell-pad-inline-start_1spae_11bbl_394.awsui_header-cell-content-expandable_1spae_11bbl_167:not(#\9) {
+.awsui_header-cell_1spae_ph6f5_9.awsui_is-visual-refresh_1spae_ph6f5_87.awsui_sticky-cell-pad-inline-start_1spae_ph6f5_394.awsui_header-cell-content-expandable_1spae_ph6f5_167:not(#\9) {
   padding-inline-start: calc(var(--space-scaled-l-33ruz6, 20px) + var(--space-m-n8iq8o, 16px) + var(--space-xs-m9b7jf, 8px));
 }

package/table/header-cell/styles.selectors.js

@@ -2,43 +2,44 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "header-cell": "awsui_header-cell_1spae_11bbl_9",
-  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_11bbl_43",
-  "header-cell-group": "awsui_header-cell-group_1spae_11bbl_64",
-  "header-cell-grouped": "awsui_header-cell-grouped_1spae_11bbl_64",
-  "header-cell-spans-rows": "awsui_header-cell-spans-rows_1spae_11bbl_64",
-  "resize-divider": "awsui_resize-divider_1spae_11bbl_69",
-  "header-cell-sticky": "awsui_header-cell-sticky_1spae_11bbl_72",
-  "header-cell-stuck": "awsui_header-cell-stuck_1spae_11bbl_78",
-  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_11bbl_78",
-  "header-cell-hidden": "awsui_header-cell-hidden_1spae_11bbl_84",
-  "header-cell-variant-embedded": "awsui_header-cell-variant-embedded_1spae_11bbl_87",
-  "is-visual-refresh": "awsui_is-visual-refresh_1spae_11bbl_87",
-  "sticky-cell": "awsui_sticky-cell_1spae_11bbl_87",
-  "header-cell-variant-borderless": "awsui_header-cell-variant-borderless_1spae_11bbl_87",
-  "header-cell-sortable": "awsui_header-cell-sortable_1spae_11bbl_90",
-  "table-variant-full-page": "awsui_table-variant-full-page_1spae_11bbl_111",
-  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_11bbl_114",
-  "has-selection": "awsui_has-selection_1spae_11bbl_114",
-  "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_11bbl_117",
-  "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_11bbl_129",
-  "sorting-icon": "awsui_sorting-icon_1spae_11bbl_138",
-  "header-cell-main": "awsui_header-cell-main_1spae_11bbl_146",
-  "sort-priority-badge": "awsui_sort-priority-badge_1spae_11bbl_151",
-  "edit-icon": "awsui_edit-icon_1spae_11bbl_155",
-  "header-cell-content": "awsui_header-cell-content_1spae_11bbl_161",
-  "header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_11bbl_167",
-  "header-cell-content-multi-sorted": "awsui_header-cell-content-multi-sorted_1spae_11bbl_225",
-  "header-cell-disabled": "awsui_header-cell-disabled_1spae_11bbl_228",
-  "header-cell-sorted": "awsui_header-cell-sorted_1spae_11bbl_228",
-  "header-cell-main-with-menu": "awsui_header-cell-main-with-menu_1spae_11bbl_232",
-  "header-cell-content-with-menu": "awsui_header-cell-content-with-menu_1spae_11bbl_237",
-  "header-cell-text": "awsui_header-cell-text_1spae_11bbl_269",
-  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_11bbl_273",
-  "header-cell-ascending": "awsui_header-cell-ascending_1spae_11bbl_279",
-  "header-cell-descending": "awsui_header-cell-descending_1spae_11bbl_280",
-  "has-striped-rows": "awsui_has-striped-rows_1spae_11bbl_394",
-  "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_11bbl_394",
-  "header-cell-resizable": "awsui_header-cell-resizable_1spae_11bbl_406"
+  "header-cell": "awsui_header-cell_1spae_ph6f5_9",
+  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_ph6f5_43",
+  "header-cell-group": "awsui_header-cell-group_1spae_ph6f5_64",
+  "header-cell-grouped": "awsui_header-cell-grouped_1spae_ph6f5_64",
+  "header-cell-spans-rows": "awsui_header-cell-spans-rows_1spae_ph6f5_64",
+  "resize-divider": "awsui_resize-divider_1spae_ph6f5_69",
+  "header-cell-sticky": "awsui_header-cell-sticky_1spae_ph6f5_72",
+  "header-cell-stuck": "awsui_header-cell-stuck_1spae_ph6f5_78",
+  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_ph6f5_78",
+  "header-cell-hidden": "awsui_header-cell-hidden_1spae_ph6f5_84",
+  "header-cell-variant-embedded": "awsui_header-cell-variant-embedded_1spae_ph6f5_87",
+  "is-visual-refresh": "awsui_is-visual-refresh_1spae_ph6f5_87",
+  "sticky-cell": "awsui_sticky-cell_1spae_ph6f5_87",
+  "header-cell-variant-borderless": "awsui_header-cell-variant-borderless_1spae_ph6f5_87",
+  "header-cell-sortable": "awsui_header-cell-sortable_1spae_ph6f5_90",
+  "table-variant-full-page": "awsui_table-variant-full-page_1spae_ph6f5_111",
+  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_ph6f5_114",
+  "has-selection": "awsui_has-selection_1spae_ph6f5_114",
+  "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_ph6f5_117",
+  "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_ph6f5_129",
+  "sorting-icon": "awsui_sorting-icon_1spae_ph6f5_138",
+  "header-cell-main": "awsui_header-cell-main_1spae_ph6f5_146",
+  "sort-priority-badge": "awsui_sort-priority-badge_1spae_ph6f5_151",
+  "edit-icon": "awsui_edit-icon_1spae_ph6f5_155",
+  "header-cell-content": "awsui_header-cell-content_1spae_ph6f5_161",
+  "header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_ph6f5_167",
+  "header-cell-content-multi-sorted": "awsui_header-cell-content-multi-sorted_1spae_ph6f5_225",
+  "header-cell-disabled": "awsui_header-cell-disabled_1spae_ph6f5_228",
+  "header-cell-sorted": "awsui_header-cell-sorted_1spae_ph6f5_228",
+  "header-cell-main-with-menu": "awsui_header-cell-main-with-menu_1spae_ph6f5_232",
+  "header-cell-content-with-menu": "awsui_header-cell-content-with-menu_1spae_ph6f5_237",
+  "header-cell-text": "awsui_header-cell-text_1spae_ph6f5_269",
+  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_ph6f5_273",
+  "header-cell-ascending": "awsui_header-cell-ascending_1spae_ph6f5_279",
+  "header-cell-descending": "awsui_header-cell-descending_1spae_ph6f5_280",
+  "with-paddings": "awsui_with-paddings_1spae_ph6f5_394",
+  "has-striped-rows": "awsui_has-striped-rows_1spae_ph6f5_394",
+  "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_ph6f5_394",
+  "header-cell-resizable": "awsui_header-cell-resizable_1spae_ph6f5_406"
 };
   

package/table/header-cell/th-element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"th-element.d.ts","sourceRoot":"","sources":["../../../../src/table/header-cell/th-element.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAQtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAuB,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EAA8B,SAAS,EAAE,MAAM,eAAe,CAAC;AAEtE,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAKxC,MAAM,WAAW,mBAAmB;IAClC,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACjC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,WAAW,CAAC;IACtB,WAAW,EAAE,kBAAkB,CAAC;IAChC,OAAO,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IAChD,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,GAAG,UAAU,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,sBAAsB,CAAC,EAAE,WAAW,CAAC;CACtC;AAED,wBAAgB,cAAc,CAAC,EAC7B,cAAc,EACd,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,KAAK,EACL,MAAM,EACN,SAAS,EACT,MAAM,EACN,WAAW,EACX,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,OAAO,EACP,SAAS,EACT,QAAQ,EACR,OAAO,EACP,SAAS,EACT,YAAY,EACZ,OAAO,EACP,OAAO,EACP,KAAK,EACL,aAAa,EACb,MAAM,EACN,sBAAsB,EACtB,GAAG,KAAK,EACT,EAAE,mBAAmB,eA6DrB"}
+{"version":3,"file":"th-element.d.ts","sourceRoot":"","sources":["../../../../src/table/header-cell/th-element.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAQtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAuB,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EAA8B,SAAS,EAAE,MAAM,eAAe,CAAC;AAEtE,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAKxC,MAAM,WAAW,mBAAmB;IAClC,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACjC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,WAAW,CAAC;IACtB,WAAW,EAAE,kBAAkB,CAAC;IAChC,OAAO,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IAChD,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,GAAG,UAAU,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,sBAAsB,CAAC,EAAE,WAAW,CAAC;CACtC;AAED,wBAAgB,cAAc,CAAC,EAC7B,cAAc,EACd,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,KAAK,EACL,MAAM,EACN,SAAS,EACT,MAAM,EACN,WAAW,EACX,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,OAAO,EACP,SAAS,EACT,QAAQ,EACR,OAAO,EACP,SAAS,EACT,YAAY,EACZ,OAAO,EACP,OAAO,EACP,KAAK,EACL,aAAa,EACb,MAAM,EACN,sBAAsB,EACtB,GAAG,KAAK,EACT,EAAE,mBAAmB,eAmErB"}

package/table/header-cell/th-element.js

@@ -5,14 +5,13 @@ import clsx from 'clsx';
 import { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';
 import { useSingleTabStopNavigation } from '@cloudscape-design/component-toolkit/internal';
 import { copyAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';
-import { useVisualRefresh } from '../../internal/hooks/use-visual-mode';
+import { InternalTableHeaderCell } from '../../table-header-cell/internal';
 import { useStickyCellStyles } from '../sticky-columns';
 import { getTableColHeaderRoleProps } from '../table-role';
 import { getStickyClassNames } from '../utils';
 import tableStyles from '../styles.css.js';
 import styles from './styles.css.js';
 export function TableThElement({ resizableStyle, sortingStatus, sortingDisabled, suppressAriaSort, focusedComponent, stuck, sticky, resizable, hidden, stripedRows, isSelection, colIndex, columnId, stickyState, cellRef, tableRole, children, variant, ariaLabel, tableVariant, colSpan, rowSpan, scope, columnGroupId, isLast, stickyBoundaryColumnId, ...props }) {
-    const isVisualRefresh = useVisualRefresh();
     const stickyStyles = useStickyCellStyles({
         stickyColumns: stickyState,
         columnId,
@@ -22,7 +21,22 @@ export function TableThElement({ resizableStyle, sortingStatus, sortingDisabled,
     const cellRefObject = useRef(null);
     const mergedRef = useMergeRefs(stickyStyles.ref, cellRef, cellRefObject);
     const { tabIndex: cellTabIndex } = useSingleTabStopNavigation(cellRefObject);
-    return (React.createElement("th", { "data-focus-id": `header-${String(columnId)}`, className: clsx(styles['header-cell'], styles[`header-cell-variant-${variant}`], sticky && styles['header-cell-sticky'], resizable && styles['header-cell-resizable'], stuck && styles['header-cell-stuck'], stripedRows && styles['has-striped-rows'], isVisualRefresh && styles['is-visual-refresh'], isSelection && clsx(tableStyles['selection-control'], tableStyles['selection-control-header']), tableVariant && styles[`table-variant-${tableVariant}`], scope === 'colgroup' && styles['header-cell-group'], {
+    // The bare `.header-cell` substrate (the <th> element, base padding, ref) is provided by
+    // the extracted InternalTableHeaderCell. All feature layering stays here, keyed on the same
+    // `.header-cell` class so the compound `.header-cell.<feature>` CSS continues to match
+    // unchanged, and every computed native attribute is threaded through verbatim.
+    const nativeAttributes = {
+        colSpan,
+        rowSpan,
+        ...getTableColHeaderRoleProps({
+            tableRole,
+            sortingStatus: suppressAriaSort ? undefined : sortingStatus,
+            colIndex,
+        }),
+        scope: scope !== null && scope !== void 0 ? scope : 'col',
+        ...(ariaLabel ? { 'aria-label': ariaLabel } : {}),
+    };
+    return (React.createElement(InternalTableHeaderCell, { className: clsx(styles[`header-cell-variant-${variant}`], sticky && styles['header-cell-sticky'], resizable && styles['header-cell-resizable'], stuck && styles['header-cell-stuck'], stripedRows && styles['has-striped-rows'], isSelection && clsx(tableStyles['selection-control'], tableStyles['selection-control-header']), tableVariant && styles[`table-variant-${tableVariant}`], scope === 'colgroup' && styles['header-cell-group'], {
             [styles['header-cell-fake-focus']]: focusedComponent === `header-${String(columnId)}`,
             [styles['header-cell-sortable']]: sortingStatus,
             [styles['header-cell-sorted']]: sortingStatus === 'ascending' || sortingStatus === 'descending',
@@ -32,10 +46,6 @@ export function TableThElement({ resizableStyle, sortingStatus, sortingDisabled,
             [styles['header-cell-hidden']]: hidden,
             [styles['header-cell-spans-rows']]: (rowSpan !== null && rowSpan !== void 0 ? rowSpan : 1) > 1,
             [styles['header-cell-grouped']]: !!columnGroupId,
-        }, stickyStyles.className), colSpan: colSpan, rowSpan: rowSpan, style: { ...resizableStyle, ...stickyStyles.style }, ref: mergedRef, ...getTableColHeaderRoleProps({
-            tableRole,
-            sortingStatus: suppressAriaSort ? undefined : sortingStatus,
-            colIndex,
-        }), scope: scope !== null && scope !== void 0 ? scope : 'col', tabIndex: cellTabIndex === -1 ? undefined : cellTabIndex, ...copyAnalyticsMetadataAttribute(props), ...(ariaLabel ? { 'aria-label': ariaLabel } : {}), ...(isLast ? { 'data-rightmost': true } : {}), ...(scope !== 'colgroup' ? { 'data-column-index': colIndex + 1 } : {}), ...(columnGroupId ? { 'data-column-group-id': columnGroupId } : {}) }, children));
+        }, stickyStyles.className), style: { ...resizableStyle, ...stickyStyles.style }, ref: mergedRef, tabIndex: cellTabIndex === -1 ? undefined : cellTabIndex, "data-focus-id": `header-${String(columnId)}`, "data-rightmost": isLast || undefined, "data-column-index": scope !== 'colgroup' ? colIndex + 1 : undefined, "data-column-group-id": columnGroupId || undefined, ...copyAnalyticsMetadataAttribute(props), nativeAttributes: nativeAttributes, disableContentWrapper: true, disableDivider: true }, children));
 }
 //# sourceMappingURL=th-element.js.map