@cloudscape-design/components 3.0.762 → 3.0.764

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

@@ -142,27 +142,27 @@
 */
 /* 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_xyssv_145:not(#\9) {
+.awsui_header-cell_1spae_r2f6t_145:not(#\9) {
   position: relative;
   text-align: start;
   box-sizing: border-box;
-  border-block-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
-  background: var(--color-background-table-header-82ew8p, #ffffff);
-  color: var(--color-text-column-header-czuvwg, #414d5c);
+  border-block-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-cx07f2, #c6c6cd);
+  background: var(--color-background-table-header-inc72b, #ffffff);
+  color: var(--color-text-column-header-18yqaj, #424650);
   font-weight: var(--font-weight-heading-s-cwn6wc, 700);
   -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
   padding-block: var(--space-scaled-xxs-7597g1, 4px);
   padding-inline: var(--space-scaled-xs-26e2du, 8px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xyssv_145:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_r2f6t_145:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xyssv_145:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_r2f6t_145:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-scaled-xxs-7597g1, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xyssv_145:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_r2f6t_145:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -174,16 +174,16 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xyssv_145:not(#\9):
   border-start-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   border-end-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xyssv_145.awsui_header-cell-fake-focus_1spae_xyssv_179:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_r2f6t_145.awsui_header-cell-fake-focus_1spae_r2f6t_179:not(#\9) {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xyssv_145.awsui_header-cell-fake-focus_1spae_xyssv_179:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_r2f6t_145.awsui_header-cell-fake-focus_1spae_r2f6t_179:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-scaled-xxs-7597g1, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xyssv_145.awsui_header-cell-fake-focus_1spae_xyssv_179:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_r2f6t_145.awsui_header-cell-fake-focus_1spae_r2f6t_179:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -195,104 +195,104 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xyssv_145.awsui_hea
   border-start-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   border-end-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
 }
-.awsui_header-cell-sticky_1spae_xyssv_200:not(#\9) {
-  border-block-end: var(--border-table-sticky-width-87kf12, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
+.awsui_header-cell-sticky_1spae_r2f6t_200:not(#\9) {
+  border-block-end: var(--border-table-sticky-width-87kf12, 1px) solid var(--color-border-divider-default-cx07f2, #c6c6cd);
 }
-.awsui_header-cell-stuck_1spae_xyssv_203:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_xyssv_203) {
+.awsui_header-cell-stuck_1spae_r2f6t_203:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_r2f6t_203) {
   border-block-end-color: transparent;
 }
-.awsui_header-cell-variant-full-page_1spae_xyssv_203:not(#\9) {
-  background: var(--color-background-layout-main-nx09lr, #ffffff);
+.awsui_header-cell-variant-full-page_1spae_r2f6t_203:not(#\9) {
+  background: var(--color-background-layout-main-nqw91u, #ffffff);
 }
-.awsui_header-cell-variant-full-page_1spae_xyssv_203.awsui_header-cell-hidden_1spae_xyssv_209:not(#\9) {
+.awsui_header-cell-variant-full-page_1spae_r2f6t_203.awsui_header-cell-hidden_1spae_r2f6t_209:not(#\9) {
   border-block-end-color: transparent;
 }
-.awsui_header-cell_1spae_xyssv_145:not(#\9):last-child, .awsui_header-cell_1spae_xyssv_145.awsui_header-cell-sortable_1spae_xyssv_212:not(#\9) {
+.awsui_header-cell_1spae_r2f6t_145:not(#\9):last-child, .awsui_header-cell_1spae_r2f6t_145.awsui_header-cell-sortable_1spae_r2f6t_212:not(#\9) {
   padding-inline-end: var(--space-xs-zb16t3, 8px);
 }
-.awsui_header-cell_1spae_xyssv_145.awsui_sticky-cell_1spae_xyssv_215:not(#\9) {
+.awsui_header-cell_1spae_r2f6t_145.awsui_sticky-cell_1spae_r2f6t_215:not(#\9) {
   position: sticky;
-  background: var(--color-background-table-header-82ew8p, #ffffff);
+  background: var(--color-background-table-header-inc72b, #ffffff);
   z-index: 798;
   transition-property: padding;
   transition-duration: var(--motion-duration-transition-show-quick-osg026, 90ms);
   transition-timing-function: var(--motion-easing-sticky-56u8cd, cubic-bezier(1, 0, 0.83, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_header-cell_1spae_xyssv_145.awsui_sticky-cell_1spae_xyssv_215:not(#\9) {
+  .awsui_header-cell_1spae_r2f6t_145.awsui_sticky-cell_1spae_r2f6t_215:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_header-cell_1spae_xyssv_145.awsui_sticky-cell_1spae_xyssv_215:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_xyssv_145.awsui_sticky-cell_1spae_xyssv_215:not(#\9) {
+.awsui-motion-disabled .awsui_header-cell_1spae_r2f6t_145.awsui_sticky-cell_1spae_r2f6t_215:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_r2f6t_145.awsui_sticky-cell_1spae_r2f6t_215:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_header-cell_1spae_xyssv_145.awsui_sticky-cell-pad-left_1spae_xyssv_233:not(#\9):not(.awsui_has-selection_1spae_xyssv_233) {
+.awsui_header-cell_1spae_r2f6t_145.awsui_sticky-cell-pad-left_1spae_r2f6t_233:not(#\9):not(.awsui_has-selection_1spae_r2f6t_233) {
   padding-inline-start: var(--space-table-horizontal-8davlm, 20px);
 }
-.awsui_header-cell_1spae_xyssv_145.awsui_sticky-cell-last-inline-start_1spae_xyssv_236:not(#\9) {
+.awsui_header-cell_1spae_r2f6t_145.awsui_sticky-cell-last-inline-start_1spae_r2f6t_236:not(#\9) {
   box-shadow: var(--shadow-sticky-column-first-039dqs, 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_xyssv_145.awsui_sticky-cell-last-inline-start_1spae_xyssv_236 > .awsui_resize-divider_1spae_xyssv_241:not(#\9) {
+.awsui_header-cell_1spae_r2f6t_145.awsui_sticky-cell-last-inline-start_1spae_r2f6t_236 > .awsui_resize-divider_1spae_r2f6t_241:not(#\9) {
   display: none;
 }
-.awsui_header-cell_1spae_xyssv_145.awsui_sticky-cell-last-inline-start_1spae_xyssv_236:not(#\9):dir(rtl) {
+.awsui_header-cell_1spae_r2f6t_145.awsui_sticky-cell-last-inline-start_1spae_r2f6t_236:not(#\9):dir(rtl) {
   box-shadow: var(--shadow-sticky-column-last-n170vw, -4px 0 8px 1px rgba(0, 28, 36, 0.1));
   clip-path: inset(0 0 0 -24px);
 }
-.awsui_header-cell_1spae_xyssv_145.awsui_sticky-cell-last-inline-end_1spae_xyssv_248:not(#\9) {
+.awsui_header-cell_1spae_r2f6t_145.awsui_sticky-cell-last-inline-end_1spae_r2f6t_248:not(#\9) {
   box-shadow: var(--shadow-sticky-column-last-n170vw, -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_xyssv_145.awsui_sticky-cell-last-inline-end_1spae_xyssv_248:not(#\9):dir(rtl) {
+.awsui_header-cell_1spae_r2f6t_145.awsui_sticky-cell-last-inline-end_1spae_r2f6t_248:not(#\9):dir(rtl) {
   box-shadow: var(--shadow-sticky-column-first-039dqs, 4px 0px 8px 1px rgba(0, 7, 22, 0.1));
   clip-path: inset(0 -24px 0 0);
 }
 
-.awsui_sorting-icon_1spae_xyssv_258:not(#\9) {
+.awsui_sorting-icon_1spae_r2f6t_258:not(#\9) {
   position: absolute;
   inset-block-start: 50%;
   transform: translateY(-50%);
   inset-inline-end: var(--space-xxs-p8yyaw, 4px);
-  color: var(--color-text-column-sorting-icon-8or30j, #414d5c);
+  color: var(--color-text-column-sorting-icon-4y2if8, #424650);
 }
 
-.awsui_edit-icon_1spae_xyssv_266:not(#\9) {
+.awsui_edit-icon_1spae_r2f6t_266:not(#\9) {
   margin-inline-start: var(--space-xxs-p8yyaw, 4px);
   margin-block-start: var(--space-scaled-xxs-7597g1, 4px);
   color: inherit;
 }
 
-.awsui_header-cell-content_1spae_xyssv_272:not(#\9) {
+.awsui_header-cell-content_1spae_r2f6t_272:not(#\9) {
   position: relative;
   padding-block: var(--space-scaled-xxs-7597g1, 4px);
   padding-inline-end: var(--space-s-34lx8l, 12px);
   padding-inline-start: var(--space-s-34lx8l, 12px);
 }
-.awsui_header-cell-content_1spae_xyssv_272.awsui_header-cell-content-expandable_1spae_xyssv_278:not(#\9) {
+.awsui_header-cell-content_1spae_r2f6t_272.awsui_header-cell-content-expandable_1spae_r2f6t_278:not(#\9) {
   padding-inline-start: calc(var(--space-s-34lx8l, 12px) + var(--space-m-udix3p, 16px) + var(--space-xs-zb16t3, 8px));
 }
-.awsui_header-cell-sortable_1spae_xyssv_212 > .awsui_header-cell-content_1spae_xyssv_272:not(#\9) {
+.awsui_header-cell-sortable_1spae_r2f6t_212 > .awsui_header-cell-content_1spae_r2f6t_272:not(#\9) {
   padding-inline-end: calc(var(--space-xl-lmui9r, 24px) + var(--space-xxs-p8yyaw, 4px));
 }
-.awsui_header-cell-content_1spae_xyssv_272:not(#\9):focus {
+.awsui_header-cell-content_1spae_r2f6t_272:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_xyssv_272:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_r2f6t_272:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_xyssv_272:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_r2f6t_272:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-7js4en, 0px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_xyssv_272:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_r2f6t_272:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -304,16 +304,16 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_xyssv_272:n
   border-start-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   border-end-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_xyssv_272.awsui_header-cell-fake-focus_1spae_xyssv_179:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_r2f6t_272.awsui_header-cell-fake-focus_1spae_r2f6t_179:not(#\9) {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_xyssv_272.awsui_header-cell-fake-focus_1spae_xyssv_179:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_r2f6t_272.awsui_header-cell-fake-focus_1spae_r2f6t_179:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-7js4en, 0px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_xyssv_272.awsui_header-cell-fake-focus_1spae_xyssv_179:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_r2f6t_272.awsui_header-cell-fake-focus_1spae_r2f6t_179:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -325,34 +325,34 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_xyssv_272.a
   border-start-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   border-end-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
 }
-.awsui_header-cell-disabled_1spae_xyssv_330.awsui_header-cell-sorted_1spae_xyssv_330 > .awsui_header-cell-content_1spae_xyssv_272 > .awsui_sorting-icon_1spae_xyssv_258:not(#\9) {
-  color: var(--color-text-interactive-disabled-z7a3t4, #9ba7b6);
+.awsui_header-cell-disabled_1spae_r2f6t_330.awsui_header-cell-sorted_1spae_r2f6t_330 > .awsui_header-cell-content_1spae_r2f6t_272 > .awsui_sorting-icon_1spae_r2f6t_258:not(#\9) {
+  color: var(--color-text-interactive-disabled-f5b4z5, #b4b4bb);
 }
 
-.awsui_header-cell-sortable_1spae_xyssv_212:not(#\9):not(.awsui_header-cell-disabled_1spae_xyssv_330) > .awsui_header-cell-content_1spae_xyssv_272 {
+.awsui_header-cell-sortable_1spae_r2f6t_212:not(#\9):not(.awsui_header-cell-disabled_1spae_r2f6t_330) > .awsui_header-cell-content_1spae_r2f6t_272 {
   cursor: pointer;
 }
-.awsui_header-cell-sortable_1spae_xyssv_212:not(#\9):not(.awsui_header-cell-disabled_1spae_xyssv_330) > .awsui_header-cell-content_1spae_xyssv_272:hover, .awsui_header-cell-sortable_1spae_xyssv_212:not(#\9):not(.awsui_header-cell-disabled_1spae_xyssv_330).awsui_header-cell-sorted_1spae_xyssv_330 > .awsui_header-cell-content_1spae_xyssv_272 {
-  color: var(--color-text-interactive-active-ox3ozh, #000716);
+.awsui_header-cell-sortable_1spae_r2f6t_212:not(#\9):not(.awsui_header-cell-disabled_1spae_r2f6t_330) > .awsui_header-cell-content_1spae_r2f6t_272:hover, .awsui_header-cell-sortable_1spae_r2f6t_212:not(#\9):not(.awsui_header-cell-disabled_1spae_r2f6t_330).awsui_header-cell-sorted_1spae_r2f6t_330 > .awsui_header-cell-content_1spae_r2f6t_272 {
+  color: var(--color-text-interactive-active-j6vw94, #0f141a);
 }
-.awsui_header-cell-sortable_1spae_xyssv_212:not(#\9):not(.awsui_header-cell-disabled_1spae_xyssv_330) > .awsui_header-cell-content_1spae_xyssv_272:hover > .awsui_sorting-icon_1spae_xyssv_258, .awsui_header-cell-sortable_1spae_xyssv_212:not(#\9):not(.awsui_header-cell-disabled_1spae_xyssv_330).awsui_header-cell-sorted_1spae_xyssv_330 > .awsui_header-cell-content_1spae_xyssv_272 > .awsui_sorting-icon_1spae_xyssv_258 {
-  color: var(--color-text-interactive-active-ox3ozh, #000716);
+.awsui_header-cell-sortable_1spae_r2f6t_212:not(#\9):not(.awsui_header-cell-disabled_1spae_r2f6t_330) > .awsui_header-cell-content_1spae_r2f6t_272:hover > .awsui_sorting-icon_1spae_r2f6t_258, .awsui_header-cell-sortable_1spae_r2f6t_212:not(#\9):not(.awsui_header-cell-disabled_1spae_r2f6t_330).awsui_header-cell-sorted_1spae_r2f6t_330 > .awsui_header-cell-content_1spae_r2f6t_272 > .awsui_sorting-icon_1spae_r2f6t_258 {
+  color: var(--color-text-interactive-active-j6vw94, #0f141a);
 }
 
-.awsui_header-cell-text_1spae_xyssv_344:not(#\9) {
+.awsui_header-cell-text_1spae_r2f6t_344:not(#\9) {
   line-height: var(--line-height-heading-xs-aeleja, 18px);
   padding-block: calc(var(--space-xxxs-zbmxqb, 2px) / 2);
 }
-.awsui_header-cell-text_1spae_xyssv_344:not(#\9):not(.awsui_header-cell-text-wrap_1spae_xyssv_348) {
+.awsui_header-cell-text_1spae_r2f6t_344:not(#\9):not(.awsui_header-cell-text-wrap_1spae_r2f6t_348) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
-.awsui_header-cell-ascending_1spae_xyssv_354:not(#\9),
-.awsui_header-cell-descending_1spae_xyssv_355:not(#\9) {
+.awsui_header-cell-ascending_1spae_r2f6t_354:not(#\9),
+.awsui_header-cell-descending_1spae_r2f6t_355:not(#\9) {
   /* used in test-utils */
 }
 
