npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.776 → 3.0.778 - Mend

@cloudscape-design/components-themeable 3.0.776 → 3.0.778

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 (407) hide show

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

@@ -142,217 +142,217 @@
 */
 /* 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_13mz6_145:not(#\9) {
+.awsui_header-cell_1spae_slnuw_145:not(#\9) {
   position: relative;
   text-align: start;
   box-sizing: border-box;
-  border-block-end: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-qn9pru, #eaeded);
-  background: var(--color-background-table-header-bknnau, #fafafa);
-  color: var(--color-text-column-header-cbx6hy, #545b64);
-  font-weight: var(--font-weight-heading-s-mkhu7c, 700);
-  -webkit-font-smoothing: var(--font-smoothing-webkit-8fiijr, auto);
-  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-fw8n0n, auto);
-  padding-block: var(--space-scaled-xxs-t7ij38, 4px);
-  padding-inline: var(--space-scaled-xs-x91h81, 8px);
-}
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_13mz6_145:not(#\9):focus {
+  border-block-end: var(--border-divider-section-width-iueskx, 1px) solid var(--color-border-divider-default-u5ytia, #eaeded);
+  background: var(--color-background-table-header-1ikpca, #fafafa);
+  color: var(--color-text-column-header-rriflt, #545b64);
+  font-weight: var(--font-weight-heading-s-zyfn4j, 700);
+  -webkit-font-smoothing: var(--font-smoothing-webkit-trr1e8, auto);
+  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hyxkxc, auto);
+  padding-block: var(--space-scaled-xxs-krq5fq, 4px);
+  padding-inline: var(--space-scaled-xs-t3am3w, 8px);
+}
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_slnuw_145:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_13mz6_145:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_slnuw_145:not(#\9):focus {
   outline: 2px dotted transparent;
-  outline-offset: calc(calc(-1 * var(--space-scaled-xxs-t7ij38, 4px)) - 1px);
+  outline-offset: calc(calc(-1 * var(--space-scaled-xxs-krq5fq, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_13mz6_145:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_slnuw_145:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
-  inset-inline-start: calc(-1 * calc(-1 * var(--space-scaled-xxs-t7ij38, 4px)));
-  inset-block-start: calc(-1 * calc(-1 * var(--space-scaled-xxs-t7ij38, 4px)));
-  inline-size: calc(100% + calc(-1 * var(--space-scaled-xxs-t7ij38, 4px)) + calc(-1 * var(--space-scaled-xxs-t7ij38, 4px)));
-  block-size: calc(100% + calc(-1 * var(--space-scaled-xxs-t7ij38, 4px)) + calc(-1 * var(--space-scaled-xxs-t7ij38, 4px)));
-  border-start-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
-  border-start-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
-  border-end-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
-  border-end-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-7jb69s, #0073bb);
-}
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_13mz6_145.awsui_header-cell-fake-focus_1spae_13mz6_179:not(#\9) {
+  inset-inline-start: calc(-1 * calc(-1 * var(--space-scaled-xxs-krq5fq, 4px)));
+  inset-block-start: calc(-1 * calc(-1 * var(--space-scaled-xxs-krq5fq, 4px)));
+  inline-size: calc(100% + calc(-1 * var(--space-scaled-xxs-krq5fq, 4px)) + calc(-1 * var(--space-scaled-xxs-krq5fq, 4px)));
+  block-size: calc(100% + calc(-1 * var(--space-scaled-xxs-krq5fq, 4px)) + calc(-1 * var(--space-scaled-xxs-krq5fq, 4px)));
+  border-start-start-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  border-start-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  border-end-start-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  border-end-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
+}
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_slnuw_145.awsui_header-cell-fake-focus_1spae_slnuw_179:not(#\9) {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_13mz6_145.awsui_header-cell-fake-focus_1spae_13mz6_179:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_slnuw_145.awsui_header-cell-fake-focus_1spae_slnuw_179:not(#\9) {
   outline: 2px dotted transparent;
-  outline-offset: calc(calc(-1 * var(--space-scaled-xxs-t7ij38, 4px)) - 1px);
+  outline-offset: calc(calc(-1 * var(--space-scaled-xxs-krq5fq, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_13mz6_145.awsui_header-cell-fake-focus_1spae_13mz6_179:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_slnuw_145.awsui_header-cell-fake-focus_1spae_slnuw_179:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
-  inset-inline-start: calc(-1 * calc(-1 * var(--space-scaled-xxs-t7ij38, 4px)));
-  inset-block-start: calc(-1 * calc(-1 * var(--space-scaled-xxs-t7ij38, 4px)));
-  inline-size: calc(100% + calc(-1 * var(--space-scaled-xxs-t7ij38, 4px)) + calc(-1 * var(--space-scaled-xxs-t7ij38, 4px)));
-  block-size: calc(100% + calc(-1 * var(--space-scaled-xxs-t7ij38, 4px)) + calc(-1 * var(--space-scaled-xxs-t7ij38, 4px)));
-  border-start-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
-  border-start-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
-  border-end-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
-  border-end-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-7jb69s, #0073bb);
-}
-.awsui_header-cell-sticky_1spae_13mz6_200:not(#\9) {
-  border-block-end: var(--border-table-sticky-width-mb7esq, 0px) solid var(--color-border-divider-default-qn9pru, #eaeded);
-}
-.awsui_header-cell-stuck_1spae_13mz6_203:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_13mz6_203) {
+  inset-inline-start: calc(-1 * calc(-1 * var(--space-scaled-xxs-krq5fq, 4px)));
+  inset-block-start: calc(-1 * calc(-1 * var(--space-scaled-xxs-krq5fq, 4px)));
+  inline-size: calc(100% + calc(-1 * var(--space-scaled-xxs-krq5fq, 4px)) + calc(-1 * var(--space-scaled-xxs-krq5fq, 4px)));
+  block-size: calc(100% + calc(-1 * var(--space-scaled-xxs-krq5fq, 4px)) + calc(-1 * var(--space-scaled-xxs-krq5fq, 4px)));
+  border-start-start-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  border-start-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  border-end-start-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  border-end-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
+}
+.awsui_header-cell-sticky_1spae_slnuw_200:not(#\9) {
+  border-block-end: var(--border-table-sticky-width-fjjpkw, 0px) solid var(--color-border-divider-default-u5ytia, #eaeded);
+}
+.awsui_header-cell-stuck_1spae_slnuw_203:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_slnuw_203) {
   border-block-end-color: transparent;
 }
-.awsui_header-cell-variant-full-page_1spae_13mz6_203:not(#\9) {
-  background: var(--color-background-layout-main-84obzs, #f2f3f3);
+.awsui_header-cell-variant-full-page_1spae_slnuw_203:not(#\9) {
+  background: var(--color-background-layout-main-f96353, #f2f3f3);
 }
-.awsui_header-cell-variant-full-page_1spae_13mz6_203.awsui_header-cell-hidden_1spae_13mz6_209:not(#\9) {
+.awsui_header-cell-variant-full-page_1spae_slnuw_203.awsui_header-cell-hidden_1spae_slnuw_209:not(#\9) {
   border-block-end-color: transparent;
 }
-.awsui_header-cell_1spae_13mz6_145:not(#\9):last-child, .awsui_header-cell_1spae_13mz6_145.awsui_header-cell-sortable_1spae_13mz6_212:not(#\9) {
-  padding-inline-end: var(--space-xs-xf5ch3, 8px);
+.awsui_header-cell_1spae_slnuw_145:not(#\9):last-child, .awsui_header-cell_1spae_slnuw_145.awsui_header-cell-sortable_1spae_slnuw_212:not(#\9) {
+  padding-inline-end: var(--space-xs-6dgkww, 8px);
 }
-.awsui_header-cell_1spae_13mz6_145.awsui_sticky-cell_1spae_13mz6_215:not(#\9) {
+.awsui_header-cell_1spae_slnuw_145.awsui_sticky-cell_1spae_slnuw_215:not(#\9) {
   position: sticky;
-  background: var(--color-background-table-header-bknnau, #fafafa);
+  background: var(--color-background-table-header-1ikpca, #fafafa);
   z-index: 798;
   transition-property: padding;
-  transition-duration: var(--motion-duration-transition-show-quick-dzfata, 90ms);
-  transition-timing-function: var(--motion-easing-sticky-xk36yb, ease-out);
+  transition-duration: var(--motion-duration-transition-show-quick-mbco3s, 90ms);
+  transition-timing-function: var(--motion-easing-sticky-q4wcly, ease-out);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_header-cell_1spae_13mz6_145.awsui_sticky-cell_1spae_13mz6_215:not(#\9) {
+  .awsui_header-cell_1spae_slnuw_145.awsui_sticky-cell_1spae_slnuw_215:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_header-cell_1spae_13mz6_145.awsui_sticky-cell_1spae_13mz6_215:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_13mz6_145.awsui_sticky-cell_1spae_13mz6_215:not(#\9) {
+.awsui-motion-disabled .awsui_header-cell_1spae_slnuw_145.awsui_sticky-cell_1spae_slnuw_215:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_slnuw_145.awsui_sticky-cell_1spae_slnuw_215:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_header-cell_1spae_13mz6_145.awsui_sticky-cell-pad-left_1spae_13mz6_233:not(#\9):not(.awsui_has-selection_1spae_13mz6_233) {
-  padding-inline-start: var(--space-table-horizontal-ciak0s, 0px);
+.awsui_header-cell_1spae_slnuw_145.awsui_sticky-cell-pad-left_1spae_slnuw_233:not(#\9):not(.awsui_has-selection_1spae_slnuw_233) {
+  padding-inline-start: var(--space-table-horizontal-4tqns0, 0px);
 }
-.awsui_header-cell_1spae_13mz6_145.awsui_sticky-cell-last-inline-start_1spae_13mz6_236:not(#\9) {
-  box-shadow: var(--shadow-sticky-column-first-kcqiid, 4px 0 8px 0 rgba(0, 28, 36, 0.1));
+.awsui_header-cell_1spae_slnuw_145.awsui_sticky-cell-last-inline-start_1spae_slnuw_236:not(#\9) {
+  box-shadow: var(--shadow-sticky-column-first-k27zpq, 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_13mz6_145.awsui_sticky-cell-last-inline-start_1spae_13mz6_236 > .awsui_resize-divider_1spae_13mz6_241:not(#\9) {
+.awsui_header-cell_1spae_slnuw_145.awsui_sticky-cell-last-inline-start_1spae_slnuw_236 > .awsui_resize-divider_1spae_slnuw_241:not(#\9) {
   display: none;
 }
-.awsui_header-cell_1spae_13mz6_145.awsui_sticky-cell-last-inline-start_1spae_13mz6_236:not(#\9):dir(rtl) {
-  box-shadow: var(--shadow-sticky-column-last-pn4nzt, -4px 0 8px 0 rgba(0, 28, 36, 0.1));
+.awsui_header-cell_1spae_slnuw_145.awsui_sticky-cell-last-inline-start_1spae_slnuw_236:not(#\9):dir(rtl) {
+  box-shadow: var(--shadow-sticky-column-last-60yk3a, -4px 0 8px 0 rgba(0, 28, 36, 0.1));
   clip-path: inset(0 0 0 -24px);
 }
-.awsui_header-cell_1spae_13mz6_145.awsui_sticky-cell-last-inline-end_1spae_13mz6_248:not(#\9) {
-  box-shadow: var(--shadow-sticky-column-last-pn4nzt, -4px 0 8px 0 rgba(0, 28, 36, 0.1));
+.awsui_header-cell_1spae_slnuw_145.awsui_sticky-cell-last-inline-end_1spae_slnuw_248:not(#\9) {
+  box-shadow: var(--shadow-sticky-column-last-60yk3a, -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_13mz6_145.awsui_sticky-cell-last-inline-end_1spae_13mz6_248:not(#\9):dir(rtl) {
-  box-shadow: var(--shadow-sticky-column-first-kcqiid, 4px 0 8px 0 rgba(0, 28, 36, 0.1));
+.awsui_header-cell_1spae_slnuw_145.awsui_sticky-cell-last-inline-end_1spae_slnuw_248:not(#\9):dir(rtl) {
+  box-shadow: var(--shadow-sticky-column-first-k27zpq, 4px 0 8px 0 rgba(0, 28, 36, 0.1));
   clip-path: inset(0 -24px 0 0);
 }
-.awsui_sorting-icon_1spae_13mz6_258:not(#\9) {
+.awsui_sorting-icon_1spae_slnuw_258:not(#\9) {
   position: absolute;
   inset-block-start: 50%;
   transform: translateY(-50%);
-  inset-inline-end: var(--space-xxs-9rrxti, 4px);
-  color: var(--color-text-column-sorting-icon-6av9dt, #687078);
+  inset-inline-end: var(--space-xxs-y2432o, 4px);
+  color: var(--color-text-column-sorting-icon-hzt013, #687078);
 }
-.awsui_edit-icon_1spae_13mz6_266:not(#\9) {
-  margin-inline-start: var(--space-xxs-9rrxti, 4px);
-  margin-block-start: var(--space-scaled-xxs-t7ij38, 4px);
+.awsui_edit-icon_1spae_slnuw_266:not(#\9) {
+  margin-inline-start: var(--space-xxs-y2432o, 4px);
+  margin-block-start: var(--space-scaled-xxs-krq5fq, 4px);
   color: inherit;
 }
-.awsui_header-cell-content_1spae_13mz6_272:not(#\9) {
+.awsui_header-cell-content_1spae_slnuw_272:not(#\9) {
   position: relative;
-  padding-block: var(--space-scaled-xxs-t7ij38, 4px);
-  padding-inline-end: var(--space-s-2025hl, 12px);
-  padding-inline-start: var(--space-s-2025hl, 12px);
+  padding-block: var(--space-scaled-xxs-krq5fq, 4px);
+  padding-inline-end: var(--space-s-vmutj3, 12px);
+  padding-inline-start: var(--space-s-vmutj3, 12px);
 }
-.awsui_header-cell-content_1spae_13mz6_272.awsui_header-cell-content-expandable_1spae_13mz6_278:not(#\9) {
-  padding-inline-start: calc(var(--space-s-2025hl, 12px) + var(--space-m-kpg8id, 16px) + var(--space-xs-xf5ch3, 8px));
+.awsui_header-cell-content_1spae_slnuw_272.awsui_header-cell-content-expandable_1spae_slnuw_278:not(#\9) {
+  padding-inline-start: calc(var(--space-s-vmutj3, 12px) + var(--space-m-u91ipm, 16px) + var(--space-xs-6dgkww, 8px));
 }
-.awsui_header-cell-sortable_1spae_13mz6_212 > .awsui_header-cell-content_1spae_13mz6_272:not(#\9) {
-  padding-inline-end: calc(var(--space-xl-5fdwzu, 24px) + var(--space-xxs-9rrxti, 4px));
+.awsui_header-cell-sortable_1spae_slnuw_212 > .awsui_header-cell-content_1spae_slnuw_272:not(#\9) {
+  padding-inline-end: calc(var(--space-xl-vss8pc, 24px) + var(--space-xxs-y2432o, 4px));
 }
-.awsui_header-cell-content_1spae_13mz6_272:not(#\9):focus {
+.awsui_header-cell-content_1spae_slnuw_272:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_13mz6_272:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_slnuw_272:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_13mz6_272:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_slnuw_272:not(#\9):focus {
   outline: 2px dotted transparent;
-  outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px)) - 1px);
+  outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-wak74p, 0px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_13mz6_272:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_slnuw_272:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
-  inset-inline-start: calc(-1 * calc(-1 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px)));
-  inset-block-start: calc(-1 * calc(-1 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px)));
-  inline-size: calc(100% + calc(-1 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px)) + calc(-1 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px)));
-  block-size: calc(100% + calc(-1 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px)) + calc(-1 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px)));
-  border-start-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
-  border-start-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
-  border-end-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
-  border-end-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-7jb69s, #0073bb);
-}
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_13mz6_272.awsui_header-cell-fake-focus_1spae_13mz6_179:not(#\9) {
+  inset-inline-start: calc(-1 * calc(-1 * var(--space-table-header-focus-outline-gutter-wak74p, 0px)));
+  inset-block-start: calc(-1 * calc(-1 * var(--space-table-header-focus-outline-gutter-wak74p, 0px)));
+  inline-size: calc(100% + calc(-1 * var(--space-table-header-focus-outline-gutter-wak74p, 0px)) + calc(-1 * var(--space-table-header-focus-outline-gutter-wak74p, 0px)));
+  block-size: calc(100% + calc(-1 * var(--space-table-header-focus-outline-gutter-wak74p, 0px)) + calc(-1 * var(--space-table-header-focus-outline-gutter-wak74p, 0px)));
+  border-start-start-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  border-start-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  border-end-start-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  border-end-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
+}
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_slnuw_272.awsui_header-cell-fake-focus_1spae_slnuw_179:not(#\9) {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_13mz6_272.awsui_header-cell-fake-focus_1spae_13mz6_179:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_slnuw_272.awsui_header-cell-fake-focus_1spae_slnuw_179:not(#\9) {
   outline: 2px dotted transparent;
-  outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px)) - 1px);
+  outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-wak74p, 0px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_13mz6_272.awsui_header-cell-fake-focus_1spae_13mz6_179:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_slnuw_272.awsui_header-cell-fake-focus_1spae_slnuw_179:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
-  inset-inline-start: calc(-1 * calc(-1 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px)));
-  inset-block-start: calc(-1 * calc(-1 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px)));
-  inline-size: calc(100% + calc(-1 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px)) + calc(-1 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px)));
-  block-size: calc(100% + calc(-1 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px)) + calc(-1 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px)));
-  border-start-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
-  border-start-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
-  border-end-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
-  border-end-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-7jb69s, #0073bb);
-}
-.awsui_header-cell-disabled_1spae_13mz6_330.awsui_header-cell-sorted_1spae_13mz6_330 > .awsui_header-cell-content_1spae_13mz6_272 > .awsui_sorting-icon_1spae_13mz6_258:not(#\9) {
-  color: var(--color-text-interactive-disabled-azvq53, #aab7b8);
+  inset-inline-start: calc(-1 * calc(-1 * var(--space-table-header-focus-outline-gutter-wak74p, 0px)));
+  inset-block-start: calc(-1 * calc(-1 * var(--space-table-header-focus-outline-gutter-wak74p, 0px)));
+  inline-size: calc(100% + calc(-1 * var(--space-table-header-focus-outline-gutter-wak74p, 0px)) + calc(-1 * var(--space-table-header-focus-outline-gutter-wak74p, 0px)));
+  block-size: calc(100% + calc(-1 * var(--space-table-header-focus-outline-gutter-wak74p, 0px)) + calc(-1 * var(--space-table-header-focus-outline-gutter-wak74p, 0px)));
+  border-start-start-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  border-start-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  border-end-start-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  border-end-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
+}
+.awsui_header-cell-disabled_1spae_slnuw_330.awsui_header-cell-sorted_1spae_slnuw_330 > .awsui_header-cell-content_1spae_slnuw_272 > .awsui_sorting-icon_1spae_slnuw_258:not(#\9) {
+  color: var(--color-text-interactive-disabled-xqzdg5, #aab7b8);
 }
-.awsui_header-cell-sortable_1spae_13mz6_212:not(#\9):not(.awsui_header-cell-disabled_1spae_13mz6_330) > .awsui_header-cell-content_1spae_13mz6_272 {
+.awsui_header-cell-sortable_1spae_slnuw_212:not(#\9):not(.awsui_header-cell-disabled_1spae_slnuw_330) > .awsui_header-cell-content_1spae_slnuw_272 {
   cursor: pointer;
 }
-.awsui_header-cell-sortable_1spae_13mz6_212:not(#\9):not(.awsui_header-cell-disabled_1spae_13mz6_330) > .awsui_header-cell-content_1spae_13mz6_272:hover, .awsui_header-cell-sortable_1spae_13mz6_212:not(#\9):not(.awsui_header-cell-disabled_1spae_13mz6_330).awsui_header-cell-sorted_1spae_13mz6_330 > .awsui_header-cell-content_1spae_13mz6_272 {
-  color: var(--color-text-interactive-active-9gwzno, #16191f);
+.awsui_header-cell-sortable_1spae_slnuw_212:not(#\9):not(.awsui_header-cell-disabled_1spae_slnuw_330) > .awsui_header-cell-content_1spae_slnuw_272:hover, .awsui_header-cell-sortable_1spae_slnuw_212:not(#\9):not(.awsui_header-cell-disabled_1spae_slnuw_330).awsui_header-cell-sorted_1spae_slnuw_330 > .awsui_header-cell-content_1spae_slnuw_272 {
+  color: var(--color-text-interactive-active-xcqmut, #16191f);
 }
-.awsui_header-cell-sortable_1spae_13mz6_212:not(#\9):not(.awsui_header-cell-disabled_1spae_13mz6_330) > .awsui_header-cell-content_1spae_13mz6_272:hover > .awsui_sorting-icon_1spae_13mz6_258, .awsui_header-cell-sortable_1spae_13mz6_212:not(#\9):not(.awsui_header-cell-disabled_1spae_13mz6_330).awsui_header-cell-sorted_1spae_13mz6_330 > .awsui_header-cell-content_1spae_13mz6_272 > .awsui_sorting-icon_1spae_13mz6_258 {
-  color: var(--color-text-interactive-active-9gwzno, #16191f);
+.awsui_header-cell-sortable_1spae_slnuw_212:not(#\9):not(.awsui_header-cell-disabled_1spae_slnuw_330) > .awsui_header-cell-content_1spae_slnuw_272:hover > .awsui_sorting-icon_1spae_slnuw_258, .awsui_header-cell-sortable_1spae_slnuw_212:not(#\9):not(.awsui_header-cell-disabled_1spae_slnuw_330).awsui_header-cell-sorted_1spae_slnuw_330 > .awsui_header-cell-content_1spae_slnuw_272 > .awsui_sorting-icon_1spae_slnuw_258 {
+  color: var(--color-text-interactive-active-xcqmut, #16191f);
 }
-.awsui_header-cell-text_1spae_13mz6_344:not(#\9) {
-  line-height: var(--line-height-heading-xs-jsenn1, 20px);
-  padding-block: calc(var(--space-xxxs-z28114, 2px) / 2);
+.awsui_header-cell-text_1spae_slnuw_344:not(#\9) {
+  line-height: var(--line-height-heading-xs-funjxm, 20px);
+  padding-block: calc(var(--space-xxxs-gn3248, 2px) / 2);
 }
-.awsui_header-cell-text_1spae_13mz6_344:not(#\9):not(.awsui_header-cell-text-wrap_1spae_13mz6_348) {
+.awsui_header-cell-text_1spae_slnuw_344:not(#\9):not(.awsui_header-cell-text-wrap_1spae_slnuw_348) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.awsui_header-cell-ascending_1spae_13mz6_354:not(#\9),
-.awsui_header-cell-descending_1spae_13mz6_355:not(#\9) {
+.awsui_header-cell-ascending_1spae_slnuw_354:not(#\9),
+.awsui_header-cell-descending_1spae_slnuw_355:not(#\9) {
   /* used in test-utils */
 }
