npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1011 → 3.0.1013 - Mend

@cloudscape-design/components-themeable 3.0.1011 → 3.0.1013

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 (125) 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_1wkn2_149:not(#\9) {
+.awsui_header-cell_1spae_p4nau_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_1wkn2_149:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_p4nau_149:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1wkn2_149:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_p4nau_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_1wkn2_149:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_p4nau_149:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -180,14 +180,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1wkn2_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_1wkn2_149.awsui_header-cell-fake-focus_1spae_1wkn2_183:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_p4nau_149.awsui_header-cell-fake-focus_1spae_p4nau_183:not(#\9) {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1wkn2_149.awsui_header-cell-fake-focus_1spae_1wkn2_183:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_p4nau_149.awsui_header-cell-fake-focus_1spae_p4nau_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_1wkn2_149.awsui_header-cell-fake-focus_1spae_1wkn2_183:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_p4nau_149.awsui_header-cell-fake-focus_1spae_p4nau_183:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -201,25 +201,25 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1wkn2_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-sticky_1spae_1wkn2_204:not(#\9) {
+.awsui_header-cell-sticky_1spae_p4nau_204:not(#\9) {
   border-block-end: var(--border-table-sticky-width-o9kqes, 0px) solid var(--color-border-divider-default-ipvpev, #eaeded);
 }
-.awsui_header-cell-stuck_1spae_1wkn2_207:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_1wkn2_207) {
+.awsui_header-cell-stuck_1spae_p4nau_207:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_p4nau_207) {
   border-block-end-color: transparent;
 }
-.awsui_header-cell-variant-full-page_1spae_1wkn2_207:not(#\9) {
+.awsui_header-cell-variant-full-page_1spae_p4nau_207:not(#\9) {
   background: var(--color-background-layout-main-05m5y6, #f2f3f3);
 }
-.awsui_header-cell-variant-full-page_1spae_1wkn2_207.awsui_header-cell-hidden_1spae_1wkn2_213:not(#\9) {
+.awsui_header-cell-variant-full-page_1spae_p4nau_207.awsui_header-cell-hidden_1spae_p4nau_213:not(#\9) {
   border-block-end-color: transparent;
 }
-.awsui_header-cell-variant-embedded_1spae_1wkn2_216.awsui_is-visual-refresh_1spae_1wkn2_216:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_1wkn2_204, .awsui_sticky-cell_1spae_1wkn2_216)), .awsui_header-cell-variant-borderless_1spae_1wkn2_216.awsui_is-visual-refresh_1spae_1wkn2_216:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_1wkn2_204, .awsui_sticky-cell_1spae_1wkn2_216)) {
+.awsui_header-cell-variant-embedded_1spae_p4nau_216.awsui_is-visual-refresh_1spae_p4nau_216:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_p4nau_204, .awsui_sticky-cell_1spae_p4nau_216)), .awsui_header-cell-variant-borderless_1spae_p4nau_216.awsui_is-visual-refresh_1spae_p4nau_216:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_p4nau_204, .awsui_sticky-cell_1spae_p4nau_216)) {
   background: none;
 }
