npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1310 → 3.0.1312 - Mend

@cloudscape-design/components-themeable 3.0.1310 → 3.0.1312

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 (153) 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_1map5_149:not(#\9) {
+.awsui_header-cell_1spae_1gdol_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_1map5_149:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1map5_149:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_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_1map5_149:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -180,14 +180,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1map5_149:not(#\9):
   border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1map5_149.awsui_header-cell-fake-focus_1spae_1map5_183:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_header-cell-fake-focus_1spae_1gdol_183:not(#\9) {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1map5_149.awsui_header-cell-fake-focus_1spae_1map5_183:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_header-cell-fake-focus_1spae_1gdol_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_1map5_149.awsui_header-cell-fake-focus_1spae_1map5_183:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_header-cell-fake-focus_1spae_1gdol_183:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -201,29 +201,29 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1map5_149.awsui_hea
   border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_header-cell_1spae_1map5_149.awsui_header-cell-group_1spae_1map5_204:not(#\9), .awsui_header-cell_1spae_1map5_149.awsui_header-cell-grouped_1spae_1map5_204:not(#\9), .awsui_header-cell_1spae_1map5_149.awsui_header-cell-spans-rows_1spae_1map5_204:not(#\9) {
+.awsui_header-cell_1spae_1gdol_149.awsui_header-cell-group_1spae_1gdol_204:not(#\9), .awsui_header-cell_1spae_1gdol_149.awsui_header-cell-grouped_1spae_1gdol_204:not(#\9), .awsui_header-cell_1spae_1gdol_149.awsui_header-cell-spans-rows_1spae_1gdol_204:not(#\9) {
   padding-block: var(--space-xxxs-3w1kr2, 2px);
   padding-inline: var(--space-scaled-xs-sppte9, 8px);
 }
-.awsui_header-cell-sticky_1spae_1map5_208:not(#\9) {
-  border-block-end: var(--border-table-sticky-width-o9kqes, 0px) solid var(--color-border-divider-default-ipvpev, #eaeded);
+.awsui_header-cell-sticky_1spae_1gdol_208:not(#\9) {
+  border-block-end: var(--border-table-sticky-width-o9kqes, 0px) solid var(--color-border-divider-interactive-default-cyw7tx, #687078);
 }
-.awsui_header-cell-stuck_1spae_1map5_211:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_1map5_211) {
+.awsui_header-cell-stuck_1spae_1gdol_211:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_1gdol_211) {
   border-block-end-color: transparent;
 }
-.awsui_header-cell-variant-full-page_1spae_1map5_211:not(#\9) {
+.awsui_header-cell-variant-full-page_1spae_1gdol_211:not(#\9) {
   background: var(--color-background-layout-main-05m5y6, #f2f3f3);
 }
-.awsui_header-cell-variant-full-page_1spae_1map5_211.awsui_header-cell-hidden_1spae_1map5_217:not(#\9) {
+.awsui_header-cell-variant-full-page_1spae_1gdol_211.awsui_header-cell-hidden_1spae_1gdol_217:not(#\9) {
   border-block-end-color: transparent;
 }
-.awsui_header-cell-variant-embedded_1spae_1map5_220.awsui_is-visual-refresh_1spae_1map5_220:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_1map5_208, .awsui_sticky-cell_1spae_1map5_220)), .awsui_header-cell-variant-borderless_1spae_1map5_220.awsui_is-visual-refresh_1spae_1map5_220:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_1map5_208, .awsui_sticky-cell_1spae_1map5_220)) {
+.awsui_header-cell-variant-embedded_1spae_1gdol_220.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_1gdol_208, .awsui_sticky-cell_1spae_1gdol_220)), .awsui_header-cell-variant-borderless_1spae_1gdol_220.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_1gdol_208, .awsui_sticky-cell_1spae_1gdol_220)) {
   background: none;
 }
-.awsui_header-cell_1spae_1map5_149:not(#\9):last-child, .awsui_header-cell_1spae_1map5_149[data-rightmost]:not(#\9), .awsui_header-cell_1spae_1map5_149.awsui_header-cell-sortable_1spae_1map5_223:not(#\9) {
+.awsui_header-cell_1spae_1gdol_149:not(#\9):last-child, .awsui_header-cell_1spae_1gdol_149[data-rightmost]:not(#\9), .awsui_header-cell_1spae_1gdol_149.awsui_header-cell-sortable_1spae_1gdol_223:not(#\9) {
   padding-inline-end: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_header-cell_1spae_1map5_149.awsui_sticky-cell_1spae_1map5_220:not(#\9) {
+.awsui_header-cell_1spae_1gdol_149.awsui_sticky-cell_1spae_1gdol_220:not(#\9) {
   position: sticky;
   background: var(--color-background-table-header-5hauij, #fafafa);
   z-index: 798;
@@ -232,44 +232,44 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1map5_149.awsui_hea
   transition-timing-function: var(--motion-easing-sticky-xd5evu, ease-out);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_header-cell_1spae_1map5_149.awsui_sticky-cell_1spae_1map5_220:not(#\9) {
+  .awsui_header-cell_1spae_1gdol_149.awsui_sticky-cell_1spae_1gdol_220:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_header-cell_1spae_1map5_149.awsui_sticky-cell_1spae_1map5_220:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_1map5_149.awsui_sticky-cell_1spae_1map5_220:not(#\9) {
+.awsui-motion-disabled .awsui_header-cell_1spae_1gdol_149.awsui_sticky-cell_1spae_1gdol_220:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_1gdol_149.awsui_sticky-cell_1spae_1gdol_220:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_header-cell_1spae_1map5_149.awsui_sticky-cell_1spae_1map5_220.awsui_table-variant-full-page_1spae_1map5_244:not(#\9) {
+.awsui_header-cell_1spae_1gdol_149.awsui_sticky-cell_1spae_1gdol_220.awsui_table-variant-full-page_1spae_1gdol_244:not(#\9) {
   background: var(--color-background-layout-main-05m5y6, #f2f3f3);
 }
-.awsui_header-cell_1spae_1map5_149.awsui_sticky-cell-pad-left_1spae_1map5_247:not(#\9):not(.awsui_has-selection_1spae_1map5_247) {
+.awsui_header-cell_1spae_1gdol_149.awsui_sticky-cell-pad-left_1spae_1gdol_247:not(#\9):not(.awsui_has-selection_1spae_1gdol_247) {
   padding-inline-start: var(--space-table-horizontal-xmv4qa, 0px);
 }
-.awsui_header-cell_1spae_1map5_149.awsui_sticky-cell-last-inline-start_1spae_1map5_250:not(#\9) {
+.awsui_header-cell_1spae_1gdol_149.awsui_sticky-cell-last-inline-start_1spae_1gdol_250: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_1map5_149.awsui_sticky-cell-last-inline-start_1spae_1map5_250 > .awsui_resize-divider_1spae_1map5_255:not(#\9) {
+.awsui_header-cell_1spae_1gdol_149.awsui_sticky-cell-last-inline-start_1spae_1gdol_250 > .awsui_resize-divider_1spae_1gdol_255:not(#\9) {
   display: none;
 }
-.awsui_header-cell_1spae_1map5_149.awsui_sticky-cell-last-inline-start_1spae_1map5_250:not(#\9):dir(rtl) {
+.awsui_header-cell_1spae_1gdol_149.awsui_sticky-cell-last-inline-start_1spae_1gdol_250: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_1map5_149.awsui_sticky-cell-last-inline-end_1spae_1map5_262:not(#\9) {
+.awsui_header-cell_1spae_1gdol_149.awsui_sticky-cell-last-inline-end_1spae_1gdol_262: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_1map5_149.awsui_sticky-cell-last-inline-end_1spae_1map5_262:not(#\9):dir(rtl) {
+.awsui_header-cell_1spae_1gdol_149.awsui_sticky-cell-last-inline-end_1spae_1gdol_262: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_1map5_272:not(#\9) {
+.awsui_sorting-icon_1spae_1gdol_272:not(#\9) {
   position: absolute;
   inset-block-start: 50%;
   transform: translateY(-50%);
@@ -277,39 +277,39 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1map5_149.awsui_hea
   color: var(--color-text-column-sorting-icon-gys874, #687078);
 }
-.awsui_edit-icon_1spae_1map5_280:not(#\9) {
+.awsui_edit-icon_1spae_1gdol_280: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_1map5_286:not(#\9) {
+.awsui_header-cell-content_1spae_1gdol_286: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_1map5_286.awsui_header-cell-content-expandable_1spae_1map5_292:not(#\9) {
+.awsui_header-cell-content_1spae_1gdol_286.awsui_header-cell-content-expandable_1spae_1gdol_292: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_1map5_204 > .awsui_header-cell-content_1spae_1map5_286:not(#\9), .awsui_header-cell-grouped_1spae_1map5_204 > .awsui_header-cell-content_1spae_1map5_286:not(#\9), .awsui_header-cell-spans-rows_1spae_1map5_204 > .awsui_header-cell-content_1spae_1map5_286:not(#\9) {
+.awsui_header-cell-group_1spae_1gdol_204 > .awsui_header-cell-content_1spae_1gdol_286:not(#\9), .awsui_header-cell-grouped_1spae_1gdol_204 > .awsui_header-cell-content_1spae_1gdol_286:not(#\9), .awsui_header-cell-spans-rows_1spae_1gdol_204 > .awsui_header-cell-content_1spae_1gdol_286:not(#\9) {
   padding-block: var(--space-xxxs-3w1kr2, 2px);
 }
-.awsui_header-cell-sortable_1spae_1map5_223 > .awsui_header-cell-content_1spae_1map5_286:not(#\9) {
+.awsui_header-cell-sortable_1spae_1gdol_223 > .awsui_header-cell-content_1spae_1gdol_286:not(#\9) {
   padding-inline-end: calc(var(--space-xl-4dmkh1, 24px) + var(--space-xxs-jnczic, 4px));
 }
-.awsui_header-cell-content_1spae_1map5_286:not(#\9):focus {
+.awsui_header-cell-content_1spae_1gdol_286:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1map5_286:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1gdol_286:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1map5_286:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1gdol_286: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_1map5_286:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1gdol_286:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -323,14 +323,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1map5_286:n
   border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 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_1map5_286.awsui_header-cell-fake-focus_1spae_1map5_183:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1gdol_286.awsui_header-cell-fake-focus_1spae_1gdol_183:not(#\9) {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1map5_286.awsui_header-cell-fake-focus_1spae_1map5_183:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1gdol_286.awsui_header-cell-fake-focus_1spae_1gdol_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_1map5_286.awsui_header-cell-fake-focus_1spae_1map5_183:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1gdol_286.awsui_header-cell-fake-focus_1spae_1gdol_183:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -344,49 +344,49 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1map5_286.a
   border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_header-cell-disabled_1spae_1map5_347.awsui_header-cell-sorted_1spae_1map5_347 > .awsui_header-cell-content_1spae_1map5_286 > .awsui_sorting-icon_1spae_1map5_272:not(#\9) {
+.awsui_header-cell-disabled_1spae_1gdol_347.awsui_header-cell-sorted_1spae_1gdol_347 > .awsui_header-cell-content_1spae_1gdol_286 > .awsui_sorting-icon_1spae_1gdol_272:not(#\9) {
   color: var(--color-text-interactive-disabled-xwt2jl, #aab7b8);
 }
-.awsui_header-cell-spans-rows_1spae_1map5_204:not(#\9) {
+.awsui_header-cell-spans-rows_1spae_1gdol_204:not(#\9) {
   block-size: 100%;
   vertical-align: bottom;
 }
-.awsui_header-cell-spans-rows_1spae_1map5_204 > .awsui_header-cell-content_1spae_1map5_286:not(#\9) {
+.awsui_header-cell-spans-rows_1spae_1gdol_204 > .awsui_header-cell-content_1spae_1gdol_286:not(#\9) {
   block-size: 100%;
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
 }
-.awsui_header-cell-spans-rows_1spae_1map5_204 > .awsui_header-cell-content_1spae_1map5_286 > .awsui_sorting-icon_1spae_1map5_272:not(#\9) {
+.awsui_header-cell-spans-rows_1spae_1gdol_204 > .awsui_header-cell-content_1spae_1gdol_286 > .awsui_sorting-icon_1spae_1gdol_272:not(#\9) {
   inset-block-start: auto;
   inset-block-end: var(--space-scaled-xxs-jatbiv, 4px);
   transform: none;
 }
-.awsui_header-cell-sortable_1spae_1map5_223:not(#\9):not(.awsui_header-cell-disabled_1spae_1map5_347) > .awsui_header-cell-content_1spae_1map5_286 {
+.awsui_header-cell-sortable_1spae_1gdol_223:not(#\9):not(.awsui_header-cell-disabled_1spae_1gdol_347) > .awsui_header-cell-content_1spae_1gdol_286 {
   cursor: pointer;
 }
-.awsui_header-cell-sortable_1spae_1map5_223:not(#\9):not(.awsui_header-cell-disabled_1spae_1map5_347) > .awsui_header-cell-content_1spae_1map5_286:hover, .awsui_header-cell-sortable_1spae_1map5_223:not(#\9):not(.awsui_header-cell-disabled_1spae_1map5_347).awsui_header-cell-sorted_1spae_1map5_347 > .awsui_header-cell-content_1spae_1map5_286 {
+.awsui_header-cell-sortable_1spae_1gdol_223:not(#\9):not(.awsui_header-cell-disabled_1spae_1gdol_347) > .awsui_header-cell-content_1spae_1gdol_286:hover, .awsui_header-cell-sortable_1spae_1gdol_223:not(#\9):not(.awsui_header-cell-disabled_1spae_1gdol_347).awsui_header-cell-sorted_1spae_1gdol_347 > .awsui_header-cell-content_1spae_1gdol_286 {
   color: var(--color-text-interactive-active-c44vdq, #16191f);
 }
-.awsui_header-cell-sortable_1spae_1map5_223:not(#\9):not(.awsui_header-cell-disabled_1spae_1map5_347) > .awsui_header-cell-content_1spae_1map5_286:hover > .awsui_sorting-icon_1spae_1map5_272, .awsui_header-cell-sortable_1spae_1map5_223:not(#\9):not(.awsui_header-cell-disabled_1spae_1map5_347).awsui_header-cell-sorted_1spae_1map5_347 > .awsui_header-cell-content_1spae_1map5_286 > .awsui_sorting-icon_1spae_1map5_272 {
+.awsui_header-cell-sortable_1spae_1gdol_223:not(#\9):not(.awsui_header-cell-disabled_1spae_1gdol_347) > .awsui_header-cell-content_1spae_1gdol_286:hover > .awsui_sorting-icon_1spae_1gdol_272, .awsui_header-cell-sortable_1spae_1gdol_223:not(#\9):not(.awsui_header-cell-disabled_1spae_1gdol_347).awsui_header-cell-sorted_1spae_1gdol_347 > .awsui_header-cell-content_1spae_1gdol_286 > .awsui_sorting-icon_1spae_1gdol_272 {
   color: var(--color-text-interactive-active-c44vdq, #16191f);
 }
-.awsui_header-cell-text_1spae_1map5_378:not(#\9) {
+.awsui_header-cell-text_1spae_1gdol_378: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_1map5_378:not(#\9):not(.awsui_header-cell-text-wrap_1spae_1map5_382) {
+.awsui_header-cell-text_1spae_1gdol_378:not(#\9):not(.awsui_header-cell-text-wrap_1spae_1gdol_382) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.awsui_header-cell-ascending_1spae_1map5_388:not(#\9),
-.awsui_header-cell-descending_1spae_1map5_389:not(#\9) {
+.awsui_header-cell-ascending_1spae_1gdol_388:not(#\9),
+.awsui_header-cell-descending_1spae_1gdol_389:not(#\9) {
   /* used in test-utils */
 }
@@ -396,28 +396,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_1map5_149:not(#\9):not(.awsui_is-visual-refresh_1spae_1map5_220):first-child {
+.awsui_header-cell_1spae_1gdol_149:not(#\9):not(.awsui_is-visual-refresh_1spae_1gdol_220):first-child {
   padding-inline-start: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_header-cell_1spae_1map5_149:not(#\9):not(.awsui_is-visual-refresh_1spae_1map5_220):first-child.awsui_header-cell-content-expandable_1spae_1map5_292 {
+.awsui_header-cell_1spae_1gdol_149:not(#\9):not(.awsui_is-visual-refresh_1spae_1gdol_220):first-child.awsui_header-cell-content-expandable_1spae_1gdol_292 {
   padding-inline-start: calc(var(--space-xs-kw7k3v, 8px) + var(--space-m-n2lypl, 16px) + var(--space-xs-kw7k3v, 8px));
 }
-.awsui_header-cell_1spae_1map5_149.awsui_is-visual-refresh_1spae_1map5_220:not(#\9) {
+.awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220: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_1map5_149.awsui_is-visual-refresh_1spae_1map5_220:not(#\9):first-child:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child:focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1map5_149.awsui_is-visual-refresh_1spae_1map5_220:not(#\9):first-child:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220: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_1map5_149.awsui_is-visual-refresh_1spae_1map5_220:not(#\9):first-child:focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child:focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -431,14 +431,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1map5_149.awsui_is-
   border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1map5_149.awsui_is-visual-refresh_1spae_1map5_220:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_1map5_183 {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_1gdol_183 {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1map5_149.awsui_is-visual-refresh_1spae_1map5_220:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_1map5_183 {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_1gdol_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_1map5_149.awsui_is-visual-refresh_1spae_1map5_220:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_1map5_183::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_1gdol_183::before {
   content: " ";
   display: block;
   position: absolute;
@@ -452,20 +452,20 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1map5_149.awsui_is-
   border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_header-cell_1spae_1map5_149.awsui_is-visual-refresh_1spae_1map5_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1map5_204):not(.awsui_header-cell-group_1spae_1map5_204) > .awsui_header-cell-content_1spae_1map5_286 {
+.awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1gdol_204):not(.awsui_header-cell-group_1spae_1gdol_204) > .awsui_header-cell-content_1spae_1gdol_286 {
   padding-inline-start: 0px;
 }
-.awsui_header-cell_1spae_1map5_149.awsui_is-visual-refresh_1spae_1map5_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1map5_204):not(.awsui_header-cell-group_1spae_1map5_204) > .awsui_header-cell-content_1spae_1map5_286.awsui_header-cell-content-expandable_1spae_1map5_292 {
+.awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1gdol_204):not(.awsui_header-cell-group_1spae_1gdol_204) > .awsui_header-cell-content_1spae_1gdol_286.awsui_header-cell-content-expandable_1spae_1gdol_292 {
   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_1map5_149.awsui_is-visual-refresh_1spae_1map5_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1map5_204):not(.awsui_header-cell-group_1spae_1map5_204) > .awsui_header-cell-content_1spae_1map5_286:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1gdol_204):not(.awsui_header-cell-group_1spae_1gdol_204) > .awsui_header-cell-content_1spae_1gdol_286:focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1map5_149.awsui_is-visual-refresh_1spae_1map5_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1map5_204):not(.awsui_header-cell-group_1spae_1map5_204) > .awsui_header-cell-content_1spae_1map5_286:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1gdol_204):not(.awsui_header-cell-group_1spae_1gdol_204) > .awsui_header-cell-content_1spae_1gdol_286: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_1map5_149.awsui_is-visual-refresh_1spae_1map5_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1map5_204):not(.awsui_header-cell-group_1spae_1map5_204) > .awsui_header-cell-content_1spae_1map5_286:focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1gdol_204):not(.awsui_header-cell-group_1spae_1gdol_204) > .awsui_header-cell-content_1spae_1gdol_286:focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -479,14 +479,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1map5_149.awsui_is-
   border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1map5_149.awsui_is-visual-refresh_1spae_1map5_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1map5_204):not(.awsui_header-cell-group_1spae_1map5_204) > .awsui_header-cell-content_1spae_1map5_286.awsui_header-cell-fake-focus_1spae_1map5_183 {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1gdol_204):not(.awsui_header-cell-group_1spae_1gdol_204) > .awsui_header-cell-content_1spae_1gdol_286.awsui_header-cell-fake-focus_1spae_1gdol_183 {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1map5_149.awsui_is-visual-refresh_1spae_1map5_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1map5_204):not(.awsui_header-cell-group_1spae_1map5_204) > .awsui_header-cell-content_1spae_1map5_286.awsui_header-cell-fake-focus_1spae_1map5_183 {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1gdol_204):not(.awsui_header-cell-group_1spae_1gdol_204) > .awsui_header-cell-content_1spae_1gdol_286.awsui_header-cell-fake-focus_1spae_1gdol_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_1map5_149.awsui_is-visual-refresh_1spae_1map5_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1map5_204):not(.awsui_header-cell-group_1spae_1map5_204) > .awsui_header-cell-content_1spae_1map5_286.awsui_header-cell-fake-focus_1spae_1map5_183::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1gdol_204):not(.awsui_header-cell-group_1spae_1gdol_204) > .awsui_header-cell-content_1spae_1gdol_286.awsui_header-cell-fake-focus_1spae_1gdol_183::before {
   content: " ";
   display: block;
   position: absolute;
@@ -500,24 +500,24 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1map5_149.awsui_is-
   border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_header-cell_1spae_1map5_149.awsui_is-visual-refresh_1spae_1map5_220:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_1map5_503):not(.awsui_sticky-cell-pad-inline-start_1spae_1map5_503):not(.awsui_header-cell-group_1spae_1map5_204):not(.awsui_header-cell-grouped_1spae_1map5_204) {
+.awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_1gdol_503):not(.awsui_sticky-cell-pad-inline-start_1spae_1gdol_503):not(.awsui_header-cell-group_1spae_1gdol_204):not(.awsui_header-cell-grouped_1spae_1gdol_204) {
   padding-inline-start: var(--space-xxxs-3w1kr2, 2px);
 }
-.awsui_header-cell_1spae_1map5_149.awsui_is-visual-refresh_1spae_1map5_220:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_1map5_503):not(.awsui_sticky-cell-pad-inline-start_1spae_1map5_503):not(.awsui_header-cell-group_1spae_1map5_204):not(.awsui_header-cell-grouped_1spae_1map5_204).awsui_header-cell-content-expandable_1spae_1map5_292 {
+.awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_1gdol_503):not(.awsui_sticky-cell-pad-inline-start_1spae_1gdol_503):not(.awsui_header-cell-group_1spae_1gdol_204):not(.awsui_header-cell-grouped_1spae_1gdol_204).awsui_header-cell-content-expandable_1spae_1gdol_292 {
   padding-inline-start: calc(var(--space-xxxs-3w1kr2, 2px) + var(--space-m-n2lypl, 16px) + var(--space-xs-kw7k3v, 8px));
 }
-.awsui_header-cell_1spae_1map5_149.awsui_is-visual-refresh_1spae_1map5_220:not(#\9):first-child.awsui_has-striped-rows_1spae_1map5_503:not(.awsui_sticky-cell-pad-inline-start_1spae_1map5_503):not(.awsui_header-cell-group_1spae_1map5_204):not(.awsui_header-cell-grouped_1spae_1map5_204) {
+.awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child.awsui_has-striped-rows_1spae_1gdol_503:not(.awsui_sticky-cell-pad-inline-start_1spae_1gdol_503):not(.awsui_header-cell-group_1spae_1gdol_204):not(.awsui_header-cell-grouped_1spae_1gdol_204) {
   padding-inline-start: var(--space-xxs-jnczic, 4px);
 }
-.awsui_header-cell_1spae_1map5_149.awsui_is-visual-refresh_1spae_1map5_220:not(#\9):first-child.awsui_has-striped-rows_1spae_1map5_503:not(.awsui_sticky-cell-pad-inline-start_1spae_1map5_503):not(.awsui_header-cell-group_1spae_1map5_204):not(.awsui_header-cell-grouped_1spae_1map5_204).awsui_header-cell-content-expandable_1spae_1map5_292 {
+.awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child.awsui_has-striped-rows_1spae_1gdol_503:not(.awsui_sticky-cell-pad-inline-start_1spae_1gdol_503):not(.awsui_header-cell-group_1spae_1gdol_204):not(.awsui_header-cell-grouped_1spae_1gdol_204).awsui_header-cell-content-expandable_1spae_1gdol_292 {
   padding-inline-start: calc(var(--space-xxs-jnczic, 4px) + var(--space-m-n2lypl, 16px) + var(--space-xs-kw7k3v, 8px));
 }
-.awsui_header-cell_1spae_1map5_149.awsui_is-visual-refresh_1spae_1map5_220:not(#\9):last-child.awsui_header-cell-sortable_1spae_1map5_223:not(.awsui_header-cell-resizable_1spae_1map5_515), .awsui_header-cell_1spae_1map5_149.awsui_is-visual-refresh_1spae_1map5_220[data-rightmost].awsui_header-cell-sortable_1spae_1map5_223:not(#\9):not(.awsui_header-cell-resizable_1spae_1map5_515) {
+.awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):last-child.awsui_header-cell-sortable_1spae_1gdol_223:not(.awsui_header-cell-resizable_1spae_1gdol_515), .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220[data-rightmost].awsui_header-cell-sortable_1spae_1gdol_223:not(#\9):not(.awsui_header-cell-resizable_1spae_1gdol_515) {
   padding-inline-end: var(--space-xxxs-3w1kr2, 2px);
 }
-.awsui_header-cell_1spae_1map5_149.awsui_is-visual-refresh_1spae_1map5_220.awsui_sticky-cell-pad-inline-start_1spae_1map5_503:not(#\9) {
+.awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220.awsui_sticky-cell-pad-inline-start_1spae_1gdol_503:not(#\9) {
   padding-inline-start: var(--space-scaled-l-66n9sr, 20px);
 }
-.awsui_header-cell_1spae_1map5_149.awsui_is-visual-refresh_1spae_1map5_220.awsui_sticky-cell-pad-inline-start_1spae_1map5_503.awsui_header-cell-content-expandable_1spae_1map5_292:not(#\9) {
+.awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220.awsui_sticky-cell-pad-inline-start_1spae_1gdol_503.awsui_header-cell-content-expandable_1spae_1gdol_292: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,38 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "header-cell": "awsui_header-cell_1spae_1map5_149",
-  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_1map5_183",
-  "header-cell-group": "awsui_header-cell-group_1spae_1map5_204",
-  "header-cell-grouped": "awsui_header-cell-grouped_1spae_1map5_204",
-  "header-cell-spans-rows": "awsui_header-cell-spans-rows_1spae_1map5_204",
-  "header-cell-sticky": "awsui_header-cell-sticky_1spae_1map5_208",
-  "header-cell-stuck": "awsui_header-cell-stuck_1spae_1map5_211",
-  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_1map5_211",
-  "header-cell-hidden": "awsui_header-cell-hidden_1spae_1map5_217",
-  "header-cell-variant-embedded": "awsui_header-cell-variant-embedded_1spae_1map5_220",
-  "is-visual-refresh": "awsui_is-visual-refresh_1spae_1map5_220",
-  "sticky-cell": "awsui_sticky-cell_1spae_1map5_220",
-  "header-cell-variant-borderless": "awsui_header-cell-variant-borderless_1spae_1map5_220",
-  "header-cell-sortable": "awsui_header-cell-sortable_1spae_1map5_223",
-  "table-variant-full-page": "awsui_table-variant-full-page_1spae_1map5_244",
-  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_1map5_247",
-  "has-selection": "awsui_has-selection_1spae_1map5_247",
-  "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_1map5_250",
-  "resize-divider": "awsui_resize-divider_1spae_1map5_255",
-  "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_1map5_262",
-  "sorting-icon": "awsui_sorting-icon_1spae_1map5_272",
-  "edit-icon": "awsui_edit-icon_1spae_1map5_280",
-  "header-cell-content": "awsui_header-cell-content_1spae_1map5_286",
-  "header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_1map5_292",
-  "header-cell-disabled": "awsui_header-cell-disabled_1spae_1map5_347",
-  "header-cell-sorted": "awsui_header-cell-sorted_1spae_1map5_347",
-  "header-cell-text": "awsui_header-cell-text_1spae_1map5_378",
-  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_1map5_382",
-  "header-cell-ascending": "awsui_header-cell-ascending_1spae_1map5_388",
-  "header-cell-descending": "awsui_header-cell-descending_1spae_1map5_389",
-  "has-striped-rows": "awsui_has-striped-rows_1spae_1map5_503",
-  "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_1map5_503",
-  "header-cell-resizable": "awsui_header-cell-resizable_1spae_1map5_515"
+  "header-cell": "awsui_header-cell_1spae_1gdol_149",
+  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_1gdol_183",
+  "header-cell-group": "awsui_header-cell-group_1spae_1gdol_204",
+  "header-cell-grouped": "awsui_header-cell-grouped_1spae_1gdol_204",
+  "header-cell-spans-rows": "awsui_header-cell-spans-rows_1spae_1gdol_204",
+  "header-cell-sticky": "awsui_header-cell-sticky_1spae_1gdol_208",
+  "header-cell-stuck": "awsui_header-cell-stuck_1spae_1gdol_211",
+  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_1gdol_211",
+  "header-cell-hidden": "awsui_header-cell-hidden_1spae_1gdol_217",
+  "header-cell-variant-embedded": "awsui_header-cell-variant-embedded_1spae_1gdol_220",
+  "is-visual-refresh": "awsui_is-visual-refresh_1spae_1gdol_220",
+  "sticky-cell": "awsui_sticky-cell_1spae_1gdol_220",
+  "header-cell-variant-borderless": "awsui_header-cell-variant-borderless_1spae_1gdol_220",
+  "header-cell-sortable": "awsui_header-cell-sortable_1spae_1gdol_223",
+  "table-variant-full-page": "awsui_table-variant-full-page_1spae_1gdol_244",
+  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_1gdol_247",
+  "has-selection": "awsui_has-selection_1spae_1gdol_247",
+  "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_1gdol_250",
+  "resize-divider": "awsui_resize-divider_1spae_1gdol_255",
+  "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_1gdol_262",
+  "sorting-icon": "awsui_sorting-icon_1spae_1gdol_272",
+  "edit-icon": "awsui_edit-icon_1spae_1gdol_280",
+  "header-cell-content": "awsui_header-cell-content_1spae_1gdol_286",
+  "header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_1gdol_292",
+  "header-cell-disabled": "awsui_header-cell-disabled_1spae_1gdol_347",
+  "header-cell-sorted": "awsui_header-cell-sorted_1spae_1gdol_347",
+  "header-cell-text": "awsui_header-cell-text_1spae_1gdol_378",
+  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_1gdol_382",
+  "header-cell-ascending": "awsui_header-cell-ascending_1spae_1gdol_388",
+  "header-cell-descending": "awsui_header-cell-descending_1spae_1gdol_389",
+  "has-striped-rows": "awsui_has-striped-rows_1spae_1gdol_503",
+  "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_1gdol_503",
+  "header-cell-resizable": "awsui_header-cell-resizable_1spae_1gdol_515"
 };

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

@@ -29,10 +29,11 @@ export interface TableThElementProps {
     scope?: 'col' | 'colgroup';
     columnGroupId?: string;
     isLast?: boolean;
-    /** Additional className to merge (e.g. boundary shadow classes from a secondary sticky subscription). */
-    className?: string;
-    /** Additional ref for boundary sticky subscription (imperatively updates shadow classes). */
-    boundaryRef?: React.RefCallback<HTMLElement>;
+    /**
+     * For cells that span multiple columns (group headers): the column id of the boundary leaf
+     * whose sticky shadow this cell should inherit. The cell's position still comes from `columnId`.
+     */
+    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, className, boundaryRef, ...props }: TableThElementProps): JSX.Element;
+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;
 //# 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~~,yGAAyG~~;~~IACzG~~,~~SAAS~~,CAAC,EAAE,~~MAAM,CAAC;IACnB,6FAA6F;IAC7F,~~WAAW,CAAC~~,EAAE,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC~~;~~CAC9C~~;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,~~SAAS~~,~~EACT~~,~~WAAW,EACX,~~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,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"}

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

@@ -11,15 +11,16 @@ 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, className, boundaryRef, ...props }) {
+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 }) {
     const isVisualRefresh = useVisualRefresh();
     const stickyStyles = useStickyCellStyles({
         stickyColumns: stickyState,
         columnId,
         getClassName: props => getStickyClassNames(styles, props),
+        boundaryColumnId: stickyBoundaryColumnId,
     });
     const cellRefObject = useRef(null);
-    const mergedRef = useMergeRefs(stickyStyles.ref, cellRef, cellRefObject, boundaryRef);
+    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'], {
             [styles['header-cell-fake-focus']]: focusedComponent === `header-${String(columnId)}`,
@@ -31,6 +32,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, 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, 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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"th-element.js","sourceRoot":"","sources":["../../../../src/table/header-cell/th-element.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,+CAA+C,CAAC;AAC7E,OAAO,EAAE,0BAA0B,EAAE,MAAM,+CAA+C,CAAC;AAC3F,OAAO,EAAE,8BAA8B,EAAE,MAAM,kEAAkE,CAAC;AAElH,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAGxE,OAAO,EAAsB,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EAAE,0BAA0B,EAAa,MAAM,eAAe,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAG/C,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,MAAM,MAAM,iBAAiB,CAAC;~~AAiCrC~~,MAAM,UAAU,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,~~SAAS~~,~~EACT~~,~~WAAW,EACX,~~GAAG,KAAK,EACY;IACpB,MAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;IAE3C,MAAM,YAAY,GAAG,mBAAmB,CAAC;QACvC,aAAa,EAAE,WAAW;QAC1B,QAAQ;QACR,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,MAAM,EAAE,KAAK,CAAC;~~KAC1D~~,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,MAAM,CAAuB,IAAI,CAAC,CAAC;IACzD,MAAM,SAAS,GAAG,YAAY,CAAC,YAAY,CAAC,GAAG,EAAE,OAAO,EAAE,aAAa,~~EAAE,WAAW,~~CAAC,CAAC;~~IACtF~~,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,0BAA0B,CAAC,aAAa,CAAC,CAAC;IAE7E,OAAO,CACL,6CACiB,UAAU,MAAM,CAAC,QAAQ,CAAC,EAAE,EAC3C,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,aAAa,CAAC,EACrB,MAAM,CAAC,uBAAuB,OAAO,EAAE,CAAC,EACxC,MAAM,IAAI,MAAM,CAAC,oBAAoB,CAAC,EACtC,SAAS,IAAI,MAAM,CAAC,uBAAuB,CAAC,EAC5C,KAAK,IAAI,MAAM,CAAC,mBAAmB,CAAC,EACpC,WAAW,IAAI,MAAM,CAAC,kBAAkB,CAAC,EACzC,eAAe,IAAI,MAAM,CAAC,mBAAmB,CAAC,EAC9C,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,mBAAmB,CAAC,EAAE,WAAW,CAAC,0BAA0B,CAAC,CAAC,EAC9F,YAAY,IAAI,MAAM,CAAC,iBAAiB,YAAY,EAAE,CAAC,EACvD,KAAK,KAAK,UAAU,IAAI,MAAM,CAAC,mBAAmB,CAAC,EACnD;YACE,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAC,EAAE,gBAAgB,KAAK,UAAU,MAAM,CAAC,QAAQ,CAAC,EAAE;YACrF,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC,EAAE,aAAa;YAC/C,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,EAAE,aAAa,KAAK,WAAW,IAAI,aAAa,KAAK,YAAY;YAC/F,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC,EAAE,eAAe;YACjD,CAAC,MAAM,CAAC,uBAAuB,CAAC,CAAC,EAAE,aAAa,KAAK,WAAW;YAChE,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAC,EAAE,aAAa,KAAK,YAAY;YAClE,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,EAAE,MAAM;YACtC,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAC,EAAE,CAAC,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,CAAC,CAAC,GAAG,CAAC;YACtD,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,EAAE,CAAC,CAAC,aAAa;SACjD,EACD,YAAY,CAAC,SAAS,~~EACtB~~,~~SAAS,CACV,~~EACD,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,EAAE,GAAG,cAAc,EAAE,GAAG,YAAY,CAAC,KAAK,EAAE,EACnD,GAAG,EAAE,SAAS,KACV,0BAA0B,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,EACtE,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,KAAK,EACrB,QAAQ,EAAE,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,KACpD,8BAA8B,CAAC,KAAK,CAAC,KACrC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAC9C,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAC1C,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,EAAE,mBAAmB,EAAE,QAAQ,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KACnE,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,sBAAsB,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,IAEnE,QAAQ,CACN,CACN,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';\nimport { useSingleTabStopNavigation } from '@cloudscape-design/component-toolkit/internal';\nimport { copyAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { useVisualRefresh } from '../../internal/hooks/use-visual-mode';\nimport { ColumnWidthStyle } from '../column-widths-utils';\nimport { TableProps } from '../interfaces';\nimport { StickyColumnsModel, useStickyCellStyles } from '../sticky-columns';\nimport { getTableColHeaderRoleProps, TableRole } from '../table-role';\nimport { getStickyClassNames } from '../utils';\nimport { SortingStatus } from './utils';\n\nimport tableStyles from '../styles.css.js';\nimport styles from './styles.css.js';\n\nexport interface TableThElementProps {\n resizableStyle?: ColumnWidthStyle;\n sortingStatus?: SortingStatus;\n sortingDisabled?: boolean;\n focusedComponent?: null \| string;\n stuck?: boolean;\n sticky?: boolean;\n resizable?: boolean;\n hidden?: boolean;\n stripedRows?: boolean;\n isSelection?: boolean;\n colIndex: number;\n columnId: PropertyKey;\n stickyState: StickyColumnsModel;\n cellRef?: React.RefCallback<HTMLElement> \| null;\n tableRole: TableRole;\n children: React.ReactNode;\n variant: TableProps.Variant;\n tableVariant?: TableProps.Variant;\n ariaLabel?: string;\n colSpan?: number;\n rowSpan?: number;\n scope?: 'col' \| 'colgroup';\n columnGroupId?: string;\n isLast?: boolean;\n /** ~~Additional~~ ~~className~~ to ~~merge~~ ~~(e.g.~~ ~~boundary~~ ~~shadow~~ ~~classes~~ ~~from~~ a ~~secondary~~ ~~sticky~~ ~~subscription).~~ /\n className?: ~~string;\~~n /* ~~Additional~~ ~~ref~~ ~~for~~ ~~boundary~~ ~~sticky~~ ~~subscription~~ ~~(imperatively~~ ~~updates~~ ~~shadow~~ ~~classes).~~ */\n ~~boundaryRef~~?: ~~React.RefCallback<HTMLElement>;\~~n}\n\nexport function TableThElement({\n resizableStyle,\n sortingStatus,\n sortingDisabled,\n focusedComponent,\n stuck,\n sticky,\n resizable,\n hidden,\n stripedRows,\n isSelection,\n colIndex,\n columnId,\n stickyState,\n cellRef,\n tableRole,\n children,\n variant,\n ariaLabel,\n tableVariant,\n colSpan,\n rowSpan,\n scope,\n columnGroupId,\n isLast,\n ~~className~~,\n ~~boundaryRef,\n~~ ...props\n}: TableThElementProps) {\n const isVisualRefresh = useVisualRefresh();\n\n const stickyStyles = useStickyCellStyles({\n stickyColumns: stickyState,\n columnId,\n getClassName: props => getStickyClassNames(styles, props),\n });\n\n const cellRefObject = useRef<HTMLTableCellElement>(null);\n const mergedRef = useMergeRefs(stickyStyles.ref, cellRef, cellRefObject~~, boundaryRef~~);\n const { tabIndex: cellTabIndex } = useSingleTabStopNavigation(cellRefObject);\n\n return (\n <th\n data-focus-id={`header-${String(columnId)}`}\n className={clsx(\n styles['header-cell'],\n styles[`header-cell-variant-${variant}`],\n sticky && styles['header-cell-sticky'],\n resizable && styles['header-cell-resizable'],\n stuck && styles['header-cell-stuck'],\n stripedRows && styles['has-striped-rows'],\n isVisualRefresh && styles['is-visual-refresh'],\n isSelection && clsx(tableStyles['selection-control'], tableStyles['selection-control-header']),\n tableVariant && styles[`table-variant-${tableVariant}`],\n scope === 'colgroup' && styles['header-cell-group'],\n {\n [styles['header-cell-fake-focus']]: focusedComponent === `header-${String(columnId)}`,\n [styles['header-cell-sortable']]: sortingStatus,\n [styles['header-cell-sorted']]: sortingStatus === 'ascending' \|\| sortingStatus === 'descending',\n [styles['header-cell-disabled']]: sortingDisabled,\n [styles['header-cell-ascending']]: sortingStatus === 'ascending',\n [styles['header-cell-descending']]: sortingStatus === 'descending',\n [styles['header-cell-hidden']]: hidden,\n [styles['header-cell-spans-rows']]: (rowSpan ?? 1) > 1,\n [styles['header-cell-grouped']]: !!columnGroupId,\n },\n stickyStyles.className~~,\n className~~\n )}\n colSpan={colSpan}\n rowSpan={rowSpan}\n style={{ ...resizableStyle, ...stickyStyles.style }}\n ref={mergedRef}\n {...getTableColHeaderRoleProps({ tableRole, sortingStatus, colIndex })}\n scope={scope ?? 'col'}\n tabIndex={cellTabIndex === -1 ? undefined : cellTabIndex}\n {...copyAnalyticsMetadataAttribute(props)}\n {...(ariaLabel ? { 'aria-label': ariaLabel } : {})}\n {...(isLast ? { 'data-rightmost': true } : {})}\n {...(scope !== 'colgroup' ? { 'data-column-index': colIndex + 1 } : {})}\n {...(columnGroupId ? { 'data-column-group-id': columnGroupId } : {})}\n >\n {children}\n </th>\n );\n}\n"]}
1	+ {"version":3,"file":"th-element.js","sourceRoot":"","sources":["../../../../src/table/header-cell/th-element.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';\nimport { useSingleTabStopNavigation } from '@cloudscape-design/component-toolkit/internal';\nimport { copyAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { useVisualRefresh } from '../../internal/hooks/use-visual-mode';\nimport { ColumnWidthStyle } from '../column-widths-utils';\nimport { TableProps } from '../interfaces';\nimport { StickyColumnsModel, useStickyCellStyles } from '../sticky-columns';\nimport { getTableColHeaderRoleProps, TableRole } from '../table-role';\nimport { getStickyClassNames } from '../utils';\nimport { SortingStatus } from './utils';\n\nimport tableStyles from '../styles.css.js';\nimport styles from './styles.css.js';\n\nexport interface TableThElementProps {\n resizableStyle?: ColumnWidthStyle;\n sortingStatus?: SortingStatus;\n sortingDisabled?: boolean;\n focusedComponent?: null \| string;\n stuck?: boolean;\n sticky?: boolean;\n resizable?: boolean;\n hidden?: boolean;\n stripedRows?: boolean;\n isSelection?: boolean;\n colIndex: number;\n columnId: PropertyKey;\n stickyState: StickyColumnsModel;\n cellRef?: React.RefCallback<HTMLElement> \| null;\n tableRole: TableRole;\n children: React.ReactNode;\n variant: TableProps.Variant;\n tableVariant?: TableProps.Variant;\n ariaLabel?: string;\n colSpan?: number;\n rowSpan?: number;\n scope?: 'col' \| 'colgroup';\n columnGroupId?: string;\n isLast?: boolean;\n /*\n For cells that span multiple columns (group headers): the column id of the boundary leaf\n * whose sticky shadow this cell should inherit. The cell's position still comes from `columnId`.\n */\n stickyBoundaryColumnId?: PropertyKey;\n}\n\nexport function TableThElement({\n resizableStyle,\n sortingStatus,\n sortingDisabled,\n focusedComponent,\n stuck,\n sticky,\n resizable,\n hidden,\n stripedRows,\n isSelection,\n colIndex,\n columnId,\n stickyState,\n cellRef,\n tableRole,\n children,\n variant,\n ariaLabel,\n tableVariant,\n colSpan,\n rowSpan,\n scope,\n columnGroupId,\n isLast,\n stickyBoundaryColumnId,\n ...props\n}: TableThElementProps) {\n const isVisualRefresh = useVisualRefresh();\n\n const stickyStyles = useStickyCellStyles({\n stickyColumns: stickyState,\n columnId,\n getClassName: props => getStickyClassNames(styles, props),\n boundaryColumnId: stickyBoundaryColumnId,\n });\n\n const cellRefObject = useRef<HTMLTableCellElement>(null);\n const mergedRef = useMergeRefs(stickyStyles.ref, cellRef, cellRefObject);\n const { tabIndex: cellTabIndex } = useSingleTabStopNavigation(cellRefObject);\n\n return (\n <th\n data-focus-id={`header-${String(columnId)}`}\n className={clsx(\n styles['header-cell'],\n styles[`header-cell-variant-${variant}`],\n sticky && styles['header-cell-sticky'],\n resizable && styles['header-cell-resizable'],\n stuck && styles['header-cell-stuck'],\n stripedRows && styles['has-striped-rows'],\n isVisualRefresh && styles['is-visual-refresh'],\n isSelection && clsx(tableStyles['selection-control'], tableStyles['selection-control-header']),\n tableVariant && styles[`table-variant-${tableVariant}`],\n scope === 'colgroup' && styles['header-cell-group'],\n {\n [styles['header-cell-fake-focus']]: focusedComponent === `header-${String(columnId)}`,\n [styles['header-cell-sortable']]: sortingStatus,\n [styles['header-cell-sorted']]: sortingStatus === 'ascending' \|\| sortingStatus === 'descending',\n [styles['header-cell-disabled']]: sortingDisabled,\n [styles['header-cell-ascending']]: sortingStatus === 'ascending',\n [styles['header-cell-descending']]: sortingStatus === 'descending',\n [styles['header-cell-hidden']]: hidden,\n [styles['header-cell-spans-rows']]: (rowSpan ?? 1) > 1,\n [styles['header-cell-grouped']]: !!columnGroupId,\n },\n stickyStyles.className\n )}\n colSpan={colSpan}\n rowSpan={rowSpan}\n style={{ ...resizableStyle, ...stickyStyles.style }}\n ref={mergedRef}\n {...getTableColHeaderRoleProps({ tableRole, sortingStatus, colIndex })}\n scope={scope ?? 'col'}\n tabIndex={cellTabIndex === -1 ? undefined : cellTabIndex}\n {...copyAnalyticsMetadataAttribute(props)}\n {...(ariaLabel ? { 'aria-label': ariaLabel } : {})}\n {...(isLast ? { 'data-rightmost': true } : {})}\n {...(scope !== 'colgroup' ? { 'data-column-index': colIndex + 1 } : {})}\n {...(columnGroupId ? { 'data-column-group-id': columnGroupId } : {})}\n >\n {children}\n </th>\n );\n}\n"]}