@@ -362,128 +362,128 @@ 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_13mz6_145:not(#\9):not(.awsui_is-visual-refresh_1spae_13mz6_365):first-child {
-  padding-inline-start: var(--space-xs-xf5ch3, 8px);
+.awsui_header-cell_1spae_slnuw_145:not(#\9):not(.awsui_is-visual-refresh_1spae_slnuw_365):first-child {
+  padding-inline-start: var(--space-xs-6dgkww, 8px);
 }
-.awsui_header-cell_1spae_13mz6_145:not(#\9):not(.awsui_is-visual-refresh_1spae_13mz6_365):first-child.awsui_header-cell-content-expandable_1spae_13mz6_278 {
-  padding-inline-start: calc(var(--space-xs-xf5ch3, 8px) + var(--space-m-kpg8id, 16px) + var(--space-xs-xf5ch3, 8px));
+.awsui_header-cell_1spae_slnuw_145:not(#\9):not(.awsui_is-visual-refresh_1spae_slnuw_365):first-child.awsui_header-cell-content-expandable_1spae_slnuw_278 {
+  padding-inline-start: calc(var(--space-xs-6dgkww, 8px) + var(--space-m-u91ipm, 16px) + var(--space-xs-6dgkww, 8px));
 }
-.awsui_header-cell_1spae_13mz6_145.awsui_is-visual-refresh_1spae_13mz6_365:not(#\9) {
+.awsui_header-cell_1spae_slnuw_145.awsui_is-visual-refresh_1spae_slnuw_365: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_13mz6_145.awsui_is-visual-refresh_1spae_13mz6_365:not(#\9):first-child:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_slnuw_145.awsui_is-visual-refresh_1spae_slnuw_365:not(#\9):first-child:focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_13mz6_145.awsui_is-visual-refresh_1spae_13mz6_365:not(#\9):first-child:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_slnuw_145.awsui_is-visual-refresh_1spae_slnuw_365:not(#\9):first-child:focus {
   outline: 2px dotted transparent;
-  outline-offset: calc(calc(-1 * var(--space-scaled-xxs-t7ij38, 4px) + var(--space-scaled-xxs-t7ij38, 4px)) - 1px);
+  outline-offset: calc(calc(-1 * var(--space-scaled-xxs-krq5fq, 4px) + var(--space-scaled-xxs-krq5fq, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_13mz6_145.awsui_is-visual-refresh_1spae_13mz6_365:not(#\9):first-child:focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_slnuw_145.awsui_is-visual-refresh_1spae_slnuw_365:not(#\9):first-child:focus::before {
   content: " ";
   display: block;
   position: absolute;
-  inset-inline-start: calc(-1 * calc(-1 * var(--space-scaled-xxs-t7ij38, 4px) + var(--space-scaled-xxs-t7ij38, 4px)));
-  inset-block-start: calc(-1 * calc(-1 * var(--space-scaled-xxs-t7ij38, 4px)));
-  inline-size: calc(100% + calc(-1 * var(--space-scaled-xxs-t7ij38, 4px) + var(--space-scaled-xxs-t7ij38, 4px)) + calc(-1 * var(--space-scaled-xxs-t7ij38, 4px)));
-  block-size: calc(100% + calc(-1 * var(--space-scaled-xxs-t7ij38, 4px)) + calc(-1 * var(--space-scaled-xxs-t7ij38, 4px)));
-  border-start-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
-  border-start-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
-  border-end-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
-  border-end-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-7jb69s, #0073bb);
-}
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_13mz6_145.awsui_is-visual-refresh_1spae_13mz6_365:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_13mz6_179 {
+  inset-inline-start: calc(-1 * calc(-1 * var(--space-scaled-xxs-krq5fq, 4px) + var(--space-scaled-xxs-krq5fq, 4px)));
+  inset-block-start: calc(-1 * calc(-1 * var(--space-scaled-xxs-krq5fq, 4px)));
+  inline-size: calc(100% + calc(-1 * var(--space-scaled-xxs-krq5fq, 4px) + var(--space-scaled-xxs-krq5fq, 4px)) + calc(-1 * var(--space-scaled-xxs-krq5fq, 4px)));
+  block-size: calc(100% + calc(-1 * var(--space-scaled-xxs-krq5fq, 4px)) + calc(-1 * var(--space-scaled-xxs-krq5fq, 4px)));
+  border-start-start-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  border-start-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  border-end-start-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  border-end-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
+}
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_slnuw_145.awsui_is-visual-refresh_1spae_slnuw_365:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_slnuw_179 {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_13mz6_145.awsui_is-visual-refresh_1spae_13mz6_365:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_13mz6_179 {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_slnuw_145.awsui_is-visual-refresh_1spae_slnuw_365:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_slnuw_179 {
   outline: 2px dotted transparent;
-  outline-offset: calc(calc(-1 * var(--space-scaled-xxs-t7ij38, 4px) + var(--space-scaled-xxs-t7ij38, 4px)) - 1px);
+  outline-offset: calc(calc(-1 * var(--space-scaled-xxs-krq5fq, 4px) + var(--space-scaled-xxs-krq5fq, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_13mz6_145.awsui_is-visual-refresh_1spae_13mz6_365:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_13mz6_179::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_slnuw_145.awsui_is-visual-refresh_1spae_slnuw_365:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_slnuw_179::before {
   content: " ";
   display: block;
   position: absolute;
-  inset-inline-start: calc(-1 * calc(-1 * var(--space-scaled-xxs-t7ij38, 4px) + var(--space-scaled-xxs-t7ij38, 4px)));
-  inset-block-start: calc(-1 * calc(-1 * var(--space-scaled-xxs-t7ij38, 4px)));
-  inline-size: calc(100% + calc(-1 * var(--space-scaled-xxs-t7ij38, 4px) + var(--space-scaled-xxs-t7ij38, 4px)) + calc(-1 * var(--space-scaled-xxs-t7ij38, 4px)));
-  block-size: calc(100% + calc(-1 * var(--space-scaled-xxs-t7ij38, 4px)) + calc(-1 * var(--space-scaled-xxs-t7ij38, 4px)));
-  border-start-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
-  border-start-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
-  border-end-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
-  border-end-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-7jb69s, #0073bb);
-}
-.awsui_header-cell_1spae_13mz6_145.awsui_is-visual-refresh_1spae_13mz6_365:not(#\9):first-child > .awsui_header-cell-content_1spae_13mz6_272 {
+  inset-inline-start: calc(-1 * calc(-1 * var(--space-scaled-xxs-krq5fq, 4px) + var(--space-scaled-xxs-krq5fq, 4px)));
+  inset-block-start: calc(-1 * calc(-1 * var(--space-scaled-xxs-krq5fq, 4px)));
+  inline-size: calc(100% + calc(-1 * var(--space-scaled-xxs-krq5fq, 4px) + var(--space-scaled-xxs-krq5fq, 4px)) + calc(-1 * var(--space-scaled-xxs-krq5fq, 4px)));
+  block-size: calc(100% + calc(-1 * var(--space-scaled-xxs-krq5fq, 4px)) + calc(-1 * var(--space-scaled-xxs-krq5fq, 4px)));
+  border-start-start-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  border-start-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  border-end-start-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  border-end-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
+}
+.awsui_header-cell_1spae_slnuw_145.awsui_is-visual-refresh_1spae_slnuw_365:not(#\9):first-child > .awsui_header-cell-content_1spae_slnuw_272 {
   padding-inline-start: 0px;
 }
-.awsui_header-cell_1spae_13mz6_145.awsui_is-visual-refresh_1spae_13mz6_365:not(#\9):first-child > .awsui_header-cell-content_1spae_13mz6_272.awsui_header-cell-content-expandable_1spae_13mz6_278 {
-  padding-inline-start: calc(0px + var(--space-m-kpg8id, 16px) + var(--space-xs-xf5ch3, 8px));
+.awsui_header-cell_1spae_slnuw_145.awsui_is-visual-refresh_1spae_slnuw_365:not(#\9):first-child > .awsui_header-cell-content_1spae_slnuw_272.awsui_header-cell-content-expandable_1spae_slnuw_278 {
+  padding-inline-start: calc(0px + var(--space-m-u91ipm, 16px) + var(--space-xs-6dgkww, 8px));
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_13mz6_145.awsui_is-visual-refresh_1spae_13mz6_365:not(#\9):first-child > .awsui_header-cell-content_1spae_13mz6_272:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_slnuw_145.awsui_is-visual-refresh_1spae_slnuw_365:not(#\9):first-child > .awsui_header-cell-content_1spae_slnuw_272:focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_13mz6_145.awsui_is-visual-refresh_1spae_13mz6_365:not(#\9):first-child > .awsui_header-cell-content_1spae_13mz6_272:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_slnuw_145.awsui_is-visual-refresh_1spae_slnuw_365:not(#\9):first-child > .awsui_header-cell-content_1spae_slnuw_272:focus {
   outline: 2px dotted transparent;
-  outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px) + var(--space-scaled-xxs-t7ij38, 4px)) - 1px);
+  outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-wak74p, 0px) + var(--space-scaled-xxs-krq5fq, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_13mz6_145.awsui_is-visual-refresh_1spae_13mz6_365:not(#\9):first-child > .awsui_header-cell-content_1spae_13mz6_272:focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_slnuw_145.awsui_is-visual-refresh_1spae_slnuw_365:not(#\9):first-child > .awsui_header-cell-content_1spae_slnuw_272:focus::before {
   content: " ";
   display: block;
   position: absolute;
-  inset-inline-start: calc(-1 * calc(-1 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px) + var(--space-scaled-xxs-t7ij38, 4px)));
-  inset-block-start: calc(-1 * calc(-1 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px)));
-  inline-size: calc(100% + calc(-1 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px) + var(--space-scaled-xxs-t7ij38, 4px)) + calc(-1 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px)));
-  block-size: calc(100% + calc(-1 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px)) + calc(-1 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px)));
-  border-start-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
-  border-start-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
-  border-end-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
-  border-end-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-7jb69s, #0073bb);
-}
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_13mz6_145.awsui_is-visual-refresh_1spae_13mz6_365:not(#\9):first-child > .awsui_header-cell-content_1spae_13mz6_272.awsui_header-cell-fake-focus_1spae_13mz6_179 {
+  inset-inline-start: calc(-1 * calc(-1 * var(--space-table-header-focus-outline-gutter-wak74p, 0px) + var(--space-scaled-xxs-krq5fq, 4px)));
+  inset-block-start: calc(-1 * calc(-1 * var(--space-table-header-focus-outline-gutter-wak74p, 0px)));
+  inline-size: calc(100% + calc(-1 * var(--space-table-header-focus-outline-gutter-wak74p, 0px) + var(--space-scaled-xxs-krq5fq, 4px)) + calc(-1 * var(--space-table-header-focus-outline-gutter-wak74p, 0px)));
+  block-size: calc(100% + calc(-1 * var(--space-table-header-focus-outline-gutter-wak74p, 0px)) + calc(-1 * var(--space-table-header-focus-outline-gutter-wak74p, 0px)));
+  border-start-start-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  border-start-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  border-end-start-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  border-end-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
+}
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_slnuw_145.awsui_is-visual-refresh_1spae_slnuw_365:not(#\9):first-child > .awsui_header-cell-content_1spae_slnuw_272.awsui_header-cell-fake-focus_1spae_slnuw_179 {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_13mz6_145.awsui_is-visual-refresh_1spae_13mz6_365:not(#\9):first-child > .awsui_header-cell-content_1spae_13mz6_272.awsui_header-cell-fake-focus_1spae_13mz6_179 {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_slnuw_145.awsui_is-visual-refresh_1spae_slnuw_365:not(#\9):first-child > .awsui_header-cell-content_1spae_slnuw_272.awsui_header-cell-fake-focus_1spae_slnuw_179 {
   outline: 2px dotted transparent;
-  outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px) + var(--space-scaled-xxs-t7ij38, 4px)) - 1px);
+  outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-wak74p, 0px) + var(--space-scaled-xxs-krq5fq, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_13mz6_145.awsui_is-visual-refresh_1spae_13mz6_365:not(#\9):first-child > .awsui_header-cell-content_1spae_13mz6_272.awsui_header-cell-fake-focus_1spae_13mz6_179::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_slnuw_145.awsui_is-visual-refresh_1spae_slnuw_365:not(#\9):first-child > .awsui_header-cell-content_1spae_slnuw_272.awsui_header-cell-fake-focus_1spae_slnuw_179::before {
   content: " ";
   display: block;
   position: absolute;
-  inset-inline-start: calc(-1 * calc(-1 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px) + var(--space-scaled-xxs-t7ij38, 4px)));
-  inset-block-start: calc(-1 * calc(-1 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px)));
-  inline-size: calc(100% + calc(-1 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px) + var(--space-scaled-xxs-t7ij38, 4px)) + calc(-1 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px)));
-  block-size: calc(100% + calc(-1 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px)) + calc(-1 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px)));
-  border-start-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
-  border-start-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
-  border-end-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
-  border-end-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-7jb69s, #0073bb);
+  inset-inline-start: calc(-1 * calc(-1 * var(--space-table-header-focus-outline-gutter-wak74p, 0px) + var(--space-scaled-xxs-krq5fq, 4px)));
+  inset-block-start: calc(-1 * calc(-1 * var(--space-table-header-focus-outline-gutter-wak74p, 0px)));
+  inline-size: calc(100% + calc(-1 * var(--space-table-header-focus-outline-gutter-wak74p, 0px) + var(--space-scaled-xxs-krq5fq, 4px)) + calc(-1 * var(--space-table-header-focus-outline-gutter-wak74p, 0px)));
+  block-size: calc(100% + calc(-1 * var(--space-table-header-focus-outline-gutter-wak74p, 0px)) + calc(-1 * var(--space-table-header-focus-outline-gutter-wak74p, 0px)));
+  border-start-start-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  border-start-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  border-end-start-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  border-end-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
 }
