@cloudscape-design/components 3.0.1002 → 3.0.1004

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

@@ -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_h11fe_149:not(#\9) {
+.awsui_header-cell_1spae_xv9cn_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-pfm1nx, 4px);
   padding-inline: var(--space-scaled-xs-xwoogq, 8px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_h11fe_149:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xv9cn_149:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_h11fe_149:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xv9cn_149:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-scaled-xxs-pfm1nx, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_h11fe_149:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xv9cn_149:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -180,14 +180,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_h11fe_149:not(#\9):
   border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_h11fe_149.awsui_header-cell-fake-focus_1spae_h11fe_183:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xv9cn_149.awsui_header-cell-fake-focus_1spae_xv9cn_183:not(#\9) {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_h11fe_149.awsui_header-cell-fake-focus_1spae_h11fe_183:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xv9cn_149.awsui_header-cell-fake-focus_1spae_xv9cn_183:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-scaled-xxs-pfm1nx, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_h11fe_149.awsui_header-cell-fake-focus_1spae_h11fe_183:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xv9cn_149.awsui_header-cell-fake-focus_1spae_xv9cn_183:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -201,25 +201,25 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_h11fe_149.awsui_hea
   border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_header-cell-sticky_1spae_h11fe_204:not(#\9) {
+.awsui_header-cell-sticky_1spae_xv9cn_204:not(#\9) {
   border-block-end: var(--border-table-sticky-width-ai31mi, 1px) solid var(--color-border-divider-default-nr68jt, #c6c6cd);
 }
-.awsui_header-cell-stuck_1spae_h11fe_207:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_h11fe_207) {
+.awsui_header-cell-stuck_1spae_xv9cn_207:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_xv9cn_207) {
   border-block-end-color: transparent;
 }
-.awsui_header-cell-variant-full-page_1spae_h11fe_207:not(#\9) {
+.awsui_header-cell-variant-full-page_1spae_xv9cn_207:not(#\9) {
   background: var(--color-background-layout-main-5ilwcb, #ffffff);
 }
-.awsui_header-cell-variant-full-page_1spae_h11fe_207.awsui_header-cell-hidden_1spae_h11fe_213:not(#\9) {
+.awsui_header-cell-variant-full-page_1spae_xv9cn_207.awsui_header-cell-hidden_1spae_xv9cn_213:not(#\9) {
   border-block-end-color: transparent;
 }
-.awsui_header-cell-variant-embedded_1spae_h11fe_216.awsui_is-visual-refresh_1spae_h11fe_216:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_h11fe_204, .awsui_sticky-cell_1spae_h11fe_216)), .awsui_header-cell-variant-borderless_1spae_h11fe_216.awsui_is-visual-refresh_1spae_h11fe_216:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_h11fe_204, .awsui_sticky-cell_1spae_h11fe_216)) {
+.awsui_header-cell-variant-embedded_1spae_xv9cn_216.awsui_is-visual-refresh_1spae_xv9cn_216:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_xv9cn_204, .awsui_sticky-cell_1spae_xv9cn_216)), .awsui_header-cell-variant-borderless_1spae_xv9cn_216.awsui_is-visual-refresh_1spae_xv9cn_216:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_xv9cn_204, .awsui_sticky-cell_1spae_xv9cn_216)) {
   background: none;
 }
