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

@cloudscape-design/components-themeable 3.0.1312 → 3.0.1314

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (159) hide show

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

@@ -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_1gdol_149:not(#\9) {
+.awsui_header-cell_1spae_eevyv_149:not(#\9) {
   position: relative;
   text-align: start;
   box-sizing: border-box;
-  border-block-end: var(--border-divider-list-width-8ggz94, 1px) solid var(--color-border-divider-interactive-default-cyw7tx, #687078);
+  border-block-end: var(--border-divider-list-width-8ggz94, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
   background: var(--color-background-table-header-5hauij, #fafafa);
   color: var(--color-text-column-header-hm90p0, #545b64);
   font-weight: var(--font-weight-heading-s-qxvrar, 700);
@@ -159,14 +159,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: var(--space-scaled-xxs-jatbiv, 4px);
   padding-inline: var(--space-scaled-xs-sppte9, 8px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_eevyv_149:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_eevyv_149:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-scaled-xxs-jatbiv, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_eevyv_149:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -180,14 +180,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149:not(#\9):
   border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_header-cell-fake-focus_1spae_1gdol_183:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_eevyv_149.awsui_header-cell-fake-focus_1spae_eevyv_183:not(#\9) {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_header-cell-fake-focus_1spae_1gdol_183:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_eevyv_149.awsui_header-cell-fake-focus_1spae_eevyv_183:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-scaled-xxs-jatbiv, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_header-cell-fake-focus_1spae_1gdol_183:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_eevyv_149.awsui_header-cell-fake-focus_1spae_eevyv_183:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -201,29 +201,36 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_hea
   border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_header-cell_1spae_1gdol_149.awsui_header-cell-group_1spae_1gdol_204:not(#\9), .awsui_header-cell_1spae_1gdol_149.awsui_header-cell-grouped_1spae_1gdol_204:not(#\9), .awsui_header-cell_1spae_1gdol_149.awsui_header-cell-spans-rows_1spae_1gdol_204:not(#\9) {
+.awsui_header-cell_1spae_eevyv_149.awsui_header-cell-group_1spae_eevyv_204:not(#\9), .awsui_header-cell_1spae_eevyv_149.awsui_header-cell-grouped_1spae_eevyv_204:not(#\9), .awsui_header-cell_1spae_eevyv_149.awsui_header-cell-spans-rows_1spae_eevyv_204:not(#\9) {
   padding-block: var(--space-xxxs-3w1kr2, 2px);
   padding-inline: var(--space-scaled-xs-sppte9, 8px);
+  border-block-end-color: var(--color-border-divider-table-group-enot8o, #879596);
 }
-.awsui_header-cell-sticky_1spae_1gdol_208:not(#\9) {
-  border-block-end: var(--border-table-sticky-width-o9kqes, 0px) solid var(--color-border-divider-interactive-default-cyw7tx, #687078);
+.awsui_header-cell_1spae_eevyv_149.awsui_header-cell-group_1spae_eevyv_204 > .awsui_resize-divider_1spae_eevyv_209.awsui_resize-divider_1spae_eevyv_209:not(#\9), .awsui_header-cell_1spae_eevyv_149.awsui_header-cell-grouped_1spae_eevyv_204 > .awsui_resize-divider_1spae_eevyv_209.awsui_resize-divider_1spae_eevyv_209:not(#\9), .awsui_header-cell_1spae_eevyv_149.awsui_header-cell-spans-rows_1spae_eevyv_204 > .awsui_resize-divider_1spae_eevyv_209.awsui_resize-divider_1spae_eevyv_209:not(#\9) {
+  border-inline-start-color: var(--color-border-divider-table-group-enot8o, #879596);
 }
-.awsui_header-cell-stuck_1spae_1gdol_211:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_1gdol_211) {
+.awsui_header-cell-sticky_1spae_eevyv_212:not(#\9) {
+  border-block-end: var(--border-table-sticky-width-o9kqes, 0px) solid var(--color-border-divider-default-ipvpev, #eaeded);
+}
+.awsui_header-cell-sticky_1spae_eevyv_212.awsui_header-cell-group_1spae_eevyv_204:not(#\9), .awsui_header-cell-sticky_1spae_eevyv_212.awsui_header-cell-grouped_1spae_eevyv_204:not(#\9), .awsui_header-cell-sticky_1spae_eevyv_212.awsui_header-cell-spans-rows_1spae_eevyv_204:not(#\9) {
+  border-block-end-color: var(--color-border-divider-table-group-enot8o, #879596);
+}
+.awsui_header-cell-stuck_1spae_eevyv_218:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_eevyv_218) {
   border-block-end-color: transparent;
 }
-.awsui_header-cell-variant-full-page_1spae_1gdol_211:not(#\9) {
+.awsui_header-cell-variant-full-page_1spae_eevyv_218:not(#\9) {
   background: var(--color-background-layout-main-05m5y6, #f2f3f3);
 }
-.awsui_header-cell-variant-full-page_1spae_1gdol_211.awsui_header-cell-hidden_1spae_1gdol_217:not(#\9) {
+.awsui_header-cell-variant-full-page_1spae_eevyv_218.awsui_header-cell-hidden_1spae_eevyv_224:not(#\9) {
   border-block-end-color: transparent;
 }
-.awsui_header-cell-variant-embedded_1spae_1gdol_220.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_1gdol_208, .awsui_sticky-cell_1spae_1gdol_220)), .awsui_header-cell-variant-borderless_1spae_1gdol_220.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_1gdol_208, .awsui_sticky-cell_1spae_1gdol_220)) {
+.awsui_header-cell-variant-embedded_1spae_eevyv_227.awsui_is-visual-refresh_1spae_eevyv_227:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_eevyv_212, .awsui_sticky-cell_1spae_eevyv_227)), .awsui_header-cell-variant-borderless_1spae_eevyv_227.awsui_is-visual-refresh_1spae_eevyv_227:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_eevyv_212, .awsui_sticky-cell_1spae_eevyv_227)) {
   background: none;
 }
-.awsui_header-cell_1spae_1gdol_149:not(#\9):last-child, .awsui_header-cell_1spae_1gdol_149[data-rightmost]:not(#\9), .awsui_header-cell_1spae_1gdol_149.awsui_header-cell-sortable_1spae_1gdol_223:not(#\9) {
+.awsui_header-cell_1spae_eevyv_149:not(#\9):last-child, .awsui_header-cell_1spae_eevyv_149[data-rightmost]:not(#\9), .awsui_header-cell_1spae_eevyv_149.awsui_header-cell-sortable_1spae_eevyv_230:not(#\9) {
   padding-inline-end: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_header-cell_1spae_1gdol_149.awsui_sticky-cell_1spae_1gdol_220:not(#\9) {
+.awsui_header-cell_1spae_eevyv_149.awsui_sticky-cell_1spae_eevyv_227:not(#\9) {
   position: sticky;
   background: var(--color-background-table-header-5hauij, #fafafa);
   z-index: 798;
@@ -232,44 +239,44 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_hea
   transition-timing-function: var(--motion-easing-sticky-xd5evu, ease-out);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_header-cell_1spae_1gdol_149.awsui_sticky-cell_1spae_1gdol_220:not(#\9) {
+  .awsui_header-cell_1spae_eevyv_149.awsui_sticky-cell_1spae_eevyv_227:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_header-cell_1spae_1gdol_149.awsui_sticky-cell_1spae_1gdol_220:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_1gdol_149.awsui_sticky-cell_1spae_1gdol_220:not(#\9) {
+.awsui-motion-disabled .awsui_header-cell_1spae_eevyv_149.awsui_sticky-cell_1spae_eevyv_227:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_eevyv_149.awsui_sticky-cell_1spae_eevyv_227:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_header-cell_1spae_1gdol_149.awsui_sticky-cell_1spae_1gdol_220.awsui_table-variant-full-page_1spae_1gdol_244:not(#\9) {
+.awsui_header-cell_1spae_eevyv_149.awsui_sticky-cell_1spae_eevyv_227.awsui_table-variant-full-page_1spae_eevyv_251:not(#\9) {
   background: var(--color-background-layout-main-05m5y6, #f2f3f3);
 }
-.awsui_header-cell_1spae_1gdol_149.awsui_sticky-cell-pad-left_1spae_1gdol_247:not(#\9):not(.awsui_has-selection_1spae_1gdol_247) {
+.awsui_header-cell_1spae_eevyv_149.awsui_sticky-cell-pad-left_1spae_eevyv_254:not(#\9):not(.awsui_has-selection_1spae_eevyv_254) {
   padding-inline-start: var(--space-table-horizontal-xmv4qa, 0px);
 }
-.awsui_header-cell_1spae_1gdol_149.awsui_sticky-cell-last-inline-start_1spae_1gdol_250:not(#\9) {
+.awsui_header-cell_1spae_eevyv_149.awsui_sticky-cell-last-inline-start_1spae_eevyv_257:not(#\9) {
   box-shadow: var(--shadow-sticky-column-first-vya346, 4px 0 8px 0 rgba(0, 28, 36, 0.1));
   clip-path: inset(0px -24px 0px 0px);
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_header-cell_1spae_1gdol_149.awsui_sticky-cell-last-inline-start_1spae_1gdol_250 > .awsui_resize-divider_1spae_1gdol_255:not(#\9) {
+.awsui_header-cell_1spae_eevyv_149.awsui_sticky-cell-last-inline-start_1spae_eevyv_257 > .awsui_resize-divider_1spae_eevyv_209:not(#\9) {
   display: none;
 }
-.awsui_header-cell_1spae_1gdol_149.awsui_sticky-cell-last-inline-start_1spae_1gdol_250:not(#\9):dir(rtl) {
+.awsui_header-cell_1spae_eevyv_149.awsui_sticky-cell-last-inline-start_1spae_eevyv_257:not(#\9):dir(rtl) {
   box-shadow: var(--shadow-sticky-column-last-02l85g, -4px 0 8px 0 rgba(0, 28, 36, 0.1));
   clip-path: inset(0 0 0 -24px);
 }
-.awsui_header-cell_1spae_1gdol_149.awsui_sticky-cell-last-inline-end_1spae_1gdol_262:not(#\9) {
+.awsui_header-cell_1spae_eevyv_149.awsui_sticky-cell-last-inline-end_1spae_eevyv_269:not(#\9) {
   box-shadow: var(--shadow-sticky-column-last-02l85g, -4px 0 8px 0 rgba(0, 28, 36, 0.1));
   clip-path: inset(0 0 0 -24px);
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_header-cell_1spae_1gdol_149.awsui_sticky-cell-last-inline-end_1spae_1gdol_262:not(#\9):dir(rtl) {
+.awsui_header-cell_1spae_eevyv_149.awsui_sticky-cell-last-inline-end_1spae_eevyv_269:not(#\9):dir(rtl) {
   box-shadow: var(--shadow-sticky-column-first-vya346, 4px 0 8px 0 rgba(0, 28, 36, 0.1));
   clip-path: inset(0 -24px 0 0);
 }
-.awsui_sorting-icon_1spae_1gdol_272:not(#\9) {
+.awsui_sorting-icon_1spae_eevyv_279:not(#\9) {
   position: absolute;
   inset-block-start: 50%;
   transform: translateY(-50%);
@@ -277,39 +284,39 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_hea
   color: var(--color-text-column-sorting-icon-gys874, #687078);
 }
-.awsui_edit-icon_1spae_1gdol_280:not(#\9) {
+.awsui_edit-icon_1spae_eevyv_287:not(#\9) {
   margin-inline-start: var(--space-xxs-jnczic, 4px);
   margin-block-start: var(--space-scaled-xxs-jatbiv, 4px);
   color: inherit;
 }
-.awsui_header-cell-content_1spae_1gdol_286:not(#\9) {
+.awsui_header-cell-content_1spae_eevyv_293:not(#\9) {
   position: relative;
   padding-block: var(--space-scaled-xxs-jatbiv, 4px);
   padding-inline-end: var(--space-s-4a5hs8, 12px);
   padding-inline-start: var(--space-s-4a5hs8, 12px);
 }
-.awsui_header-cell-content_1spae_1gdol_286.awsui_header-cell-content-expandable_1spae_1gdol_292:not(#\9) {
+.awsui_header-cell-content_1spae_eevyv_293.awsui_header-cell-content-expandable_1spae_eevyv_299:not(#\9) {
   padding-inline-start: calc(var(--space-s-4a5hs8, 12px) + var(--space-m-n2lypl, 16px) + var(--space-xs-kw7k3v, 8px));
 }
-.awsui_header-cell-group_1spae_1gdol_204 > .awsui_header-cell-content_1spae_1gdol_286:not(#\9), .awsui_header-cell-grouped_1spae_1gdol_204 > .awsui_header-cell-content_1spae_1gdol_286:not(#\9), .awsui_header-cell-spans-rows_1spae_1gdol_204 > .awsui_header-cell-content_1spae_1gdol_286:not(#\9) {
+.awsui_header-cell-group_1spae_eevyv_204 > .awsui_header-cell-content_1spae_eevyv_293:not(#\9), .awsui_header-cell-grouped_1spae_eevyv_204 > .awsui_header-cell-content_1spae_eevyv_293:not(#\9), .awsui_header-cell-spans-rows_1spae_eevyv_204 > .awsui_header-cell-content_1spae_eevyv_293:not(#\9) {
   padding-block: var(--space-xxxs-3w1kr2, 2px);
 }
-.awsui_header-cell-sortable_1spae_1gdol_223 > .awsui_header-cell-content_1spae_1gdol_286:not(#\9) {
+.awsui_header-cell-sortable_1spae_eevyv_230 > .awsui_header-cell-content_1spae_eevyv_293:not(#\9) {
   padding-inline-end: calc(var(--space-xl-4dmkh1, 24px) + var(--space-xxs-jnczic, 4px));
 }
-.awsui_header-cell-content_1spae_1gdol_286:not(#\9):focus {
+.awsui_header-cell-content_1spae_eevyv_293:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1gdol_286:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_eevyv_293:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1gdol_286:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_eevyv_293:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-0zj6up, 0px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1gdol_286:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_eevyv_293:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -323,14 +330,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1gdol_286:n
   border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1gdol_286.awsui_header-cell-fake-focus_1spae_1gdol_183:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_eevyv_293.awsui_header-cell-fake-focus_1spae_eevyv_183:not(#\9) {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1gdol_286.awsui_header-cell-fake-focus_1spae_1gdol_183:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_eevyv_293.awsui_header-cell-fake-focus_1spae_eevyv_183:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-0zj6up, 0px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1gdol_286.awsui_header-cell-fake-focus_1spae_1gdol_183:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_eevyv_293.awsui_header-cell-fake-focus_1spae_eevyv_183:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -344,49 +351,49 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1gdol_286.a
   border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_header-cell-disabled_1spae_1gdol_347.awsui_header-cell-sorted_1spae_1gdol_347 > .awsui_header-cell-content_1spae_1gdol_286 > .awsui_sorting-icon_1spae_1gdol_272:not(#\9) {
+.awsui_header-cell-disabled_1spae_eevyv_354.awsui_header-cell-sorted_1spae_eevyv_354 > .awsui_header-cell-content_1spae_eevyv_293 > .awsui_sorting-icon_1spae_eevyv_279:not(#\9) {
   color: var(--color-text-interactive-disabled-xwt2jl, #aab7b8);
 }
-.awsui_header-cell-spans-rows_1spae_1gdol_204:not(#\9) {
+.awsui_header-cell-spans-rows_1spae_eevyv_204:not(#\9) {
   block-size: 100%;
   vertical-align: bottom;
 }
-.awsui_header-cell-spans-rows_1spae_1gdol_204 > .awsui_header-cell-content_1spae_1gdol_286:not(#\9) {
+.awsui_header-cell-spans-rows_1spae_eevyv_204 > .awsui_header-cell-content_1spae_eevyv_293:not(#\9) {
   block-size: 100%;
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
 }
-.awsui_header-cell-spans-rows_1spae_1gdol_204 > .awsui_header-cell-content_1spae_1gdol_286 > .awsui_sorting-icon_1spae_1gdol_272:not(#\9) {
+.awsui_header-cell-spans-rows_1spae_eevyv_204 > .awsui_header-cell-content_1spae_eevyv_293 > .awsui_sorting-icon_1spae_eevyv_279:not(#\9) {
   inset-block-start: auto;
   inset-block-end: var(--space-scaled-xxs-jatbiv, 4px);
   transform: none;
 }
-.awsui_header-cell-sortable_1spae_1gdol_223:not(#\9):not(.awsui_header-cell-disabled_1spae_1gdol_347) > .awsui_header-cell-content_1spae_1gdol_286 {
+.awsui_header-cell-sortable_1spae_eevyv_230:not(#\9):not(.awsui_header-cell-disabled_1spae_eevyv_354) > .awsui_header-cell-content_1spae_eevyv_293 {
   cursor: pointer;
 }
-.awsui_header-cell-sortable_1spae_1gdol_223:not(#\9):not(.awsui_header-cell-disabled_1spae_1gdol_347) > .awsui_header-cell-content_1spae_1gdol_286:hover, .awsui_header-cell-sortable_1spae_1gdol_223:not(#\9):not(.awsui_header-cell-disabled_1spae_1gdol_347).awsui_header-cell-sorted_1spae_1gdol_347 > .awsui_header-cell-content_1spae_1gdol_286 {
+.awsui_header-cell-sortable_1spae_eevyv_230:not(#\9):not(.awsui_header-cell-disabled_1spae_eevyv_354) > .awsui_header-cell-content_1spae_eevyv_293:hover, .awsui_header-cell-sortable_1spae_eevyv_230:not(#\9):not(.awsui_header-cell-disabled_1spae_eevyv_354).awsui_header-cell-sorted_1spae_eevyv_354 > .awsui_header-cell-content_1spae_eevyv_293 {
   color: var(--color-text-interactive-active-c44vdq, #16191f);
 }
-.awsui_header-cell-sortable_1spae_1gdol_223:not(#\9):not(.awsui_header-cell-disabled_1spae_1gdol_347) > .awsui_header-cell-content_1spae_1gdol_286:hover > .awsui_sorting-icon_1spae_1gdol_272, .awsui_header-cell-sortable_1spae_1gdol_223:not(#\9):not(.awsui_header-cell-disabled_1spae_1gdol_347).awsui_header-cell-sorted_1spae_1gdol_347 > .awsui_header-cell-content_1spae_1gdol_286 > .awsui_sorting-icon_1spae_1gdol_272 {
+.awsui_header-cell-sortable_1spae_eevyv_230:not(#\9):not(.awsui_header-cell-disabled_1spae_eevyv_354) > .awsui_header-cell-content_1spae_eevyv_293:hover > .awsui_sorting-icon_1spae_eevyv_279, .awsui_header-cell-sortable_1spae_eevyv_230:not(#\9):not(.awsui_header-cell-disabled_1spae_eevyv_354).awsui_header-cell-sorted_1spae_eevyv_354 > .awsui_header-cell-content_1spae_eevyv_293 > .awsui_sorting-icon_1spae_eevyv_279 {
   color: var(--color-text-interactive-active-c44vdq, #16191f);
 }
-.awsui_header-cell-text_1spae_1gdol_378:not(#\9) {
+.awsui_header-cell-text_1spae_eevyv_385:not(#\9) {
   line-height: var(--line-height-heading-xs-fuzanp, 20px);
   padding-block: calc(var(--space-xxxs-3w1kr2, 2px) / 2);
 }
-.awsui_header-cell-text_1spae_1gdol_378:not(#\9):not(.awsui_header-cell-text-wrap_1spae_1gdol_382) {
+.awsui_header-cell-text_1spae_eevyv_385:not(#\9):not(.awsui_header-cell-text-wrap_1spae_eevyv_389) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.awsui_header-cell-ascending_1spae_1gdol_388:not(#\9),
-.awsui_header-cell-descending_1spae_1gdol_389:not(#\9) {
+.awsui_header-cell-ascending_1spae_eevyv_395:not(#\9),
+.awsui_header-cell-descending_1spae_eevyv_396:not(#\9) {
   /* used in test-utils */
 }
@@ -396,28 +403,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_1gdol_149:not(#\9):not(.awsui_is-visual-refresh_1spae_1gdol_220):first-child {
+.awsui_header-cell_1spae_eevyv_149:not(#\9):not(.awsui_is-visual-refresh_1spae_eevyv_227):first-child {
   padding-inline-start: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_header-cell_1spae_1gdol_149:not(#\9):not(.awsui_is-visual-refresh_1spae_1gdol_220):first-child.awsui_header-cell-content-expandable_1spae_1gdol_292 {
+.awsui_header-cell_1spae_eevyv_149:not(#\9):not(.awsui_is-visual-refresh_1spae_eevyv_227):first-child.awsui_header-cell-content-expandable_1spae_eevyv_299 {
   padding-inline-start: calc(var(--space-xs-kw7k3v, 8px) + var(--space-m-n2lypl, 16px) + var(--space-xs-kw7k3v, 8px));
 }
-.awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9) {
+.awsui_header-cell_1spae_eevyv_149.awsui_is-visual-refresh_1spae_eevyv_227:not(#\9) {
   /*
     Striped rows requires additional left padding because the
     shaded background makes the child content appear too close
     to the table edge.
   */
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_eevyv_149.awsui_is-visual-refresh_1spae_eevyv_227:not(#\9):first-child:focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_eevyv_149.awsui_is-visual-refresh_1spae_eevyv_227:not(#\9):first-child:focus {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-scaled-xxs-jatbiv, 4px) + var(--space-scaled-xxs-jatbiv, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child:focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_eevyv_149.awsui_is-visual-refresh_1spae_eevyv_227:not(#\9):first-child:focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -431,14 +438,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_is-
   border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_1gdol_183 {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_eevyv_149.awsui_is-visual-refresh_1spae_eevyv_227:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_eevyv_183 {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_1gdol_183 {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_eevyv_149.awsui_is-visual-refresh_1spae_eevyv_227:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_eevyv_183 {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-scaled-xxs-jatbiv, 4px) + var(--space-scaled-xxs-jatbiv, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_1gdol_183::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_eevyv_149.awsui_is-visual-refresh_1spae_eevyv_227:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_eevyv_183::before {
   content: " ";
   display: block;
   position: absolute;
@@ -452,20 +459,20 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_is-
   border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1gdol_204):not(.awsui_header-cell-group_1spae_1gdol_204) > .awsui_header-cell-content_1spae_1gdol_286 {
+.awsui_header-cell_1spae_eevyv_149.awsui_is-visual-refresh_1spae_eevyv_227:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_eevyv_204):not(.awsui_header-cell-group_1spae_eevyv_204) > .awsui_header-cell-content_1spae_eevyv_293 {
   padding-inline-start: 0px;
 }
-.awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1gdol_204):not(.awsui_header-cell-group_1spae_1gdol_204) > .awsui_header-cell-content_1spae_1gdol_286.awsui_header-cell-content-expandable_1spae_1gdol_292 {
+.awsui_header-cell_1spae_eevyv_149.awsui_is-visual-refresh_1spae_eevyv_227:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_eevyv_204):not(.awsui_header-cell-group_1spae_eevyv_204) > .awsui_header-cell-content_1spae_eevyv_293.awsui_header-cell-content-expandable_1spae_eevyv_299 {
   padding-inline-start: calc(0px + var(--space-m-n2lypl, 16px) + var(--space-xs-kw7k3v, 8px));
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1gdol_204):not(.awsui_header-cell-group_1spae_1gdol_204) > .awsui_header-cell-content_1spae_1gdol_286:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_eevyv_149.awsui_is-visual-refresh_1spae_eevyv_227:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_eevyv_204):not(.awsui_header-cell-group_1spae_eevyv_204) > .awsui_header-cell-content_1spae_eevyv_293:focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1gdol_204):not(.awsui_header-cell-group_1spae_1gdol_204) > .awsui_header-cell-content_1spae_1gdol_286:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_eevyv_149.awsui_is-visual-refresh_1spae_eevyv_227:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_eevyv_204):not(.awsui_header-cell-group_1spae_eevyv_204) > .awsui_header-cell-content_1spae_eevyv_293:focus {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-0zj6up, 0px) + var(--space-scaled-xxs-jatbiv, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1gdol_204):not(.awsui_header-cell-group_1spae_1gdol_204) > .awsui_header-cell-content_1spae_1gdol_286:focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_eevyv_149.awsui_is-visual-refresh_1spae_eevyv_227:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_eevyv_204):not(.awsui_header-cell-group_1spae_eevyv_204) > .awsui_header-cell-content_1spae_eevyv_293:focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -479,14 +486,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_is-
   border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1gdol_204):not(.awsui_header-cell-group_1spae_1gdol_204) > .awsui_header-cell-content_1spae_1gdol_286.awsui_header-cell-fake-focus_1spae_1gdol_183 {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_eevyv_149.awsui_is-visual-refresh_1spae_eevyv_227:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_eevyv_204):not(.awsui_header-cell-group_1spae_eevyv_204) > .awsui_header-cell-content_1spae_eevyv_293.awsui_header-cell-fake-focus_1spae_eevyv_183 {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1gdol_204):not(.awsui_header-cell-group_1spae_1gdol_204) > .awsui_header-cell-content_1spae_1gdol_286.awsui_header-cell-fake-focus_1spae_1gdol_183 {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_eevyv_149.awsui_is-visual-refresh_1spae_eevyv_227:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_eevyv_204):not(.awsui_header-cell-group_1spae_eevyv_204) > .awsui_header-cell-content_1spae_eevyv_293.awsui_header-cell-fake-focus_1spae_eevyv_183 {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-0zj6up, 0px) + var(--space-scaled-xxs-jatbiv, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1gdol_204):not(.awsui_header-cell-group_1spae_1gdol_204) > .awsui_header-cell-content_1spae_1gdol_286.awsui_header-cell-fake-focus_1spae_1gdol_183::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_eevyv_149.awsui_is-visual-refresh_1spae_eevyv_227:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_eevyv_204):not(.awsui_header-cell-group_1spae_eevyv_204) > .awsui_header-cell-content_1spae_eevyv_293.awsui_header-cell-fake-focus_1spae_eevyv_183::before {
   content: " ";
   display: block;
   position: absolute;
@@ -500,24 +507,24 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_is-
   border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_1gdol_503):not(.awsui_sticky-cell-pad-inline-start_1spae_1gdol_503):not(.awsui_header-cell-group_1spae_1gdol_204):not(.awsui_header-cell-grouped_1spae_1gdol_204) {
+.awsui_header-cell_1spae_eevyv_149.awsui_is-visual-refresh_1spae_eevyv_227:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_eevyv_510):not(.awsui_sticky-cell-pad-inline-start_1spae_eevyv_510):not(.awsui_header-cell-group_1spae_eevyv_204):not(.awsui_header-cell-grouped_1spae_eevyv_204) {
   padding-inline-start: var(--space-xxxs-3w1kr2, 2px);
 }
-.awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_1gdol_503):not(.awsui_sticky-cell-pad-inline-start_1spae_1gdol_503):not(.awsui_header-cell-group_1spae_1gdol_204):not(.awsui_header-cell-grouped_1spae_1gdol_204).awsui_header-cell-content-expandable_1spae_1gdol_292 {
+.awsui_header-cell_1spae_eevyv_149.awsui_is-visual-refresh_1spae_eevyv_227:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_eevyv_510):not(.awsui_sticky-cell-pad-inline-start_1spae_eevyv_510):not(.awsui_header-cell-group_1spae_eevyv_204):not(.awsui_header-cell-grouped_1spae_eevyv_204).awsui_header-cell-content-expandable_1spae_eevyv_299 {
   padding-inline-start: calc(var(--space-xxxs-3w1kr2, 2px) + var(--space-m-n2lypl, 16px) + var(--space-xs-kw7k3v, 8px));
 }
-.awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child.awsui_has-striped-rows_1spae_1gdol_503:not(.awsui_sticky-cell-pad-inline-start_1spae_1gdol_503):not(.awsui_header-cell-group_1spae_1gdol_204):not(.awsui_header-cell-grouped_1spae_1gdol_204) {
+.awsui_header-cell_1spae_eevyv_149.awsui_is-visual-refresh_1spae_eevyv_227:not(#\9):first-child.awsui_has-striped-rows_1spae_eevyv_510:not(.awsui_sticky-cell-pad-inline-start_1spae_eevyv_510):not(.awsui_header-cell-group_1spae_eevyv_204):not(.awsui_header-cell-grouped_1spae_eevyv_204) {
   padding-inline-start: var(--space-xxs-jnczic, 4px);
 }
-.awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child.awsui_has-striped-rows_1spae_1gdol_503:not(.awsui_sticky-cell-pad-inline-start_1spae_1gdol_503):not(.awsui_header-cell-group_1spae_1gdol_204):not(.awsui_header-cell-grouped_1spae_1gdol_204).awsui_header-cell-content-expandable_1spae_1gdol_292 {
+.awsui_header-cell_1spae_eevyv_149.awsui_is-visual-refresh_1spae_eevyv_227:not(#\9):first-child.awsui_has-striped-rows_1spae_eevyv_510:not(.awsui_sticky-cell-pad-inline-start_1spae_eevyv_510):not(.awsui_header-cell-group_1spae_eevyv_204):not(.awsui_header-cell-grouped_1spae_eevyv_204).awsui_header-cell-content-expandable_1spae_eevyv_299 {
   padding-inline-start: calc(var(--space-xxs-jnczic, 4px) + var(--space-m-n2lypl, 16px) + var(--space-xs-kw7k3v, 8px));
 }
-.awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):last-child.awsui_header-cell-sortable_1spae_1gdol_223:not(.awsui_header-cell-resizable_1spae_1gdol_515), .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220[data-rightmost].awsui_header-cell-sortable_1spae_1gdol_223:not(#\9):not(.awsui_header-cell-resizable_1spae_1gdol_515) {
+.awsui_header-cell_1spae_eevyv_149.awsui_is-visual-refresh_1spae_eevyv_227:not(#\9):last-child.awsui_header-cell-sortable_1spae_eevyv_230:not(.awsui_header-cell-resizable_1spae_eevyv_522), .awsui_header-cell_1spae_eevyv_149.awsui_is-visual-refresh_1spae_eevyv_227[data-rightmost].awsui_header-cell-sortable_1spae_eevyv_230:not(#\9):not(.awsui_header-cell-resizable_1spae_eevyv_522) {
   padding-inline-end: var(--space-xxxs-3w1kr2, 2px);
 }
-.awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220.awsui_sticky-cell-pad-inline-start_1spae_1gdol_503:not(#\9) {
+.awsui_header-cell_1spae_eevyv_149.awsui_is-visual-refresh_1spae_eevyv_227.awsui_sticky-cell-pad-inline-start_1spae_eevyv_510:not(#\9) {
   padding-inline-start: var(--space-scaled-l-66n9sr, 20px);
 }
-.awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220.awsui_sticky-cell-pad-inline-start_1spae_1gdol_503.awsui_header-cell-content-expandable_1spae_1gdol_292:not(#\9) {
+.awsui_header-cell_1spae_eevyv_149.awsui_is-visual-refresh_1spae_eevyv_227.awsui_sticky-cell-pad-inline-start_1spae_eevyv_510.awsui_header-cell-content-expandable_1spae_eevyv_299:not(#\9) {
   padding-inline-start: calc(var(--space-scaled-l-66n9sr, 20px) + var(--space-m-n2lypl, 16px) + var(--space-xs-kw7k3v, 8px));
 }

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

@@ -2,38 +2,38 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "header-cell": "awsui_header-cell_1spae_1gdol_149",
-  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_1gdol_183",
-  "header-cell-group": "awsui_header-cell-group_1spae_1gdol_204",
-  "header-cell-grouped": "awsui_header-cell-grouped_1spae_1gdol_204",
-  "header-cell-spans-rows": "awsui_header-cell-spans-rows_1spae_1gdol_204",
-  "header-cell-sticky": "awsui_header-cell-sticky_1spae_1gdol_208",
-  "header-cell-stuck": "awsui_header-cell-stuck_1spae_1gdol_211",
-  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_1gdol_211",
-  "header-cell-hidden": "awsui_header-cell-hidden_1spae_1gdol_217",
-  "header-cell-variant-embedded": "awsui_header-cell-variant-embedded_1spae_1gdol_220",
-  "is-visual-refresh": "awsui_is-visual-refresh_1spae_1gdol_220",
-  "sticky-cell": "awsui_sticky-cell_1spae_1gdol_220",
-  "header-cell-variant-borderless": "awsui_header-cell-variant-borderless_1spae_1gdol_220",
-  "header-cell-sortable": "awsui_header-cell-sortable_1spae_1gdol_223",
-  "table-variant-full-page": "awsui_table-variant-full-page_1spae_1gdol_244",
-  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_1gdol_247",
-  "has-selection": "awsui_has-selection_1spae_1gdol_247",
-  "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_1gdol_250",
-  "resize-divider": "awsui_resize-divider_1spae_1gdol_255",
-  "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_1gdol_262",
-  "sorting-icon": "awsui_sorting-icon_1spae_1gdol_272",
-  "edit-icon": "awsui_edit-icon_1spae_1gdol_280",
-  "header-cell-content": "awsui_header-cell-content_1spae_1gdol_286",
-  "header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_1gdol_292",
-  "header-cell-disabled": "awsui_header-cell-disabled_1spae_1gdol_347",
-  "header-cell-sorted": "awsui_header-cell-sorted_1spae_1gdol_347",
-  "header-cell-text": "awsui_header-cell-text_1spae_1gdol_378",
-  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_1gdol_382",
-  "header-cell-ascending": "awsui_header-cell-ascending_1spae_1gdol_388",
-  "header-cell-descending": "awsui_header-cell-descending_1spae_1gdol_389",
-  "has-striped-rows": "awsui_has-striped-rows_1spae_1gdol_503",
-  "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_1gdol_503",
-  "header-cell-resizable": "awsui_header-cell-resizable_1spae_1gdol_515"
+  "header-cell": "awsui_header-cell_1spae_eevyv_149",
+  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_eevyv_183",
+  "header-cell-group": "awsui_header-cell-group_1spae_eevyv_204",
+  "header-cell-grouped": "awsui_header-cell-grouped_1spae_eevyv_204",
+  "header-cell-spans-rows": "awsui_header-cell-spans-rows_1spae_eevyv_204",
+  "resize-divider": "awsui_resize-divider_1spae_eevyv_209",
+  "header-cell-sticky": "awsui_header-cell-sticky_1spae_eevyv_212",
+  "header-cell-stuck": "awsui_header-cell-stuck_1spae_eevyv_218",
+  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_eevyv_218",
+  "header-cell-hidden": "awsui_header-cell-hidden_1spae_eevyv_224",
+  "header-cell-variant-embedded": "awsui_header-cell-variant-embedded_1spae_eevyv_227",
+  "is-visual-refresh": "awsui_is-visual-refresh_1spae_eevyv_227",
+  "sticky-cell": "awsui_sticky-cell_1spae_eevyv_227",
+  "header-cell-variant-borderless": "awsui_header-cell-variant-borderless_1spae_eevyv_227",
+  "header-cell-sortable": "awsui_header-cell-sortable_1spae_eevyv_230",
+  "table-variant-full-page": "awsui_table-variant-full-page_1spae_eevyv_251",
+  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_eevyv_254",
+  "has-selection": "awsui_has-selection_1spae_eevyv_254",
+  "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_eevyv_257",
+  "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_eevyv_269",
+  "sorting-icon": "awsui_sorting-icon_1spae_eevyv_279",
+  "edit-icon": "awsui_edit-icon_1spae_eevyv_287",
+  "header-cell-content": "awsui_header-cell-content_1spae_eevyv_293",
+  "header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_eevyv_299",
+  "header-cell-disabled": "awsui_header-cell-disabled_1spae_eevyv_354",
+  "header-cell-sorted": "awsui_header-cell-sorted_1spae_eevyv_354",
+  "header-cell-text": "awsui_header-cell-text_1spae_eevyv_385",
+  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_eevyv_389",
+  "header-cell-ascending": "awsui_header-cell-ascending_1spae_eevyv_395",
+  "header-cell-descending": "awsui_header-cell-descending_1spae_eevyv_396",
+  "has-striped-rows": "awsui_has-striped-rows_1spae_eevyv_510",
+  "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_eevyv_510",
+  "header-cell-resizable": "awsui_header-cell-resizable_1spae_eevyv_522"
 };

package/lib/internal/template/table/resizer/index.d.ts CHANGED Viewed

@@ -10,14 +10,16 @@ interface ResizerProps {
     tooltipText?: string;
     isBorderless: boolean;
     isLast?: boolean;
+    isGrouped?: boolean;
     dividerPosition?: DividerPosition;
 }
 export type DividerPosition = 'default' | 'top' | 'bottom' | 'full';
-export declare function Divider({ className, position }: {
+export declare function Divider({ className, position, isGrouped, }: {
     className?: string;
     position?: DividerPosition;
+    isGrouped?: boolean;
 }): JSX.Element;
-export declare function Resizer({ onWidthUpdate, onWidthUpdateCommit, ariaLabelledby, minWidth, tabIndex, showFocusRing, focusId, roleDescription, tooltipText, isBorderless, isLast, dividerPosition, }: ResizerProps): JSX.Element;
+export declare function Resizer({ onWidthUpdate, onWidthUpdateCommit, ariaLabelledby, minWidth, tabIndex, showFocusRing, focusId, roleDescription, tooltipText, isBorderless, isLast, isGrouped, dividerPosition, }: ResizerProps): JSX.Element;
 export declare function ResizeTracker(): JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/table/resizer/index.tsx"],"names":[],"mappings":"AAqBA,UAAU,YAAY;IACpB,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC;AAOD,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEpE,wBAAgB,OAAO,CAAC,~~EAAE~~,SAAS,~~EAAE~~,QAAQ,~~EAAE~~,EAAE;~~IAAE~~,SAAS,CAAC,EAAE,MAAM,CAAC;~~IAAC~~,QAAQ,CAAC,EAAE,eAAe,~~CAAA~~;~~CAAE~~,~~eAUlG~~;AAED,wBAAgB,OAAO,CAAC,EACtB,aAAa,EACb,mBAAmB,EACnB,cAAc,EACd,QAA+B,EAC/B,QAAQ,EACR,aAAa,EACb,OAAO,EACP,eAAe,EACf,WAAW,EACX,YAAY,EACZ,MAAM,EACN,eAAe,GAChB,EAAE,YAAY,~~eAqYd~~;AAED,wBAAgB,aAAa,gBAE5B"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/table/resizer/index.tsx"],"names":[],"mappings":"AAqBA,UAAU,YAAY;IACpB,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC;AAOD,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEpE,wBAAgB,OAAO,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,SAAS,GACV,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,eAWA;AAED,wBAAgB,OAAO,CAAC,EACtB,aAAa,EACb,mBAAmB,EACnB,cAAc,EACd,QAA+B,EAC/B,QAAQ,EACR,aAAa,EACb,OAAO,EACP,eAAe,EACf,WAAW,EACX,YAAY,EACZ,MAAM,EACN,SAAS,EACT,eAAe,GAChB,EAAE,YAAY,eAsYd;AAED,wBAAgB,aAAa,gBAE5B"}

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

@@ -18,10 +18,10 @@ const RESIZE_THROTTLE = 25;
 const AUTO_GROW_START_TIME = 10;
 const AUTO_GROW_INTERVAL = 10;
 const AUTO_GROW_INCREMENT = 5;
-export function Divider({ className, position }) {
-    return (React.createElement("span", { className: clsx(styles.divider, position && position !== 'default' && styles[`divider-position-${position}`], className) }));
+export function Divider({ className, position, isGrouped, }) {
+    return (React.createElement("span", { className: clsx(styles.divider, position && position !== 'default' && styles[`divider-position-${position}`], isGrouped && styles['divider-grouped'], className) }));
 }
-export function Resizer({ onWidthUpdate, onWidthUpdateCommit, ariaLabelledby, minWidth = DEFAULT_COLUMN_WIDTH, tabIndex, showFocusRing, focusId, roleDescription, tooltipText, isBorderless, isLast, dividerPosition, }) {
+export function Resizer({ onWidthUpdate, onWidthUpdateCommit, ariaLabelledby, minWidth = DEFAULT_COLUMN_WIDTH, tabIndex, showFocusRing, focusId, roleDescription, tooltipText, isBorderless, isLast, isGrouped, dividerPosition, }) {
     onWidthUpdate = useStableCallback(onWidthUpdate);
     onWidthUpdateCommit = useStableCallback(onWidthUpdateCommit);
     const isVisualRefresh = useVisualRefresh();
@@ -308,7 +308,7 @@ export function Resizer({ onWidthUpdate, onWidthUpdateCommit, ariaLabelledby, mi
                         return;
                     }
                 }, "aria-roledescription": roleDescription, "aria-labelledby": ariaLabelledby, tabIndex: resizerTabIndex, "data-focus-id": focusId }),
-            React.createElement("span", { className: clsx(styles['divider-interactive'], (isPointerDown || isDragging) && styles['divider-active'], dividerPosition && dividerPosition !== 'default' && styles[`divider-position-${dividerPosition}`]), "data-awsui-table-suppress-navigation": true, ref: resizerSeparatorRef, id: separatorId, role: "slider", tabIndex: -1, "aria-labelledby": ariaLabelledby, "aria-hidden": !isKeyboardDragging, "aria-valuemin": minWidth, "aria-valuemax": Number.MAX_SAFE_INTEGER, "aria-valuenow": headerCellWidth, "data-focus-id": focusId, onBlur: event => {
+            React.createElement("span", { className: clsx(styles['divider-interactive'], (isPointerDown || isDragging) && styles['divider-active'], isGrouped && styles['divider-grouped'], dividerPosition && dividerPosition !== 'default' && styles[`divider-position-${dividerPosition}`]), "data-awsui-table-suppress-navigation": true, ref: resizerSeparatorRef, id: separatorId, role: "slider", tabIndex: -1, "aria-labelledby": ariaLabelledby, "aria-hidden": !isKeyboardDragging, "aria-valuemin": minWidth, "aria-valuemax": Number.MAX_SAFE_INTEGER, "aria-valuenow": headerCellWidth, "data-focus-id": focusId, onBlur: event => {
                     setIsKeyboardDragging(false);
                     if (event.relatedTarget !== resizerToggleRef.current) {
                         setResizerHasFocus(false);