@cloudscape-design/components 3.0.1308 → 3.0.1309

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

@@ -146,11 +146,11 @@
 */
 /* 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_wii4_149:not(#\9) {
+.awsui_header-cell_1spae_ysd4g_149:not(#\9) {
   position: relative;
   text-align: start;
   box-sizing: border-box;
-  border-block-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-divider-default-nr68jt, #c6c6cd);
+  border-block-end: var(--border-divider-list-width-tdfx1x, 1px) solid var(--color-border-divider-interactive-default-r928dz, #8c8c94);
   background: var(--color-background-table-header-hdjxos, #ffffff);
   color: var(--color-text-column-header-e6urd1, #424650);
   font-weight: var(--font-weight-heading-s-lcx0ai, 700);
@@ -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_wii4_149:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ysd4g_149:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wii4_149:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ysd4g_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_wii4_149:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ysd4g_149:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -180,14 +180,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wii4_149:not(#\9):f
   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_wii4_149.awsui_header-cell-fake-focus_1spae_wii4_183:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ysd4g_149.awsui_header-cell-fake-focus_1spae_ysd4g_183:not(#\9) {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wii4_149.awsui_header-cell-fake-focus_1spae_wii4_183:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ysd4g_149.awsui_header-cell-fake-focus_1spae_ysd4g_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_wii4_149.awsui_header-cell-fake-focus_1spae_wii4_183:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ysd4g_149.awsui_header-cell-fake-focus_1spae_ysd4g_183:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -201,25 +201,29 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wii4_149.awsui_head
   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_wii4_204:not(#\9) {
+.awsui_header-cell_1spae_ysd4g_149.awsui_header-cell-group_1spae_ysd4g_204:not(#\9), .awsui_header-cell_1spae_ysd4g_149.awsui_header-cell-grouped_1spae_ysd4g_204:not(#\9), .awsui_header-cell_1spae_ysd4g_149.awsui_header-cell-spans-rows_1spae_ysd4g_204:not(#\9) {
+  padding-block: var(--space-xxxs-pajhad, 2px);
+  padding-inline: var(--space-scaled-xs-xwoogq, 8px);
+}
+.awsui_header-cell-sticky_1spae_ysd4g_208: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_wii4_207:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_wii4_207) {
+.awsui_header-cell-stuck_1spae_ysd4g_211:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_ysd4g_211) {
   border-block-end-color: transparent;
 }
-.awsui_header-cell-variant-full-page_1spae_wii4_207:not(#\9) {
+.awsui_header-cell-variant-full-page_1spae_ysd4g_211:not(#\9) {
   background: var(--color-background-layout-main-5ilwcb, #ffffff);
 }
-.awsui_header-cell-variant-full-page_1spae_wii4_207.awsui_header-cell-hidden_1spae_wii4_213:not(#\9) {
+.awsui_header-cell-variant-full-page_1spae_ysd4g_211.awsui_header-cell-hidden_1spae_ysd4g_217:not(#\9) {
   border-block-end-color: transparent;
 }
-.awsui_header-cell-variant-embedded_1spae_wii4_216.awsui_is-visual-refresh_1spae_wii4_216:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_wii4_204, .awsui_sticky-cell_1spae_wii4_216)), .awsui_header-cell-variant-borderless_1spae_wii4_216.awsui_is-visual-refresh_1spae_wii4_216:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_wii4_204, .awsui_sticky-cell_1spae_wii4_216)) {
+.awsui_header-cell-variant-embedded_1spae_ysd4g_220.awsui_is-visual-refresh_1spae_ysd4g_220:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_ysd4g_208, .awsui_sticky-cell_1spae_ysd4g_220)), .awsui_header-cell-variant-borderless_1spae_ysd4g_220.awsui_is-visual-refresh_1spae_ysd4g_220:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_ysd4g_208, .awsui_sticky-cell_1spae_ysd4g_220)) {
   background: none;
 }
-.awsui_header-cell_1spae_wii4_149:not(#\9):last-child, .awsui_header-cell_1spae_wii4_149.awsui_header-cell-sortable_1spae_wii4_219:not(#\9) {
+.awsui_header-cell_1spae_ysd4g_149:not(#\9):last-child, .awsui_header-cell_1spae_ysd4g_149[data-rightmost]:not(#\9), .awsui_header-cell_1spae_ysd4g_149.awsui_header-cell-sortable_1spae_ysd4g_223:not(#\9) {
   padding-inline-end: var(--space-xs-ymlm0b, 8px);
 }
-.awsui_header-cell_1spae_wii4_149.awsui_sticky-cell_1spae_wii4_216:not(#\9) {
+.awsui_header-cell_1spae_ysd4g_149.awsui_sticky-cell_1spae_ysd4g_220:not(#\9) {
   position: sticky;
   background: var(--color-background-table-header-hdjxos, #ffffff);
   z-index: 798;
@@ -228,44 +232,44 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wii4_149.awsui_head
   transition-timing-function: var(--motion-easing-sticky-tn072u, cubic-bezier(1, 0, 0.83, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_header-cell_1spae_wii4_149.awsui_sticky-cell_1spae_wii4_216:not(#\9) {
+  .awsui_header-cell_1spae_ysd4g_149.awsui_sticky-cell_1spae_ysd4g_220:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_header-cell_1spae_wii4_149.awsui_sticky-cell_1spae_wii4_216:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_wii4_149.awsui_sticky-cell_1spae_wii4_216:not(#\9) {
+.awsui-motion-disabled .awsui_header-cell_1spae_ysd4g_149.awsui_sticky-cell_1spae_ysd4g_220:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_ysd4g_149.awsui_sticky-cell_1spae_ysd4g_220:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_header-cell_1spae_wii4_149.awsui_sticky-cell_1spae_wii4_216.awsui_table-variant-full-page_1spae_wii4_240:not(#\9) {
+.awsui_header-cell_1spae_ysd4g_149.awsui_sticky-cell_1spae_ysd4g_220.awsui_table-variant-full-page_1spae_ysd4g_244:not(#\9) {
   background: var(--color-background-layout-main-5ilwcb, #ffffff);
 }
-.awsui_header-cell_1spae_wii4_149.awsui_sticky-cell-pad-left_1spae_wii4_243:not(#\9):not(.awsui_has-selection_1spae_wii4_243) {
+.awsui_header-cell_1spae_ysd4g_149.awsui_sticky-cell-pad-left_1spae_ysd4g_247:not(#\9):not(.awsui_has-selection_1spae_ysd4g_247) {
   padding-inline-start: var(--space-table-horizontal-suurzj, 20px);
 }
-.awsui_header-cell_1spae_wii4_149.awsui_sticky-cell-last-inline-start_1spae_wii4_246:not(#\9) {
+.awsui_header-cell_1spae_ysd4g_149.awsui_sticky-cell-last-inline-start_1spae_ysd4g_250: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_wii4_149.awsui_sticky-cell-last-inline-start_1spae_wii4_246 > .awsui_resize-divider_1spae_wii4_251:not(#\9) {
+.awsui_header-cell_1spae_ysd4g_149.awsui_sticky-cell-last-inline-start_1spae_ysd4g_250 > .awsui_resize-divider_1spae_ysd4g_255:not(#\9) {
   display: none;
 }
-.awsui_header-cell_1spae_wii4_149.awsui_sticky-cell-last-inline-start_1spae_wii4_246:not(#\9):dir(rtl) {
+.awsui_header-cell_1spae_ysd4g_149.awsui_sticky-cell-last-inline-start_1spae_ysd4g_250: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_wii4_149.awsui_sticky-cell-last-inline-end_1spae_wii4_258:not(#\9) {
+.awsui_header-cell_1spae_ysd4g_149.awsui_sticky-cell-last-inline-end_1spae_ysd4g_262: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_wii4_149.awsui_sticky-cell-last-inline-end_1spae_wii4_258:not(#\9):dir(rtl) {
+.awsui_header-cell_1spae_ysd4g_149.awsui_sticky-cell-last-inline-end_1spae_ysd4g_262: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_wii4_268:not(#\9) {
+.awsui_sorting-icon_1spae_ysd4g_272:not(#\9) {
   position: absolute;
   inset-block-start: 50%;
   transform: translateY(-50%);
@@ -273,36 +277,39 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wii4_149.awsui_head
   color: var(--color-text-column-sorting-icon-fngn77, #424650);
 }
 
-.awsui_edit-icon_1spae_wii4_276:not(#\9) {
+.awsui_edit-icon_1spae_ysd4g_280: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_wii4_282:not(#\9) {
+.awsui_header-cell-content_1spae_ysd4g_286: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_wii4_282.awsui_header-cell-content-expandable_1spae_wii4_288:not(#\9) {
+.awsui_header-cell-content_1spae_ysd4g_286.awsui_header-cell-content-expandable_1spae_ysd4g_292: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_wii4_219 > .awsui_header-cell-content_1spae_wii4_282:not(#\9) {
+.awsui_header-cell-group_1spae_ysd4g_204 > .awsui_header-cell-content_1spae_ysd4g_286:not(#\9), .awsui_header-cell-grouped_1spae_ysd4g_204 > .awsui_header-cell-content_1spae_ysd4g_286:not(#\9), .awsui_header-cell-spans-rows_1spae_ysd4g_204 > .awsui_header-cell-content_1spae_ysd4g_286:not(#\9) {
+  padding-block: var(--space-xxxs-pajhad, 2px);
+}
+.awsui_header-cell-sortable_1spae_ysd4g_223 > .awsui_header-cell-content_1spae_ysd4g_286:not(#\9) {
   padding-inline-end: calc(var(--space-xl-jfy3x4, 24px) + var(--space-xxs-hwfkai, 4px));
 }
-.awsui_header-cell-content_1spae_wii4_282:not(#\9):focus {
+.awsui_header-cell-content_1spae_ysd4g_286:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_wii4_282:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_ysd4g_286:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_wii4_282:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_ysd4g_286: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_wii4_282:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_ysd4g_286:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -316,14 +323,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_wii4_282:no
   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_wii4_282.awsui_header-cell-fake-focus_1spae_wii4_183:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_ysd4g_286.awsui_header-cell-fake-focus_1spae_ysd4g_183:not(#\9) {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_wii4_282.awsui_header-cell-fake-focus_1spae_wii4_183:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_ysd4g_286.awsui_header-cell-fake-focus_1spae_ysd4g_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_wii4_282.awsui_header-cell-fake-focus_1spae_wii4_183:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_ysd4g_286.awsui_header-cell-fake-focus_1spae_ysd4g_183:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -337,32 +344,49 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_wii4_282.aw
   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_wii4_340.awsui_header-cell-sorted_1spae_wii4_340 > .awsui_header-cell-content_1spae_wii4_282 > .awsui_sorting-icon_1spae_wii4_268:not(#\9) {
+.awsui_header-cell-disabled_1spae_ysd4g_347.awsui_header-cell-sorted_1spae_ysd4g_347 > .awsui_header-cell-content_1spae_ysd4g_286 > .awsui_sorting-icon_1spae_ysd4g_272:not(#\9) {
   color: var(--color-text-interactive-disabled-1bqmrl, #b4b4bb);
 }
 
-.awsui_header-cell-sortable_1spae_wii4_219:not(#\9):not(.awsui_header-cell-disabled_1spae_wii4_340) > .awsui_header-cell-content_1spae_wii4_282 {
+.awsui_header-cell-spans-rows_1spae_ysd4g_204:not(#\9) {
+  block-size: 100%;
+  vertical-align: bottom;
+}
+.awsui_header-cell-spans-rows_1spae_ysd4g_204 > .awsui_header-cell-content_1spae_ysd4g_286:not(#\9) {
+  block-size: 100%;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+}
+.awsui_header-cell-spans-rows_1spae_ysd4g_204 > .awsui_header-cell-content_1spae_ysd4g_286 > .awsui_sorting-icon_1spae_ysd4g_272:not(#\9) {
+  inset-block-start: auto;
+  inset-block-end: var(--space-scaled-xxs-pfm1nx, 4px);
+  transform: none;
+}
+
+.awsui_header-cell-sortable_1spae_ysd4g_223:not(#\9):not(.awsui_header-cell-disabled_1spae_ysd4g_347) > .awsui_header-cell-content_1spae_ysd4g_286 {
   cursor: pointer;
 }
-.awsui_header-cell-sortable_1spae_wii4_219:not(#\9):not(.awsui_header-cell-disabled_1spae_wii4_340) > .awsui_header-cell-content_1spae_wii4_282:hover, .awsui_header-cell-sortable_1spae_wii4_219:not(#\9):not(.awsui_header-cell-disabled_1spae_wii4_340).awsui_header-cell-sorted_1spae_wii4_340 > .awsui_header-cell-content_1spae_wii4_282 {
+.awsui_header-cell-sortable_1spae_ysd4g_223:not(#\9):not(.awsui_header-cell-disabled_1spae_ysd4g_347) > .awsui_header-cell-content_1spae_ysd4g_286:hover, .awsui_header-cell-sortable_1spae_ysd4g_223:not(#\9):not(.awsui_header-cell-disabled_1spae_ysd4g_347).awsui_header-cell-sorted_1spae_ysd4g_347 > .awsui_header-cell-content_1spae_ysd4g_286 {
   color: var(--color-text-interactive-active-uoe6zi, #0f141a);
 }
-.awsui_header-cell-sortable_1spae_wii4_219:not(#\9):not(.awsui_header-cell-disabled_1spae_wii4_340) > .awsui_header-cell-content_1spae_wii4_282:hover > .awsui_sorting-icon_1spae_wii4_268, .awsui_header-cell-sortable_1spae_wii4_219:not(#\9):not(.awsui_header-cell-disabled_1spae_wii4_340).awsui_header-cell-sorted_1spae_wii4_340 > .awsui_header-cell-content_1spae_wii4_282 > .awsui_sorting-icon_1spae_wii4_268 {
+.awsui_header-cell-sortable_1spae_ysd4g_223:not(#\9):not(.awsui_header-cell-disabled_1spae_ysd4g_347) > .awsui_header-cell-content_1spae_ysd4g_286:hover > .awsui_sorting-icon_1spae_ysd4g_272, .awsui_header-cell-sortable_1spae_ysd4g_223:not(#\9):not(.awsui_header-cell-disabled_1spae_ysd4g_347).awsui_header-cell-sorted_1spae_ysd4g_347 > .awsui_header-cell-content_1spae_ysd4g_286 > .awsui_sorting-icon_1spae_ysd4g_272 {
   color: var(--color-text-interactive-active-uoe6zi, #0f141a);
 }
 
-.awsui_header-cell-text_1spae_wii4_354:not(#\9) {
+.awsui_header-cell-text_1spae_ysd4g_378: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_wii4_354:not(#\9):not(.awsui_header-cell-text-wrap_1spae_wii4_358) {
+.awsui_header-cell-text_1spae_ysd4g_378:not(#\9):not(.awsui_header-cell-text-wrap_1spae_ysd4g_382) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
-.awsui_header-cell-ascending_1spae_wii4_364:not(#\9),
-.awsui_header-cell-descending_1spae_wii4_365:not(#\9) {
+.awsui_header-cell-ascending_1spae_ysd4g_388:not(#\9),
+.awsui_header-cell-descending_1spae_ysd4g_389:not(#\9) {
   /* used in test-utils */
 }
 