@@ -362,28 +362,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_xyssv_145:not(#\9):not(.awsui_is-visual-refresh_1spae_xyssv_365):first-child {
+.awsui_header-cell_1spae_r2f6t_145:not(#\9):not(.awsui_is-visual-refresh_1spae_r2f6t_365):first-child {
   padding-inline-start: var(--space-xs-zb16t3, 8px);
 }
-.awsui_header-cell_1spae_xyssv_145:not(#\9):not(.awsui_is-visual-refresh_1spae_xyssv_365):first-child.awsui_header-cell-content-expandable_1spae_xyssv_278 {
+.awsui_header-cell_1spae_r2f6t_145:not(#\9):not(.awsui_is-visual-refresh_1spae_r2f6t_365):first-child.awsui_header-cell-content-expandable_1spae_r2f6t_278 {
   padding-inline-start: calc(var(--space-xs-zb16t3, 8px) + var(--space-m-udix3p, 16px) + var(--space-xs-zb16t3, 8px));
 }
 
-.awsui_header-cell_1spae_xyssv_145.awsui_is-visual-refresh_1spae_xyssv_365:not(#\9) {
+.awsui_header-cell_1spae_r2f6t_145.awsui_is-visual-refresh_1spae_r2f6t_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_xyssv_145.awsui_is-visual-refresh_1spae_xyssv_365:not(#\9):first-child:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_r2f6t_145.awsui_is-visual-refresh_1spae_r2f6t_365:not(#\9):first-child:focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xyssv_145.awsui_is-visual-refresh_1spae_xyssv_365:not(#\9):first-child:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_r2f6t_145.awsui_is-visual-refresh_1spae_r2f6t_365:not(#\9):first-child:focus {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-scaled-xxs-7597g1, 4px) + var(--space-scaled-xxs-7597g1, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xyssv_145.awsui_is-visual-refresh_1spae_xyssv_365:not(#\9):first-child:focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_r2f6t_145.awsui_is-visual-refresh_1spae_r2f6t_365:not(#\9):first-child:focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -395,16 +395,16 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xyssv_145.awsui_is-
   border-start-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   border-end-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xyssv_145.awsui_is-visual-refresh_1spae_xyssv_365:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_xyssv_179 {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_r2f6t_145.awsui_is-visual-refresh_1spae_r2f6t_365:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_r2f6t_179 {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xyssv_145.awsui_is-visual-refresh_1spae_xyssv_365:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_xyssv_179 {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_r2f6t_145.awsui_is-visual-refresh_1spae_r2f6t_365:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_r2f6t_179 {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-scaled-xxs-7597g1, 4px) + var(--space-scaled-xxs-7597g1, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xyssv_145.awsui_is-visual-refresh_1spae_xyssv_365:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_xyssv_179::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_r2f6t_145.awsui_is-visual-refresh_1spae_r2f6t_365:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_r2f6t_179::before {
   content: " ";
   display: block;
   position: absolute;
@@ -416,22 +416,22 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xyssv_145.awsui_is-
   border-start-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   border-end-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
 }
-.awsui_header-cell_1spae_xyssv_145.awsui_is-visual-refresh_1spae_xyssv_365:not(#\9):first-child > .awsui_header-cell-content_1spae_xyssv_272 {
+.awsui_header-cell_1spae_r2f6t_145.awsui_is-visual-refresh_1spae_r2f6t_365:not(#\9):first-child > .awsui_header-cell-content_1spae_r2f6t_272 {
   padding-inline-start: 0px;
 }
-.awsui_header-cell_1spae_xyssv_145.awsui_is-visual-refresh_1spae_xyssv_365:not(#\9):first-child > .awsui_header-cell-content_1spae_xyssv_272.awsui_header-cell-content-expandable_1spae_xyssv_278 {
+.awsui_header-cell_1spae_r2f6t_145.awsui_is-visual-refresh_1spae_r2f6t_365:not(#\9):first-child > .awsui_header-cell-content_1spae_r2f6t_272.awsui_header-cell-content-expandable_1spae_r2f6t_278 {
   padding-inline-start: calc(0px + var(--space-m-udix3p, 16px) + var(--space-xs-zb16t3, 8px));
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xyssv_145.awsui_is-visual-refresh_1spae_xyssv_365:not(#\9):first-child > .awsui_header-cell-content_1spae_xyssv_272:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_r2f6t_145.awsui_is-visual-refresh_1spae_r2f6t_365:not(#\9):first-child > .awsui_header-cell-content_1spae_r2f6t_272:focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xyssv_145.awsui_is-visual-refresh_1spae_xyssv_365:not(#\9):first-child > .awsui_header-cell-content_1spae_xyssv_272:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_r2f6t_145.awsui_is-visual-refresh_1spae_r2f6t_365:not(#\9):first-child > .awsui_header-cell-content_1spae_r2f6t_272:focus {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-7js4en, 0px) + var(--space-scaled-xxs-7597g1, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xyssv_145.awsui_is-visual-refresh_1spae_xyssv_365:not(#\9):first-child > .awsui_header-cell-content_1spae_xyssv_272:focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_r2f6t_145.awsui_is-visual-refresh_1spae_r2f6t_365:not(#\9):first-child > .awsui_header-cell-content_1spae_r2f6t_272:focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -443,16 +443,16 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xyssv_145.awsui_is-
   border-start-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   border-end-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xyssv_145.awsui_is-visual-refresh_1spae_xyssv_365:not(#\9):first-child > .awsui_header-cell-content_1spae_xyssv_272.awsui_header-cell-fake-focus_1spae_xyssv_179 {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_r2f6t_145.awsui_is-visual-refresh_1spae_r2f6t_365:not(#\9):first-child > .awsui_header-cell-content_1spae_r2f6t_272.awsui_header-cell-fake-focus_1spae_r2f6t_179 {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xyssv_145.awsui_is-visual-refresh_1spae_xyssv_365:not(#\9):first-child > .awsui_header-cell-content_1spae_xyssv_272.awsui_header-cell-fake-focus_1spae_xyssv_179 {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_r2f6t_145.awsui_is-visual-refresh_1spae_r2f6t_365:not(#\9):first-child > .awsui_header-cell-content_1spae_r2f6t_272.awsui_header-cell-fake-focus_1spae_r2f6t_179 {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-7js4en, 0px) + var(--space-scaled-xxs-7597g1, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xyssv_145.awsui_is-visual-refresh_1spae_xyssv_365:not(#\9):first-child > .awsui_header-cell-content_1spae_xyssv_272.awsui_header-cell-fake-focus_1spae_xyssv_179::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_r2f6t_145.awsui_is-visual-refresh_1spae_r2f6t_365:not(#\9):first-child > .awsui_header-cell-content_1spae_r2f6t_272.awsui_header-cell-fake-focus_1spae_r2f6t_179::before {
   content: " ";
   display: block;
   position: absolute;
@@ -464,26 +464,26 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xyssv_145.awsui_is-
   border-start-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   border-end-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
 }
-.awsui_header-cell_1spae_xyssv_145.awsui_is-visual-refresh_1spae_xyssv_365:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_xyssv_469):not(.awsui_sticky-cell-pad-inline-start_1spae_xyssv_469) {
+.awsui_header-cell_1spae_r2f6t_145.awsui_is-visual-refresh_1spae_r2f6t_365:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_r2f6t_469):not(.awsui_sticky-cell-pad-inline-start_1spae_r2f6t_469) {
   padding-inline-start: var(--space-xxxs-zbmxqb, 2px);
 }
-.awsui_header-cell_1spae_xyssv_145.awsui_is-visual-refresh_1spae_xyssv_365:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_xyssv_469):not(.awsui_sticky-cell-pad-inline-start_1spae_xyssv_469).awsui_header-cell-content-expandable_1spae_xyssv_278 {
+.awsui_header-cell_1spae_r2f6t_145.awsui_is-visual-refresh_1spae_r2f6t_365:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_r2f6t_469):not(.awsui_sticky-cell-pad-inline-start_1spae_r2f6t_469).awsui_header-cell-content-expandable_1spae_r2f6t_278 {
   padding-inline-start: calc(var(--space-xxxs-zbmxqb, 2px) + var(--space-m-udix3p, 16px) + var(--space-xs-zb16t3, 8px));
 }
-.awsui_header-cell_1spae_xyssv_145.awsui_is-visual-refresh_1spae_xyssv_365:not(#\9):first-child.awsui_has-striped-rows_1spae_xyssv_469:not(.awsui_sticky-cell-pad-inline-start_1spae_xyssv_469) {
+.awsui_header-cell_1spae_r2f6t_145.awsui_is-visual-refresh_1spae_r2f6t_365:not(#\9):first-child.awsui_has-striped-rows_1spae_r2f6t_469:not(.awsui_sticky-cell-pad-inline-start_1spae_r2f6t_469) {
   padding-inline-start: var(--space-xxs-p8yyaw, 4px);
 }
-.awsui_header-cell_1spae_xyssv_145.awsui_is-visual-refresh_1spae_xyssv_365:not(#\9):first-child.awsui_has-striped-rows_1spae_xyssv_469:not(.awsui_sticky-cell-pad-inline-start_1spae_xyssv_469).awsui_header-cell-content-expandable_1spae_xyssv_278 {
+.awsui_header-cell_1spae_r2f6t_145.awsui_is-visual-refresh_1spae_r2f6t_365:not(#\9):first-child.awsui_has-striped-rows_1spae_r2f6t_469:not(.awsui_sticky-cell-pad-inline-start_1spae_r2f6t_469).awsui_header-cell-content-expandable_1spae_r2f6t_278 {
   padding-inline-start: calc(var(--space-xxs-p8yyaw, 4px) + var(--space-m-udix3p, 16px) + var(--space-xs-zb16t3, 8px));
 }
-.awsui_header-cell_1spae_xyssv_145.awsui_is-visual-refresh_1spae_xyssv_365:not(#\9):last-child.awsui_header-cell-sortable_1spae_xyssv_212 {
+.awsui_header-cell_1spae_r2f6t_145.awsui_is-visual-refresh_1spae_r2f6t_365:not(#\9):last-child.awsui_header-cell-sortable_1spae_r2f6t_212 {
   padding-inline-end: var(--space-xxxs-zbmxqb, 2px);
 }
-.awsui_header-cell_1spae_xyssv_145.awsui_is-visual-refresh_1spae_xyssv_365.awsui_sticky-cell-pad-inline-start_1spae_xyssv_469:not(#\9) {
+.awsui_header-cell_1spae_r2f6t_145.awsui_is-visual-refresh_1spae_r2f6t_365.awsui_sticky-cell-pad-inline-start_1spae_r2f6t_469:not(#\9) {
   padding-inline-start: var(--space-scaled-l-0hpmd7, 20px);
 }
-.awsui_header-cell_1spae_xyssv_145.awsui_is-visual-refresh_1spae_xyssv_365.awsui_sticky-cell-pad-inline-start_1spae_xyssv_469.awsui_header-cell-content-expandable_1spae_xyssv_278:not(#\9) {
+.awsui_header-cell_1spae_r2f6t_145.awsui_is-visual-refresh_1spae_r2f6t_365.awsui_sticky-cell-pad-inline-start_1spae_r2f6t_469.awsui_header-cell-content-expandable_1spae_r2f6t_278:not(#\9) {
   padding-inline-start: calc(var(--space-scaled-l-0hpmd7, 20px) + var(--space-m-udix3p, 16px) + var(--space-xs-zb16t3, 8px));
 }

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

@@ -2,31 +2,31 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "header-cell": "awsui_header-cell_1spae_xyssv_145",
-  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_xyssv_179",
-  "header-cell-sticky": "awsui_header-cell-sticky_1spae_xyssv_200",
-  "header-cell-stuck": "awsui_header-cell-stuck_1spae_xyssv_203",
-  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_xyssv_203",
-  "header-cell-hidden": "awsui_header-cell-hidden_1spae_xyssv_209",
-  "header-cell-sortable": "awsui_header-cell-sortable_1spae_xyssv_212",
-  "sticky-cell": "awsui_sticky-cell_1spae_xyssv_215",
-  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_xyssv_233",
-  "has-selection": "awsui_has-selection_1spae_xyssv_233",
-  "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_xyssv_236",
-  "resize-divider": "awsui_resize-divider_1spae_xyssv_241",
-  "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_xyssv_248",
-  "sorting-icon": "awsui_sorting-icon_1spae_xyssv_258",
-  "edit-icon": "awsui_edit-icon_1spae_xyssv_266",
-  "header-cell-content": "awsui_header-cell-content_1spae_xyssv_272",
-  "header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_xyssv_278",
-  "header-cell-disabled": "awsui_header-cell-disabled_1spae_xyssv_330",
-  "header-cell-sorted": "awsui_header-cell-sorted_1spae_xyssv_330",
-  "header-cell-text": "awsui_header-cell-text_1spae_xyssv_344",
-  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_xyssv_348",
-  "header-cell-ascending": "awsui_header-cell-ascending_1spae_xyssv_354",
-  "header-cell-descending": "awsui_header-cell-descending_1spae_xyssv_355",
-  "is-visual-refresh": "awsui_is-visual-refresh_1spae_xyssv_365",
-  "has-striped-rows": "awsui_has-striped-rows_1spae_xyssv_469",
-  "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_xyssv_469"
+  "header-cell": "awsui_header-cell_1spae_r2f6t_145",
+  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_r2f6t_179",
+  "header-cell-sticky": "awsui_header-cell-sticky_1spae_r2f6t_200",
+  "header-cell-stuck": "awsui_header-cell-stuck_1spae_r2f6t_203",
+  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_r2f6t_203",
+  "header-cell-hidden": "awsui_header-cell-hidden_1spae_r2f6t_209",
+  "header-cell-sortable": "awsui_header-cell-sortable_1spae_r2f6t_212",
+  "sticky-cell": "awsui_sticky-cell_1spae_r2f6t_215",
+  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_r2f6t_233",
+  "has-selection": "awsui_has-selection_1spae_r2f6t_233",
+  "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_r2f6t_236",
+  "resize-divider": "awsui_resize-divider_1spae_r2f6t_241",
+  "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_r2f6t_248",
+  "sorting-icon": "awsui_sorting-icon_1spae_r2f6t_258",
+  "edit-icon": "awsui_edit-icon_1spae_r2f6t_266",
+  "header-cell-content": "awsui_header-cell-content_1spae_r2f6t_272",
+  "header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_r2f6t_278",
+  "header-cell-disabled": "awsui_header-cell-disabled_1spae_r2f6t_330",
+  "header-cell-sorted": "awsui_header-cell-sorted_1spae_r2f6t_330",
+  "header-cell-text": "awsui_header-cell-text_1spae_r2f6t_344",
+  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_r2f6t_348",
+  "header-cell-ascending": "awsui_header-cell-ascending_1spae_r2f6t_354",
+  "header-cell-descending": "awsui_header-cell-descending_1spae_r2f6t_355",
+  "is-visual-refresh": "awsui_is-visual-refresh_1spae_r2f6t_365",
+  "has-striped-rows": "awsui_has-striped-rows_1spae_r2f6t_469",
+  "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_r2f6t_469"
 };
   

package/table/resizer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/table/resizer/index.tsx"],"names":[],"mappings":";AAiBA,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;CAC1B;AAMD,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,eAE5D;AAED,wBAAgB,OAAO,CAAC,EACtB,aAAa,EACb,mBAAmB,EACnB,cAAc,EACd,QAA+B,EAC/B,QAAQ,EACR,aAAa,EACb,OAAO,EACP,eAAe,GAChB,EAAE,YAAY,eAiNd;AAED,wBAAgB,aAAa,gBAE5B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/table/resizer/index.tsx"],"names":[],"mappings":";AAiBA,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;CAC1B;AAMD,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,eAE5D;AAED,wBAAgB,OAAO,CAAC,EACtB,aAAa,EACb,mBAAmB,EACnB,cAAc,EACd,QAA+B,EAC/B,QAAQ,EACR,aAAa,EACb,OAAO,EACP,eAAe,GAChB,EAAE,YAAY,eAmNd;AAED,wBAAgB,aAAa,gBAE5B"}

package/table/resizer/index.js

@@ -33,7 +33,9 @@ export function Resizer({ onWidthUpdate, onWidthUpdateCommit, ariaLabelledby, mi
         setHeaderCellWidth(getHeaderWidth(resizerToggleRef.current));
     }, []);
     useEffect(() => {
+        var _a, _b;
         const elements = getResizerElements(resizerToggleRef.current);
+        const document = (_b = (_a = resizerToggleRef.current) === null || _a === void 0 ? void 0 : _a.ownerDocument) !== null && _b !== void 0 ? _b : window.document;
         if ((!isDragging && !resizerHasFocus) || !elements) {
             return;
         }

package/table/resizer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table/resizer/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAClF,OAAO,EAAE,QAAQ,EAAE,4BAA4B,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAC;AAExH,OAAO,EAAE,0BAA0B,EAAE,MAAM,8DAA8D,CAAC;AAC1G,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,SAAS,EAAE,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAEtE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAarC,MAAM,oBAAoB,GAAG,EAAE,CAAC;AAChC,MAAM,kBAAkB,GAAG,EAAE,CAAC;AAC9B,MAAM,mBAAmB,GAAG,CAAC,CAAC;AAE9B,MAAM,UAAU,OAAO,CAAC,EAAE,SAAS,EAA0B;IAC3D,OAAO,8BAAM,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,kBAAkB,CAAC,EAAE,SAAS,CAAC,GAAI,CAAC;AAC1F,CAAC;AAED,MAAM,UAAU,OAAO,CAAC,EACtB,aAAa,EACb,mBAAmB,EACnB,cAAc,EACd,QAAQ,GAAG,oBAAoB,EAC/B,QAAQ,EACR,aAAa,EACb,OAAO,EACP,eAAe,GACF;IACb,aAAa,GAAG,iBAAiB,CAAC,aAAa,CAAC,CAAC;IACjD,mBAAmB,GAAG,iBAAiB,CAAC,mBAAmB,CAAC,CAAC;IAE7D,MAAM,WAAW,GAAG,WAAW,EAAE,CAAC;IAClC,MAAM,gBAAgB,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IACzD,MAAM,mBAAmB,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAC;IAE1D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpE,MAAM,eAAe,GAAG,MAAM,EAA6C,CAAC;IAC5E,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9D,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAE1D,8GAA8G;IAC9G,SAAS,CAAC,GAAG,EAAE;QACb,kBAAkB,CAAC,cAAc,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;IAC/D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,kBAAkB,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;QAC9D,IAAI,CAAC,CAAC,UAAU,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClD,OAAO;SACR;QAED,MAAM,EAAE,gBAAgB,EAAE,eAAe,EAAE,cAAc,EAAE,aAAa,EAAE,GAAG,4BAA4B,CACvG,QAAQ,CAAC,YAAY,CACtB,CAAC;QAEF,MAAM,qBAAqB,GAAG,CAAC,SAAiB,EAAE,EAAE;YAClD,MAAM,EAAE,gBAAgB,EAAE,4BAA4B,EAAE,GAAG,4BAA4B,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YACxG,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,eAAe,GAAG,4BAA4B,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,SAAS,GAAG,IAAI,CAAC;YACxG,4CAA4C;YAC5C,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,gBAAgB,GAAG,SAAS,GAAG,4BAA4B,GAAG,CAAC,GAAG,IAAI,CAAC;QAChG,CAAC,CAAC;QAEF,MAAM,iBAAiB,GAAG,CAAC,QAAgB,EAAE,EAAE;YAC7C,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,GAAG,4BAA4B,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;YACrF,MAAM,YAAY,GAAG,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC;YAC/D,qBAAqB,CAAC,cAAc,GAAG,YAAY,GAAG,UAAU,CAAC,CAAC;YAClE,IAAI,QAAQ,IAAI,QAAQ,EAAE;gBACxB,kBAAkB,CAAC,QAAQ,CAAC,CAAC;aAC9B;YACD,0FAA0F;YAC1F,aAAa,CAAC,QAAQ,CAAC,CAAC;QAC1B,CAAC,CAAC;QAEF,MAAM,YAAY,GAAG,CAAC,MAAc,EAAE,EAAE;YACtC,IAAI,MAAM,GAAG,eAAe,EAAE;gBAC5B,MAAM,QAAQ,GAAG,4BAA4B,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,gBAAgB,CAAC;gBAChF,MAAM,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;gBACnC,0FAA0F;gBAC1F,iBAAiB,CAAC,QAAQ,CAAC,CAAC;aAC7B;QACH,CAAC,CAAC;QAEF,MAAM,UAAU,GAAG,GAAG,EAAE;YACtB,MAAM,UAAU,GAAG,4BAA4B,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC;YAC5E,eAAe,CAAC,OAAO,GAAG,UAAU,CAAC,UAAU,EAAE,kBAAkB,CAAC,CAAC;YACrE,0FAA0F;YAC1F,iBAAiB,CAAC,UAAU,GAAG,mBAAmB,CAAC,CAAC;YACpD,QAAQ,CAAC,YAAY,CAAC,UAAU,IAAI,mBAAmB,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACvG,CAAC,CAAC;QAEF,MAAM,WAAW,GAAG,CAAC,KAAiB,EAAE,EAAE;YACxC,YAAY,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;YACtC,MAAM,MAAM,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;YACtC,IAAI,MAAM,GAAG,aAAa,EAAE;gBAC1B,eAAe,CAAC,OAAO,GAAG,UAAU,CAAC,UAAU,EAAE,oBAAoB,CAAC,CAAC;aACxE;iBAAM;gBACL,YAAY,CAAC,MAAM,CAAC,CAAC;aACtB;QACH,CAAC,CAAC;QAEF,MAAM,SAAS,GAAG,CAAC,KAAiB,EAAE,EAAE;YACtC,YAAY,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC;YACrC,aAAa,CAAC,KAAK,CAAC,CAAC;YACrB,mBAAmB,EAAE,CAAC;YACtB,YAAY,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;QACxC,CAAC,CAAC;QAEF,MAAM,SAAS,GAAG,CAAC,KAAoB,EAAE,EAAE;YACzC,IAAI,kBAAkB,EAAE;gBACtB,MAAM,IAAI,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;gBAExG,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE;oBACtC,KAAK,CAAC,cAAc,EAAE,CAAC;oBAEvB,WAAW,CAAC,KAAK,CAAC;wBAChB,SAAS,CAAC,KAAK,EAAE;4BACf,UAAU,EAAE,GAAG,EAAE;;gCACf,qBAAqB,CAAC,KAAK,CAAC,CAAC;gCAC7B,MAAA,gBAAgB,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;4BACpC,CAAC;4BACD,QAAQ,EAAE,GAAG,EAAE;;gCACb,qBAAqB,CAAC,KAAK,CAAC,CAAC;gCAC7B,MAAA,gBAAgB,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;4BACpC,CAAC;4BACD,aAAa,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,4BAA4B,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,UAAU,GAAG,EAAE,CAAC;4BACrG,WAAW,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,4BAA4B,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,UAAU,GAAG,EAAE,CAAC;yBACpG,CAAC,CAAC;iBACN;aACF;YACD,+BAA+B;iBAC1B,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,KAAK,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,KAAK,EAAE;gBAC3E,KAAK,CAAC,cAAc,EAAE,CAAC;gBAEvB,WAAW,CAAC,KAAK,CAAC;oBAChB,SAAS,CAAC,KAAK,EAAE;wBACf,UAAU,EAAE,GAAG,EAAE;;4BACf,qBAAqB,CAAC,IAAI,CAAC,CAAC;4BAC5B,MAAA,mBAAmB,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;wBACvC,CAAC;qBACF,CAAC,CAAC;aACN;QACH,CAAC,CAAC;QAEF,qBAAqB,CAAC,4BAA4B,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,cAAc,CAAC,CAAC;QAEpF,IAAI,UAAU,EAAE;YACd,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC;YACrD,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;YACpD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;SACjD;QACD,IAAI,eAAe,EAAE;YACnB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,0BAA0B,CAAC,CAAC,CAAC;YAChE,QAAQ,CAAC,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;SACxD;QACD,IAAI,kBAAkB,EAAE;YACtB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC;SACtD;QAED,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;YACtC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC;YACxD,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,0BAA0B,CAAC,CAAC,CAAC;YACnE,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;YACvD,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;YACnD,QAAQ,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAC5D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,EAAE,kBAAkB,EAAE,eAAe,EAAE,aAAa,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAEpG,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,GAAG,0BAA0B,CAAC,gBAAgB,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC;IAEjG,OAAO,CACL;QACE,gCACE,GAAG,EAAE,gBAAgB,EACrB,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,OAAO,EACd,CAAC,eAAe,IAAI,aAAa,IAAI,kBAAkB,CAAC,IAAI,MAAM,CAAC,WAAW,CAAC,CAChF,EACD,WAAW,EAAE,KAAK,CAAC,EAAE;gBACnB,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;oBACtB,OAAO;iBACR;gBACD,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,aAAa,CAAC,IAAI,CAAC,CAAC;YACtB,CAAC,EACD,OAAO,EAAE,GAAG,EAAE;;gBACZ,mFAAmF;gBACnF,aAAa,CAAC,KAAK,CAAC,CAAC;gBACrB,kBAAkB,CAAC,IAAI,CAAC,CAAC;gBACzB,qBAAqB,CAAC,IAAI,CAAC,CAAC;gBAC5B,MAAA,mBAAmB,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;YACvC,CAAC,EACD,OAAO,EAAE,GAAG,EAAE;gBACZ,kBAAkB,CAAC,cAAc,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;gBAC7D,kBAAkB,CAAC,IAAI,CAAC,CAAC;YAC3B,CAAC,EACD,MAAM,EAAE,KAAK,CAAC,EAAE;gBACd,yEAAyE;gBACzE,uFAAuF;gBACvF,IAAI,KAAK,CAAC,aAAa,KAAK,mBAAmB,CAAC,OAAO,EAAE;oBACvD,kBAAkB,CAAC,KAAK,CAAC,CAAC;iBAC3B;YACH,CAAC,0BAIqB,eAAe,qBACpB,cAAc,EAC/B,QAAQ,EAAE,eAAe,mBACV,OAAO,GACtB;QACF,8BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,UAAU,IAAI,MAAM,CAAC,gBAAgB,CAAC,CAAC,0CACjC,IAAI,EAC1C,GAAG,EAAE,mBAAmB,EACxB,EAAE,EAAE,WAAW,EACf,IAAI,EAAC,WAAW,EAChB,QAAQ,EAAE,CAAC,CAAC,iBACC,CAAC,kBAAkB,sBACf,UAAU,mBACZ,eAAe,oBAEd,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,mBAC3B,QAAQ,mBACR,OAAO,EACtB,MAAM,EAAE,GAAG,EAAE;gBACX,kBAAkB,CAAC,KAAK,CAAC,CAAC;gBAC1B,IAAI,kBAAkB,EAAE;oBACtB,qBAAqB,CAAC,KAAK,CAAC,CAAC;iBAC9B;gBACD,mBAAmB,EAAE,CAAC;YACxB,CAAC,GACD,CACD,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,aAAa;IAC3B,OAAO,8BAAM,SAAS,EAAE,MAAM,CAAC,OAAO,GAAI,CAAC;AAC7C,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useStableCallback } from '@cloudscape-design/component-toolkit/internal';\nimport { getIsRtl, getLogicalBoundingClientRect, getLogicalPageX } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useSingleTabStopNavigation } from '../../internal/context/single-tab-stop-navigation-context.js';\nimport { useUniqueId } from '../../internal/hooks/use-unique-id';\nimport { KeyCode } from '../../internal/keycode';\nimport handleKey, { isEventLike } from '../../internal/utils/handle-key';\nimport { DEFAULT_COLUMN_WIDTH } from '../use-column-widths';\nimport { getHeaderWidth, getResizerElements } from './resizer-lookup';\n\nimport styles from './styles.css.js';\n\ninterface ResizerProps {\n  onWidthUpdate: (newWidth: number) => void;\n  onWidthUpdateCommit: () => void;\n  ariaLabelledby?: string;\n  minWidth?: number;\n  tabIndex?: number;\n  focusId?: string;\n  showFocusRing?: boolean;\n  roleDescription?: string;\n}\n\nconst AUTO_GROW_START_TIME = 10;\nconst AUTO_GROW_INTERVAL = 10;\nconst AUTO_GROW_INCREMENT = 5;\n\nexport function Divider({ className }: { className?: string }) {\n  return <span className={clsx(styles.divider, styles['divider-disabled'], className)} />;\n}\n\nexport function Resizer({\n  onWidthUpdate,\n  onWidthUpdateCommit,\n  ariaLabelledby,\n  minWidth = DEFAULT_COLUMN_WIDTH,\n  tabIndex,\n  showFocusRing,\n  focusId,\n  roleDescription,\n}: ResizerProps) {\n  onWidthUpdate = useStableCallback(onWidthUpdate);\n  onWidthUpdateCommit = useStableCallback(onWidthUpdateCommit);\n\n  const separatorId = useUniqueId();\n  const resizerToggleRef = useRef<HTMLButtonElement>(null);\n  const resizerSeparatorRef = useRef<HTMLSpanElement>(null);\n\n  const [isDragging, setIsDragging] = useState(false);\n  const [isKeyboardDragging, setIsKeyboardDragging] = useState(false);\n  const autoGrowTimeout = useRef<ReturnType<typeof setTimeout> | undefined>();\n  const [resizerHasFocus, setResizerHasFocus] = useState(false);\n  const [headerCellWidth, setHeaderCellWidth] = useState(0);\n\n  // Read header width after mounting for it to be available in the element's ARIA label before it gets focused.\n  useEffect(() => {\n    setHeaderCellWidth(getHeaderWidth(resizerToggleRef.current));\n  }, []);\n\n  useEffect(() => {\n    const elements = getResizerElements(resizerToggleRef.current);\n    if ((!isDragging && !resizerHasFocus) || !elements) {\n      return;\n    }\n\n    const { insetInlineStart: inlineStartEdge, insetInlineEnd: inlineEndEdge } = getLogicalBoundingClientRect(\n      elements.scrollParent\n    );\n\n    const updateTrackerPosition = (newOffset: number) => {\n      const { insetInlineStart: scrollParentInsetInlineStart } = getLogicalBoundingClientRect(elements.table);\n      elements.tracker.style.insetBlockStart = getLogicalBoundingClientRect(elements.header).blockSize + 'px';\n      // minus one pixel to offset the cell border\n      elements.tracker.style.insetInlineStart = newOffset - scrollParentInsetInlineStart - 1 + 'px';\n    };\n\n    const updateColumnWidth = (newWidth: number) => {\n      const { insetInlineEnd, inlineSize } = getLogicalBoundingClientRect(elements.header);\n      const updatedWidth = newWidth < minWidth ? minWidth : newWidth;\n      updateTrackerPosition(insetInlineEnd + updatedWidth - inlineSize);\n      if (newWidth >= minWidth) {\n        setHeaderCellWidth(newWidth);\n      }\n      // callbacks must be the last calls in the handler, because they may cause an extra update\n      onWidthUpdate(newWidth);\n    };\n\n    const resizeColumn = (offset: number) => {\n      if (offset > inlineStartEdge) {\n        const cellLeft = getLogicalBoundingClientRect(elements.header).insetInlineStart;\n        const newWidth = offset - cellLeft;\n        // callbacks must be the last calls in the handler, because they may cause an extra update\n        updateColumnWidth(newWidth);\n      }\n    };\n\n    const onAutoGrow = () => {\n      const inlineSize = getLogicalBoundingClientRect(elements.header).inlineSize;\n      autoGrowTimeout.current = setTimeout(onAutoGrow, AUTO_GROW_INTERVAL);\n      // callbacks must be the last calls in the handler, because they may cause an extra update\n      updateColumnWidth(inlineSize + AUTO_GROW_INCREMENT);\n      elements.scrollParent.scrollLeft += AUTO_GROW_INCREMENT * (getIsRtl(elements.scrollParent) ? -1 : 1);\n    };\n\n    const onMouseMove = (event: MouseEvent) => {\n      clearTimeout(autoGrowTimeout.current);\n      const offset = getLogicalPageX(event);\n      if (offset > inlineEndEdge) {\n        autoGrowTimeout.current = setTimeout(onAutoGrow, AUTO_GROW_START_TIME);\n      } else {\n        resizeColumn(offset);\n      }\n    };\n\n    const onMouseUp = (event: MouseEvent) => {\n      resizeColumn(getLogicalPageX(event));\n      setIsDragging(false);\n      onWidthUpdateCommit();\n      clearTimeout(autoGrowTimeout.current);\n    };\n\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (isKeyboardDragging) {\n        const keys = [KeyCode.left, KeyCode.right, KeyCode.enter, KeyCode.right, KeyCode.space, KeyCode.escape];\n\n        if (keys.indexOf(event.keyCode) !== -1) {\n          event.preventDefault();\n\n          isEventLike(event) &&\n            handleKey(event, {\n              onActivate: () => {\n                setIsKeyboardDragging(false);\n                resizerToggleRef.current?.focus();\n              },\n              onEscape: () => {\n                setIsKeyboardDragging(false);\n                resizerToggleRef.current?.focus();\n              },\n              onInlineStart: () => updateColumnWidth(getLogicalBoundingClientRect(elements.header).inlineSize - 10),\n              onInlineEnd: () => updateColumnWidth(getLogicalBoundingClientRect(elements.header).inlineSize + 10),\n            });\n        }\n      }\n      // Enter keyboard dragging mode\n      else if (event.keyCode === KeyCode.enter || event.keyCode === KeyCode.space) {\n        event.preventDefault();\n\n        isEventLike(event) &&\n          handleKey(event, {\n            onActivate: () => {\n              setIsKeyboardDragging(true);\n              resizerSeparatorRef.current?.focus();\n            },\n          });\n      }\n    };\n\n    updateTrackerPosition(getLogicalBoundingClientRect(elements.header).insetInlineEnd);\n\n    if (isDragging) {\n      document.body.classList.add(styles['resize-active']);\n      document.addEventListener('mousemove', onMouseMove);\n      document.addEventListener('mouseup', onMouseUp);\n    }\n    if (resizerHasFocus) {\n      document.body.classList.add(styles['resize-active-with-focus']);\n      elements.header.addEventListener('keydown', onKeyDown);\n    }\n    if (isKeyboardDragging) {\n      document.body.classList.add(styles['resize-active']);\n    }\n\n    return () => {\n      clearTimeout(autoGrowTimeout.current);\n      document.body.classList.remove(styles['resize-active']);\n      document.body.classList.remove(styles['resize-active-with-focus']);\n      document.removeEventListener('mousemove', onMouseMove);\n      document.removeEventListener('mouseup', onMouseUp);\n      elements.header.removeEventListener('keydown', onKeyDown);\n    };\n  }, [minWidth, isDragging, isKeyboardDragging, resizerHasFocus, onWidthUpdate, onWidthUpdateCommit]);\n\n  const { tabIndex: resizerTabIndex } = useSingleTabStopNavigation(resizerToggleRef, { tabIndex });\n\n  return (\n    <>\n      <button\n        ref={resizerToggleRef}\n        className={clsx(\n          styles.resizer,\n          (resizerHasFocus || showFocusRing || isKeyboardDragging) && styles['has-focus']\n        )}\n        onMouseDown={event => {\n          if (event.button !== 0) {\n            return;\n          }\n          event.preventDefault();\n          setIsDragging(true);\n        }}\n        onClick={() => {\n          // Prevent mouse drag activation and activate keyboard dragging for VO+Space click.\n          setIsDragging(false);\n          setResizerHasFocus(true);\n          setIsKeyboardDragging(true);\n          resizerSeparatorRef.current?.focus();\n        }}\n        onFocus={() => {\n          setHeaderCellWidth(getHeaderWidth(resizerToggleRef.current));\n          setResizerHasFocus(true);\n        }}\n        onBlur={event => {\n          // Ignoring blur event when focus moves to the resizer separator element.\n          // (This focus transition is done programmatically when the resizer button is clicked).\n          if (event.relatedTarget !== resizerSeparatorRef.current) {\n            setResizerHasFocus(false);\n          }\n        }}\n        // Using a custom role-description to make the element's purpose better clear.\n        // The role-description must include the word \"button\" to imply the interaction model.\n        // See https://www.w3.org/TR/wai-aria-1.1/#aria-roledescription\n        aria-roledescription={roleDescription}\n        aria-labelledby={ariaLabelledby}\n        tabIndex={resizerTabIndex}\n        data-focus-id={focusId}\n      />\n      <span\n        className={clsx(styles.divider, isDragging && styles['divider-active'])}\n        data-awsui-table-suppress-navigation={true}\n        ref={resizerSeparatorRef}\n        id={separatorId}\n        role=\"separator\"\n        tabIndex={-1}\n        aria-hidden={!isKeyboardDragging}\n        aria-orientation=\"vertical\"\n        aria-valuenow={headerCellWidth}\n        // aria-valuetext is needed because the VO announces \"collapsed\" when only aria-valuenow set without aria-valuemax\n        aria-valuetext={headerCellWidth.toFixed(0)}\n        aria-valuemin={minWidth}\n        data-focus-id={focusId}\n        onBlur={() => {\n          setResizerHasFocus(false);\n          if (isKeyboardDragging) {\n            setIsKeyboardDragging(false);\n          }\n          onWidthUpdateCommit();\n        }}\n      />\n    </>\n  );\n}\n\nexport function ResizeTracker() {\n  return <span className={styles.tracker} />;\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table/resizer/index.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, { useEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useStableCallback } from '@cloudscape-design/component-toolkit/internal';\nimport { getIsRtl, getLogicalBoundingClientRect, getLogicalPageX } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useSingleTabStopNavigation } from '../../internal/context/single-tab-stop-navigation-context.js';\nimport { useUniqueId } from '../../internal/hooks/use-unique-id';\nimport { KeyCode } from '../../internal/keycode';\nimport handleKey, { isEventLike } from '../../internal/utils/handle-key';\nimport { DEFAULT_COLUMN_WIDTH } from '../use-column-widths';\nimport { getHeaderWidth, getResizerElements } from './resizer-lookup';\n\nimport styles from './styles.css.js';\n\ninterface ResizerProps {\n  onWidthUpdate: (newWidth: number) => void;\n  onWidthUpdateCommit: () => void;\n  ariaLabelledby?: string;\n  minWidth?: number;\n  tabIndex?: number;\n  focusId?: string;\n  showFocusRing?: boolean;\n  roleDescription?: string;\n}\n\nconst AUTO_GROW_START_TIME = 10;\nconst AUTO_GROW_INTERVAL = 10;\nconst AUTO_GROW_INCREMENT = 5;\n\nexport function Divider({ className }: { className?: string }) {\n  return <span className={clsx(styles.divider, styles['divider-disabled'], className)} />;\n}\n\nexport function Resizer({\n  onWidthUpdate,\n  onWidthUpdateCommit,\n  ariaLabelledby,\n  minWidth = DEFAULT_COLUMN_WIDTH,\n  tabIndex,\n  showFocusRing,\n  focusId,\n  roleDescription,\n}: ResizerProps) {\n  onWidthUpdate = useStableCallback(onWidthUpdate);\n  onWidthUpdateCommit = useStableCallback(onWidthUpdateCommit);\n\n  const separatorId = useUniqueId();\n  const resizerToggleRef = useRef<HTMLButtonElement>(null);\n  const resizerSeparatorRef = useRef<HTMLSpanElement>(null);\n\n  const [isDragging, setIsDragging] = useState(false);\n  const [isKeyboardDragging, setIsKeyboardDragging] = useState(false);\n  const autoGrowTimeout = useRef<ReturnType<typeof setTimeout> | undefined>();\n  const [resizerHasFocus, setResizerHasFocus] = useState(false);\n  const [headerCellWidth, setHeaderCellWidth] = useState(0);\n\n  // Read header width after mounting for it to be available in the element's ARIA label before it gets focused.\n  useEffect(() => {\n    setHeaderCellWidth(getHeaderWidth(resizerToggleRef.current));\n  }, []);\n\n  useEffect(() => {\n    const elements = getResizerElements(resizerToggleRef.current);\n    const document = resizerToggleRef.current?.ownerDocument ?? window.document;\n\n    if ((!isDragging && !resizerHasFocus) || !elements) {\n      return;\n    }\n\n    const { insetInlineStart: inlineStartEdge, insetInlineEnd: inlineEndEdge } = getLogicalBoundingClientRect(\n      elements.scrollParent\n    );\n\n    const updateTrackerPosition = (newOffset: number) => {\n      const { insetInlineStart: scrollParentInsetInlineStart } = getLogicalBoundingClientRect(elements.table);\n      elements.tracker.style.insetBlockStart = getLogicalBoundingClientRect(elements.header).blockSize + 'px';\n      // minus one pixel to offset the cell border\n      elements.tracker.style.insetInlineStart = newOffset - scrollParentInsetInlineStart - 1 + 'px';\n    };\n\n    const updateColumnWidth = (newWidth: number) => {\n      const { insetInlineEnd, inlineSize } = getLogicalBoundingClientRect(elements.header);\n      const updatedWidth = newWidth < minWidth ? minWidth : newWidth;\n      updateTrackerPosition(insetInlineEnd + updatedWidth - inlineSize);\n      if (newWidth >= minWidth) {\n        setHeaderCellWidth(newWidth);\n      }\n      // callbacks must be the last calls in the handler, because they may cause an extra update\n      onWidthUpdate(newWidth);\n    };\n\n    const resizeColumn = (offset: number) => {\n      if (offset > inlineStartEdge) {\n        const cellLeft = getLogicalBoundingClientRect(elements.header).insetInlineStart;\n        const newWidth = offset - cellLeft;\n        // callbacks must be the last calls in the handler, because they may cause an extra update\n        updateColumnWidth(newWidth);\n      }\n    };\n\n    const onAutoGrow = () => {\n      const inlineSize = getLogicalBoundingClientRect(elements.header).inlineSize;\n      autoGrowTimeout.current = setTimeout(onAutoGrow, AUTO_GROW_INTERVAL);\n      // callbacks must be the last calls in the handler, because they may cause an extra update\n      updateColumnWidth(inlineSize + AUTO_GROW_INCREMENT);\n      elements.scrollParent.scrollLeft += AUTO_GROW_INCREMENT * (getIsRtl(elements.scrollParent) ? -1 : 1);\n    };\n\n    const onMouseMove = (event: MouseEvent) => {\n      clearTimeout(autoGrowTimeout.current);\n      const offset = getLogicalPageX(event);\n      if (offset > inlineEndEdge) {\n        autoGrowTimeout.current = setTimeout(onAutoGrow, AUTO_GROW_START_TIME);\n      } else {\n        resizeColumn(offset);\n      }\n    };\n\n    const onMouseUp = (event: MouseEvent) => {\n      resizeColumn(getLogicalPageX(event));\n      setIsDragging(false);\n      onWidthUpdateCommit();\n      clearTimeout(autoGrowTimeout.current);\n    };\n\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (isKeyboardDragging) {\n        const keys = [KeyCode.left, KeyCode.right, KeyCode.enter, KeyCode.right, KeyCode.space, KeyCode.escape];\n\n        if (keys.indexOf(event.keyCode) !== -1) {\n          event.preventDefault();\n\n          isEventLike(event) &&\n            handleKey(event, {\n              onActivate: () => {\n                setIsKeyboardDragging(false);\n                resizerToggleRef.current?.focus();\n              },\n              onEscape: () => {\n                setIsKeyboardDragging(false);\n                resizerToggleRef.current?.focus();\n              },\n              onInlineStart: () => updateColumnWidth(getLogicalBoundingClientRect(elements.header).inlineSize - 10),\n              onInlineEnd: () => updateColumnWidth(getLogicalBoundingClientRect(elements.header).inlineSize + 10),\n            });\n        }\n      }\n      // Enter keyboard dragging mode\n      else if (event.keyCode === KeyCode.enter || event.keyCode === KeyCode.space) {\n        event.preventDefault();\n\n        isEventLike(event) &&\n          handleKey(event, {\n            onActivate: () => {\n              setIsKeyboardDragging(true);\n              resizerSeparatorRef.current?.focus();\n            },\n          });\n      }\n    };\n\n    updateTrackerPosition(getLogicalBoundingClientRect(elements.header).insetInlineEnd);\n\n    if (isDragging) {\n      document.body.classList.add(styles['resize-active']);\n      document.addEventListener('mousemove', onMouseMove);\n      document.addEventListener('mouseup', onMouseUp);\n    }\n    if (resizerHasFocus) {\n      document.body.classList.add(styles['resize-active-with-focus']);\n      elements.header.addEventListener('keydown', onKeyDown);\n    }\n    if (isKeyboardDragging) {\n      document.body.classList.add(styles['resize-active']);\n    }\n\n    return () => {\n      clearTimeout(autoGrowTimeout.current);\n      document.body.classList.remove(styles['resize-active']);\n      document.body.classList.remove(styles['resize-active-with-focus']);\n      document.removeEventListener('mousemove', onMouseMove);\n      document.removeEventListener('mouseup', onMouseUp);\n      elements.header.removeEventListener('keydown', onKeyDown);\n    };\n  }, [minWidth, isDragging, isKeyboardDragging, resizerHasFocus, onWidthUpdate, onWidthUpdateCommit]);\n\n  const { tabIndex: resizerTabIndex } = useSingleTabStopNavigation(resizerToggleRef, { tabIndex });\n\n  return (\n    <>\n      <button\n        ref={resizerToggleRef}\n        className={clsx(\n          styles.resizer,\n          (resizerHasFocus || showFocusRing || isKeyboardDragging) && styles['has-focus']\n        )}\n        onMouseDown={event => {\n          if (event.button !== 0) {\n            return;\n          }\n          event.preventDefault();\n          setIsDragging(true);\n        }}\n        onClick={() => {\n          // Prevent mouse drag activation and activate keyboard dragging for VO+Space click.\n          setIsDragging(false);\n          setResizerHasFocus(true);\n          setIsKeyboardDragging(true);\n          resizerSeparatorRef.current?.focus();\n        }}\n        onFocus={() => {\n          setHeaderCellWidth(getHeaderWidth(resizerToggleRef.current));\n          setResizerHasFocus(true);\n        }}\n        onBlur={event => {\n          // Ignoring blur event when focus moves to the resizer separator element.\n          // (This focus transition is done programmatically when the resizer button is clicked).\n          if (event.relatedTarget !== resizerSeparatorRef.current) {\n            setResizerHasFocus(false);\n          }\n        }}\n        // Using a custom role-description to make the element's purpose better clear.\n        // The role-description must include the word \"button\" to imply the interaction model.\n        // See https://www.w3.org/TR/wai-aria-1.1/#aria-roledescription\n        aria-roledescription={roleDescription}\n        aria-labelledby={ariaLabelledby}\n        tabIndex={resizerTabIndex}\n        data-focus-id={focusId}\n      />\n      <span\n        className={clsx(styles.divider, isDragging && styles['divider-active'])}\n        data-awsui-table-suppress-navigation={true}\n        ref={resizerSeparatorRef}\n        id={separatorId}\n        role=\"separator\"\n        tabIndex={-1}\n        aria-hidden={!isKeyboardDragging}\n        aria-orientation=\"vertical\"\n        aria-valuenow={headerCellWidth}\n        // aria-valuetext is needed because the VO announces \"collapsed\" when only aria-valuenow set without aria-valuemax\n        aria-valuetext={headerCellWidth.toFixed(0)}\n        aria-valuemin={minWidth}\n        data-focus-id={focusId}\n        onBlur={() => {\n          setResizerHasFocus(false);\n          if (isKeyboardDragging) {\n            setIsKeyboardDragging(false);\n          }\n          onWidthUpdateCommit();\n        }}\n      />\n    </>\n  );\n}\n\nexport function ResizeTracker() {\n  return <span className={styles.tracker} />;\n}\n"]}

package/table/resizer/styles.css.js

@@ -1,13 +1,13 @@
 
     import './styles.scoped.css';
     export default {
-  "resize-active": "awsui_resize-active_x7peu_3h724_141",
-  "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_3h724_141",
-  "divider": "awsui_divider_x7peu_3h724_146",
-  "divider-disabled": "awsui_divider-disabled_x7peu_3h724_160",
-  "divider-active": "awsui_divider-active_x7peu_3h724_163",
-  "resizer": "awsui_resizer_x7peu_3h724_167",
-  "has-focus": "awsui_has-focus_x7peu_3h724_224",
-  "tracker": "awsui_tracker_x7peu_3h724_247"
+  "resize-active": "awsui_resize-active_x7peu_10vdm_141",
+  "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_10vdm_141",
+  "divider": "awsui_divider_x7peu_10vdm_146",
+  "divider-disabled": "awsui_divider-disabled_x7peu_10vdm_160",
+  "divider-active": "awsui_divider-active_x7peu_10vdm_163",
+  "resizer": "awsui_resizer_x7peu_10vdm_167",
+  "has-focus": "awsui_has-focus_x7peu_10vdm_224",
+  "tracker": "awsui_tracker_x7peu_10vdm_247"
 };