-.awsui_header-cell_1spae_h11fe_149:not(#\9):last-child, .awsui_header-cell_1spae_h11fe_149.awsui_header-cell-sortable_1spae_h11fe_219:not(#\9) {
+.awsui_header-cell_1spae_xv9cn_149:not(#\9):last-child, .awsui_header-cell_1spae_xv9cn_149.awsui_header-cell-sortable_1spae_xv9cn_219:not(#\9) {
   padding-inline-end: var(--space-xs-ymlm0b, 8px);
 }
-.awsui_header-cell_1spae_h11fe_149.awsui_sticky-cell_1spae_h11fe_216:not(#\9) {
+.awsui_header-cell_1spae_xv9cn_149.awsui_sticky-cell_1spae_xv9cn_216:not(#\9) {
   position: sticky;
   background: var(--color-background-table-header-hdjxos, #ffffff);
   z-index: 798;
@@ -228,41 +228,44 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_h11fe_149.awsui_hea
   transition-timing-function: var(--motion-easing-sticky-tn072u, cubic-bezier(1, 0, 0.83, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_header-cell_1spae_h11fe_149.awsui_sticky-cell_1spae_h11fe_216:not(#\9) {
+  .awsui_header-cell_1spae_xv9cn_149.awsui_sticky-cell_1spae_xv9cn_216:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_header-cell_1spae_h11fe_149.awsui_sticky-cell_1spae_h11fe_216:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_h11fe_149.awsui_sticky-cell_1spae_h11fe_216:not(#\9) {
+.awsui-motion-disabled .awsui_header-cell_1spae_xv9cn_149.awsui_sticky-cell_1spae_xv9cn_216:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_xv9cn_149.awsui_sticky-cell_1spae_xv9cn_216:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_header-cell_1spae_h11fe_149.awsui_sticky-cell-pad-left_1spae_h11fe_240:not(#\9):not(.awsui_has-selection_1spae_h11fe_240) {
+.awsui_header-cell_1spae_xv9cn_149.awsui_sticky-cell_1spae_xv9cn_216.awsui_table-variant-full-page_1spae_xv9cn_240:not(#\9) {
+  background: var(--color-background-layout-main-5ilwcb, #ffffff);
+}
+.awsui_header-cell_1spae_xv9cn_149.awsui_sticky-cell-pad-left_1spae_xv9cn_243:not(#\9):not(.awsui_has-selection_1spae_xv9cn_243) {
   padding-inline-start: var(--space-table-horizontal-suurzj, 20px);
 }
-.awsui_header-cell_1spae_h11fe_149.awsui_sticky-cell-last-inline-start_1spae_h11fe_243:not(#\9) {
+.awsui_header-cell_1spae_xv9cn_149.awsui_sticky-cell-last-inline-start_1spae_xv9cn_246:not(#\9) {
   box-shadow: var(--shadow-sticky-column-first-trcd2o, 4px 0px 8px 1px rgba(0, 7, 22, 0.1));
   clip-path: inset(0px -24px 0px 0px);
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_header-cell_1spae_h11fe_149.awsui_sticky-cell-last-inline-start_1spae_h11fe_243 > .awsui_resize-divider_1spae_h11fe_248:not(#\9) {
+.awsui_header-cell_1spae_xv9cn_149.awsui_sticky-cell-last-inline-start_1spae_xv9cn_246 > .awsui_resize-divider_1spae_xv9cn_251:not(#\9) {
   display: none;
 }
-.awsui_header-cell_1spae_h11fe_149.awsui_sticky-cell-last-inline-start_1spae_h11fe_243:not(#\9):dir(rtl) {
+.awsui_header-cell_1spae_xv9cn_149.awsui_sticky-cell-last-inline-start_1spae_xv9cn_246:not(#\9):dir(rtl) {
   box-shadow: var(--shadow-sticky-column-last-qgh697, -4px 0 8px 1px rgba(0, 28, 36, 0.1));
   clip-path: inset(0 0 0 -24px);
 }
-.awsui_header-cell_1spae_h11fe_149.awsui_sticky-cell-last-inline-end_1spae_h11fe_255:not(#\9) {
+.awsui_header-cell_1spae_xv9cn_149.awsui_sticky-cell-last-inline-end_1spae_xv9cn_258:not(#\9) {
   box-shadow: var(--shadow-sticky-column-last-qgh697, -4px 0 8px 1px rgba(0, 28, 36, 0.1));
   clip-path: inset(0 0 0 -24px);
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_header-cell_1spae_h11fe_149.awsui_sticky-cell-last-inline-end_1spae_h11fe_255:not(#\9):dir(rtl) {
+.awsui_header-cell_1spae_xv9cn_149.awsui_sticky-cell-last-inline-end_1spae_xv9cn_258:not(#\9):dir(rtl) {
   box-shadow: var(--shadow-sticky-column-first-trcd2o, 4px 0px 8px 1px rgba(0, 7, 22, 0.1));
   clip-path: inset(0 -24px 0 0);
 }
 
-.awsui_sorting-icon_1spae_h11fe_265:not(#\9) {
+.awsui_sorting-icon_1spae_xv9cn_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_h11fe_149.awsui_hea
   color: var(--color-text-column-sorting-icon-fngn77, #424650);
 }
 
-.awsui_edit-icon_1spae_h11fe_273:not(#\9) {
+.awsui_edit-icon_1spae_xv9cn_276:not(#\9) {
   margin-inline-start: var(--space-xxs-hwfkai, 4px);
   margin-block-start: var(--space-scaled-xxs-pfm1nx, 4px);
   color: inherit;
 }
 
-.awsui_header-cell-content_1spae_h11fe_279:not(#\9) {
+.awsui_header-cell-content_1spae_xv9cn_282:not(#\9) {
   position: relative;
   padding-block: var(--space-scaled-xxs-pfm1nx, 4px);
   padding-inline-end: var(--space-s-tvghoh, 12px);
   padding-inline-start: var(--space-s-tvghoh, 12px);
 }
-.awsui_header-cell-content_1spae_h11fe_279.awsui_header-cell-content-expandable_1spae_h11fe_285:not(#\9) {
+.awsui_header-cell-content_1spae_xv9cn_282.awsui_header-cell-content-expandable_1spae_xv9cn_288:not(#\9) {
   padding-inline-start: calc(var(--space-s-tvghoh, 12px) + var(--space-m-dsumyt, 16px) + var(--space-xs-ymlm0b, 8px));
 }
-.awsui_header-cell-sortable_1spae_h11fe_219 > .awsui_header-cell-content_1spae_h11fe_279:not(#\9) {
+.awsui_header-cell-sortable_1spae_xv9cn_219 > .awsui_header-cell-content_1spae_xv9cn_282:not(#\9) {
   padding-inline-end: calc(var(--space-xl-jfy3x4, 24px) + var(--space-xxs-hwfkai, 4px));
 }
-.awsui_header-cell-content_1spae_h11fe_279:not(#\9):focus {
+.awsui_header-cell-content_1spae_xv9cn_282:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_h11fe_279:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_xv9cn_282:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_h11fe_279:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_xv9cn_282:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-ymwujm, 0px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_h11fe_279:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_xv9cn_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_h11fe_279:n
   border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_h11fe_279.awsui_header-cell-fake-focus_1spae_h11fe_183:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_xv9cn_282.awsui_header-cell-fake-focus_1spae_xv9cn_183:not(#\9) {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_h11fe_279.awsui_header-cell-fake-focus_1spae_h11fe_183:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_xv9cn_282.awsui_header-cell-fake-focus_1spae_xv9cn_183:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-ymwujm, 0px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_h11fe_279.awsui_header-cell-fake-focus_1spae_h11fe_183:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_xv9cn_282.awsui_header-cell-fake-focus_1spae_xv9cn_183:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -334,32 +337,32 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_h11fe_279.a
   border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_header-cell-disabled_1spae_h11fe_337.awsui_header-cell-sorted_1spae_h11fe_337 > .awsui_header-cell-content_1spae_h11fe_279 > .awsui_sorting-icon_1spae_h11fe_265:not(#\9) {
+.awsui_header-cell-disabled_1spae_xv9cn_340.awsui_header-cell-sorted_1spae_xv9cn_340 > .awsui_header-cell-content_1spae_xv9cn_282 > .awsui_sorting-icon_1spae_xv9cn_268:not(#\9) {
   color: var(--color-text-interactive-disabled-1bqmrl, #b4b4bb);
 }
 
-.awsui_header-cell-sortable_1spae_h11fe_219:not(#\9):not(.awsui_header-cell-disabled_1spae_h11fe_337) > .awsui_header-cell-content_1spae_h11fe_279 {
+.awsui_header-cell-sortable_1spae_xv9cn_219:not(#\9):not(.awsui_header-cell-disabled_1spae_xv9cn_340) > .awsui_header-cell-content_1spae_xv9cn_282 {
   cursor: pointer;
 }
-.awsui_header-cell-sortable_1spae_h11fe_219:not(#\9):not(.awsui_header-cell-disabled_1spae_h11fe_337) > .awsui_header-cell-content_1spae_h11fe_279:hover, .awsui_header-cell-sortable_1spae_h11fe_219:not(#\9):not(.awsui_header-cell-disabled_1spae_h11fe_337).awsui_header-cell-sorted_1spae_h11fe_337 > .awsui_header-cell-content_1spae_h11fe_279 {
+.awsui_header-cell-sortable_1spae_xv9cn_219:not(#\9):not(.awsui_header-cell-disabled_1spae_xv9cn_340) > .awsui_header-cell-content_1spae_xv9cn_282:hover, .awsui_header-cell-sortable_1spae_xv9cn_219:not(#\9):not(.awsui_header-cell-disabled_1spae_xv9cn_340).awsui_header-cell-sorted_1spae_xv9cn_340 > .awsui_header-cell-content_1spae_xv9cn_282 {
   color: var(--color-text-interactive-active-uoe6zi, #0f141a);
 }
-.awsui_header-cell-sortable_1spae_h11fe_219:not(#\9):not(.awsui_header-cell-disabled_1spae_h11fe_337) > .awsui_header-cell-content_1spae_h11fe_279:hover > .awsui_sorting-icon_1spae_h11fe_265, .awsui_header-cell-sortable_1spae_h11fe_219:not(#\9):not(.awsui_header-cell-disabled_1spae_h11fe_337).awsui_header-cell-sorted_1spae_h11fe_337 > .awsui_header-cell-content_1spae_h11fe_279 > .awsui_sorting-icon_1spae_h11fe_265 {
+.awsui_header-cell-sortable_1spae_xv9cn_219:not(#\9):not(.awsui_header-cell-disabled_1spae_xv9cn_340) > .awsui_header-cell-content_1spae_xv9cn_282:hover > .awsui_sorting-icon_1spae_xv9cn_268, .awsui_header-cell-sortable_1spae_xv9cn_219:not(#\9):not(.awsui_header-cell-disabled_1spae_xv9cn_340).awsui_header-cell-sorted_1spae_xv9cn_340 > .awsui_header-cell-content_1spae_xv9cn_282 > .awsui_sorting-icon_1spae_xv9cn_268 {
   color: var(--color-text-interactive-active-uoe6zi, #0f141a);
 }
 
-.awsui_header-cell-text_1spae_h11fe_351:not(#\9) {
+.awsui_header-cell-text_1spae_xv9cn_354:not(#\9) {
   line-height: var(--line-height-heading-xs-q9j004, 18px);
   padding-block: calc(var(--space-xxxs-pajhad, 2px) / 2);
 }
-.awsui_header-cell-text_1spae_h11fe_351:not(#\9):not(.awsui_header-cell-text-wrap_1spae_h11fe_355) {
+.awsui_header-cell-text_1spae_xv9cn_354:not(#\9):not(.awsui_header-cell-text-wrap_1spae_xv9cn_358) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
-.awsui_header-cell-ascending_1spae_h11fe_361:not(#\9),
-.awsui_header-cell-descending_1spae_h11fe_362:not(#\9) {
+.awsui_header-cell-ascending_1spae_xv9cn_364:not(#\9),
+.awsui_header-cell-descending_1spae_xv9cn_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_h11fe_149:not(#\9):not(.awsui_is-visual-refresh_1spae_h11fe_216):first-child {
+.awsui_header-cell_1spae_xv9cn_149:not(#\9):not(.awsui_is-visual-refresh_1spae_xv9cn_216):first-child {
   padding-inline-start: var(--space-xs-ymlm0b, 8px);
 }
-.awsui_header-cell_1spae_h11fe_149:not(#\9):not(.awsui_is-visual-refresh_1spae_h11fe_216):first-child.awsui_header-cell-content-expandable_1spae_h11fe_285 {
+.awsui_header-cell_1spae_xv9cn_149:not(#\9):not(.awsui_is-visual-refresh_1spae_xv9cn_216):first-child.awsui_header-cell-content-expandable_1spae_xv9cn_288 {
   padding-inline-start: calc(var(--space-xs-ymlm0b, 8px) + var(--space-m-dsumyt, 16px) + var(--space-xs-ymlm0b, 8px));
 }
 
-.awsui_header-cell_1spae_h11fe_149.awsui_is-visual-refresh_1spae_h11fe_216:not(#\9) {
+.awsui_header-cell_1spae_xv9cn_149.awsui_is-visual-refresh_1spae_xv9cn_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_h11fe_149.awsui_is-visual-refresh_1spae_h11fe_216:not(#\9):first-child:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xv9cn_149.awsui_is-visual-refresh_1spae_xv9cn_216:not(#\9):first-child:focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_h11fe_149.awsui_is-visual-refresh_1spae_h11fe_216:not(#\9):first-child:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xv9cn_149.awsui_is-visual-refresh_1spae_xv9cn_216:not(#\9):first-child:focus {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-scaled-xxs-pfm1nx, 4px) + var(--space-scaled-xxs-pfm1nx, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_h11fe_149.awsui_is-visual-refresh_1spae_h11fe_216:not(#\9):first-child:focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xv9cn_149.awsui_is-visual-refresh_1spae_xv9cn_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_h11fe_149.awsui_is-
   border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_h11fe_149.awsui_is-visual-refresh_1spae_h11fe_216:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_h11fe_183 {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xv9cn_149.awsui_is-visual-refresh_1spae_xv9cn_216:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_xv9cn_183 {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_h11fe_149.awsui_is-visual-refresh_1spae_h11fe_216:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_h11fe_183 {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xv9cn_149.awsui_is-visual-refresh_1spae_xv9cn_216:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_xv9cn_183 {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-scaled-xxs-pfm1nx, 4px) + var(--space-scaled-xxs-pfm1nx, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_h11fe_149.awsui_is-visual-refresh_1spae_h11fe_216:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_h11fe_183::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xv9cn_149.awsui_is-visual-refresh_1spae_xv9cn_216:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_xv9cn_183::before {
   content: " ";
   display: block;
   position: absolute;
@@ -425,20 +428,20 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_h11fe_149.awsui_is-
   border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_header-cell_1spae_h11fe_149.awsui_is-visual-refresh_1spae_h11fe_216:not(#\9):first-child > .awsui_header-cell-content_1spae_h11fe_279 {
+.awsui_header-cell_1spae_xv9cn_149.awsui_is-visual-refresh_1spae_xv9cn_216:not(#\9):first-child > .awsui_header-cell-content_1spae_xv9cn_282 {
   padding-inline-start: 0px;
 }
-.awsui_header-cell_1spae_h11fe_149.awsui_is-visual-refresh_1spae_h11fe_216:not(#\9):first-child > .awsui_header-cell-content_1spae_h11fe_279.awsui_header-cell-content-expandable_1spae_h11fe_285 {
+.awsui_header-cell_1spae_xv9cn_149.awsui_is-visual-refresh_1spae_xv9cn_216:not(#\9):first-child > .awsui_header-cell-content_1spae_xv9cn_282.awsui_header-cell-content-expandable_1spae_xv9cn_288 {
   padding-inline-start: calc(0px + var(--space-m-dsumyt, 16px) + var(--space-xs-ymlm0b, 8px));
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_h11fe_149.awsui_is-visual-refresh_1spae_h11fe_216:not(#\9):first-child > .awsui_header-cell-content_1spae_h11fe_279:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xv9cn_149.awsui_is-visual-refresh_1spae_xv9cn_216:not(#\9):first-child > .awsui_header-cell-content_1spae_xv9cn_282:focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_h11fe_149.awsui_is-visual-refresh_1spae_h11fe_216:not(#\9):first-child > .awsui_header-cell-content_1spae_h11fe_279:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xv9cn_149.awsui_is-visual-refresh_1spae_xv9cn_216:not(#\9):first-child > .awsui_header-cell-content_1spae_xv9cn_282:focus {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-ymwujm, 0px) + var(--space-scaled-xxs-pfm1nx, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_h11fe_149.awsui_is-visual-refresh_1spae_h11fe_216:not(#\9):first-child > .awsui_header-cell-content_1spae_h11fe_279:focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xv9cn_149.awsui_is-visual-refresh_1spae_xv9cn_216:not(#\9):first-child > .awsui_header-cell-content_1spae_xv9cn_282:focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -452,14 +455,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_h11fe_149.awsui_is-
   border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_h11fe_149.awsui_is-visual-refresh_1spae_h11fe_216:not(#\9):first-child > .awsui_header-cell-content_1spae_h11fe_279.awsui_header-cell-fake-focus_1spae_h11fe_183 {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xv9cn_149.awsui_is-visual-refresh_1spae_xv9cn_216:not(#\9):first-child > .awsui_header-cell-content_1spae_xv9cn_282.awsui_header-cell-fake-focus_1spae_xv9cn_183 {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_h11fe_149.awsui_is-visual-refresh_1spae_h11fe_216:not(#\9):first-child > .awsui_header-cell-content_1spae_h11fe_279.awsui_header-cell-fake-focus_1spae_h11fe_183 {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xv9cn_149.awsui_is-visual-refresh_1spae_xv9cn_216:not(#\9):first-child > .awsui_header-cell-content_1spae_xv9cn_282.awsui_header-cell-fake-focus_1spae_xv9cn_183 {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-ymwujm, 0px) + var(--space-scaled-xxs-pfm1nx, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_h11fe_149.awsui_is-visual-refresh_1spae_h11fe_216:not(#\9):first-child > .awsui_header-cell-content_1spae_h11fe_279.awsui_header-cell-fake-focus_1spae_h11fe_183::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xv9cn_149.awsui_is-visual-refresh_1spae_xv9cn_216:not(#\9):first-child > .awsui_header-cell-content_1spae_xv9cn_282.awsui_header-cell-fake-focus_1spae_xv9cn_183::before {
   content: " ";
   display: block;
   position: absolute;
@@ -473,24 +476,24 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_h11fe_149.awsui_is-
   border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_header-cell_1spae_h11fe_149.awsui_is-visual-refresh_1spae_h11fe_216:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_h11fe_476):not(.awsui_sticky-cell-pad-inline-start_1spae_h11fe_476) {
+.awsui_header-cell_1spae_xv9cn_149.awsui_is-visual-refresh_1spae_xv9cn_216:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_xv9cn_479):not(.awsui_sticky-cell-pad-inline-start_1spae_xv9cn_479) {
   padding-inline-start: var(--space-xxxs-pajhad, 2px);
 }
-.awsui_header-cell_1spae_h11fe_149.awsui_is-visual-refresh_1spae_h11fe_216:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_h11fe_476):not(.awsui_sticky-cell-pad-inline-start_1spae_h11fe_476).awsui_header-cell-content-expandable_1spae_h11fe_285 {
+.awsui_header-cell_1spae_xv9cn_149.awsui_is-visual-refresh_1spae_xv9cn_216:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_xv9cn_479):not(.awsui_sticky-cell-pad-inline-start_1spae_xv9cn_479).awsui_header-cell-content-expandable_1spae_xv9cn_288 {
   padding-inline-start: calc(var(--space-xxxs-pajhad, 2px) + var(--space-m-dsumyt, 16px) + var(--space-xs-ymlm0b, 8px));
 }
-.awsui_header-cell_1spae_h11fe_149.awsui_is-visual-refresh_1spae_h11fe_216:not(#\9):first-child.awsui_has-striped-rows_1spae_h11fe_476:not(.awsui_sticky-cell-pad-inline-start_1spae_h11fe_476) {
+.awsui_header-cell_1spae_xv9cn_149.awsui_is-visual-refresh_1spae_xv9cn_216:not(#\9):first-child.awsui_has-striped-rows_1spae_xv9cn_479:not(.awsui_sticky-cell-pad-inline-start_1spae_xv9cn_479) {
   padding-inline-start: var(--space-xxs-hwfkai, 4px);
 }
-.awsui_header-cell_1spae_h11fe_149.awsui_is-visual-refresh_1spae_h11fe_216:not(#\9):first-child.awsui_has-striped-rows_1spae_h11fe_476:not(.awsui_sticky-cell-pad-inline-start_1spae_h11fe_476).awsui_header-cell-content-expandable_1spae_h11fe_285 {
+.awsui_header-cell_1spae_xv9cn_149.awsui_is-visual-refresh_1spae_xv9cn_216:not(#\9):first-child.awsui_has-striped-rows_1spae_xv9cn_479:not(.awsui_sticky-cell-pad-inline-start_1spae_xv9cn_479).awsui_header-cell-content-expandable_1spae_xv9cn_288 {
   padding-inline-start: calc(var(--space-xxs-hwfkai, 4px) + var(--space-m-dsumyt, 16px) + var(--space-xs-ymlm0b, 8px));
 }
-.awsui_header-cell_1spae_h11fe_149.awsui_is-visual-refresh_1spae_h11fe_216:not(#\9):last-child.awsui_header-cell-sortable_1spae_h11fe_219 {
+.awsui_header-cell_1spae_xv9cn_149.awsui_is-visual-refresh_1spae_xv9cn_216:not(#\9):last-child.awsui_header-cell-sortable_1spae_xv9cn_219 {
   padding-inline-end: var(--space-xxxs-pajhad, 2px);
 }
-.awsui_header-cell_1spae_h11fe_149.awsui_is-visual-refresh_1spae_h11fe_216.awsui_sticky-cell-pad-inline-start_1spae_h11fe_476:not(#\9) {
+.awsui_header-cell_1spae_xv9cn_149.awsui_is-visual-refresh_1spae_xv9cn_216.awsui_sticky-cell-pad-inline-start_1spae_xv9cn_479:not(#\9) {
   padding-inline-start: var(--space-scaled-l-sej05l, 20px);
 }
-.awsui_header-cell_1spae_h11fe_149.awsui_is-visual-refresh_1spae_h11fe_216.awsui_sticky-cell-pad-inline-start_1spae_h11fe_476.awsui_header-cell-content-expandable_1spae_h11fe_285:not(#\9) {
+.awsui_header-cell_1spae_xv9cn_149.awsui_is-visual-refresh_1spae_xv9cn_216.awsui_sticky-cell-pad-inline-start_1spae_xv9cn_479.awsui_header-cell-content-expandable_1spae_xv9cn_288:not(#\9) {
   padding-inline-start: calc(var(--space-scaled-l-sej05l, 20px) + var(--space-m-dsumyt, 16px) + var(--space-xs-ymlm0b, 8px));
 }

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

@@ -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_h11fe_149",
-  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_h11fe_183",
-  "header-cell-sticky": "awsui_header-cell-sticky_1spae_h11fe_204",
-  "header-cell-stuck": "awsui_header-cell-stuck_1spae_h11fe_207",
-  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_h11fe_207",
-  "header-cell-hidden": "awsui_header-cell-hidden_1spae_h11fe_213",
-  "header-cell-variant-embedded": "awsui_header-cell-variant-embedded_1spae_h11fe_216",
-  "is-visual-refresh": "awsui_is-visual-refresh_1spae_h11fe_216",
-  "sticky-cell": "awsui_sticky-cell_1spae_h11fe_216",
-  "header-cell-variant-borderless": "awsui_header-cell-variant-borderless_1spae_h11fe_216",
-  "header-cell-sortable": "awsui_header-cell-sortable_1spae_h11fe_219",
-  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_h11fe_240",
-  "has-selection": "awsui_has-selection_1spae_h11fe_240",
-  "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_h11fe_243",
-  "resize-divider": "awsui_resize-divider_1spae_h11fe_248",
-  "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_h11fe_255",
-  "sorting-icon": "awsui_sorting-icon_1spae_h11fe_265",
-  "edit-icon": "awsui_edit-icon_1spae_h11fe_273",
-  "header-cell-content": "awsui_header-cell-content_1spae_h11fe_279",
-  "header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_h11fe_285",
-  "header-cell-disabled": "awsui_header-cell-disabled_1spae_h11fe_337",
-  "header-cell-sorted": "awsui_header-cell-sorted_1spae_h11fe_337",
-  "header-cell-text": "awsui_header-cell-text_1spae_h11fe_351",
-  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_h11fe_355",
-  "header-cell-ascending": "awsui_header-cell-ascending_1spae_h11fe_361",
-  "header-cell-descending": "awsui_header-cell-descending_1spae_h11fe_362",
-  "has-striped-rows": "awsui_has-striped-rows_1spae_h11fe_476",
-  "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_h11fe_476"
+  "header-cell": "awsui_header-cell_1spae_xv9cn_149",
+  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_xv9cn_183",
+  "header-cell-sticky": "awsui_header-cell-sticky_1spae_xv9cn_204",
+  "header-cell-stuck": "awsui_header-cell-stuck_1spae_xv9cn_207",
+  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_xv9cn_207",
+  "header-cell-hidden": "awsui_header-cell-hidden_1spae_xv9cn_213",
+  "header-cell-variant-embedded": "awsui_header-cell-variant-embedded_1spae_xv9cn_216",
+  "is-visual-refresh": "awsui_is-visual-refresh_1spae_xv9cn_216",
+  "sticky-cell": "awsui_sticky-cell_1spae_xv9cn_216",
+  "header-cell-variant-borderless": "awsui_header-cell-variant-borderless_1spae_xv9cn_216",
+  "header-cell-sortable": "awsui_header-cell-sortable_1spae_xv9cn_219",
+  "table-variant-full-page": "awsui_table-variant-full-page_1spae_xv9cn_240",
+  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_xv9cn_243",
+  "has-selection": "awsui_has-selection_1spae_xv9cn_243",
+  "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_xv9cn_246",
+  "resize-divider": "awsui_resize-divider_1spae_xv9cn_251",
+  "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_xv9cn_258",
+  "sorting-icon": "awsui_sorting-icon_1spae_xv9cn_268",
+  "edit-icon": "awsui_edit-icon_1spae_xv9cn_276",
+  "header-cell-content": "awsui_header-cell-content_1spae_xv9cn_282",
+  "header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_xv9cn_288",
+  "header-cell-disabled": "awsui_header-cell-disabled_1spae_xv9cn_340",
+  "header-cell-sorted": "awsui_header-cell-sorted_1spae_xv9cn_340",
+  "header-cell-text": "awsui_header-cell-text_1spae_xv9cn_354",
+  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_xv9cn_358",
+  "header-cell-ascending": "awsui_header-cell-ascending_1spae_xv9cn_364",
+  "header-cell-descending": "awsui_header-cell-descending_1spae_xv9cn_365",
+  "has-striped-rows": "awsui_has-striped-rows_1spae_xv9cn_479",
+  "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_xv9cn_479"
 };
   

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

@@ -22,6 +22,7 @@ export interface TableThElementProps {
   children: React.ReactNode;
   variant: TableProps.Variant;
   ariaLabel?: string;
+  tableVariant?: string;
 }
 export declare function TableThElement({
   resizableStyle,
@@ -41,5 +42,6 @@ export declare function TableThElement({
   children,
   variant,
   ariaLabel,
+  tableVariant,
   ...props
 }: TableThElementProps): JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"th-element.d.ts","sourceRoot":"","sources":["../../../../src/table/header-cell/th-element.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAQtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAuB,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EAA8B,SAAS,EAAE,MAAM,eAAe,CAAC;AAEtE,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAKxC,MAAM,WAAW,mBAAmB;IAClC,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,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"}
+{"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/table/header-cell/th-element.js

@@ -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/table/header-cell/th-element.js.map

@@ -1 +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 { 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"]}
+{"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 { 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/table/internal.d.ts.map

@@ -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"}
+{"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/table/internal.js

@@ -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({