npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1333 → 3.0.1335 - Mend

@cloudscape-design/components-themeable 3.0.1333 → 3.0.1335

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 (206) hide show

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

@@ -146,7 +146,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_header-cell_1spae_wqnmg_149:not(#\9) {
+.awsui_header-cell_1spae_1oja5_149:not(#\9) {
   position: relative;
   text-align: start;
   box-sizing: border-box;
@@ -159,14 +159,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: var(--space-scaled-xxs-jatbiv, 4px);
   padding-inline: var(--space-scaled-xs-sppte9, 8px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wqnmg_149:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1oja5_149:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wqnmg_149:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1oja5_149:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-scaled-xxs-jatbiv, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wqnmg_149:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1oja5_149:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -180,14 +180,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wqnmg_149:not(#\9):
   border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wqnmg_149.awsui_header-cell-fake-focus_1spae_wqnmg_183:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1oja5_149.awsui_header-cell-fake-focus_1spae_1oja5_183:not(#\9) {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wqnmg_149.awsui_header-cell-fake-focus_1spae_wqnmg_183:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1oja5_149.awsui_header-cell-fake-focus_1spae_1oja5_183:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-scaled-xxs-jatbiv, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wqnmg_149.awsui_header-cell-fake-focus_1spae_wqnmg_183:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1oja5_149.awsui_header-cell-fake-focus_1spae_1oja5_183:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -201,36 +201,36 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wqnmg_149.awsui_hea
   border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_header-cell_1spae_wqnmg_149.awsui_header-cell-group_1spae_wqnmg_204:not(#\9), .awsui_header-cell_1spae_wqnmg_149.awsui_header-cell-grouped_1spae_wqnmg_204:not(#\9), .awsui_header-cell_1spae_wqnmg_149.awsui_header-cell-spans-rows_1spae_wqnmg_204:not(#\9) {
+.awsui_header-cell_1spae_1oja5_149.awsui_header-cell-group_1spae_1oja5_204:not(#\9), .awsui_header-cell_1spae_1oja5_149.awsui_header-cell-grouped_1spae_1oja5_204:not(#\9), .awsui_header-cell_1spae_1oja5_149.awsui_header-cell-spans-rows_1spae_1oja5_204:not(#\9) {
   padding-block: var(--space-xxxs-3w1kr2, 2px);
   padding-inline: var(--space-scaled-xs-sppte9, 8px);
   border-block-end-color: var(--color-border-divider-table-group-enot8o, #879596);
 }
-.awsui_header-cell_1spae_wqnmg_149.awsui_header-cell-group_1spae_wqnmg_204 > .awsui_resize-divider_1spae_wqnmg_209.awsui_resize-divider_1spae_wqnmg_209:not(#\9), .awsui_header-cell_1spae_wqnmg_149.awsui_header-cell-grouped_1spae_wqnmg_204 > .awsui_resize-divider_1spae_wqnmg_209.awsui_resize-divider_1spae_wqnmg_209:not(#\9), .awsui_header-cell_1spae_wqnmg_149.awsui_header-cell-spans-rows_1spae_wqnmg_204 > .awsui_resize-divider_1spae_wqnmg_209.awsui_resize-divider_1spae_wqnmg_209:not(#\9) {
+.awsui_header-cell_1spae_1oja5_149.awsui_header-cell-group_1spae_1oja5_204 > .awsui_resize-divider_1spae_1oja5_209.awsui_resize-divider_1spae_1oja5_209:not(#\9), .awsui_header-cell_1spae_1oja5_149.awsui_header-cell-grouped_1spae_1oja5_204 > .awsui_resize-divider_1spae_1oja5_209.awsui_resize-divider_1spae_1oja5_209:not(#\9), .awsui_header-cell_1spae_1oja5_149.awsui_header-cell-spans-rows_1spae_1oja5_204 > .awsui_resize-divider_1spae_1oja5_209.awsui_resize-divider_1spae_1oja5_209:not(#\9) {
   border-inline-start-color: var(--color-border-divider-table-group-enot8o, #879596);
 }
-.awsui_header-cell-sticky_1spae_wqnmg_212:not(#\9) {
+.awsui_header-cell-sticky_1spae_1oja5_212:not(#\9) {
   border-block-end: var(--border-table-sticky-width-0njdoj, 0px) solid var(--color-border-divider-default-ipvpev, #eaeded);
 }
-.awsui_header-cell-sticky_1spae_wqnmg_212.awsui_header-cell-group_1spae_wqnmg_204:not(#\9), .awsui_header-cell-sticky_1spae_wqnmg_212.awsui_header-cell-grouped_1spae_wqnmg_204:not(#\9), .awsui_header-cell-sticky_1spae_wqnmg_212.awsui_header-cell-spans-rows_1spae_wqnmg_204:not(#\9) {
+.awsui_header-cell-sticky_1spae_1oja5_212.awsui_header-cell-group_1spae_1oja5_204:not(#\9), .awsui_header-cell-sticky_1spae_1oja5_212.awsui_header-cell-grouped_1spae_1oja5_204:not(#\9), .awsui_header-cell-sticky_1spae_1oja5_212.awsui_header-cell-spans-rows_1spae_1oja5_204:not(#\9) {
   border-block-end-color: var(--color-border-divider-table-group-enot8o, #879596);
 }
-.awsui_header-cell-stuck_1spae_wqnmg_218:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_wqnmg_218) {
+.awsui_header-cell-stuck_1spae_1oja5_218:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_1oja5_218) {
   border-block-end-color: transparent;
 }
-.awsui_header-cell-variant-full-page_1spae_wqnmg_218:not(#\9) {
+.awsui_header-cell-variant-full-page_1spae_1oja5_218:not(#\9) {
   background: var(--color-background-layout-main-05m5y6, #f2f3f3);
 }
-.awsui_header-cell-variant-full-page_1spae_wqnmg_218.awsui_header-cell-hidden_1spae_wqnmg_224:not(#\9) {
+.awsui_header-cell-variant-full-page_1spae_1oja5_218.awsui_header-cell-hidden_1spae_1oja5_224:not(#\9) {
   border-block-end-color: transparent;
 }
-.awsui_header-cell-variant-embedded_1spae_wqnmg_227.awsui_is-visual-refresh_1spae_wqnmg_227:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_wqnmg_212, .awsui_sticky-cell_1spae_wqnmg_227)), .awsui_header-cell-variant-borderless_1spae_wqnmg_227.awsui_is-visual-refresh_1spae_wqnmg_227:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_wqnmg_212, .awsui_sticky-cell_1spae_wqnmg_227)) {
+.awsui_header-cell-variant-embedded_1spae_1oja5_227.awsui_is-visual-refresh_1spae_1oja5_227:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_1oja5_212, .awsui_sticky-cell_1spae_1oja5_227)), .awsui_header-cell-variant-borderless_1spae_1oja5_227.awsui_is-visual-refresh_1spae_1oja5_227:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_1oja5_212, .awsui_sticky-cell_1spae_1oja5_227)) {
   background: none;
 }
-.awsui_header-cell_1spae_wqnmg_149:not(#\9):last-child, .awsui_header-cell_1spae_wqnmg_149[data-rightmost]:not(#\9), .awsui_header-cell_1spae_wqnmg_149.awsui_header-cell-sortable_1spae_wqnmg_230:not(#\9) {
+.awsui_header-cell_1spae_1oja5_149:not(#\9):last-child, .awsui_header-cell_1spae_1oja5_149[data-rightmost]:not(#\9), .awsui_header-cell_1spae_1oja5_149.awsui_header-cell-sortable_1spae_1oja5_230:not(#\9) {
   padding-inline-end: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_header-cell_1spae_wqnmg_149.awsui_sticky-cell_1spae_wqnmg_227:not(#\9) {
+.awsui_header-cell_1spae_1oja5_149.awsui_sticky-cell_1spae_1oja5_227:not(#\9) {
   position: sticky;
   background: var(--color-background-table-header-5hauij, #fafafa);
   z-index: 798;
@@ -239,44 +239,44 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wqnmg_149.awsui_hea
   transition-timing-function: var(--motion-easing-sticky-xd5evu, ease-out);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_header-cell_1spae_wqnmg_149.awsui_sticky-cell_1spae_wqnmg_227:not(#\9) {
+  .awsui_header-cell_1spae_1oja5_149.awsui_sticky-cell_1spae_1oja5_227:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_header-cell_1spae_wqnmg_149.awsui_sticky-cell_1spae_wqnmg_227:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_wqnmg_149.awsui_sticky-cell_1spae_wqnmg_227:not(#\9) {
+.awsui-motion-disabled .awsui_header-cell_1spae_1oja5_149.awsui_sticky-cell_1spae_1oja5_227:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_1oja5_149.awsui_sticky-cell_1spae_1oja5_227:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_header-cell_1spae_wqnmg_149.awsui_sticky-cell_1spae_wqnmg_227.awsui_table-variant-full-page_1spae_wqnmg_251:not(#\9) {
+.awsui_header-cell_1spae_1oja5_149.awsui_sticky-cell_1spae_1oja5_227.awsui_table-variant-full-page_1spae_1oja5_251:not(#\9) {
   background: var(--color-background-layout-main-05m5y6, #f2f3f3);
 }
-.awsui_header-cell_1spae_wqnmg_149.awsui_sticky-cell-pad-left_1spae_wqnmg_254:not(#\9):not(.awsui_has-selection_1spae_wqnmg_254) {
+.awsui_header-cell_1spae_1oja5_149.awsui_sticky-cell-pad-left_1spae_1oja5_254:not(#\9):not(.awsui_has-selection_1spae_1oja5_254) {
   padding-inline-start: var(--space-table-horizontal-xmv4qa, 0px);
 }
-.awsui_header-cell_1spae_wqnmg_149.awsui_sticky-cell-last-inline-start_1spae_wqnmg_257:not(#\9) {
+.awsui_header-cell_1spae_1oja5_149.awsui_sticky-cell-last-inline-start_1spae_1oja5_257:not(#\9) {
   box-shadow: var(--shadow-sticky-column-first-vya346, 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_wqnmg_149.awsui_sticky-cell-last-inline-start_1spae_wqnmg_257 > .awsui_resize-divider_1spae_wqnmg_209:not(#\9) {
+.awsui_header-cell_1spae_1oja5_149.awsui_sticky-cell-last-inline-start_1spae_1oja5_257 > .awsui_resize-divider_1spae_1oja5_209:not(#\9) {
   display: none;
 }
-.awsui_header-cell_1spae_wqnmg_149.awsui_sticky-cell-last-inline-start_1spae_wqnmg_257:not(#\9):dir(rtl) {
+.awsui_header-cell_1spae_1oja5_149.awsui_sticky-cell-last-inline-start_1spae_1oja5_257:not(#\9):dir(rtl) {
   box-shadow: var(--shadow-sticky-column-last-02l85g, -4px 0 8px 0 rgba(0, 28, 36, 0.1));
   clip-path: inset(0 0 0 -24px);
 }
-.awsui_header-cell_1spae_wqnmg_149.awsui_sticky-cell-last-inline-end_1spae_wqnmg_269:not(#\9) {
+.awsui_header-cell_1spae_1oja5_149.awsui_sticky-cell-last-inline-end_1spae_1oja5_269:not(#\9) {
   box-shadow: var(--shadow-sticky-column-last-02l85g, -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_wqnmg_149.awsui_sticky-cell-last-inline-end_1spae_wqnmg_269:not(#\9):dir(rtl) {
+.awsui_header-cell_1spae_1oja5_149.awsui_sticky-cell-last-inline-end_1spae_1oja5_269:not(#\9):dir(rtl) {
   box-shadow: var(--shadow-sticky-column-first-vya346, 4px 0 8px 0 rgba(0, 28, 36, 0.1));
   clip-path: inset(0 -24px 0 0);
 }
-.awsui_sorting-icon_1spae_wqnmg_279:not(#\9) {
+.awsui_sorting-icon_1spae_1oja5_279:not(#\9) {
   position: absolute;
   inset-block-start: 50%;
   transform: translateY(-50%);
@@ -284,39 +284,45 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wqnmg_149.awsui_hea
   color: var(--color-text-column-sorting-icon-gys874, #687078);
 }
-.awsui_edit-icon_1spae_wqnmg_287:not(#\9) {
+.awsui_header-cell-main_1spae_1oja5_287: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_1oja5_292:not(#\9) {
+  margin-inline-end: var(--space-xxs-jnczic, 4px);
+}
+.awsui_edit-icon_1spae_1oja5_296:not(#\9) {
   margin-inline-start: var(--space-xxs-jnczic, 4px);
   margin-block-start: var(--space-scaled-xxs-jatbiv, 4px);
   color: inherit;
 }
-.awsui_header-cell-content_1spae_wqnmg_293:not(#\9) {
+.awsui_header-cell-content_1spae_1oja5_302:not(#\9) {
   position: relative;
   padding-block: var(--space-scaled-xxs-jatbiv, 4px);
   padding-inline-end: var(--space-s-4a5hs8, 12px);
   padding-inline-start: var(--space-s-4a5hs8, 12px);
 }
-.awsui_header-cell-content_1spae_wqnmg_293.awsui_header-cell-content-expandable_1spae_wqnmg_299:not(#\9) {
+.awsui_header-cell-content_1spae_1oja5_302.awsui_header-cell-content-expandable_1spae_1oja5_308:not(#\9) {
   padding-inline-start: calc(var(--space-s-4a5hs8, 12px) + var(--space-m-n2lypl, 16px) + var(--space-xs-kw7k3v, 8px));
 }
-.awsui_header-cell-group_1spae_wqnmg_204 > .awsui_header-cell-content_1spae_wqnmg_293:not(#\9), .awsui_header-cell-grouped_1spae_wqnmg_204 > .awsui_header-cell-content_1spae_wqnmg_293:not(#\9), .awsui_header-cell-spans-rows_1spae_wqnmg_204 > .awsui_header-cell-content_1spae_wqnmg_293:not(#\9) {
+.awsui_header-cell-group_1spae_1oja5_204 > .awsui_header-cell-content_1spae_1oja5_302:not(#\9) {
   padding-block: var(--space-xxxs-3w1kr2, 2px);
 }
-.awsui_header-cell-sortable_1spae_wqnmg_230 > .awsui_header-cell-content_1spae_wqnmg_293:not(#\9) {
-  padding-inline-end: calc(var(--space-xl-4dmkh1, 24px) + var(--space-xxs-jnczic, 4px));
-}
-.awsui_header-cell-content_1spae_wqnmg_293:not(#\9):focus {
+.awsui_header-cell-content_1spae_1oja5_302:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_wqnmg_293:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1oja5_302:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_wqnmg_293:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1oja5_302:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-0zj6up, 0px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_wqnmg_293:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1oja5_302:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -330,14 +336,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_wqnmg_293: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-r5f6xl, #0073bb);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_wqnmg_293.awsui_header-cell-fake-focus_1spae_wqnmg_183:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1oja5_302.awsui_header-cell-fake-focus_1spae_1oja5_183:not(#\9) {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_wqnmg_293.awsui_header-cell-fake-focus_1spae_wqnmg_183:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1oja5_302.awsui_header-cell-fake-focus_1spae_1oja5_183:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-0zj6up, 0px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_wqnmg_293.awsui_header-cell-fake-focus_1spae_wqnmg_183:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1oja5_302.awsui_header-cell-fake-focus_1spae_1oja5_183:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -351,49 +357,68 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_wqnmg_293.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-r5f6xl, #0073bb);
 }
-.awsui_header-cell-disabled_1spae_wqnmg_354.awsui_header-cell-sorted_1spae_wqnmg_354 > .awsui_header-cell-content_1spae_wqnmg_293 > .awsui_sorting-icon_1spae_wqnmg_279:not(#\9) {
+.awsui_header-cell-grouped_1spae_1oja5_204 > .awsui_header-cell-main_1spae_1oja5_287 > .awsui_header-cell-content_1spae_1oja5_302:not(#\9), .awsui_header-cell-spans-rows_1spae_1oja5_204 > .awsui_header-cell-main_1spae_1oja5_287 > .awsui_header-cell-content_1spae_1oja5_302:not(#\9) {
+  padding-block: var(--space-xxxs-3w1kr2, 2px);
+}
+.awsui_header-cell-sortable_1spae_1oja5_230 > .awsui_header-cell-main_1spae_1oja5_287 > .awsui_header-cell-content_1spae_1oja5_302:not(#\9) {
+  padding-inline-end: calc(var(--space-xl-4dmkh1, 24px) + var(--space-xxs-jnczic, 4px));
+}
+.awsui_header-cell-sortable_1spae_1oja5_230 > .awsui_header-cell-main_1spae_1oja5_287 > .awsui_header-cell-content_1spae_1oja5_302.awsui_header-cell-content-multi-sorted_1spae_1oja5_366:not(#\9) {
+  padding-inline-end: calc(var(--space-xl-4dmkh1, 24px) + var(--space-xxs-jnczic, 4px) + var(--space-m-n2lypl, 16px));
+}
+.awsui_header-cell-disabled_1spae_1oja5_369.awsui_header-cell-sorted_1spae_1oja5_369 > .awsui_header-cell-main_1spae_1oja5_287 > .awsui_header-cell-content_1spae_1oja5_302 > .awsui_sorting-icon_1spae_1oja5_279:not(#\9) {
   color: var(--color-text-interactive-disabled-xwt2jl, #aab7b8);
 }
-.awsui_header-cell-spans-rows_1spae_wqnmg_204:not(#\9) {
+.awsui_header-cell-main-with-menu_1spae_1oja5_373:not(#\9) {
+  display: flex;
+  align-items: center;
+}
+.awsui_header-cell-content-with-menu_1spae_1oja5_378:not(#\9) {
+  flex-grow: 1;
+  min-inline-size: 0;
+}
+.awsui_header-cell-spans-rows_1spae_1oja5_204:not(#\9) {
   block-size: 100%;
   vertical-align: bottom;
 }
-.awsui_header-cell-spans-rows_1spae_wqnmg_204 > .awsui_header-cell-content_1spae_wqnmg_293:not(#\9) {
+.awsui_header-cell-spans-rows_1spae_1oja5_204 > .awsui_header-cell-main_1spae_1oja5_287 > .awsui_header-cell-content_1spae_1oja5_302:not(#\9) {
   block-size: 100%;
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
 }
-.awsui_header-cell-spans-rows_1spae_wqnmg_204 > .awsui_header-cell-content_1spae_wqnmg_293 > .awsui_sorting-icon_1spae_wqnmg_279:not(#\9) {
+.awsui_header-cell-spans-rows_1spae_1oja5_204 > .awsui_header-cell-main_1spae_1oja5_287 > .awsui_header-cell-content_1spae_1oja5_302 > .awsui_sorting-icon_1spae_1oja5_279:not(#\9) {
   inset-block-start: auto;
   inset-block-end: var(--space-scaled-xxs-jatbiv, 4px);
   transform: none;
 }
-.awsui_header-cell-sortable_1spae_wqnmg_230:not(#\9):not(.awsui_header-cell-disabled_1spae_wqnmg_354) > .awsui_header-cell-content_1spae_wqnmg_293 {
+.awsui_header-cell-sortable_1spae_1oja5_230:not(#\9):not(.awsui_header-cell-disabled_1spae_1oja5_369) {
   cursor: pointer;
 }
-.awsui_header-cell-sortable_1spae_wqnmg_230:not(#\9):not(.awsui_header-cell-disabled_1spae_wqnmg_354) > .awsui_header-cell-content_1spae_wqnmg_293:hover, .awsui_header-cell-sortable_1spae_wqnmg_230:not(#\9):not(.awsui_header-cell-disabled_1spae_wqnmg_354).awsui_header-cell-sorted_1spae_wqnmg_354 > .awsui_header-cell-content_1spae_wqnmg_293 {
+.awsui_header-cell-sortable_1spae_1oja5_230:not(#\9):not(.awsui_header-cell-disabled_1spae_1oja5_369) > .awsui_header-cell-main_1spae_1oja5_287 > .awsui_header-cell-content_1spae_1oja5_302:hover, .awsui_header-cell-sortable_1spae_1oja5_230:not(#\9):not(.awsui_header-cell-disabled_1spae_1oja5_369).awsui_header-cell-sorted_1spae_1oja5_369 > .awsui_header-cell-main_1spae_1oja5_287 > .awsui_header-cell-content_1spae_1oja5_302 {
   color: var(--color-text-interactive-active-c44vdq, #16191f);
 }
-.awsui_header-cell-sortable_1spae_wqnmg_230:not(#\9):not(.awsui_header-cell-disabled_1spae_wqnmg_354) > .awsui_header-cell-content_1spae_wqnmg_293:hover > .awsui_sorting-icon_1spae_wqnmg_279, .awsui_header-cell-sortable_1spae_wqnmg_230:not(#\9):not(.awsui_header-cell-disabled_1spae_wqnmg_354).awsui_header-cell-sorted_1spae_wqnmg_354 > .awsui_header-cell-content_1spae_wqnmg_293 > .awsui_sorting-icon_1spae_wqnmg_279 {
+.awsui_header-cell-sortable_1spae_1oja5_230:not(#\9):not(.awsui_header-cell-disabled_1spae_1oja5_369) > .awsui_header-cell-main_1spae_1oja5_287 > .awsui_header-cell-content_1spae_1oja5_302:hover > .awsui_sorting-icon_1spae_1oja5_279, .awsui_header-cell-sortable_1spae_1oja5_230:not(#\9):not(.awsui_header-cell-disabled_1spae_1oja5_369).awsui_header-cell-sorted_1spae_1oja5_369 > .awsui_header-cell-main_1spae_1oja5_287 > .awsui_header-cell-content_1spae_1oja5_302 > .awsui_sorting-icon_1spae_1oja5_279 {
   color: var(--color-text-interactive-active-c44vdq, #16191f);
 }
-.awsui_header-cell-text_1spae_wqnmg_385:not(#\9) {
+.awsui_header-cell-text_1spae_1oja5_410:not(#\9) {
   line-height: var(--line-height-heading-xs-fuzanp, 20px);
   padding-block: calc(var(--space-xxxs-3w1kr2, 2px) / 2);
 }
-.awsui_header-cell-text_1spae_wqnmg_385:not(#\9):not(.awsui_header-cell-text-wrap_1spae_wqnmg_389) {
+.awsui_header-cell-text_1spae_1oja5_410:not(#\9):not(.awsui_header-cell-text-wrap_1spae_1oja5_414) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.awsui_header-cell-ascending_1spae_wqnmg_395:not(#\9),
-.awsui_header-cell-descending_1spae_wqnmg_396:not(#\9) {
+.awsui_header-cell-ascending_1spae_1oja5_420:not(#\9),
+.awsui_header-cell-descending_1spae_1oja5_421:not(#\9) {
   /* used in test-utils */
 }
@@ -403,28 +428,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_wqnmg_149:not(#\9):not(.awsui_is-visual-refresh_1spae_wqnmg_227):first-child {
+.awsui_header-cell_1spae_1oja5_149:not(#\9):not(.awsui_is-visual-refresh_1spae_1oja5_227):first-child {
   padding-inline-start: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_header-cell_1spae_wqnmg_149:not(#\9):not(.awsui_is-visual-refresh_1spae_wqnmg_227):first-child.awsui_header-cell-content-expandable_1spae_wqnmg_299 {
+.awsui_header-cell_1spae_1oja5_149:not(#\9):not(.awsui_is-visual-refresh_1spae_1oja5_227):first-child.awsui_header-cell-content-expandable_1spae_1oja5_308 {
   padding-inline-start: calc(var(--space-xs-kw7k3v, 8px) + var(--space-m-n2lypl, 16px) + var(--space-xs-kw7k3v, 8px));
 }
-.awsui_header-cell_1spae_wqnmg_149.awsui_is-visual-refresh_1spae_wqnmg_227:not(#\9) {
+.awsui_header-cell_1spae_1oja5_149.awsui_is-visual-refresh_1spae_1oja5_227: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_wqnmg_149.awsui_is-visual-refresh_1spae_wqnmg_227:not(#\9):first-child:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1oja5_149.awsui_is-visual-refresh_1spae_1oja5_227:not(#\9):first-child:focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wqnmg_149.awsui_is-visual-refresh_1spae_wqnmg_227:not(#\9):first-child:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1oja5_149.awsui_is-visual-refresh_1spae_1oja5_227:not(#\9):first-child:focus {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-scaled-xxs-jatbiv, 4px) + var(--space-scaled-xxs-jatbiv, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wqnmg_149.awsui_is-visual-refresh_1spae_wqnmg_227:not(#\9):first-child:focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1oja5_149.awsui_is-visual-refresh_1spae_1oja5_227:not(#\9):first-child:focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -438,14 +463,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wqnmg_149.awsui_is-
   border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wqnmg_149.awsui_is-visual-refresh_1spae_wqnmg_227:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_wqnmg_183 {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1oja5_149.awsui_is-visual-refresh_1spae_1oja5_227:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_1oja5_183 {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wqnmg_149.awsui_is-visual-refresh_1spae_wqnmg_227:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_wqnmg_183 {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1oja5_149.awsui_is-visual-refresh_1spae_1oja5_227:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_1oja5_183 {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-scaled-xxs-jatbiv, 4px) + var(--space-scaled-xxs-jatbiv, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wqnmg_149.awsui_is-visual-refresh_1spae_wqnmg_227:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_wqnmg_183::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1oja5_149.awsui_is-visual-refresh_1spae_1oja5_227:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_1oja5_183::before {
   content: " ";
   display: block;
   position: absolute;
@@ -459,20 +484,20 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wqnmg_149.awsui_is-
   border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_header-cell_1spae_wqnmg_149.awsui_is-visual-refresh_1spae_wqnmg_227:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_wqnmg_204):not(.awsui_header-cell-group_1spae_wqnmg_204) > .awsui_header-cell-content_1spae_wqnmg_293 {
+.awsui_header-cell_1spae_1oja5_149.awsui_is-visual-refresh_1spae_1oja5_227:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1oja5_204):not(.awsui_header-cell-group_1spae_1oja5_204) > .awsui_header-cell-main_1spae_1oja5_287 > .awsui_header-cell-content_1spae_1oja5_302 {
   padding-inline-start: 0px;
 }
-.awsui_header-cell_1spae_wqnmg_149.awsui_is-visual-refresh_1spae_wqnmg_227:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_wqnmg_204):not(.awsui_header-cell-group_1spae_wqnmg_204) > .awsui_header-cell-content_1spae_wqnmg_293.awsui_header-cell-content-expandable_1spae_wqnmg_299 {
+.awsui_header-cell_1spae_1oja5_149.awsui_is-visual-refresh_1spae_1oja5_227:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1oja5_204):not(.awsui_header-cell-group_1spae_1oja5_204) > .awsui_header-cell-main_1spae_1oja5_287 > .awsui_header-cell-content_1spae_1oja5_302.awsui_header-cell-content-expandable_1spae_1oja5_308 {
   padding-inline-start: calc(0px + var(--space-m-n2lypl, 16px) + var(--space-xs-kw7k3v, 8px));
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wqnmg_149.awsui_is-visual-refresh_1spae_wqnmg_227:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_wqnmg_204):not(.awsui_header-cell-group_1spae_wqnmg_204) > .awsui_header-cell-content_1spae_wqnmg_293:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1oja5_149.awsui_is-visual-refresh_1spae_1oja5_227:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1oja5_204):not(.awsui_header-cell-group_1spae_1oja5_204) > .awsui_header-cell-main_1spae_1oja5_287 > .awsui_header-cell-content_1spae_1oja5_302:focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wqnmg_149.awsui_is-visual-refresh_1spae_wqnmg_227:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_wqnmg_204):not(.awsui_header-cell-group_1spae_wqnmg_204) > .awsui_header-cell-content_1spae_wqnmg_293:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1oja5_149.awsui_is-visual-refresh_1spae_1oja5_227:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1oja5_204):not(.awsui_header-cell-group_1spae_1oja5_204) > .awsui_header-cell-main_1spae_1oja5_287 > .awsui_header-cell-content_1spae_1oja5_302:focus {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-0zj6up, 0px) + var(--space-scaled-xxs-jatbiv, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wqnmg_149.awsui_is-visual-refresh_1spae_wqnmg_227:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_wqnmg_204):not(.awsui_header-cell-group_1spae_wqnmg_204) > .awsui_header-cell-content_1spae_wqnmg_293:focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1oja5_149.awsui_is-visual-refresh_1spae_1oja5_227:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1oja5_204):not(.awsui_header-cell-group_1spae_1oja5_204) > .awsui_header-cell-main_1spae_1oja5_287 > .awsui_header-cell-content_1spae_1oja5_302:focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -486,14 +511,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wqnmg_149.awsui_is-
   border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wqnmg_149.awsui_is-visual-refresh_1spae_wqnmg_227:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_wqnmg_204):not(.awsui_header-cell-group_1spae_wqnmg_204) > .awsui_header-cell-content_1spae_wqnmg_293.awsui_header-cell-fake-focus_1spae_wqnmg_183 {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1oja5_149.awsui_is-visual-refresh_1spae_1oja5_227:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1oja5_204):not(.awsui_header-cell-group_1spae_1oja5_204) > .awsui_header-cell-main_1spae_1oja5_287 > .awsui_header-cell-content_1spae_1oja5_302.awsui_header-cell-fake-focus_1spae_1oja5_183 {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wqnmg_149.awsui_is-visual-refresh_1spae_wqnmg_227:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_wqnmg_204):not(.awsui_header-cell-group_1spae_wqnmg_204) > .awsui_header-cell-content_1spae_wqnmg_293.awsui_header-cell-fake-focus_1spae_wqnmg_183 {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1oja5_149.awsui_is-visual-refresh_1spae_1oja5_227:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1oja5_204):not(.awsui_header-cell-group_1spae_1oja5_204) > .awsui_header-cell-main_1spae_1oja5_287 > .awsui_header-cell-content_1spae_1oja5_302.awsui_header-cell-fake-focus_1spae_1oja5_183 {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-0zj6up, 0px) + var(--space-scaled-xxs-jatbiv, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wqnmg_149.awsui_is-visual-refresh_1spae_wqnmg_227:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_wqnmg_204):not(.awsui_header-cell-group_1spae_wqnmg_204) > .awsui_header-cell-content_1spae_wqnmg_293.awsui_header-cell-fake-focus_1spae_wqnmg_183::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1oja5_149.awsui_is-visual-refresh_1spae_1oja5_227:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1oja5_204):not(.awsui_header-cell-group_1spae_1oja5_204) > .awsui_header-cell-main_1spae_1oja5_287 > .awsui_header-cell-content_1spae_1oja5_302.awsui_header-cell-fake-focus_1spae_1oja5_183::before {
   content: " ";
   display: block;
   position: absolute;
@@ -507,24 +532,24 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wqnmg_149.awsui_is-
   border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_header-cell_1spae_wqnmg_149.awsui_is-visual-refresh_1spae_wqnmg_227:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_wqnmg_510):not(.awsui_sticky-cell-pad-inline-start_1spae_wqnmg_510):not(.awsui_header-cell-group_1spae_wqnmg_204):not(.awsui_header-cell-grouped_1spae_wqnmg_204) {
+.awsui_header-cell_1spae_1oja5_149.awsui_is-visual-refresh_1spae_1oja5_227:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_1oja5_535):not(.awsui_sticky-cell-pad-inline-start_1spae_1oja5_535):not(.awsui_header-cell-group_1spae_1oja5_204):not(.awsui_header-cell-grouped_1spae_1oja5_204) {
   padding-inline-start: var(--space-xxxs-3w1kr2, 2px);
 }
-.awsui_header-cell_1spae_wqnmg_149.awsui_is-visual-refresh_1spae_wqnmg_227:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_wqnmg_510):not(.awsui_sticky-cell-pad-inline-start_1spae_wqnmg_510):not(.awsui_header-cell-group_1spae_wqnmg_204):not(.awsui_header-cell-grouped_1spae_wqnmg_204).awsui_header-cell-content-expandable_1spae_wqnmg_299 {
+.awsui_header-cell_1spae_1oja5_149.awsui_is-visual-refresh_1spae_1oja5_227:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_1oja5_535):not(.awsui_sticky-cell-pad-inline-start_1spae_1oja5_535):not(.awsui_header-cell-group_1spae_1oja5_204):not(.awsui_header-cell-grouped_1spae_1oja5_204).awsui_header-cell-content-expandable_1spae_1oja5_308 {
   padding-inline-start: calc(var(--space-xxxs-3w1kr2, 2px) + var(--space-m-n2lypl, 16px) + var(--space-xs-kw7k3v, 8px));
 }
-.awsui_header-cell_1spae_wqnmg_149.awsui_is-visual-refresh_1spae_wqnmg_227:not(#\9):first-child.awsui_has-striped-rows_1spae_wqnmg_510:not(.awsui_sticky-cell-pad-inline-start_1spae_wqnmg_510):not(.awsui_header-cell-group_1spae_wqnmg_204):not(.awsui_header-cell-grouped_1spae_wqnmg_204) {
+.awsui_header-cell_1spae_1oja5_149.awsui_is-visual-refresh_1spae_1oja5_227:not(#\9):first-child.awsui_has-striped-rows_1spae_1oja5_535:not(.awsui_sticky-cell-pad-inline-start_1spae_1oja5_535):not(.awsui_header-cell-group_1spae_1oja5_204):not(.awsui_header-cell-grouped_1spae_1oja5_204) {
   padding-inline-start: var(--space-xxs-jnczic, 4px);
 }
-.awsui_header-cell_1spae_wqnmg_149.awsui_is-visual-refresh_1spae_wqnmg_227:not(#\9):first-child.awsui_has-striped-rows_1spae_wqnmg_510:not(.awsui_sticky-cell-pad-inline-start_1spae_wqnmg_510):not(.awsui_header-cell-group_1spae_wqnmg_204):not(.awsui_header-cell-grouped_1spae_wqnmg_204).awsui_header-cell-content-expandable_1spae_wqnmg_299 {
+.awsui_header-cell_1spae_1oja5_149.awsui_is-visual-refresh_1spae_1oja5_227:not(#\9):first-child.awsui_has-striped-rows_1spae_1oja5_535:not(.awsui_sticky-cell-pad-inline-start_1spae_1oja5_535):not(.awsui_header-cell-group_1spae_1oja5_204):not(.awsui_header-cell-grouped_1spae_1oja5_204).awsui_header-cell-content-expandable_1spae_1oja5_308 {
   padding-inline-start: calc(var(--space-xxs-jnczic, 4px) + var(--space-m-n2lypl, 16px) + var(--space-xs-kw7k3v, 8px));
 }
-.awsui_header-cell_1spae_wqnmg_149.awsui_is-visual-refresh_1spae_wqnmg_227:not(#\9):last-child.awsui_header-cell-sortable_1spae_wqnmg_230:not(.awsui_header-cell-resizable_1spae_wqnmg_522), .awsui_header-cell_1spae_wqnmg_149.awsui_is-visual-refresh_1spae_wqnmg_227[data-rightmost].awsui_header-cell-sortable_1spae_wqnmg_230:not(#\9):not(.awsui_header-cell-resizable_1spae_wqnmg_522) {
+.awsui_header-cell_1spae_1oja5_149.awsui_is-visual-refresh_1spae_1oja5_227:not(#\9):last-child.awsui_header-cell-sortable_1spae_1oja5_230:not(.awsui_header-cell-resizable_1spae_1oja5_547), .awsui_header-cell_1spae_1oja5_149.awsui_is-visual-refresh_1spae_1oja5_227[data-rightmost].awsui_header-cell-sortable_1spae_1oja5_230:not(#\9):not(.awsui_header-cell-resizable_1spae_1oja5_547) {
   padding-inline-end: var(--space-xxxs-3w1kr2, 2px);
 }
-.awsui_header-cell_1spae_wqnmg_149.awsui_is-visual-refresh_1spae_wqnmg_227.awsui_sticky-cell-pad-inline-start_1spae_wqnmg_510:not(#\9) {
+.awsui_header-cell_1spae_1oja5_149.awsui_is-visual-refresh_1spae_1oja5_227.awsui_sticky-cell-pad-inline-start_1spae_1oja5_535:not(#\9) {
   padding-inline-start: var(--space-scaled-l-66n9sr, 20px);
 }
-.awsui_header-cell_1spae_wqnmg_149.awsui_is-visual-refresh_1spae_wqnmg_227.awsui_sticky-cell-pad-inline-start_1spae_wqnmg_510.awsui_header-cell-content-expandable_1spae_wqnmg_299:not(#\9) {
+.awsui_header-cell_1spae_1oja5_149.awsui_is-visual-refresh_1spae_1oja5_227.awsui_sticky-cell-pad-inline-start_1spae_1oja5_535.awsui_header-cell-content-expandable_1spae_1oja5_308:not(#\9) {
   padding-inline-start: calc(var(--space-scaled-l-66n9sr, 20px) + var(--space-m-n2lypl, 16px) + var(--space-xs-kw7k3v, 8px));
 }

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

@@ -2,38 +2,43 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "header-cell": "awsui_header-cell_1spae_wqnmg_149",
-  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_wqnmg_183",
-  "header-cell-group": "awsui_header-cell-group_1spae_wqnmg_204",
-  "header-cell-grouped": "awsui_header-cell-grouped_1spae_wqnmg_204",
-  "header-cell-spans-rows": "awsui_header-cell-spans-rows_1spae_wqnmg_204",
-  "resize-divider": "awsui_resize-divider_1spae_wqnmg_209",
-  "header-cell-sticky": "awsui_header-cell-sticky_1spae_wqnmg_212",
-  "header-cell-stuck": "awsui_header-cell-stuck_1spae_wqnmg_218",
-  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_wqnmg_218",
-  "header-cell-hidden": "awsui_header-cell-hidden_1spae_wqnmg_224",
-  "header-cell-variant-embedded": "awsui_header-cell-variant-embedded_1spae_wqnmg_227",
-  "is-visual-refresh": "awsui_is-visual-refresh_1spae_wqnmg_227",
-  "sticky-cell": "awsui_sticky-cell_1spae_wqnmg_227",
-  "header-cell-variant-borderless": "awsui_header-cell-variant-borderless_1spae_wqnmg_227",
-  "header-cell-sortable": "awsui_header-cell-sortable_1spae_wqnmg_230",
-  "table-variant-full-page": "awsui_table-variant-full-page_1spae_wqnmg_251",
-  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_wqnmg_254",
-  "has-selection": "awsui_has-selection_1spae_wqnmg_254",
-  "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_wqnmg_257",
-  "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_wqnmg_269",
-  "sorting-icon": "awsui_sorting-icon_1spae_wqnmg_279",
-  "edit-icon": "awsui_edit-icon_1spae_wqnmg_287",
-  "header-cell-content": "awsui_header-cell-content_1spae_wqnmg_293",
-  "header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_wqnmg_299",
-  "header-cell-disabled": "awsui_header-cell-disabled_1spae_wqnmg_354",
-  "header-cell-sorted": "awsui_header-cell-sorted_1spae_wqnmg_354",
-  "header-cell-text": "awsui_header-cell-text_1spae_wqnmg_385",
-  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_wqnmg_389",
-  "header-cell-ascending": "awsui_header-cell-ascending_1spae_wqnmg_395",
-  "header-cell-descending": "awsui_header-cell-descending_1spae_wqnmg_396",
-  "has-striped-rows": "awsui_has-striped-rows_1spae_wqnmg_510",
-  "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_wqnmg_510",
-  "header-cell-resizable": "awsui_header-cell-resizable_1spae_wqnmg_522"
+  "header-cell": "awsui_header-cell_1spae_1oja5_149",
+  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_1oja5_183",
+  "header-cell-group": "awsui_header-cell-group_1spae_1oja5_204",
+  "header-cell-grouped": "awsui_header-cell-grouped_1spae_1oja5_204",
+  "header-cell-spans-rows": "awsui_header-cell-spans-rows_1spae_1oja5_204",
+  "resize-divider": "awsui_resize-divider_1spae_1oja5_209",
+  "header-cell-sticky": "awsui_header-cell-sticky_1spae_1oja5_212",
+  "header-cell-stuck": "awsui_header-cell-stuck_1spae_1oja5_218",
+  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_1oja5_218",
+  "header-cell-hidden": "awsui_header-cell-hidden_1spae_1oja5_224",
+  "header-cell-variant-embedded": "awsui_header-cell-variant-embedded_1spae_1oja5_227",
+  "is-visual-refresh": "awsui_is-visual-refresh_1spae_1oja5_227",
+  "sticky-cell": "awsui_sticky-cell_1spae_1oja5_227",
+  "header-cell-variant-borderless": "awsui_header-cell-variant-borderless_1spae_1oja5_227",
+  "header-cell-sortable": "awsui_header-cell-sortable_1spae_1oja5_230",
+  "table-variant-full-page": "awsui_table-variant-full-page_1spae_1oja5_251",
+  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_1oja5_254",
+  "has-selection": "awsui_has-selection_1spae_1oja5_254",
+  "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_1oja5_257",
+  "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_1oja5_269",
+  "sorting-icon": "awsui_sorting-icon_1spae_1oja5_279",
+  "header-cell-main": "awsui_header-cell-main_1spae_1oja5_287",
+  "sort-priority-badge": "awsui_sort-priority-badge_1spae_1oja5_292",
+  "edit-icon": "awsui_edit-icon_1spae_1oja5_296",
+  "header-cell-content": "awsui_header-cell-content_1spae_1oja5_302",
+  "header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_1oja5_308",
+  "header-cell-content-multi-sorted": "awsui_header-cell-content-multi-sorted_1spae_1oja5_366",
+  "header-cell-disabled": "awsui_header-cell-disabled_1spae_1oja5_369",
+  "header-cell-sorted": "awsui_header-cell-sorted_1spae_1oja5_369",
+  "header-cell-main-with-menu": "awsui_header-cell-main-with-menu_1spae_1oja5_373",
+  "header-cell-content-with-menu": "awsui_header-cell-content-with-menu_1spae_1oja5_378",
+  "header-cell-text": "awsui_header-cell-text_1spae_1oja5_410",
+  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_1oja5_414",
+  "header-cell-ascending": "awsui_header-cell-ascending_1spae_1oja5_420",
+  "header-cell-descending": "awsui_header-cell-descending_1spae_1oja5_421",
+  "has-striped-rows": "awsui_has-striped-rows_1spae_1oja5_535",
+  "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_1oja5_535",
+  "header-cell-resizable": "awsui_header-cell-resizable_1spae_1oja5_547"
 };

package/lib/internal/template/table/header-cell/th-element.d.ts CHANGED Viewed

@@ -8,6 +8,13 @@ export interface TableThElementProps {
     resizableStyle?: ColumnWidthStyle;
     sortingStatus?: SortingStatus;
     sortingDisabled?: boolean;
+    /**
+     * When true, the visual caret driven by `sortingStatus` is preserved but the
+     * `aria-sort` attribute is omitted. Used for non-primary columns in a
+     * multi-column sort, where ARIA only allows one column to declare itself
+     * sorted.
+     */
+    suppressAriaSort?: boolean;
     focusedComponent?: null | string;
     stuck?: boolean;
     sticky?: boolean;
@@ -35,5 +42,5 @@ export interface TableThElementProps {
      */
     stickyBoundaryColumnId?: PropertyKey;
 }
-export declare function TableThElement({ resizableStyle, sortingStatus, sortingDisabled, focusedComponent, stuck, sticky, resizable, hidden, stripedRows, isSelection, colIndex, columnId, stickyState, cellRef, tableRole, children, variant, ariaLabel, tableVariant, colSpan, rowSpan, scope, columnGroupId, isLast, stickyBoundaryColumnId, ...props }: TableThElementProps): JSX.Element;
+export declare 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 }: TableThElementProps): JSX.Element;
 //# sourceMappingURL=th-element.d.ts.map

package/lib/internal/template/table/header-cell/th-element.d.ts.map CHANGED Viewed

	@@ -1 +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,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,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,~~eAyDrB~~"}
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"}

package/lib/internal/template/table/header-cell/th-element.js CHANGED Viewed

@@ -11,7 +11,7 @@ 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, focusedComponent, stuck, sticky, resizable, hidden, stripedRows, isSelection, colIndex, columnId, stickyState, cellRef, tableRole, children, variant, ariaLabel, tableVariant, colSpan, rowSpan, scope, columnGroupId, isLast, stickyBoundaryColumnId, ...props }) {
+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,
@@ -32,6 +32,10 @@ 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, 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), 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));
 }
 //# sourceMappingURL=th-element.js.map