@@ -372,28 +396,28 @@ with the left edge of the table as closely as possible. If the
 last header cell is sortable the sort icon should align with the
 settings icon in the pagination slot.
 */
-.awsui_header-cell_1spae_wii4_149:not(#\9):not(.awsui_is-visual-refresh_1spae_wii4_216):first-child {
+.awsui_header-cell_1spae_ysd4g_149:not(#\9):not(.awsui_is-visual-refresh_1spae_ysd4g_220):first-child {
   padding-inline-start: var(--space-xs-ymlm0b, 8px);
 }
-.awsui_header-cell_1spae_wii4_149:not(#\9):not(.awsui_is-visual-refresh_1spae_wii4_216):first-child.awsui_header-cell-content-expandable_1spae_wii4_288 {
+.awsui_header-cell_1spae_ysd4g_149:not(#\9):not(.awsui_is-visual-refresh_1spae_ysd4g_220):first-child.awsui_header-cell-content-expandable_1spae_ysd4g_292 {
   padding-inline-start: calc(var(--space-xs-ymlm0b, 8px) + var(--space-m-dsumyt, 16px) + var(--space-xs-ymlm0b, 8px));
 }
 
-.awsui_header-cell_1spae_wii4_149.awsui_is-visual-refresh_1spae_wii4_216:not(#\9) {
+.awsui_header-cell_1spae_ysd4g_149.awsui_is-visual-refresh_1spae_ysd4g_220:not(#\9) {
   /*
     Striped rows requires additional left padding because the
     shaded background makes the child content appear too close
     to the table edge.
   */
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wii4_149.awsui_is-visual-refresh_1spae_wii4_216:not(#\9):first-child:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ysd4g_149.awsui_is-visual-refresh_1spae_ysd4g_220:not(#\9):first-child:focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wii4_149.awsui_is-visual-refresh_1spae_wii4_216:not(#\9):first-child:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ysd4g_149.awsui_is-visual-refresh_1spae_ysd4g_220: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_wii4_149.awsui_is-visual-refresh_1spae_wii4_216:not(#\9):first-child:focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ysd4g_149.awsui_is-visual-refresh_1spae_ysd4g_220:not(#\9):first-child:focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -407,14 +431,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wii4_149.awsui_is-v
   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_wii4_149.awsui_is-visual-refresh_1spae_wii4_216:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_wii4_183 {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ysd4g_149.awsui_is-visual-refresh_1spae_ysd4g_220:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_ysd4g_183 {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wii4_149.awsui_is-visual-refresh_1spae_wii4_216:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_wii4_183 {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ysd4g_149.awsui_is-visual-refresh_1spae_ysd4g_220:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_ysd4g_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_wii4_149.awsui_is-visual-refresh_1spae_wii4_216:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_wii4_183::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ysd4g_149.awsui_is-visual-refresh_1spae_ysd4g_220:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_ysd4g_183::before {
   content: " ";
   display: block;
   position: absolute;
@@ -428,20 +452,20 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wii4_149.awsui_is-v
   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_wii4_149.awsui_is-visual-refresh_1spae_wii4_216:not(#\9):first-child > .awsui_header-cell-content_1spae_wii4_282 {
+.awsui_header-cell_1spae_ysd4g_149.awsui_is-visual-refresh_1spae_ysd4g_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_ysd4g_204):not(.awsui_header-cell-group_1spae_ysd4g_204) > .awsui_header-cell-content_1spae_ysd4g_286 {
   padding-inline-start: 0px;
 }
-.awsui_header-cell_1spae_wii4_149.awsui_is-visual-refresh_1spae_wii4_216:not(#\9):first-child > .awsui_header-cell-content_1spae_wii4_282.awsui_header-cell-content-expandable_1spae_wii4_288 {
+.awsui_header-cell_1spae_ysd4g_149.awsui_is-visual-refresh_1spae_ysd4g_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_ysd4g_204):not(.awsui_header-cell-group_1spae_ysd4g_204) > .awsui_header-cell-content_1spae_ysd4g_286.awsui_header-cell-content-expandable_1spae_ysd4g_292 {
   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_wii4_149.awsui_is-visual-refresh_1spae_wii4_216:not(#\9):first-child > .awsui_header-cell-content_1spae_wii4_282:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ysd4g_149.awsui_is-visual-refresh_1spae_ysd4g_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_ysd4g_204):not(.awsui_header-cell-group_1spae_ysd4g_204) > .awsui_header-cell-content_1spae_ysd4g_286:focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wii4_149.awsui_is-visual-refresh_1spae_wii4_216:not(#\9):first-child > .awsui_header-cell-content_1spae_wii4_282:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ysd4g_149.awsui_is-visual-refresh_1spae_ysd4g_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_ysd4g_204):not(.awsui_header-cell-group_1spae_ysd4g_204) > .awsui_header-cell-content_1spae_ysd4g_286: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_wii4_149.awsui_is-visual-refresh_1spae_wii4_216:not(#\9):first-child > .awsui_header-cell-content_1spae_wii4_282:focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ysd4g_149.awsui_is-visual-refresh_1spae_ysd4g_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_ysd4g_204):not(.awsui_header-cell-group_1spae_ysd4g_204) > .awsui_header-cell-content_1spae_ysd4g_286:focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -455,14 +479,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wii4_149.awsui_is-v
   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_wii4_149.awsui_is-visual-refresh_1spae_wii4_216:not(#\9):first-child > .awsui_header-cell-content_1spae_wii4_282.awsui_header-cell-fake-focus_1spae_wii4_183 {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ysd4g_149.awsui_is-visual-refresh_1spae_ysd4g_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_ysd4g_204):not(.awsui_header-cell-group_1spae_ysd4g_204) > .awsui_header-cell-content_1spae_ysd4g_286.awsui_header-cell-fake-focus_1spae_ysd4g_183 {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wii4_149.awsui_is-visual-refresh_1spae_wii4_216:not(#\9):first-child > .awsui_header-cell-content_1spae_wii4_282.awsui_header-cell-fake-focus_1spae_wii4_183 {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ysd4g_149.awsui_is-visual-refresh_1spae_ysd4g_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_ysd4g_204):not(.awsui_header-cell-group_1spae_ysd4g_204) > .awsui_header-cell-content_1spae_ysd4g_286.awsui_header-cell-fake-focus_1spae_ysd4g_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_wii4_149.awsui_is-visual-refresh_1spae_wii4_216:not(#\9):first-child > .awsui_header-cell-content_1spae_wii4_282.awsui_header-cell-fake-focus_1spae_wii4_183::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ysd4g_149.awsui_is-visual-refresh_1spae_ysd4g_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_ysd4g_204):not(.awsui_header-cell-group_1spae_ysd4g_204) > .awsui_header-cell-content_1spae_ysd4g_286.awsui_header-cell-fake-focus_1spae_ysd4g_183::before {
   content: " ";
   display: block;
   position: absolute;
@@ -476,24 +500,24 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wii4_149.awsui_is-v
   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_wii4_149.awsui_is-visual-refresh_1spae_wii4_216:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_wii4_479):not(.awsui_sticky-cell-pad-inline-start_1spae_wii4_479) {
+.awsui_header-cell_1spae_ysd4g_149.awsui_is-visual-refresh_1spae_ysd4g_220:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_ysd4g_503):not(.awsui_sticky-cell-pad-inline-start_1spae_ysd4g_503):not(.awsui_header-cell-group_1spae_ysd4g_204):not(.awsui_header-cell-grouped_1spae_ysd4g_204) {
   padding-inline-start: var(--space-xxxs-pajhad, 2px);
 }
-.awsui_header-cell_1spae_wii4_149.awsui_is-visual-refresh_1spae_wii4_216:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_wii4_479):not(.awsui_sticky-cell-pad-inline-start_1spae_wii4_479).awsui_header-cell-content-expandable_1spae_wii4_288 {
+.awsui_header-cell_1spae_ysd4g_149.awsui_is-visual-refresh_1spae_ysd4g_220:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_ysd4g_503):not(.awsui_sticky-cell-pad-inline-start_1spae_ysd4g_503):not(.awsui_header-cell-group_1spae_ysd4g_204):not(.awsui_header-cell-grouped_1spae_ysd4g_204).awsui_header-cell-content-expandable_1spae_ysd4g_292 {
   padding-inline-start: calc(var(--space-xxxs-pajhad, 2px) + var(--space-m-dsumyt, 16px) + var(--space-xs-ymlm0b, 8px));
 }
-.awsui_header-cell_1spae_wii4_149.awsui_is-visual-refresh_1spae_wii4_216:not(#\9):first-child.awsui_has-striped-rows_1spae_wii4_479:not(.awsui_sticky-cell-pad-inline-start_1spae_wii4_479) {
+.awsui_header-cell_1spae_ysd4g_149.awsui_is-visual-refresh_1spae_ysd4g_220:not(#\9):first-child.awsui_has-striped-rows_1spae_ysd4g_503:not(.awsui_sticky-cell-pad-inline-start_1spae_ysd4g_503):not(.awsui_header-cell-group_1spae_ysd4g_204):not(.awsui_header-cell-grouped_1spae_ysd4g_204) {
   padding-inline-start: var(--space-xxs-hwfkai, 4px);
 }
-.awsui_header-cell_1spae_wii4_149.awsui_is-visual-refresh_1spae_wii4_216:not(#\9):first-child.awsui_has-striped-rows_1spae_wii4_479:not(.awsui_sticky-cell-pad-inline-start_1spae_wii4_479).awsui_header-cell-content-expandable_1spae_wii4_288 {
+.awsui_header-cell_1spae_ysd4g_149.awsui_is-visual-refresh_1spae_ysd4g_220:not(#\9):first-child.awsui_has-striped-rows_1spae_ysd4g_503:not(.awsui_sticky-cell-pad-inline-start_1spae_ysd4g_503):not(.awsui_header-cell-group_1spae_ysd4g_204):not(.awsui_header-cell-grouped_1spae_ysd4g_204).awsui_header-cell-content-expandable_1spae_ysd4g_292 {
   padding-inline-start: calc(var(--space-xxs-hwfkai, 4px) + var(--space-m-dsumyt, 16px) + var(--space-xs-ymlm0b, 8px));
 }
-.awsui_header-cell_1spae_wii4_149.awsui_is-visual-refresh_1spae_wii4_216:not(#\9):last-child.awsui_header-cell-sortable_1spae_wii4_219:not(.awsui_header-cell-resizable_1spae_wii4_491) {
+.awsui_header-cell_1spae_ysd4g_149.awsui_is-visual-refresh_1spae_ysd4g_220:not(#\9):last-child.awsui_header-cell-sortable_1spae_ysd4g_223:not(.awsui_header-cell-resizable_1spae_ysd4g_515), .awsui_header-cell_1spae_ysd4g_149.awsui_is-visual-refresh_1spae_ysd4g_220[data-rightmost].awsui_header-cell-sortable_1spae_ysd4g_223:not(#\9):not(.awsui_header-cell-resizable_1spae_ysd4g_515) {
   padding-inline-end: var(--space-xxxs-pajhad, 2px);
 }
-.awsui_header-cell_1spae_wii4_149.awsui_is-visual-refresh_1spae_wii4_216.awsui_sticky-cell-pad-inline-start_1spae_wii4_479:not(#\9) {
+.awsui_header-cell_1spae_ysd4g_149.awsui_is-visual-refresh_1spae_ysd4g_220.awsui_sticky-cell-pad-inline-start_1spae_ysd4g_503:not(#\9) {
   padding-inline-start: var(--space-scaled-l-sej05l, 20px);
 }
-.awsui_header-cell_1spae_wii4_149.awsui_is-visual-refresh_1spae_wii4_216.awsui_sticky-cell-pad-inline-start_1spae_wii4_479.awsui_header-cell-content-expandable_1spae_wii4_288:not(#\9) {
+.awsui_header-cell_1spae_ysd4g_149.awsui_is-visual-refresh_1spae_ysd4g_220.awsui_sticky-cell-pad-inline-start_1spae_ysd4g_503.awsui_header-cell-content-expandable_1spae_ysd4g_292: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,35 +2,38 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "header-cell": "awsui_header-cell_1spae_wii4_149",
-  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_wii4_183",
-  "header-cell-sticky": "awsui_header-cell-sticky_1spae_wii4_204",
-  "header-cell-stuck": "awsui_header-cell-stuck_1spae_wii4_207",
-  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_wii4_207",
-  "header-cell-hidden": "awsui_header-cell-hidden_1spae_wii4_213",
-  "header-cell-variant-embedded": "awsui_header-cell-variant-embedded_1spae_wii4_216",
-  "is-visual-refresh": "awsui_is-visual-refresh_1spae_wii4_216",
-  "sticky-cell": "awsui_sticky-cell_1spae_wii4_216",
-  "header-cell-variant-borderless": "awsui_header-cell-variant-borderless_1spae_wii4_216",
-  "header-cell-sortable": "awsui_header-cell-sortable_1spae_wii4_219",
-  "table-variant-full-page": "awsui_table-variant-full-page_1spae_wii4_240",
-  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_wii4_243",
-  "has-selection": "awsui_has-selection_1spae_wii4_243",
-  "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_wii4_246",
-  "resize-divider": "awsui_resize-divider_1spae_wii4_251",
-  "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_wii4_258",
-  "sorting-icon": "awsui_sorting-icon_1spae_wii4_268",
-  "edit-icon": "awsui_edit-icon_1spae_wii4_276",
-  "header-cell-content": "awsui_header-cell-content_1spae_wii4_282",
-  "header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_wii4_288",
-  "header-cell-disabled": "awsui_header-cell-disabled_1spae_wii4_340",
-  "header-cell-sorted": "awsui_header-cell-sorted_1spae_wii4_340",
-  "header-cell-text": "awsui_header-cell-text_1spae_wii4_354",
-  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_wii4_358",
-  "header-cell-ascending": "awsui_header-cell-ascending_1spae_wii4_364",
-  "header-cell-descending": "awsui_header-cell-descending_1spae_wii4_365",
-  "has-striped-rows": "awsui_has-striped-rows_1spae_wii4_479",
-  "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_wii4_479",
-  "header-cell-resizable": "awsui_header-cell-resizable_1spae_wii4_491"
+  "header-cell": "awsui_header-cell_1spae_ysd4g_149",
+  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_ysd4g_183",
+  "header-cell-group": "awsui_header-cell-group_1spae_ysd4g_204",
+  "header-cell-grouped": "awsui_header-cell-grouped_1spae_ysd4g_204",
+  "header-cell-spans-rows": "awsui_header-cell-spans-rows_1spae_ysd4g_204",
+  "header-cell-sticky": "awsui_header-cell-sticky_1spae_ysd4g_208",
+  "header-cell-stuck": "awsui_header-cell-stuck_1spae_ysd4g_211",
+  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_ysd4g_211",
+  "header-cell-hidden": "awsui_header-cell-hidden_1spae_ysd4g_217",
+  "header-cell-variant-embedded": "awsui_header-cell-variant-embedded_1spae_ysd4g_220",
+  "is-visual-refresh": "awsui_is-visual-refresh_1spae_ysd4g_220",
+  "sticky-cell": "awsui_sticky-cell_1spae_ysd4g_220",
+  "header-cell-variant-borderless": "awsui_header-cell-variant-borderless_1spae_ysd4g_220",
+  "header-cell-sortable": "awsui_header-cell-sortable_1spae_ysd4g_223",
+  "table-variant-full-page": "awsui_table-variant-full-page_1spae_ysd4g_244",
+  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_ysd4g_247",
+  "has-selection": "awsui_has-selection_1spae_ysd4g_247",
+  "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_ysd4g_250",
+  "resize-divider": "awsui_resize-divider_1spae_ysd4g_255",
+  "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_ysd4g_262",
+  "sorting-icon": "awsui_sorting-icon_1spae_ysd4g_272",
+  "edit-icon": "awsui_edit-icon_1spae_ysd4g_280",
+  "header-cell-content": "awsui_header-cell-content_1spae_ysd4g_286",
+  "header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_ysd4g_292",
+  "header-cell-disabled": "awsui_header-cell-disabled_1spae_ysd4g_347",
+  "header-cell-sorted": "awsui_header-cell-sorted_1spae_ysd4g_347",
+  "header-cell-text": "awsui_header-cell-text_1spae_ysd4g_378",
+  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_ysd4g_382",
+  "header-cell-ascending": "awsui_header-cell-ascending_1spae_ysd4g_388",
+  "header-cell-descending": "awsui_header-cell-descending_1spae_ysd4g_389",
+  "has-striped-rows": "awsui_has-striped-rows_1spae_ysd4g_503",
+  "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_ysd4g_503",
+  "header-cell-resizable": "awsui_header-cell-resizable_1spae_ysd4g_515"
 };
   

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

@@ -24,6 +24,15 @@ export interface TableThElementProps {
   variant: TableProps.Variant;
   tableVariant?: TableProps.Variant;
   ariaLabel?: string;
+  colSpan?: number;
+  rowSpan?: number;
+  scope?: 'col' | 'colgroup';
+  columnGroupId?: string;
+  isLast?: boolean;
+  /** Additional className to merge (e.g. boundary shadow classes from a secondary sticky subscription). */
+  className?: string;
+  /** Additional ref for boundary sticky subscription (imperatively updates shadow classes). */
+  boundaryRef?: React.RefCallback<HTMLElement>;
 }
 export declare function TableThElement({
   resizableStyle,
@@ -45,5 +54,12 @@ export declare function TableThElement({
   variant,
   ariaLabel,
   tableVariant,
+  colSpan,
+  rowSpan,
+  scope,
+  columnGroupId,
+  isLast,
+  className,
+  boundaryRef,
   ...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,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,WAAW,CAAC;IACtB,WAAW,EAAE,kBAAkB,CAAC;IAChC,OAAO,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IAChD,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,EAC7B,cAAc,EACd,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,KAAK,EACL,MAAM,EACN,SAAS,EACT,MAAM,EACN,WAAW,EACX,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,OAAO,EACP,SAAS,EACT,QAAQ,EACR,OAAO,EACP,SAAS,EACT,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,mBAAmB,eA+CrB"}
+{"version":3,"file":"th-element.d.ts","sourceRoot":"","sources":["../../../../src/table/header-cell/th-element.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAQtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAuB,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EAA8B,SAAS,EAAE,MAAM,eAAe,CAAC;AAEtE,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAKxC,MAAM,WAAW,mBAAmB;IAClC,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACjC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,WAAW,CAAC;IACtB,WAAW,EAAE,kBAAkB,CAAC;IAChC,OAAO,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IAChD,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,GAAG,UAAU,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,yGAAyG;IACzG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6FAA6F;IAC7F,WAAW,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;CAC9C;AAED,wBAAgB,cAAc,CAAC,EAC7B,cAAc,EACd,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,KAAK,EACL,MAAM,EACN,SAAS,EACT,MAAM,EACN,WAAW,EACX,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,OAAO,EACP,SAAS,EACT,QAAQ,EACR,OAAO,EACP,SAAS,EACT,YAAY,EACZ,OAAO,EACP,OAAO,EACP,KAAK,EACL,aAAa,EACb,MAAM,EACN,SAAS,EACT,WAAW,EACX,GAAG,KAAK,EACT,EAAE,mBAAmB,eAyDrB"}

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

@@ -11,7 +11,7 @@ import { getTableColHeaderRoleProps } from '../table-role';
 import { getStickyClassNames } from '../utils';
 import tableStyles from '../styles.css.js';
 import styles from './styles.css.js';
-export function TableThElement({ resizableStyle, sortingStatus, sortingDisabled, focusedComponent, stuck, sticky, resizable, hidden, stripedRows, isSelection, colIndex, columnId, stickyState, cellRef, tableRole, children, variant, ariaLabel, tableVariant, ...props }) {
+export function TableThElement({ resizableStyle, sortingStatus, sortingDisabled, focusedComponent, stuck, sticky, resizable, hidden, stripedRows, isSelection, colIndex, columnId, stickyState, cellRef, tableRole, children, variant, ariaLabel, tableVariant, colSpan, rowSpan, scope, columnGroupId, isLast, className, boundaryRef, ...props }) {
     const isVisualRefresh = useVisualRefresh();
     const stickyStyles = useStickyCellStyles({
         stickyColumns: stickyState,
@@ -19,9 +19,9 @@ export function TableThElement({ resizableStyle, sortingStatus, sortingDisabled,
         getClassName: props => getStickyClassNames(styles, props),
     });
     const cellRefObject = useRef(null);
-    const mergedRef = useMergeRefs(stickyStyles.ref, cellRef, cellRefObject);
+    const mergedRef = useMergeRefs(stickyStyles.ref, cellRef, cellRefObject, boundaryRef);
     const { tabIndex: cellTabIndex } = useSingleTabStopNavigation(cellRefObject);
-    return (React.createElement("th", { "data-focus-id": `header-${String(columnId)}`, className: clsx(styles['header-cell'], styles[`header-cell-variant-${variant}`], sticky && styles['header-cell-sticky'], resizable && styles['header-cell-resizable'], stuck && styles['header-cell-stuck'], stripedRows && styles['has-striped-rows'], isVisualRefresh && styles['is-visual-refresh'], isSelection && clsx(tableStyles['selection-control'], tableStyles['selection-control-header']), tableVariant && styles[`table-variant-${tableVariant}`], {
+    return (React.createElement("th", { "data-focus-id": `header-${String(columnId)}`, className: clsx(styles['header-cell'], styles[`header-cell-variant-${variant}`], sticky && styles['header-cell-sticky'], resizable && styles['header-cell-resizable'], stuck && styles['header-cell-stuck'], stripedRows && styles['has-striped-rows'], isVisualRefresh && styles['is-visual-refresh'], isSelection && clsx(tableStyles['selection-control'], tableStyles['selection-control-header']), tableVariant && styles[`table-variant-${tableVariant}`], scope === 'colgroup' && styles['header-cell-group'], {
             [styles['header-cell-fake-focus']]: focusedComponent === `header-${String(columnId)}`,
             [styles['header-cell-sortable']]: sortingStatus,
             [styles['header-cell-sorted']]: sortingStatus === 'ascending' || sortingStatus === 'descending',
@@ -29,6 +29,8 @@ export function TableThElement({ resizableStyle, sortingStatus, sortingDisabled,
             [styles['header-cell-ascending']]: sortingStatus === 'ascending',
             [styles['header-cell-descending']]: sortingStatus === 'descending',
             [styles['header-cell-hidden']]: hidden,
-        }, stickyStyles.className), style: { ...resizableStyle, ...stickyStyles.style }, ref: mergedRef, ...getTableColHeaderRoleProps({ tableRole, sortingStatus, colIndex }), tabIndex: cellTabIndex === -1 ? undefined : cellTabIndex, ...copyAnalyticsMetadataAttribute(props), ...(ariaLabel ? { 'aria-label': ariaLabel } : {}) }, children));
+            [styles['header-cell-spans-rows']]: (rowSpan !== null && rowSpan !== void 0 ? rowSpan : 1) > 1,
+            [styles['header-cell-grouped']]: !!columnGroupId,
+        }, stickyStyles.className, className), colSpan: colSpan, rowSpan: rowSpan, style: { ...resizableStyle, ...stickyStyles.style }, ref: mergedRef, ...getTableColHeaderRoleProps({ tableRole, sortingStatus, colIndex }), scope: scope !== null && scope !== void 0 ? scope : 'col', tabIndex: cellTabIndex === -1 ? undefined : cellTabIndex, ...copyAnalyticsMetadataAttribute(props), ...(ariaLabel ? { 'aria-label': ariaLabel } : {}), ...(isLast ? { 'data-rightmost': true } : {}), ...(scope !== 'colgroup' ? { 'data-column-index': colIndex + 1 } : {}), ...(columnGroupId ? { 'data-column-group-id': columnGroupId } : {}) }, children));
 }
 //# sourceMappingURL=th-element.js.map

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 { useSingleTabStopNavigation } from '@cloudscape-design/component-toolkit/internal';\nimport { copyAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { useVisualRefresh } from '../../internal/hooks/use-visual-mode';\nimport { ColumnWidthStyle } from '../column-widths-utils';\nimport { TableProps } from '../interfaces';\nimport { StickyColumnsModel, useStickyCellStyles } from '../sticky-columns';\nimport { getTableColHeaderRoleProps, TableRole } from '../table-role';\nimport { getStickyClassNames } from '../utils';\nimport { SortingStatus } from './utils';\n\nimport tableStyles from '../styles.css.js';\nimport styles from './styles.css.js';\n\nexport interface TableThElementProps {\n  resizableStyle?: ColumnWidthStyle;\n  sortingStatus?: SortingStatus;\n  sortingDisabled?: boolean;\n  focusedComponent?: null | string;\n  stuck?: boolean;\n  sticky?: boolean;\n  resizable?: boolean;\n  hidden?: boolean;\n  stripedRows?: boolean;\n  isSelection?: boolean;\n  colIndex: number;\n  columnId: PropertyKey;\n  stickyState: StickyColumnsModel;\n  cellRef?: React.RefCallback<HTMLElement> | null;\n  tableRole: TableRole;\n  children: React.ReactNode;\n  variant: TableProps.Variant;\n  tableVariant?: TableProps.Variant;\n  ariaLabel?: string;\n}\n\nexport function TableThElement({\n  resizableStyle,\n  sortingStatus,\n  sortingDisabled,\n  focusedComponent,\n  stuck,\n  sticky,\n  resizable,\n  hidden,\n  stripedRows,\n  isSelection,\n  colIndex,\n  columnId,\n  stickyState,\n  cellRef,\n  tableRole,\n  children,\n  variant,\n  ariaLabel,\n  tableVariant,\n  ...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        resizable && styles['header-cell-resizable'],\n        stuck && styles['header-cell-stuck'],\n        stripedRows && styles['has-striped-rows'],\n        isVisualRefresh && styles['is-visual-refresh'],\n        isSelection && clsx(tableStyles['selection-control'], tableStyles['selection-control-header']),\n        tableVariant && styles[`table-variant-${tableVariant}`],\n        {\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 { useSingleTabStopNavigation } from '@cloudscape-design/component-toolkit/internal';\nimport { copyAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { useVisualRefresh } from '../../internal/hooks/use-visual-mode';\nimport { ColumnWidthStyle } from '../column-widths-utils';\nimport { TableProps } from '../interfaces';\nimport { StickyColumnsModel, useStickyCellStyles } from '../sticky-columns';\nimport { getTableColHeaderRoleProps, TableRole } from '../table-role';\nimport { getStickyClassNames } from '../utils';\nimport { SortingStatus } from './utils';\n\nimport tableStyles from '../styles.css.js';\nimport styles from './styles.css.js';\n\nexport interface TableThElementProps {\n  resizableStyle?: ColumnWidthStyle;\n  sortingStatus?: SortingStatus;\n  sortingDisabled?: boolean;\n  focusedComponent?: null | string;\n  stuck?: boolean;\n  sticky?: boolean;\n  resizable?: boolean;\n  hidden?: boolean;\n  stripedRows?: boolean;\n  isSelection?: boolean;\n  colIndex: number;\n  columnId: PropertyKey;\n  stickyState: StickyColumnsModel;\n  cellRef?: React.RefCallback<HTMLElement> | null;\n  tableRole: TableRole;\n  children: React.ReactNode;\n  variant: TableProps.Variant;\n  tableVariant?: TableProps.Variant;\n  ariaLabel?: string;\n  colSpan?: number;\n  rowSpan?: number;\n  scope?: 'col' | 'colgroup';\n  columnGroupId?: string;\n  isLast?: boolean;\n  /** Additional className to merge (e.g. boundary shadow classes from a secondary sticky subscription). */\n  className?: string;\n  /** Additional ref for boundary sticky subscription (imperatively updates shadow classes). */\n  boundaryRef?: React.RefCallback<HTMLElement>;\n}\n\nexport function TableThElement({\n  resizableStyle,\n  sortingStatus,\n  sortingDisabled,\n  focusedComponent,\n  stuck,\n  sticky,\n  resizable,\n  hidden,\n  stripedRows,\n  isSelection,\n  colIndex,\n  columnId,\n  stickyState,\n  cellRef,\n  tableRole,\n  children,\n  variant,\n  ariaLabel,\n  tableVariant,\n  colSpan,\n  rowSpan,\n  scope,\n  columnGroupId,\n  isLast,\n  className,\n  boundaryRef,\n  ...props\n}: TableThElementProps) {\n  const isVisualRefresh = useVisualRefresh();\n\n  const stickyStyles = useStickyCellStyles({\n    stickyColumns: stickyState,\n    columnId,\n    getClassName: props => getStickyClassNames(styles, props),\n  });\n\n  const cellRefObject = useRef<HTMLTableCellElement>(null);\n  const mergedRef = useMergeRefs(stickyStyles.ref, cellRef, cellRefObject, boundaryRef);\n  const { tabIndex: cellTabIndex } = useSingleTabStopNavigation(cellRefObject);\n\n  return (\n    <th\n      data-focus-id={`header-${String(columnId)}`}\n      className={clsx(\n        styles['header-cell'],\n        styles[`header-cell-variant-${variant}`],\n        sticky && styles['header-cell-sticky'],\n        resizable && styles['header-cell-resizable'],\n        stuck && styles['header-cell-stuck'],\n        stripedRows && styles['has-striped-rows'],\n        isVisualRefresh && styles['is-visual-refresh'],\n        isSelection && clsx(tableStyles['selection-control'], tableStyles['selection-control-header']),\n        tableVariant && styles[`table-variant-${tableVariant}`],\n        scope === 'colgroup' && styles['header-cell-group'],\n        {\n          [styles['header-cell-fake-focus']]: focusedComponent === `header-${String(columnId)}`,\n          [styles['header-cell-sortable']]: sortingStatus,\n          [styles['header-cell-sorted']]: sortingStatus === 'ascending' || sortingStatus === 'descending',\n          [styles['header-cell-disabled']]: sortingDisabled,\n          [styles['header-cell-ascending']]: sortingStatus === 'ascending',\n          [styles['header-cell-descending']]: sortingStatus === 'descending',\n          [styles['header-cell-hidden']]: hidden,\n          [styles['header-cell-spans-rows']]: (rowSpan ?? 1) > 1,\n          [styles['header-cell-grouped']]: !!columnGroupId,\n        },\n        stickyStyles.className,\n        className\n      )}\n      colSpan={colSpan}\n      rowSpan={rowSpan}\n      style={{ ...resizableStyle, ...stickyStyles.style }}\n      ref={mergedRef}\n      {...getTableColHeaderRoleProps({ tableRole, sortingStatus, colIndex })}\n      scope={scope ?? 'col'}\n      tabIndex={cellTabIndex === -1 ? undefined : cellTabIndex}\n      {...copyAnalyticsMetadataAttribute(props)}\n      {...(ariaLabel ? { 'aria-label': ariaLabel } : {})}\n      {...(isLast ? { 'data-rightmost': true } : {})}\n      {...(scope !== 'colgroup' ? { 'data-column-index': colIndex + 1 } : {})}\n      {...(columnGroupId ? { 'data-column-group-id': columnGroupId } : {})}\n    >\n      {children}\n    </th>\n  );\n}\n"]}

package/table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/table/index.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG/D,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,QAAA,MAAM,KAAK,EAiHN,mBAAmB,CAAC;AAGzB,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/table/index.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG/D,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,QAAA,MAAM,KAAK,EAmHN,mBAAmB,CAAC;AAGzB,eAAe,KAAK,CAAC"}