-.awsui_header-cell_1spae_13mz6_145.awsui_is-visual-refresh_1spae_13mz6_365:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_13mz6_469):not(.awsui_sticky-cell-pad-inline-start_1spae_13mz6_469) {
-  padding-inline-start: var(--space-xxxs-z28114, 2px);
+.awsui_header-cell_1spae_slnuw_145.awsui_is-visual-refresh_1spae_slnuw_365:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_slnuw_469):not(.awsui_sticky-cell-pad-inline-start_1spae_slnuw_469) {
+  padding-inline-start: var(--space-xxxs-gn3248, 2px);
 }
-.awsui_header-cell_1spae_13mz6_145.awsui_is-visual-refresh_1spae_13mz6_365:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_13mz6_469):not(.awsui_sticky-cell-pad-inline-start_1spae_13mz6_469).awsui_header-cell-content-expandable_1spae_13mz6_278 {
-  padding-inline-start: calc(var(--space-xxxs-z28114, 2px) + var(--space-m-kpg8id, 16px) + var(--space-xs-xf5ch3, 8px));
+.awsui_header-cell_1spae_slnuw_145.awsui_is-visual-refresh_1spae_slnuw_365:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_slnuw_469):not(.awsui_sticky-cell-pad-inline-start_1spae_slnuw_469).awsui_header-cell-content-expandable_1spae_slnuw_278 {
+  padding-inline-start: calc(var(--space-xxxs-gn3248, 2px) + var(--space-m-u91ipm, 16px) + var(--space-xs-6dgkww, 8px));
 }