-.awsui_header-cell_1spae_1wkn2_149:not(#\9):last-child, .awsui_header-cell_1spae_1wkn2_149.awsui_header-cell-sortable_1spae_1wkn2_219:not(#\9) {
+.awsui_header-cell_1spae_p4nau_149:not(#\9):last-child, .awsui_header-cell_1spae_p4nau_149.awsui_header-cell-sortable_1spae_p4nau_219:not(#\9) {
   padding-inline-end: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_header-cell_1spae_1wkn2_149.awsui_sticky-cell_1spae_1wkn2_216:not(#\9) {
+.awsui_header-cell_1spae_p4nau_149.awsui_sticky-cell_1spae_p4nau_216:not(#\9) {
   position: sticky;
   background: var(--color-background-table-header-5hauij, #fafafa);
   z-index: 798;
@@ -228,41 +228,44 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1wkn2_149.awsui_hea
   transition-timing-function: var(--motion-easing-sticky-xd5evu, ease-out);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_header-cell_1spae_1wkn2_149.awsui_sticky-cell_1spae_1wkn2_216:not(#\9) {
+  .awsui_header-cell_1spae_p4nau_149.awsui_sticky-cell_1spae_p4nau_216:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_header-cell_1spae_1wkn2_149.awsui_sticky-cell_1spae_1wkn2_216:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_1wkn2_149.awsui_sticky-cell_1spae_1wkn2_216:not(#\9) {
+.awsui-motion-disabled .awsui_header-cell_1spae_p4nau_149.awsui_sticky-cell_1spae_p4nau_216:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_p4nau_149.awsui_sticky-cell_1spae_p4nau_216:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_header-cell_1spae_1wkn2_149.awsui_sticky-cell-pad-left_1spae_1wkn2_240:not(#\9):not(.awsui_has-selection_1spae_1wkn2_240) {
+.awsui_header-cell_1spae_p4nau_149.awsui_sticky-cell_1spae_p4nau_216.awsui_table-variant-full-page_1spae_p4nau_240:not(#\9) {
+  background: var(--color-background-layout-main-05m5y6, #f2f3f3);
+}
+.awsui_header-cell_1spae_p4nau_149.awsui_sticky-cell-pad-left_1spae_p4nau_243:not(#\9):not(.awsui_has-selection_1spae_p4nau_243) {
   padding-inline-start: var(--space-table-horizontal-xmv4qa, 0px);
 }
-.awsui_header-cell_1spae_1wkn2_149.awsui_sticky-cell-last-inline-start_1spae_1wkn2_243:not(#\9) {
+.awsui_header-cell_1spae_p4nau_149.awsui_sticky-cell-last-inline-start_1spae_p4nau_246: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_1wkn2_149.awsui_sticky-cell-last-inline-start_1spae_1wkn2_243 > .awsui_resize-divider_1spae_1wkn2_248:not(#\9) {
+.awsui_header-cell_1spae_p4nau_149.awsui_sticky-cell-last-inline-start_1spae_p4nau_246 > .awsui_resize-divider_1spae_p4nau_251:not(#\9) {
   display: none;
 }
-.awsui_header-cell_1spae_1wkn2_149.awsui_sticky-cell-last-inline-start_1spae_1wkn2_243:not(#\9):dir(rtl) {
+.awsui_header-cell_1spae_p4nau_149.awsui_sticky-cell-last-inline-start_1spae_p4nau_246: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_1wkn2_149.awsui_sticky-cell-last-inline-end_1spae_1wkn2_255:not(#\9) {
+.awsui_header-cell_1spae_p4nau_149.awsui_sticky-cell-last-inline-end_1spae_p4nau_258: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_1wkn2_149.awsui_sticky-cell-last-inline-end_1spae_1wkn2_255:not(#\9):dir(rtl) {
+.awsui_header-cell_1spae_p4nau_149.awsui_sticky-cell-last-inline-end_1spae_p4nau_258: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_1wkn2_265:not(#\9) {
+.awsui_sorting-icon_1spae_p4nau_268:not(#\9) {
   position: absolute;
   inset-block-start: 50%;
   transform: translateY(-50%);
@@ -270,36 +273,36 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1wkn2_149.awsui_hea
   color: var(--color-text-column-sorting-icon-gys874, #687078);
 }
-.awsui_edit-icon_1spae_1wkn2_273:not(#\9) {
+.awsui_edit-icon_1spae_p4nau_276: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_1wkn2_279:not(#\9) {
+.awsui_header-cell-content_1spae_p4nau_282: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_1wkn2_279.awsui_header-cell-content-expandable_1spae_1wkn2_285:not(#\9) {
+.awsui_header-cell-content_1spae_p4nau_282.awsui_header-cell-content-expandable_1spae_p4nau_288:not(#\9) {
   padding-inline-start: calc(var(--space-s-4a5hs8, 12px) + var(--space-m-n2lypl, 16px) + var(--space-xs-kw7k3v, 8px));
 }
-.awsui_header-cell-sortable_1spae_1wkn2_219 > .awsui_header-cell-content_1spae_1wkn2_279:not(#\9) {
+.awsui_header-cell-sortable_1spae_p4nau_219 > .awsui_header-cell-content_1spae_p4nau_282:not(#\9) {
   padding-inline-end: calc(var(--space-xl-4dmkh1, 24px) + var(--space-xxs-jnczic, 4px));
 }
-.awsui_header-cell-content_1spae_1wkn2_279:not(#\9):focus {
+.awsui_header-cell-content_1spae_p4nau_282:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1wkn2_279:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_p4nau_282:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1wkn2_279:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_p4nau_282: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_1wkn2_279:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_p4nau_282:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -313,14 +316,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1wkn2_279: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_1wkn2_279.awsui_header-cell-fake-focus_1spae_1wkn2_183:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_p4nau_282.awsui_header-cell-fake-focus_1spae_p4nau_183:not(#\9) {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1wkn2_279.awsui_header-cell-fake-focus_1spae_1wkn2_183:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_p4nau_282.awsui_header-cell-fake-focus_1spae_p4nau_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_1wkn2_279.awsui_header-cell-fake-focus_1spae_1wkn2_183:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_p4nau_282.awsui_header-cell-fake-focus_1spae_p4nau_183:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -334,32 +337,32 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1wkn2_279.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_1wkn2_337.awsui_header-cell-sorted_1spae_1wkn2_337 > .awsui_header-cell-content_1spae_1wkn2_279 > .awsui_sorting-icon_1spae_1wkn2_265:not(#\9) {
+.awsui_header-cell-disabled_1spae_p4nau_340.awsui_header-cell-sorted_1spae_p4nau_340 > .awsui_header-cell-content_1spae_p4nau_282 > .awsui_sorting-icon_1spae_p4nau_268:not(#\9) {
   color: var(--color-text-interactive-disabled-xwt2jl, #aab7b8);
 }
-.awsui_header-cell-sortable_1spae_1wkn2_219:not(#\9):not(.awsui_header-cell-disabled_1spae_1wkn2_337) > .awsui_header-cell-content_1spae_1wkn2_279 {
+.awsui_header-cell-sortable_1spae_p4nau_219:not(#\9):not(.awsui_header-cell-disabled_1spae_p4nau_340) > .awsui_header-cell-content_1spae_p4nau_282 {
   cursor: pointer;
 }
-.awsui_header-cell-sortable_1spae_1wkn2_219:not(#\9):not(.awsui_header-cell-disabled_1spae_1wkn2_337) > .awsui_header-cell-content_1spae_1wkn2_279:hover, .awsui_header-cell-sortable_1spae_1wkn2_219:not(#\9):not(.awsui_header-cell-disabled_1spae_1wkn2_337).awsui_header-cell-sorted_1spae_1wkn2_337 > .awsui_header-cell-content_1spae_1wkn2_279 {
+.awsui_header-cell-sortable_1spae_p4nau_219:not(#\9):not(.awsui_header-cell-disabled_1spae_p4nau_340) > .awsui_header-cell-content_1spae_p4nau_282:hover, .awsui_header-cell-sortable_1spae_p4nau_219:not(#\9):not(.awsui_header-cell-disabled_1spae_p4nau_340).awsui_header-cell-sorted_1spae_p4nau_340 > .awsui_header-cell-content_1spae_p4nau_282 {
   color: var(--color-text-interactive-active-c44vdq, #16191f);
 }
-.awsui_header-cell-sortable_1spae_1wkn2_219:not(#\9):not(.awsui_header-cell-disabled_1spae_1wkn2_337) > .awsui_header-cell-content_1spae_1wkn2_279:hover > .awsui_sorting-icon_1spae_1wkn2_265, .awsui_header-cell-sortable_1spae_1wkn2_219:not(#\9):not(.awsui_header-cell-disabled_1spae_1wkn2_337).awsui_header-cell-sorted_1spae_1wkn2_337 > .awsui_header-cell-content_1spae_1wkn2_279 > .awsui_sorting-icon_1spae_1wkn2_265 {
+.awsui_header-cell-sortable_1spae_p4nau_219:not(#\9):not(.awsui_header-cell-disabled_1spae_p4nau_340) > .awsui_header-cell-content_1spae_p4nau_282:hover > .awsui_sorting-icon_1spae_p4nau_268, .awsui_header-cell-sortable_1spae_p4nau_219:not(#\9):not(.awsui_header-cell-disabled_1spae_p4nau_340).awsui_header-cell-sorted_1spae_p4nau_340 > .awsui_header-cell-content_1spae_p4nau_282 > .awsui_sorting-icon_1spae_p4nau_268 {
   color: var(--color-text-interactive-active-c44vdq, #16191f);
 }
-.awsui_header-cell-text_1spae_1wkn2_351:not(#\9) {
+.awsui_header-cell-text_1spae_p4nau_354: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_1wkn2_351:not(#\9):not(.awsui_header-cell-text-wrap_1spae_1wkn2_355) {
+.awsui_header-cell-text_1spae_p4nau_354:not(#\9):not(.awsui_header-cell-text-wrap_1spae_p4nau_358) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.awsui_header-cell-ascending_1spae_1wkn2_361:not(#\9),
-.awsui_header-cell-descending_1spae_1wkn2_362:not(#\9) {
+.awsui_header-cell-ascending_1spae_p4nau_364:not(#\9),
+.awsui_header-cell-descending_1spae_p4nau_365:not(#\9) {
   /* used in test-utils */
 }
@@ -369,28 +372,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_1wkn2_149:not(#\9):not(.awsui_is-visual-refresh_1spae_1wkn2_216):first-child {
+.awsui_header-cell_1spae_p4nau_149:not(#\9):not(.awsui_is-visual-refresh_1spae_p4nau_216):first-child {
   padding-inline-start: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_header-cell_1spae_1wkn2_149:not(#\9):not(.awsui_is-visual-refresh_1spae_1wkn2_216):first-child.awsui_header-cell-content-expandable_1spae_1wkn2_285 {
+.awsui_header-cell_1spae_p4nau_149:not(#\9):not(.awsui_is-visual-refresh_1spae_p4nau_216):first-child.awsui_header-cell-content-expandable_1spae_p4nau_288 {
   padding-inline-start: calc(var(--space-xs-kw7k3v, 8px) + var(--space-m-n2lypl, 16px) + var(--space-xs-kw7k3v, 8px));
 }
-.awsui_header-cell_1spae_1wkn2_149.awsui_is-visual-refresh_1spae_1wkn2_216:not(#\9) {
+.awsui_header-cell_1spae_p4nau_149.awsui_is-visual-refresh_1spae_p4nau_216: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_1wkn2_149.awsui_is-visual-refresh_1spae_1wkn2_216:not(#\9):first-child:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_p4nau_149.awsui_is-visual-refresh_1spae_p4nau_216:not(#\9):first-child:focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1wkn2_149.awsui_is-visual-refresh_1spae_1wkn2_216:not(#\9):first-child:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_p4nau_149.awsui_is-visual-refresh_1spae_p4nau_216: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_1wkn2_149.awsui_is-visual-refresh_1spae_1wkn2_216:not(#\9):first-child:focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_p4nau_149.awsui_is-visual-refresh_1spae_p4nau_216:not(#\9):first-child:focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -404,14 +407,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1wkn2_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_1wkn2_149.awsui_is-visual-refresh_1spae_1wkn2_216:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_1wkn2_183 {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_p4nau_149.awsui_is-visual-refresh_1spae_p4nau_216:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_p4nau_183 {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1wkn2_149.awsui_is-visual-refresh_1spae_1wkn2_216:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_1wkn2_183 {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_p4nau_149.awsui_is-visual-refresh_1spae_p4nau_216:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_p4nau_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_1wkn2_149.awsui_is-visual-refresh_1spae_1wkn2_216:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_1wkn2_183::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_p4nau_149.awsui_is-visual-refresh_1spae_p4nau_216:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_p4nau_183::before {
   content: " ";
   display: block;
   position: absolute;
@@ -425,20 +428,20 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1wkn2_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_1wkn2_149.awsui_is-visual-refresh_1spae_1wkn2_216:not(#\9):first-child > .awsui_header-cell-content_1spae_1wkn2_279 {
+.awsui_header-cell_1spae_p4nau_149.awsui_is-visual-refresh_1spae_p4nau_216:not(#\9):first-child > .awsui_header-cell-content_1spae_p4nau_282 {
   padding-inline-start: 0px;
 }
-.awsui_header-cell_1spae_1wkn2_149.awsui_is-visual-refresh_1spae_1wkn2_216:not(#\9):first-child > .awsui_header-cell-content_1spae_1wkn2_279.awsui_header-cell-content-expandable_1spae_1wkn2_285 {
+.awsui_header-cell_1spae_p4nau_149.awsui_is-visual-refresh_1spae_p4nau_216:not(#\9):first-child > .awsui_header-cell-content_1spae_p4nau_282.awsui_header-cell-content-expandable_1spae_p4nau_288 {
   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_1wkn2_149.awsui_is-visual-refresh_1spae_1wkn2_216:not(#\9):first-child > .awsui_header-cell-content_1spae_1wkn2_279:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_p4nau_149.awsui_is-visual-refresh_1spae_p4nau_216:not(#\9):first-child > .awsui_header-cell-content_1spae_p4nau_282:focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1wkn2_149.awsui_is-visual-refresh_1spae_1wkn2_216:not(#\9):first-child > .awsui_header-cell-content_1spae_1wkn2_279:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_p4nau_149.awsui_is-visual-refresh_1spae_p4nau_216:not(#\9):first-child > .awsui_header-cell-content_1spae_p4nau_282: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_1wkn2_149.awsui_is-visual-refresh_1spae_1wkn2_216:not(#\9):first-child > .awsui_header-cell-content_1spae_1wkn2_279:focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_p4nau_149.awsui_is-visual-refresh_1spae_p4nau_216:not(#\9):first-child > .awsui_header-cell-content_1spae_p4nau_282:focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -452,14 +455,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1wkn2_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_1wkn2_149.awsui_is-visual-refresh_1spae_1wkn2_216:not(#\9):first-child > .awsui_header-cell-content_1spae_1wkn2_279.awsui_header-cell-fake-focus_1spae_1wkn2_183 {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_p4nau_149.awsui_is-visual-refresh_1spae_p4nau_216:not(#\9):first-child > .awsui_header-cell-content_1spae_p4nau_282.awsui_header-cell-fake-focus_1spae_p4nau_183 {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1wkn2_149.awsui_is-visual-refresh_1spae_1wkn2_216:not(#\9):first-child > .awsui_header-cell-content_1spae_1wkn2_279.awsui_header-cell-fake-focus_1spae_1wkn2_183 {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_p4nau_149.awsui_is-visual-refresh_1spae_p4nau_216:not(#\9):first-child > .awsui_header-cell-content_1spae_p4nau_282.awsui_header-cell-fake-focus_1spae_p4nau_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_1wkn2_149.awsui_is-visual-refresh_1spae_1wkn2_216:not(#\9):first-child > .awsui_header-cell-content_1spae_1wkn2_279.awsui_header-cell-fake-focus_1spae_1wkn2_183::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_p4nau_149.awsui_is-visual-refresh_1spae_p4nau_216:not(#\9):first-child > .awsui_header-cell-content_1spae_p4nau_282.awsui_header-cell-fake-focus_1spae_p4nau_183::before {
   content: " ";
   display: block;
   position: absolute;
@@ -473,24 +476,24 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1wkn2_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_1wkn2_149.awsui_is-visual-refresh_1spae_1wkn2_216:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_1wkn2_476):not(.awsui_sticky-cell-pad-inline-start_1spae_1wkn2_476) {
+.awsui_header-cell_1spae_p4nau_149.awsui_is-visual-refresh_1spae_p4nau_216:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_p4nau_479):not(.awsui_sticky-cell-pad-inline-start_1spae_p4nau_479) {
   padding-inline-start: var(--space-xxxs-3w1kr2, 2px);
 }
-.awsui_header-cell_1spae_1wkn2_149.awsui_is-visual-refresh_1spae_1wkn2_216:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_1wkn2_476):not(.awsui_sticky-cell-pad-inline-start_1spae_1wkn2_476).awsui_header-cell-content-expandable_1spae_1wkn2_285 {
+.awsui_header-cell_1spae_p4nau_149.awsui_is-visual-refresh_1spae_p4nau_216:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_p4nau_479):not(.awsui_sticky-cell-pad-inline-start_1spae_p4nau_479).awsui_header-cell-content-expandable_1spae_p4nau_288 {
   padding-inline-start: calc(var(--space-xxxs-3w1kr2, 2px) + var(--space-m-n2lypl, 16px) + var(--space-xs-kw7k3v, 8px));
 }
-.awsui_header-cell_1spae_1wkn2_149.awsui_is-visual-refresh_1spae_1wkn2_216:not(#\9):first-child.awsui_has-striped-rows_1spae_1wkn2_476:not(.awsui_sticky-cell-pad-inline-start_1spae_1wkn2_476) {
+.awsui_header-cell_1spae_p4nau_149.awsui_is-visual-refresh_1spae_p4nau_216:not(#\9):first-child.awsui_has-striped-rows_1spae_p4nau_479:not(.awsui_sticky-cell-pad-inline-start_1spae_p4nau_479) {
   padding-inline-start: var(--space-xxs-jnczic, 4px);
 }
-.awsui_header-cell_1spae_1wkn2_149.awsui_is-visual-refresh_1spae_1wkn2_216:not(#\9):first-child.awsui_has-striped-rows_1spae_1wkn2_476:not(.awsui_sticky-cell-pad-inline-start_1spae_1wkn2_476).awsui_header-cell-content-expandable_1spae_1wkn2_285 {
+.awsui_header-cell_1spae_p4nau_149.awsui_is-visual-refresh_1spae_p4nau_216:not(#\9):first-child.awsui_has-striped-rows_1spae_p4nau_479:not(.awsui_sticky-cell-pad-inline-start_1spae_p4nau_479).awsui_header-cell-content-expandable_1spae_p4nau_288 {
   padding-inline-start: calc(var(--space-xxs-jnczic, 4px) + var(--space-m-n2lypl, 16px) + var(--space-xs-kw7k3v, 8px));
 }
-.awsui_header-cell_1spae_1wkn2_149.awsui_is-visual-refresh_1spae_1wkn2_216:not(#\9):last-child.awsui_header-cell-sortable_1spae_1wkn2_219 {
+.awsui_header-cell_1spae_p4nau_149.awsui_is-visual-refresh_1spae_p4nau_216:not(#\9):last-child.awsui_header-cell-sortable_1spae_p4nau_219 {
   padding-inline-end: var(--space-xxxs-3w1kr2, 2px);
 }
-.awsui_header-cell_1spae_1wkn2_149.awsui_is-visual-refresh_1spae_1wkn2_216.awsui_sticky-cell-pad-inline-start_1spae_1wkn2_476:not(#\9) {
+.awsui_header-cell_1spae_p4nau_149.awsui_is-visual-refresh_1spae_p4nau_216.awsui_sticky-cell-pad-inline-start_1spae_p4nau_479:not(#\9) {
   padding-inline-start: var(--space-scaled-l-66n9sr, 20px);
 }
-.awsui_header-cell_1spae_1wkn2_149.awsui_is-visual-refresh_1spae_1wkn2_216.awsui_sticky-cell-pad-inline-start_1spae_1wkn2_476.awsui_header-cell-content-expandable_1spae_1wkn2_285:not(#\9) {
+.awsui_header-cell_1spae_p4nau_149.awsui_is-visual-refresh_1spae_p4nau_216.awsui_sticky-cell-pad-inline-start_1spae_p4nau_479.awsui_header-cell-content-expandable_1spae_p4nau_288: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,33 +2,34 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "header-cell": "awsui_header-cell_1spae_1wkn2_149",
-  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_1wkn2_183",
-  "header-cell-sticky": "awsui_header-cell-sticky_1spae_1wkn2_204",
-  "header-cell-stuck": "awsui_header-cell-stuck_1spae_1wkn2_207",
-  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_1wkn2_207",
-  "header-cell-hidden": "awsui_header-cell-hidden_1spae_1wkn2_213",
-  "header-cell-variant-embedded": "awsui_header-cell-variant-embedded_1spae_1wkn2_216",
-  "is-visual-refresh": "awsui_is-visual-refresh_1spae_1wkn2_216",
-  "sticky-cell": "awsui_sticky-cell_1spae_1wkn2_216",
-  "header-cell-variant-borderless": "awsui_header-cell-variant-borderless_1spae_1wkn2_216",
-  "header-cell-sortable": "awsui_header-cell-sortable_1spae_1wkn2_219",
-  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_1wkn2_240",
-  "has-selection": "awsui_has-selection_1spae_1wkn2_240",
-  "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_1wkn2_243",
-  "resize-divider": "awsui_resize-divider_1spae_1wkn2_248",
-  "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_1wkn2_255",
-  "sorting-icon": "awsui_sorting-icon_1spae_1wkn2_265",
-  "edit-icon": "awsui_edit-icon_1spae_1wkn2_273",
-  "header-cell-content": "awsui_header-cell-content_1spae_1wkn2_279",
-  "header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_1wkn2_285",
-  "header-cell-disabled": "awsui_header-cell-disabled_1spae_1wkn2_337",
-  "header-cell-sorted": "awsui_header-cell-sorted_1spae_1wkn2_337",
-  "header-cell-text": "awsui_header-cell-text_1spae_1wkn2_351",
-  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_1wkn2_355",
-  "header-cell-ascending": "awsui_header-cell-ascending_1spae_1wkn2_361",
-  "header-cell-descending": "awsui_header-cell-descending_1spae_1wkn2_362",
-  "has-striped-rows": "awsui_has-striped-rows_1spae_1wkn2_476",
-  "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_1wkn2_476"
+  "header-cell": "awsui_header-cell_1spae_p4nau_149",
+  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_p4nau_183",
+  "header-cell-sticky": "awsui_header-cell-sticky_1spae_p4nau_204",
+  "header-cell-stuck": "awsui_header-cell-stuck_1spae_p4nau_207",
+  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_p4nau_207",
+  "header-cell-hidden": "awsui_header-cell-hidden_1spae_p4nau_213",
+  "header-cell-variant-embedded": "awsui_header-cell-variant-embedded_1spae_p4nau_216",
+  "is-visual-refresh": "awsui_is-visual-refresh_1spae_p4nau_216",
+  "sticky-cell": "awsui_sticky-cell_1spae_p4nau_216",
+  "header-cell-variant-borderless": "awsui_header-cell-variant-borderless_1spae_p4nau_216",
+  "header-cell-sortable": "awsui_header-cell-sortable_1spae_p4nau_219",
+  "table-variant-full-page": "awsui_table-variant-full-page_1spae_p4nau_240",
+  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_p4nau_243",
+  "has-selection": "awsui_has-selection_1spae_p4nau_243",
+  "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_p4nau_246",
+  "resize-divider": "awsui_resize-divider_1spae_p4nau_251",
+  "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_p4nau_258",
+  "sorting-icon": "awsui_sorting-icon_1spae_p4nau_268",
+  "edit-icon": "awsui_edit-icon_1spae_p4nau_276",
+  "header-cell-content": "awsui_header-cell-content_1spae_p4nau_282",
+  "header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_p4nau_288",
+  "header-cell-disabled": "awsui_header-cell-disabled_1spae_p4nau_340",
+  "header-cell-sorted": "awsui_header-cell-sorted_1spae_p4nau_340",
+  "header-cell-text": "awsui_header-cell-text_1spae_p4nau_354",
+  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_p4nau_358",
+  "header-cell-ascending": "awsui_header-cell-ascending_1spae_p4nau_364",
+  "header-cell-descending": "awsui_header-cell-descending_1spae_p4nau_365",
+  "has-striped-rows": "awsui_has-striped-rows_1spae_p4nau_479",
+  "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_p4nau_479"
 };

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

@@ -22,6 +22,7 @@ export interface TableThElementProps {
     children: React.ReactNode;
     variant: TableProps.Variant;
     ariaLabel?: string;
+    tableVariant?: string;
 }
-export declare function TableThElement({ resizableStyle, sortingStatus, sortingDisabled, focusedComponent, stuck, sticky, hidden, stripedRows, isSelection, colIndex, columnId, stickyState, cellRef, tableRole, children, variant, ariaLabel, ...props }: TableThElementProps): JSX.Element;
+export declare function TableThElement({ resizableStyle, sortingStatus, sortingDisabled, focusedComponent, stuck, sticky, hidden, stripedRows, isSelection, colIndex, columnId, stickyState, cellRef, tableRole, children, variant, ariaLabel, tableVariant, ...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,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,SAAS,CAAC,EAAE,MAAM,CAAC;~~CACpB~~;AAED,wBAAgB,cAAc,CAAC,EAC7B,cAAc,EACd,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,KAAK,EACL,MAAM,EACN,MAAM,EACN,WAAW,EACX,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,OAAO,EACP,SAAS,EACT,QAAQ,EACR,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,mBAAmB,~~eA6CrB~~"}
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,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,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,cAAc,CAAC,EAC7B,cAAc,EACd,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,KAAK,EACL,MAAM,EACN,MAAM,EACN,WAAW,EACX,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,OAAO,EACP,SAAS,EACT,QAAQ,EACR,OAAO,EACP,SAAS,EACT,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,mBAAmB,eA8CrB"}

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

@@ -13,7 +13,7 @@ import { getStickyClassNames } from '../utils';
 import tableStyles from '../styles.css.js';
 import styles from './styles.css.js';
 export function TableThElement(_a) {
-    var { resizableStyle, sortingStatus, sortingDisabled, focusedComponent, stuck, sticky, hidden, stripedRows, isSelection, colIndex, columnId, stickyState, cellRef, tableRole, children, variant, ariaLabel } = _a, props = __rest(_a, ["resizableStyle", "sortingStatus", "sortingDisabled", "focusedComponent", "stuck", "sticky", "hidden", "stripedRows", "isSelection", "colIndex", "columnId", "stickyState", "cellRef", "tableRole", "children", "variant", "ariaLabel"]);
+    var { resizableStyle, sortingStatus, sortingDisabled, focusedComponent, stuck, sticky, hidden, stripedRows, isSelection, colIndex, columnId, stickyState, cellRef, tableRole, children, variant, ariaLabel, tableVariant } = _a, props = __rest(_a, ["resizableStyle", "sortingStatus", "sortingDisabled", "focusedComponent", "stuck", "sticky", "hidden", "stripedRows", "isSelection", "colIndex", "columnId", "stickyState", "cellRef", "tableRole", "children", "variant", "ariaLabel", "tableVariant"]);
     const isVisualRefresh = useVisualRefresh();
     const stickyStyles = useStickyCellStyles({
         stickyColumns: stickyState,
@@ -23,7 +23,7 @@ export function TableThElement(_a) {
     const cellRefObject = useRef(null);
     const mergedRef = useMergeRefs(stickyStyles.ref, cellRef, cellRefObject);
     const { tabIndex: cellTabIndex } = useSingleTabStopNavigation(cellRefObject);
-    return (React.createElement("th", Object.assign({ "data-focus-id": `header-${String(columnId)}`, className: clsx(styles['header-cell'], styles[`header-cell-variant-${variant}`], sticky && styles['header-cell-sticky'], stuck && styles['header-cell-stuck'], stripedRows && styles['has-striped-rows'], isVisualRefresh && styles['is-visual-refresh'], isSelection && clsx(tableStyles['selection-control'], tableStyles['selection-control-header']), {
+    return (React.createElement("th", Object.assign({ "data-focus-id": `header-${String(columnId)}`, className: clsx(styles['header-cell'], styles[`header-cell-variant-${variant}`], sticky && styles['header-cell-sticky'], 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}`], {
             [styles['header-cell-fake-focus']]: focusedComponent === `header-${String(columnId)}`,
             [styles['header-cell-sortable']]: sortingStatus,
             [styles['header-cell-sorted']]: sortingStatus === 'ascending' || sortingStatus === 'descending',

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,8BAA8B,EAAE,MAAM,kEAAkE,CAAC;AAElH,OAAO,EAAE,0BAA0B,EAAE,MAAM,2DAA2D,CAAC;AACvG,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;~~AAsBrC~~,MAAM,UAAU,cAAc,CAAC,~~EAmBT~~;~~QAnBS~~,EAC7B,cAAc,EACd,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,KAAK,EACL,MAAM,EACN,MAAM,EACN,WAAW,EACX,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,OAAO,EACP,SAAS,EACT,QAAQ,EACR,OAAO,EACP,SAAS,~~OAEW~~,EADjB,KAAK,~~cAlBqB~~,~~wOAmB9B~~,CADS;IAER,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,CAAC,CAAC;IACzE,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,0BAA0B,CAAC,aAAa,CAAC,CAAC;IAE7E,OAAO,CACL,2DACiB,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,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;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;SACvC,EACD,YAAY,CAAC,SAAS,CACvB,EACD,KAAK,kCAAO,cAAc,GAAK,YAAY,CAAC,KAAK,GACjD,GAAG,EAAE,SAAS,IACV,0BAA0B,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,IACtE,QAAQ,EAAE,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,IACpD,8BAA8B,CAAC,KAAK,CAAC,EACrC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GAEjD,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 { copyAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { useSingleTabStopNavigation } from '../../internal/context/single-tab-stop-navigation-context';\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 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 ariaLabel?: string;\n}\n\nexport function TableThElement({\n resizableStyle,\n sortingStatus,\n sortingDisabled,\n focusedComponent,\n stuck,\n sticky,\n hidden,\n stripedRows,\n isSelection,\n colIndex,\n columnId,\n stickyState,\n cellRef,\n tableRole,\n children,\n variant,\n ariaLabel,\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);\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 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 {\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 },\n stickyStyles.className\n )}\n style={{ ...resizableStyle, ...stickyStyles.style }}\n ref={mergedRef}\n {...getTableColHeaderRoleProps({ tableRole, sortingStatus, colIndex })}\n tabIndex={cellTabIndex === -1 ? undefined : cellTabIndex}\n {...copyAnalyticsMetadataAttribute(props)}\n {...(ariaLabel ? { 'aria-label': ariaLabel } : {})}\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":";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,8BAA8B,EAAE,MAAM,kEAAkE,CAAC;AAElH,OAAO,EAAE,0BAA0B,EAAE,MAAM,2DAA2D,CAAC;AACvG,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;AAuBrC,MAAM,UAAU,cAAc,CAAC,EAoBT;QApBS,EAC7B,cAAc,EACd,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,KAAK,EACL,MAAM,EACN,MAAM,EACN,WAAW,EACX,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,OAAO,EACP,SAAS,EACT,QAAQ,EACR,OAAO,EACP,SAAS,EACT,YAAY,OAEQ,EADjB,KAAK,cAnBqB,wPAoB9B,CADS;IAER,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,CAAC,CAAC;IACzE,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,0BAA0B,CAAC,aAAa,CAAC,CAAC;IAE7E,OAAO,CACL,2DACiB,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,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;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;SACvC,EACD,YAAY,CAAC,SAAS,CACvB,EACD,KAAK,kCAAO,cAAc,GAAK,YAAY,CAAC,KAAK,GACjD,GAAG,EAAE,SAAS,IACV,0BAA0B,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,IACtE,QAAQ,EAAE,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,IACpD,8BAA8B,CAAC,KAAK,CAAC,EACrC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GAEjD,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 { copyAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { useSingleTabStopNavigation } from '../../internal/context/single-tab-stop-navigation-context';\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 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 ariaLabel?: string;\n tableVariant?: string;\n}\n\nexport function TableThElement({\n resizableStyle,\n sortingStatus,\n sortingDisabled,\n focusedComponent,\n stuck,\n sticky,\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 ...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);\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 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 {\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 },\n stickyStyles.className\n )}\n style={{ ...resizableStyle, ...stickyStyles.style }}\n ref={mergedRef}\n {...getTableColHeaderRoleProps({ tableRole, sortingStatus, colIndex })}\n tabIndex={cellTabIndex === -1 ? undefined : cellTabIndex}\n {...copyAnalyticsMetadataAttribute(props)}\n {...(ariaLabel ? { 'aria-label': ariaLabel } : {})}\n >\n {children}\n </th>\n );\n}\n"]}

package/lib/internal/template/table/internal.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/table/internal.tsx"],"names":[],"mappings":"AAyCA,OAAO,EAAE,mBAAmB,EAAwB,MAAM,cAAc,CAAC;AA2CzE,eAAO,MAAM,sBAAsB,qBAWX,CAAC;AAEzB,QAAA,MAAM,aAAa,~~qBAgpBK~~,CAAC;AAEzB,eAAe,aAAa,CAAC"}
1	+ {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/table/internal.tsx"],"names":[],"mappings":"AAyCA,OAAO,EAAE,mBAAmB,EAAwB,MAAM,cAAc,CAAC;AA2CzE,eAAO,MAAM,sBAAsB,qBAWX,CAAC;AAEzB,QAAA,MAAM,aAAa,qBAkpBK,CAAC;AAEzB,eAAe,aAAa,CAAC"}

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

@@ -253,6 +253,7 @@ const InternalTable = React.forwardRef((_a, ref) => {
         getSelectAllProps,
         columnDefinitions: visibleColumnDefinitions,
         variant: computedVariant,
+        tableVariant: computedVariant,
         wrapLines,
         resizableColumns,
         sortingColumn,
@@ -307,7 +308,7 @@ const InternalTable = React.forwardRef((_a, ref) => {
                             React.createElement("div", { ref: toolsHeaderWrapper, className: clsx(styles['header-controls'], styles[`variant-${computedVariant}`]) },
                                 React.createElement(CollectionLabelContext.Provider, { value: { assignId: setHeaderRef } },
                                     React.createElement(ToolsHeader, { header: header, filter: filter, pagination: pagination, preferences: preferences, setLastUserAction: setLastUserAction }))))),
-                        stickyHeader && (React.createElement(StickyHeader, { ref: stickyHeaderRef, variant: computedVariant, theadProps: theadProps, wrapperRef: wrapperRefObject, theadRef: theadRef, secondaryWrapperRef: secondaryWrapperRef, tableRef: tableRefObject, onScroll: handleScroll, tableHasHeader: hasHeader, contentDensity: contentDensity, tableRole: tableRole }))), disableHeaderPaddings: true, disableContentPaddings: true, variant: toContainerVariant(computedVariant), __disableFooterPaddings: true, __disableFooterDivider: true, __disableStickyMobile: false, footer: hasFooter ? (React.createElement("div", { className: clsx(styles['footer-wrapper'], styles[`variant-${computedVariant}`]) },
+                        stickyHeader && (React.createElement(StickyHeader, { ref: stickyHeaderRef, variant: computedVariant, theadProps: theadProps, wrapperRef: wrapperRefObject, theadRef: theadRef, secondaryWrapperRef: secondaryWrapperRef, tableRef: tableRefObject, onScroll: handleScroll, tableHasHeader: hasHeader, contentDensity: contentDensity, tableRole: tableRole }))), disableHeaderPaddings: true, disableContentPaddings: true, disableFooterPaddings: true, variant: toContainerVariant(computedVariant), __disableFooterDivider: true, __disableStickyMobile: false, footer: hasFooter ? (React.createElement("div", { className: clsx(styles['footer-wrapper'], styles[`variant-${computedVariant}`]) },
                         React.createElement("div", { className: clsx(styles.footer, hasFooterPagination && styles['footer-with-pagination']) },
                             footer && React.createElement("span", null, footer),
                             hasFooterPagination && React.createElement("div", { className: styles['footer-pagination'] }, pagination)))) : null, __stickyHeader: stickyHeader, __mobileStickyOffset: toolsHeaderHeight !== null && toolsHeaderHeight !== void 0 ? toolsHeaderHeight : 0, __stickyOffset: stickyHeaderVerticalOffset }, focusMarkers.root),
@@ -391,7 +392,7 @@ const InternalTable = React.forwardRef((_a, ref) => {
                                                         width: column.width,
                                                         minWidth: column.minWidth,
                                                         maxWidth: column.maxWidth,
-                                                    }, ariaLabels: ariaLabels, column: column, item: row.item, wrapLines: wrapLines, isEditable: isEditable, isEditing: isEditing, isRowHeader: column.isRowHeader, successfulEdit: successfulEdit, resizableColumns: resizableColumns, onEditStart: () => cellEditing.startEdit(cellId), onEditEnd: editCancelled => cellEditing.completeEdit(cellId, editCancelled), submitEdit: cellEditing.submitEdit, columnId: (_a = column.id) !== null && _a !== void 0 ? _a : colIndex, colIndex: colIndex + colIndexOffset, verticalAlign: (_b = column.verticalAlign) !== null && _b !== void 0 ? _b : cellVerticalAlign }, cellExpandableProps, getAnalyticsMetadataAttribute(analyticsMetadata))));
+                                                    }, ariaLabels: ariaLabels, column: column, item: row.item, wrapLines: wrapLines, isEditable: isEditable, isEditing: isEditing, isRowHeader: column.isRowHeader, successfulEdit: successfulEdit, resizableColumns: resizableColumns, onEditStart: () => cellEditing.startEdit(cellId), onEditEnd: editCancelled => cellEditing.completeEdit(cellId, editCancelled), submitEdit: cellEditing.submitEdit, columnId: (_a = column.id) !== null && _a !== void 0 ? _a : colIndex, colIndex: colIndex + colIndexOffset, verticalAlign: (_b = column.verticalAlign) !== null && _b !== void 0 ? _b : cellVerticalAlign, tableVariant: computedVariant }, cellExpandableProps, getAnalyticsMetadataAttribute(analyticsMetadata))));
                                             })));
                                     }
                                     const loaderContent = getLoaderContent({