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

@cloudscape-design/components-themeable 3.0.774 → 3.0.776

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

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

@@ -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_ijhfi_145:not(#\9) {
+.awsui_header-cell_1spae_13mz6_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-in8dkg, #eaeded);
-  background: var(--color-background-table-header-ly5ewp, #fafafa);
-  color: var(--color-text-column-header-beosjg, #545b64);
+  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_ijhfi_145:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_13mz6_145:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ijhfi_145:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_13mz6_145:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-scaled-xxs-t7ij38, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ijhfi_145:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_13mz6_145:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -174,16 +174,16 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ijhfi_145:not(#\9):
   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-v8nq2m, #0073bb);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-7jb69s, #0073bb);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ijhfi_145.awsui_header-cell-fake-focus_1spae_ijhfi_179:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_13mz6_145.awsui_header-cell-fake-focus_1spae_13mz6_179:not(#\9) {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ijhfi_145.awsui_header-cell-fake-focus_1spae_ijhfi_179:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_13mz6_145.awsui_header-cell-fake-focus_1spae_13mz6_179:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-scaled-xxs-t7ij38, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ijhfi_145.awsui_header-cell-fake-focus_1spae_ijhfi_179:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_13mz6_145.awsui_header-cell-fake-focus_1spae_13mz6_179:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -195,104 +195,104 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ijhfi_145.awsui_hea
   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-v8nq2m, #0073bb);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-7jb69s, #0073bb);
 }
-.awsui_header-cell-sticky_1spae_ijhfi_200:not(#\9) {
-  border-block-end: var(--border-table-sticky-width-mb7esq, 0px) solid var(--color-border-divider-default-in8dkg, #eaeded);
+.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_ijhfi_203:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_ijhfi_203) {
+.awsui_header-cell-stuck_1spae_13mz6_203:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_13mz6_203) {
   border-block-end-color: transparent;
 }
-.awsui_header-cell-variant-full-page_1spae_ijhfi_203:not(#\9) {
-  background: var(--color-background-layout-main-td853a, #f2f3f3);
+.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_ijhfi_203.awsui_header-cell-hidden_1spae_ijhfi_209:not(#\9) {
+.awsui_header-cell-variant-full-page_1spae_13mz6_203.awsui_header-cell-hidden_1spae_13mz6_209:not(#\9) {
   border-block-end-color: transparent;
 }
-.awsui_header-cell_1spae_ijhfi_145:not(#\9):last-child, .awsui_header-cell_1spae_ijhfi_145.awsui_header-cell-sortable_1spae_ijhfi_212:not(#\9) {
+.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_ijhfi_145.awsui_sticky-cell_1spae_ijhfi_215:not(#\9) {
+.awsui_header-cell_1spae_13mz6_145.awsui_sticky-cell_1spae_13mz6_215:not(#\9) {
   position: sticky;
-  background: var(--color-background-table-header-ly5ewp, #fafafa);
+  background: var(--color-background-table-header-bknnau, #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);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_header-cell_1spae_ijhfi_145.awsui_sticky-cell_1spae_ijhfi_215:not(#\9) {
+  .awsui_header-cell_1spae_13mz6_145.awsui_sticky-cell_1spae_13mz6_215:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_header-cell_1spae_ijhfi_145.awsui_sticky-cell_1spae_ijhfi_215:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_ijhfi_145.awsui_sticky-cell_1spae_ijhfi_215:not(#\9) {
+.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) {
   animation: none;
   transition: none;
 }
-.awsui_header-cell_1spae_ijhfi_145.awsui_sticky-cell-pad-left_1spae_ijhfi_233:not(#\9):not(.awsui_has-selection_1spae_ijhfi_233) {
+.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_ijhfi_145.awsui_sticky-cell-last-inline-start_1spae_ijhfi_236:not(#\9) {
+.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));
   clip-path: inset(0px -24px 0px 0px);
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_header-cell_1spae_ijhfi_145.awsui_sticky-cell-last-inline-start_1spae_ijhfi_236 > .awsui_resize-divider_1spae_ijhfi_241:not(#\9) {
+.awsui_header-cell_1spae_13mz6_145.awsui_sticky-cell-last-inline-start_1spae_13mz6_236 > .awsui_resize-divider_1spae_13mz6_241:not(#\9) {
   display: none;
 }
-.awsui_header-cell_1spae_ijhfi_145.awsui_sticky-cell-last-inline-start_1spae_ijhfi_236:not(#\9):dir(rtl) {
+.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));
   clip-path: inset(0 0 0 -24px);
 }
-.awsui_header-cell_1spae_ijhfi_145.awsui_sticky-cell-last-inline-end_1spae_ijhfi_248:not(#\9) {
+.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));
   clip-path: inset(0 0 0 -24px);
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_header-cell_1spae_ijhfi_145.awsui_sticky-cell-last-inline-end_1spae_ijhfi_248:not(#\9):dir(rtl) {
+.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));
   clip-path: inset(0 -24px 0 0);
 }
-.awsui_sorting-icon_1spae_ijhfi_258:not(#\9) {
+.awsui_sorting-icon_1spae_13mz6_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-btnn2y, #687078);
+  color: var(--color-text-column-sorting-icon-6av9dt, #687078);
 }
-.awsui_edit-icon_1spae_ijhfi_266:not(#\9) {
+.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);
   color: inherit;
 }
-.awsui_header-cell-content_1spae_ijhfi_272:not(#\9) {
+.awsui_header-cell-content_1spae_13mz6_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);
 }
-.awsui_header-cell-content_1spae_ijhfi_272.awsui_header-cell-content-expandable_1spae_ijhfi_278:not(#\9) {
+.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-sortable_1spae_ijhfi_212 > .awsui_header-cell-content_1spae_ijhfi_272:not(#\9) {
+.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-content_1spae_ijhfi_272:not(#\9):focus {
+.awsui_header-cell-content_1spae_13mz6_272:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_ijhfi_272:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_13mz6_272:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_ijhfi_272:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_13mz6_272:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_ijhfi_272:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_13mz6_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_ijhfi_272:n
   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-v8nq2m, #0073bb);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-7jb69s, #0073bb);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_ijhfi_272.awsui_header-cell-fake-focus_1spae_ijhfi_179:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_13mz6_272.awsui_header-cell-fake-focus_1spae_13mz6_179:not(#\9) {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_ijhfi_272.awsui_header-cell-fake-focus_1spae_ijhfi_179:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_13mz6_272.awsui_header-cell-fake-focus_1spae_13mz6_179:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_ijhfi_272.awsui_header-cell-fake-focus_1spae_ijhfi_179:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_13mz6_272.awsui_header-cell-fake-focus_1spae_13mz6_179:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -325,34 +325,34 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_ijhfi_272.a
   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-v8nq2m, #0073bb);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-7jb69s, #0073bb);
 }
-.awsui_header-cell-disabled_1spae_ijhfi_330.awsui_header-cell-sorted_1spae_ijhfi_330 > .awsui_header-cell-content_1spae_ijhfi_272 > .awsui_sorting-icon_1spae_ijhfi_258:not(#\9) {
-  color: var(--color-text-interactive-disabled-e23z4j, #aab7b8);
+.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);
 }
-.awsui_header-cell-sortable_1spae_ijhfi_212:not(#\9):not(.awsui_header-cell-disabled_1spae_ijhfi_330) > .awsui_header-cell-content_1spae_ijhfi_272 {
+.awsui_header-cell-sortable_1spae_13mz6_212:not(#\9):not(.awsui_header-cell-disabled_1spae_13mz6_330) > .awsui_header-cell-content_1spae_13mz6_272 {
   cursor: pointer;
 }
-.awsui_header-cell-sortable_1spae_ijhfi_212:not(#\9):not(.awsui_header-cell-disabled_1spae_ijhfi_330) > .awsui_header-cell-content_1spae_ijhfi_272:hover, .awsui_header-cell-sortable_1spae_ijhfi_212:not(#\9):not(.awsui_header-cell-disabled_1spae_ijhfi_330).awsui_header-cell-sorted_1spae_ijhfi_330 > .awsui_header-cell-content_1spae_ijhfi_272 {
-  color: var(--color-text-interactive-active-jrhxoe, #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_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_ijhfi_212:not(#\9):not(.awsui_header-cell-disabled_1spae_ijhfi_330) > .awsui_header-cell-content_1spae_ijhfi_272:hover > .awsui_sorting-icon_1spae_ijhfi_258, .awsui_header-cell-sortable_1spae_ijhfi_212:not(#\9):not(.awsui_header-cell-disabled_1spae_ijhfi_330).awsui_header-cell-sorted_1spae_ijhfi_330 > .awsui_header-cell-content_1spae_ijhfi_272 > .awsui_sorting-icon_1spae_ijhfi_258 {
-  color: var(--color-text-interactive-active-jrhxoe, #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-text_1spae_ijhfi_344:not(#\9) {
+.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_ijhfi_344:not(#\9):not(.awsui_header-cell-text-wrap_1spae_ijhfi_348) {
+.awsui_header-cell-text_1spae_13mz6_344:not(#\9):not(.awsui_header-cell-text-wrap_1spae_13mz6_348) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.awsui_header-cell-ascending_1spae_ijhfi_354:not(#\9),
-.awsui_header-cell-descending_1spae_ijhfi_355:not(#\9) {
+.awsui_header-cell-ascending_1spae_13mz6_354:not(#\9),
+.awsui_header-cell-descending_1spae_13mz6_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_ijhfi_145:not(#\9):not(.awsui_is-visual-refresh_1spae_ijhfi_365):first-child {
+.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_ijhfi_145:not(#\9):not(.awsui_is-visual-refresh_1spae_ijhfi_365):first-child.awsui_header-cell-content-expandable_1spae_ijhfi_278 {
+.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_ijhfi_145.awsui_is-visual-refresh_1spae_ijhfi_365:not(#\9) {
+.awsui_header-cell_1spae_13mz6_145.awsui_is-visual-refresh_1spae_13mz6_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_ijhfi_145.awsui_is-visual-refresh_1spae_ijhfi_365:not(#\9):first-child:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_13mz6_145.awsui_is-visual-refresh_1spae_13mz6_365:not(#\9):first-child:focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ijhfi_145.awsui_is-visual-refresh_1spae_ijhfi_365:not(#\9):first-child:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_13mz6_145.awsui_is-visual-refresh_1spae_13mz6_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);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ijhfi_145.awsui_is-visual-refresh_1spae_ijhfi_365:not(#\9):first-child:focus::before {
+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 {
   content: " ";
   display: block;
   position: absolute;
@@ -395,16 +395,16 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ijhfi_145.awsui_is-
   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-v8nq2m, #0073bb);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-7jb69s, #0073bb);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ijhfi_145.awsui_is-visual-refresh_1spae_ijhfi_365:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_ijhfi_179 {
+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 {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ijhfi_145.awsui_is-visual-refresh_1spae_ijhfi_365:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_ijhfi_179 {
+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 {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-scaled-xxs-t7ij38, 4px) + var(--space-scaled-xxs-t7ij38, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ijhfi_145.awsui_is-visual-refresh_1spae_ijhfi_365:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_ijhfi_179::before {
+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 {
   content: " ";
   display: block;
   position: absolute;
@@ -416,22 +416,22 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ijhfi_145.awsui_is-
   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-v8nq2m, #0073bb);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-7jb69s, #0073bb);
 }
-.awsui_header-cell_1spae_ijhfi_145.awsui_is-visual-refresh_1spae_ijhfi_365:not(#\9):first-child > .awsui_header-cell-content_1spae_ijhfi_272 {
+.awsui_header-cell_1spae_13mz6_145.awsui_is-visual-refresh_1spae_13mz6_365:not(#\9):first-child > .awsui_header-cell-content_1spae_13mz6_272 {
   padding-inline-start: 0px;
 }
-.awsui_header-cell_1spae_ijhfi_145.awsui_is-visual-refresh_1spae_ijhfi_365:not(#\9):first-child > .awsui_header-cell-content_1spae_ijhfi_272.awsui_header-cell-content-expandable_1spae_ijhfi_278 {
+.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));
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ijhfi_145.awsui_is-visual-refresh_1spae_ijhfi_365:not(#\9):first-child > .awsui_header-cell-content_1spae_ijhfi_272:focus {
+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 {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ijhfi_145.awsui_is-visual-refresh_1spae_ijhfi_365:not(#\9):first-child > .awsui_header-cell-content_1spae_ijhfi_272:focus {
+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 {
   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);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ijhfi_145.awsui_is-visual-refresh_1spae_ijhfi_365:not(#\9):first-child > .awsui_header-cell-content_1spae_ijhfi_272:focus::before {
+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 {
   content: " ";
   display: block;
   position: absolute;
@@ -443,16 +443,16 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ijhfi_145.awsui_is-
   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-v8nq2m, #0073bb);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-7jb69s, #0073bb);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ijhfi_145.awsui_is-visual-refresh_1spae_ijhfi_365:not(#\9):first-child > .awsui_header-cell-content_1spae_ijhfi_272.awsui_header-cell-fake-focus_1spae_ijhfi_179 {
+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 {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ijhfi_145.awsui_is-visual-refresh_1spae_ijhfi_365:not(#\9):first-child > .awsui_header-cell-content_1spae_ijhfi_272.awsui_header-cell-fake-focus_1spae_ijhfi_179 {
+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 {
   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);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ijhfi_145.awsui_is-visual-refresh_1spae_ijhfi_365:not(#\9):first-child > .awsui_header-cell-content_1spae_ijhfi_272.awsui_header-cell-fake-focus_1spae_ijhfi_179::before {
+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 {
   content: " ";
   display: block;
   position: absolute;
@@ -464,26 +464,26 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_ijhfi_145.awsui_is-
   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-v8nq2m, #0073bb);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-7jb69s, #0073bb);
 }
-.awsui_header-cell_1spae_ijhfi_145.awsui_is-visual-refresh_1spae_ijhfi_365:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_ijhfi_469):not(.awsui_sticky-cell-pad-inline-start_1spae_ijhfi_469) {
+.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_ijhfi_145.awsui_is-visual-refresh_1spae_ijhfi_365:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_ijhfi_469):not(.awsui_sticky-cell-pad-inline-start_1spae_ijhfi_469).awsui_header-cell-content-expandable_1spae_ijhfi_278 {
+.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_ijhfi_145.awsui_is-visual-refresh_1spae_ijhfi_365:not(#\9):first-child.awsui_has-striped-rows_1spae_ijhfi_469:not(.awsui_sticky-cell-pad-inline-start_1spae_ijhfi_469) {
+.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_ijhfi_145.awsui_is-visual-refresh_1spae_ijhfi_365:not(#\9):first-child.awsui_has-striped-rows_1spae_ijhfi_469:not(.awsui_sticky-cell-pad-inline-start_1spae_ijhfi_469).awsui_header-cell-content-expandable_1spae_ijhfi_278 {
+.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_ijhfi_145.awsui_is-visual-refresh_1spae_ijhfi_365:not(#\9):last-child.awsui_header-cell-sortable_1spae_ijhfi_212 {
+.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_ijhfi_145.awsui_is-visual-refresh_1spae_ijhfi_365.awsui_sticky-cell-pad-inline-start_1spae_ijhfi_469:not(#\9) {
+.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_ijhfi_145.awsui_is-visual-refresh_1spae_ijhfi_365.awsui_sticky-cell-pad-inline-start_1spae_ijhfi_469.awsui_header-cell-content-expandable_1spae_ijhfi_278:not(#\9) {
+.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));
 }

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

@@ -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_ijhfi_145",
-  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_ijhfi_179",
-  "header-cell-sticky": "awsui_header-cell-sticky_1spae_ijhfi_200",
-  "header-cell-stuck": "awsui_header-cell-stuck_1spae_ijhfi_203",
-  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_ijhfi_203",
-  "header-cell-hidden": "awsui_header-cell-hidden_1spae_ijhfi_209",
-  "header-cell-sortable": "awsui_header-cell-sortable_1spae_ijhfi_212",
-  "sticky-cell": "awsui_sticky-cell_1spae_ijhfi_215",
-  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_ijhfi_233",
-  "has-selection": "awsui_has-selection_1spae_ijhfi_233",
-  "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_ijhfi_236",
-  "resize-divider": "awsui_resize-divider_1spae_ijhfi_241",
-  "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_ijhfi_248",
-  "sorting-icon": "awsui_sorting-icon_1spae_ijhfi_258",
-  "edit-icon": "awsui_edit-icon_1spae_ijhfi_266",
-  "header-cell-content": "awsui_header-cell-content_1spae_ijhfi_272",
-  "header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_ijhfi_278",
-  "header-cell-disabled": "awsui_header-cell-disabled_1spae_ijhfi_330",
-  "header-cell-sorted": "awsui_header-cell-sorted_1spae_ijhfi_330",
-  "header-cell-text": "awsui_header-cell-text_1spae_ijhfi_344",
-  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_ijhfi_348",
-  "header-cell-ascending": "awsui_header-cell-ascending_1spae_ijhfi_354",
-  "header-cell-descending": "awsui_header-cell-descending_1spae_ijhfi_355",
-  "is-visual-refresh": "awsui_is-visual-refresh_1spae_ijhfi_365",
-  "has-striped-rows": "awsui_has-striped-rows_1spae_ijhfi_469",
-  "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_ijhfi_469"
+  "header-cell": "awsui_header-cell_1spae_13mz6_145",
+  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_13mz6_179",
+  "header-cell-sticky": "awsui_header-cell-sticky_1spae_13mz6_200",
+  "header-cell-stuck": "awsui_header-cell-stuck_1spae_13mz6_203",
+  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_13mz6_203",
+  "header-cell-hidden": "awsui_header-cell-hidden_1spae_13mz6_209",
+  "header-cell-sortable": "awsui_header-cell-sortable_1spae_13mz6_212",
+  "sticky-cell": "awsui_sticky-cell_1spae_13mz6_215",
+  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_13mz6_233",
+  "has-selection": "awsui_has-selection_1spae_13mz6_233",
+  "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_13mz6_236",
+  "resize-divider": "awsui_resize-divider_1spae_13mz6_241",
+  "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_13mz6_248",
+  "sorting-icon": "awsui_sorting-icon_1spae_13mz6_258",
+  "edit-icon": "awsui_edit-icon_1spae_13mz6_266",
+  "header-cell-content": "awsui_header-cell-content_1spae_13mz6_272",
+  "header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_13mz6_278",
+  "header-cell-disabled": "awsui_header-cell-disabled_1spae_13mz6_330",
+  "header-cell-sorted": "awsui_header-cell-sorted_1spae_13mz6_330",
+  "header-cell-text": "awsui_header-cell-text_1spae_13mz6_344",
+  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_13mz6_348",
+  "header-cell-ascending": "awsui_header-cell-ascending_1spae_13mz6_354",
+  "header-cell-descending": "awsui_header-cell-descending_1spae_13mz6_355",
+  "is-visual-refresh": "awsui_is-visual-refresh_1spae_13mz6_365",
+  "has-striped-rows": "awsui_has-striped-rows_1spae_13mz6_469",
+  "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_13mz6_469"
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/table/resizer/index.tsx"],"names":[],"mappings":";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"}
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,eAmNd;AAED,wBAAgB,aAAa,gBAE5B"}

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

@@ -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/lib/internal/template/table/resizer/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"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 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"]}
1	+ {"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/lib/internal/template/table/resizer/styles.css.js CHANGED Viewed

@@ -1,13 +1,13 @@
     import './styles.scoped.css';
     export default {
-  "resize-active": "awsui_resize-active_x7peu_15835_141",
-  "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_15835_141",
-  "divider": "awsui_divider_x7peu_15835_146",
-  "divider-disabled": "awsui_divider-disabled_x7peu_15835_160",
-  "divider-active": "awsui_divider-active_x7peu_15835_163",
-  "resizer": "awsui_resizer_x7peu_15835_167",
-  "has-focus": "awsui_has-focus_x7peu_15835_224",
-  "tracker": "awsui_tracker_x7peu_15835_247"
+  "resize-active": "awsui_resize-active_x7peu_kr68v_141",
+  "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_kr68v_141",
+  "divider": "awsui_divider_x7peu_kr68v_146",
+  "divider-disabled": "awsui_divider-disabled_x7peu_kr68v_160",
+  "divider-active": "awsui_divider-active_x7peu_kr68v_163",
+  "resizer": "awsui_resizer_x7peu_kr68v_167",
+  "has-focus": "awsui_has-focus_x7peu_kr68v_224",
+  "tracker": "awsui_tracker_x7peu_kr68v_247"
 };