-.awsui_header-cell_1spae_13mz6_145.awsui_is-visual-refresh_1spae_13mz6_365:not(#\9):first-child.awsui_has-striped-rows_1spae_13mz6_469:not(.awsui_sticky-cell-pad-inline-start_1spae_13mz6_469) {
-  padding-inline-start: var(--space-xxs-9rrxti, 4px);
+.awsui_header-cell_1spae_slnuw_145.awsui_is-visual-refresh_1spae_slnuw_365:not(#\9):first-child.awsui_has-striped-rows_1spae_slnuw_469:not(.awsui_sticky-cell-pad-inline-start_1spae_slnuw_469) {
+  padding-inline-start: var(--space-xxs-y2432o, 4px);
 }
-.awsui_header-cell_1spae_13mz6_145.awsui_is-visual-refresh_1spae_13mz6_365:not(#\9):first-child.awsui_has-striped-rows_1spae_13mz6_469:not(.awsui_sticky-cell-pad-inline-start_1spae_13mz6_469).awsui_header-cell-content-expandable_1spae_13mz6_278 {
-  padding-inline-start: calc(var(--space-xxs-9rrxti, 4px) + var(--space-m-kpg8id, 16px) + var(--space-xs-xf5ch3, 8px));
+.awsui_header-cell_1spae_slnuw_145.awsui_is-visual-refresh_1spae_slnuw_365:not(#\9):first-child.awsui_has-striped-rows_1spae_slnuw_469:not(.awsui_sticky-cell-pad-inline-start_1spae_slnuw_469).awsui_header-cell-content-expandable_1spae_slnuw_278 {
+  padding-inline-start: calc(var(--space-xxs-y2432o, 4px) + var(--space-m-u91ipm, 16px) + var(--space-xs-6dgkww, 8px));
 }
-.awsui_header-cell_1spae_13mz6_145.awsui_is-visual-refresh_1spae_13mz6_365:not(#\9):last-child.awsui_header-cell-sortable_1spae_13mz6_212 {
-  padding-inline-end: var(--space-xxxs-z28114, 2px);
+.awsui_header-cell_1spae_slnuw_145.awsui_is-visual-refresh_1spae_slnuw_365:not(#\9):last-child.awsui_header-cell-sortable_1spae_slnuw_212 {
+  padding-inline-end: var(--space-xxxs-gn3248, 2px);
 }
-.awsui_header-cell_1spae_13mz6_145.awsui_is-visual-refresh_1spae_13mz6_365.awsui_sticky-cell-pad-inline-start_1spae_13mz6_469:not(#\9) {
-  padding-inline-start: var(--space-scaled-l-08jb88, 20px);
+.awsui_header-cell_1spae_slnuw_145.awsui_is-visual-refresh_1spae_slnuw_365.awsui_sticky-cell-pad-inline-start_1spae_slnuw_469:not(#\9) {
+  padding-inline-start: var(--space-scaled-l-7e51pg, 20px);
 }
-.awsui_header-cell_1spae_13mz6_145.awsui_is-visual-refresh_1spae_13mz6_365.awsui_sticky-cell-pad-inline-start_1spae_13mz6_469.awsui_header-cell-content-expandable_1spae_13mz6_278:not(#\9) {
-  padding-inline-start: calc(var(--space-scaled-l-08jb88, 20px) + var(--space-m-kpg8id, 16px) + var(--space-xs-xf5ch3, 8px));
+.awsui_header-cell_1spae_slnuw_145.awsui_is-visual-refresh_1spae_slnuw_365.awsui_sticky-cell-pad-inline-start_1spae_slnuw_469.awsui_header-cell-content-expandable_1spae_slnuw_278:not(#\9) {
+  padding-inline-start: calc(var(--space-scaled-l-7e51pg, 20px) + var(--space-m-u91ipm, 16px) + var(--space-xs-6dgkww, 8px));
 }