npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.373 → 3.0.375 - Mend

@cloudscape-design/components-themeable 3.0.373 → 3.0.375

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

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

@@ -90,166 +90,166 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_header-cell_1spae_1o50b_93:not(#\9) {
+.awsui_header-cell_1spae_79abw_93:not(#\9) {
   position: relative;
   text-align: left;
   box-sizing: border-box;
-  border-bottom: var(--border-divider-section-width-uu4597, 1px) solid var(--color-border-divider-default-z9h069, #eaeded);
-  background: var(--color-background-table-header-3l340r, #fafafa);
-  color: var(--color-text-column-header-x5w97h, #545b64);
-  font-weight: var(--font-heading-s-weight-l6eqf0, 700);
-  -webkit-font-smoothing: var(--font-smoothing-webkit-r8w2d6, auto);
-  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ypl7oc, auto);
-  padding: var(--space-scaled-xxs-sh0ehj, 4px) var(--space-scaled-xs-1lhnod, 8px);
-}
-.awsui_header-cell-sticky_1spae_1o50b_105:not(#\9) {
-  border-bottom: var(--border-table-sticky-width-9ytit0, 0px) solid var(--color-border-divider-default-z9h069, #eaeded);
-}
-.awsui_header-cell-stuck_1spae_1o50b_108:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_1o50b_108) {
+  border-bottom: var(--border-divider-section-width-4ozgf3, 1px) solid var(--color-border-divider-default-cr3oi6, #eaeded);
+  background: var(--color-background-table-header-ly5ewp, #fafafa);
+  color: var(--color-text-column-header-beosjg, #545b64);
+  font-weight: var(--font-heading-s-weight-3gue4q, 700);
+  -webkit-font-smoothing: var(--font-smoothing-webkit-8fiijr, auto);
+  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-fw8n0n, auto);
+  padding: var(--space-scaled-xxs-t7ij38, 4px) var(--space-scaled-xs-x91h81, 8px);
+}
+.awsui_header-cell-sticky_1spae_79abw_105:not(#\9) {
+  border-bottom: var(--border-table-sticky-width-igarh5, 0px) solid var(--color-border-divider-default-cr3oi6, #eaeded);
+}
+.awsui_header-cell-stuck_1spae_79abw_108:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_79abw_108) {
   border-bottom-color: transparent;
 }
-.awsui_header-cell-variant-full-page_1spae_1o50b_108.awsui_header-cell-hidden_1spae_1o50b_111:not(#\9) {
+.awsui_header-cell-variant-full-page_1spae_79abw_108.awsui_header-cell-hidden_1spae_79abw_111:not(#\9) {
   border-bottom-color: transparent;
 }
-.awsui_header-cell_1spae_1o50b_93:not(#\9):last-child, .awsui_header-cell_1spae_1o50b_93.awsui_header-cell-sortable_1spae_1o50b_114:not(#\9) {
-  padding-right: var(--space-xs-e7dyai, 8px);
+.awsui_header-cell_1spae_79abw_93:not(#\9):last-child, .awsui_header-cell_1spae_79abw_93.awsui_header-cell-sortable_1spae_79abw_114:not(#\9) {
+  padding-right: var(--space-xs-xf5ch3, 8px);
 }
-.awsui_header-cell_1spae_1o50b_93.awsui_sticky-cell_1spae_1o50b_117:not(#\9) {
+.awsui_header-cell_1spae_79abw_93.awsui_sticky-cell_1spae_79abw_117:not(#\9) {
   position: sticky;
-  background: var(--color-background-table-header-3l340r, #fafafa);
+  background: var(--color-background-table-header-ly5ewp, #fafafa);
   z-index: 798;
   transition-property: padding;
-  transition-duration: var(--motion-duration-transition-show-quick-x3utju, 90ms);
-  transition-timing-function: var(--motion-easing-sticky-defzv1, ease-out);
+  transition-duration: var(--motion-duration-transition-show-quick-dzfata, 90ms);
+  transition-timing-function: var(--motion-easing-sticky-xk36yb, ease-out);
 }
-.awsui_header-cell_1spae_1o50b_93.awsui_sticky-cell-pad-left_1spae_1o50b_125:not(#\9):not(.awsui_has-selection_1spae_1o50b_125) {
-  padding-left: var(--space-table-horizontal-tw1lw8, 0px);
+.awsui_header-cell_1spae_79abw_93.awsui_sticky-cell-pad-left_1spae_79abw_125:not(#\9):not(.awsui_has-selection_1spae_79abw_125) {
+  padding-left: var(--space-table-horizontal-ciak0s, 0px);
 }
-.awsui_header-cell_1spae_1o50b_93.awsui_sticky-cell-last-left_1spae_1o50b_128:not(#\9) {
-  box-shadow: var(--shadow-sticky-column-first-qe17jl, 4px 0 8px 0 rgba(0, 28, 36, 0.1));
+.awsui_header-cell_1spae_79abw_93.awsui_sticky-cell-last-left_1spae_79abw_128:not(#\9) {
+  box-shadow: var(--shadow-sticky-column-first-etpf5o, 4px 0 8px 0 rgba(0, 28, 36, 0.1));
   clip-path: inset(0px -24px 0px 0px);
 }
-.awsui_header-cell_1spae_1o50b_93.awsui_sticky-cell-last-left_1spae_1o50b_128:not(#\9):not(.awsui_header-cell-resizable_1spae_1o50b_132):before {
+.awsui_header-cell_1spae_79abw_93.awsui_sticky-cell-last-left_1spae_79abw_128:not(#\9):not(.awsui_header-cell-resizable_1spae_79abw_132):before {
   display: none;
 }
-.awsui_header-cell_1spae_1o50b_93.awsui_sticky-cell-last-right_1spae_1o50b_135:not(#\9) {
-  box-shadow: var(--shadow-sticky-column-last-huqj6b, -4px 0 8px 0 rgba(0, 28, 36, 0.1));
+.awsui_header-cell_1spae_79abw_93.awsui_sticky-cell-last-right_1spae_79abw_135:not(#\9) {
+  box-shadow: var(--shadow-sticky-column-last-8uhca1, -4px 0 8px 0 rgba(0, 28, 36, 0.1));
   clip-path: inset(0 0 0 -24px);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_header-cell_1spae_1o50b_93.awsui_sticky-cell_1spae_1o50b_117:not(#\9) {
+  .awsui_header-cell_1spae_79abw_93.awsui_sticky-cell_1spae_79abw_117:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_header-cell_1spae_1o50b_93.awsui_sticky-cell_1spae_1o50b_117:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_1o50b_93.awsui_sticky-cell_1spae_1o50b_117:not(#\9) {
+.awsui-motion-disabled .awsui_header-cell_1spae_79abw_93.awsui_sticky-cell_1spae_79abw_117:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_79abw_93.awsui_sticky-cell_1spae_79abw_117:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_header-cell_1spae_1o50b_93:not(#\9):not(:last-child):before {
+.awsui_header-cell_1spae_79abw_93:not(#\9):not(:last-child):before {
   content: "";
   position: absolute;
   right: 0;
   bottom: 0;
   top: 0;
-  min-height: var(--font-heading-xs-line-height-eo46pq, 20px);
-  max-height: calc(100% - calc(2 * var(--space-xs-e7dyai, 8px) + var(--space-xxxs-x2jyz4, 2px)));
+  min-height: var(--font-heading-xs-line-height-5gb2ts, 20px);
+  max-height: calc(100% - calc(2 * var(--space-xs-xf5ch3, 8px) + var(--space-xxxs-z28114, 2px)));
   margin: auto;
-  border-left: var(--border-divider-section-width-uu4597, 1px) solid var(--color-border-divider-default-z9h069, #eaeded);
+  border-left: var(--border-divider-section-width-4ozgf3, 1px) solid var(--color-border-divider-default-cr3oi6, #eaeded);
   box-sizing: border-box;
 }
-.awsui_header-cell-resizable_1spae_1o50b_132:not(#\9):not(:last-child):before {
-  border-left-color: var(--color-border-divider-interactive-default-9qi4fv, #687078);
+.awsui_header-cell-resizable_1spae_79abw_132:not(#\9):not(:last-child):before {
+  border-left-color: var(--color-border-divider-interactive-default-2k7xs4, #687078);
 }
-.awsui_sorting-icon_1spae_1o50b_165:not(#\9) {
+.awsui_sorting-icon_1spae_79abw_165:not(#\9) {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
-  right: var(--space-xxs-1wmjb0, 4px);
-  color: var(--color-text-column-sorting-icon-dv78ef, #687078);
+  right: var(--space-xxs-9rrxti, 4px);
+  color: var(--color-text-column-sorting-icon-btnn2y, #687078);
 }
-.awsui_edit-icon_1spae_1o50b_173:not(#\9) {
-  margin-left: var(--space-xxs-1wmjb0, 4px);
-  margin-top: var(--space-scaled-xxs-sh0ehj, 4px);
+.awsui_edit-icon_1spae_79abw_173:not(#\9) {
+  margin-left: var(--space-xxs-9rrxti, 4px);
+  margin-top: var(--space-scaled-xxs-t7ij38, 4px);
   color: inherit;
 }
-.awsui_header-cell-content_1spae_1o50b_179:not(#\9) {
+.awsui_header-cell-content_1spae_79abw_179:not(#\9) {
   position: relative;
-  padding: var(--space-scaled-xxs-sh0ehj, 4px) var(--space-s-agghyv, 12px);
+  padding: var(--space-scaled-xxs-t7ij38, 4px) var(--space-s-2025hl, 12px);
 }
-.awsui_header-cell-sortable_1spae_1o50b_114 > .awsui_header-cell-content_1spae_1o50b_179:not(#\9) {
-  padding-right: calc(var(--space-xl-v605rp, 24px) + var(--space-xxs-1wmjb0, 4px));
+.awsui_header-cell-sortable_1spae_79abw_114 > .awsui_header-cell-content_1spae_79abw_179:not(#\9) {
+  padding-right: calc(var(--space-xl-5fdwzu, 24px) + var(--space-xxs-9rrxti, 4px));
 }
-.awsui_header-cell-content_1spae_1o50b_179:not(#\9):focus {
+.awsui_header-cell-content_1spae_79abw_179:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1o50b_179:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_79abw_179:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1o50b_179:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_79abw_179:not(#\9):focus {
   outline: 2px dotted transparent;
-  outline-offset: calc(var(--space-table-header-focus-outline-gutter-2kbo2j, 0px) - 1px);
+  outline-offset: calc(var(--space-table-header-focus-outline-gutter-czfdw1, 0px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1o50b_179:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_79abw_179:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
-  left: calc(-1 * var(--space-table-header-focus-outline-gutter-2kbo2j, 0px));
-  top: calc(-1 * var(--space-table-header-focus-outline-gutter-2kbo2j, 0px));
-  width: calc(100% + 2 * var(--space-table-header-focus-outline-gutter-2kbo2j, 0px));
-  height: calc(100% + 2 * var(--space-table-header-focus-outline-gutter-2kbo2j, 0px));
-  border-radius: var(--border-radius-control-default-focus-ring-awoa2s, 2px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-gjqsnp, #0073bb);
-}
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1o50b_179.awsui_header-cell-fake-focus_1spae_1o50b_208:not(#\9) {
+  left: calc(-1 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px));
+  top: calc(-1 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px));
+  width: calc(100% + 2 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px));
+  height: calc(100% + 2 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px));
+  border-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
+}
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_79abw_179.awsui_header-cell-fake-focus_1spae_79abw_208:not(#\9) {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1o50b_179.awsui_header-cell-fake-focus_1spae_1o50b_208:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_79abw_179.awsui_header-cell-fake-focus_1spae_79abw_208:not(#\9) {
   outline: 2px dotted transparent;
-  outline-offset: calc(var(--space-table-header-focus-outline-gutter-2kbo2j, 0px) - 1px);
+  outline-offset: calc(var(--space-table-header-focus-outline-gutter-czfdw1, 0px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1o50b_179.awsui_header-cell-fake-focus_1spae_1o50b_208:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_79abw_179.awsui_header-cell-fake-focus_1spae_79abw_208:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
-  left: calc(-1 * var(--space-table-header-focus-outline-gutter-2kbo2j, 0px));
-  top: calc(-1 * var(--space-table-header-focus-outline-gutter-2kbo2j, 0px));
-  width: calc(100% + 2 * var(--space-table-header-focus-outline-gutter-2kbo2j, 0px));
-  height: calc(100% + 2 * var(--space-table-header-focus-outline-gutter-2kbo2j, 0px));
-  border-radius: var(--border-radius-control-default-focus-ring-awoa2s, 2px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-gjqsnp, #0073bb);
+  left: calc(-1 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px));
+  top: calc(-1 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px));
+  width: calc(100% + 2 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px));
+  height: calc(100% + 2 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px));
+  border-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_header-cell-disabled_1spae_1o50b_226.awsui_header-cell-sorted_1spae_1o50b_226 > .awsui_header-cell-content_1spae_1o50b_179 > .awsui_sorting-icon_1spae_1o50b_165:not(#\9) {
-  color: var(--color-text-interactive-disabled-as5h1g, #aab7b8);
+.awsui_header-cell-disabled_1spae_79abw_226.awsui_header-cell-sorted_1spae_79abw_226 > .awsui_header-cell-content_1spae_79abw_179 > .awsui_sorting-icon_1spae_79abw_165:not(#\9) {
+  color: var(--color-text-interactive-disabled-e23z4j, #aab7b8);
 }
-.awsui_header-cell-sortable_1spae_1o50b_114:not(#\9):not(.awsui_header-cell-disabled_1spae_1o50b_226) > .awsui_header-cell-content_1spae_1o50b_179 {
+.awsui_header-cell-sortable_1spae_79abw_114:not(#\9):not(.awsui_header-cell-disabled_1spae_79abw_226) > .awsui_header-cell-content_1spae_79abw_179 {
   cursor: pointer;
 }
-.awsui_header-cell-sortable_1spae_1o50b_114:not(#\9):not(.awsui_header-cell-disabled_1spae_1o50b_226) > .awsui_header-cell-content_1spae_1o50b_179:hover, .awsui_header-cell-sortable_1spae_1o50b_114:not(#\9):not(.awsui_header-cell-disabled_1spae_1o50b_226).awsui_header-cell-sorted_1spae_1o50b_226 > .awsui_header-cell-content_1spae_1o50b_179 {
-  color: var(--color-text-interactive-active-zv2spm, #16191f);
+.awsui_header-cell-sortable_1spae_79abw_114:not(#\9):not(.awsui_header-cell-disabled_1spae_79abw_226) > .awsui_header-cell-content_1spae_79abw_179:hover, .awsui_header-cell-sortable_1spae_79abw_114:not(#\9):not(.awsui_header-cell-disabled_1spae_79abw_226).awsui_header-cell-sorted_1spae_79abw_226 > .awsui_header-cell-content_1spae_79abw_179 {
+  color: var(--color-text-interactive-active-jrhxoe, #16191f);
 }
-.awsui_header-cell-sortable_1spae_1o50b_114:not(#\9):not(.awsui_header-cell-disabled_1spae_1o50b_226) > .awsui_header-cell-content_1spae_1o50b_179:hover > .awsui_sorting-icon_1spae_1o50b_165, .awsui_header-cell-sortable_1spae_1o50b_114:not(#\9):not(.awsui_header-cell-disabled_1spae_1o50b_226).awsui_header-cell-sorted_1spae_1o50b_226 > .awsui_header-cell-content_1spae_1o50b_179 > .awsui_sorting-icon_1spae_1o50b_165 {
-  color: var(--color-text-interactive-active-zv2spm, #16191f);
+.awsui_header-cell-sortable_1spae_79abw_114:not(#\9):not(.awsui_header-cell-disabled_1spae_79abw_226) > .awsui_header-cell-content_1spae_79abw_179:hover > .awsui_sorting-icon_1spae_79abw_165, .awsui_header-cell-sortable_1spae_79abw_114:not(#\9):not(.awsui_header-cell-disabled_1spae_79abw_226).awsui_header-cell-sorted_1spae_79abw_226 > .awsui_header-cell-content_1spae_79abw_179 > .awsui_sorting-icon_1spae_79abw_165 {
+  color: var(--color-text-interactive-active-jrhxoe, #16191f);
 }
-.awsui_header-cell-text_1spae_1o50b_240:not(#\9) {
-  line-height: var(--font-heading-xs-line-height-eo46pq, 20px);
-  padding-top: calc(var(--space-xxxs-x2jyz4, 2px) / 2);
-  padding-bottom: calc(var(--space-xxxs-x2jyz4, 2px) / 2);
+.awsui_header-cell-text_1spae_79abw_240:not(#\9) {
+  line-height: var(--font-heading-xs-line-height-5gb2ts, 20px);
+  padding-top: calc(var(--space-xxxs-z28114, 2px) / 2);
+  padding-bottom: calc(var(--space-xxxs-z28114, 2px) / 2);
 }
-.awsui_header-cell-text_1spae_1o50b_240:not(#\9):not(.awsui_header-cell-text-wrap_1spae_1o50b_245) {
+.awsui_header-cell-text_1spae_79abw_240:not(#\9):not(.awsui_header-cell-text-wrap_1spae_79abw_245) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.awsui_header-cell-ascending_1spae_1o50b_251:not(#\9),
-.awsui_header-cell-descending_1spae_1o50b_252:not(#\9) {
+.awsui_header-cell-ascending_1spae_79abw_251:not(#\9),
+.awsui_header-cell-descending_1spae_79abw_252:not(#\9) {
   /* used in test-utils */
 }
@@ -259,29 +259,29 @@ 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_1o50b_93:not(#\9):not(.awsui_is-visual-refresh_1spae_1o50b_262):first-child {
-  padding-left: var(--space-xs-e7dyai, 8px);
+.awsui_header-cell_1spae_79abw_93:not(#\9):not(.awsui_is-visual-refresh_1spae_79abw_262):first-child {
+  padding-left: var(--space-xs-xf5ch3, 8px);
 }
-.awsui_header-cell_1spae_1o50b_93.awsui_is-visual-refresh_1spae_1o50b_262:not(#\9) {
+.awsui_header-cell_1spae_79abw_93.awsui_is-visual-refresh_1spae_79abw_262:not(#\9) {
   /*
   Striped rows requires additional left padding because the
   shaded background makes the child content appear too close
   to the table edge.
   */
 }
-.awsui_header-cell_1spae_1o50b_93.awsui_is-visual-refresh_1spae_1o50b_262:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_1o50b_273) {
-  padding-left: var(--space-xxxs-x2jyz4, 2px);
+.awsui_header-cell_1spae_79abw_93.awsui_is-visual-refresh_1spae_79abw_262:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_79abw_273) {
+  padding-left: var(--space-xxxs-z28114, 2px);
 }
-.awsui_header-cell_1spae_1o50b_93.awsui_is-visual-refresh_1spae_1o50b_262:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_1o50b_273).awsui_sticky-cell-pad-left_1spae_1o50b_125 {
-  padding-left: var(--space-table-horizontal-tw1lw8, 0px);
+.awsui_header-cell_1spae_79abw_93.awsui_is-visual-refresh_1spae_79abw_262:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_79abw_273).awsui_sticky-cell-pad-left_1spae_79abw_125 {
+  padding-left: var(--space-table-horizontal-ciak0s, 0px);
 }
-.awsui_header-cell_1spae_1o50b_93.awsui_is-visual-refresh_1spae_1o50b_262:not(#\9):first-child.awsui_has-striped-rows_1spae_1o50b_273 {
-  padding-left: var(--space-xxs-1wmjb0, 4px);
+.awsui_header-cell_1spae_79abw_93.awsui_is-visual-refresh_1spae_79abw_262:not(#\9):first-child.awsui_has-striped-rows_1spae_79abw_273 {
+  padding-left: var(--space-xxs-9rrxti, 4px);
 }
-.awsui_header-cell_1spae_1o50b_93.awsui_is-visual-refresh_1spae_1o50b_262:not(#\9):first-child > .awsui_header-cell-content_1spae_1o50b_179 {
+.awsui_header-cell_1spae_79abw_93.awsui_is-visual-refresh_1spae_79abw_262:not(#\9):first-child > .awsui_header-cell-content_1spae_79abw_179 {
   padding-left: 0;
 }
-.awsui_header-cell_1spae_1o50b_93.awsui_is-visual-refresh_1spae_1o50b_262:not(#\9):last-child.awsui_header-cell-sortable_1spae_1o50b_114 {
-  padding-right: var(--space-xxxs-x2jyz4, 2px);
+.awsui_header-cell_1spae_79abw_93.awsui_is-visual-refresh_1spae_79abw_262:not(#\9):last-child.awsui_header-cell-sortable_1spae_79abw_114 {
+  padding-right: var(--space-xxxs-z28114, 2px);
 }

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

@@ -2,29 +2,29 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "header-cell": "awsui_header-cell_1spae_1o50b_93",
-  "header-cell-sticky": "awsui_header-cell-sticky_1spae_1o50b_105",
-  "header-cell-stuck": "awsui_header-cell-stuck_1spae_1o50b_108",
-  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_1o50b_108",
-  "header-cell-hidden": "awsui_header-cell-hidden_1spae_1o50b_111",
-  "header-cell-sortable": "awsui_header-cell-sortable_1spae_1o50b_114",
-  "sticky-cell": "awsui_sticky-cell_1spae_1o50b_117",
-  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_1o50b_125",
-  "has-selection": "awsui_has-selection_1spae_1o50b_125",
-  "sticky-cell-last-left": "awsui_sticky-cell-last-left_1spae_1o50b_128",
-  "header-cell-resizable": "awsui_header-cell-resizable_1spae_1o50b_132",
-  "sticky-cell-last-right": "awsui_sticky-cell-last-right_1spae_1o50b_135",
-  "sorting-icon": "awsui_sorting-icon_1spae_1o50b_165",
-  "edit-icon": "awsui_edit-icon_1spae_1o50b_173",
-  "header-cell-content": "awsui_header-cell-content_1spae_1o50b_179",
-  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_1o50b_208",
-  "header-cell-disabled": "awsui_header-cell-disabled_1spae_1o50b_226",
-  "header-cell-sorted": "awsui_header-cell-sorted_1spae_1o50b_226",
-  "header-cell-text": "awsui_header-cell-text_1spae_1o50b_240",
-  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_1o50b_245",
-  "header-cell-ascending": "awsui_header-cell-ascending_1spae_1o50b_251",
-  "header-cell-descending": "awsui_header-cell-descending_1spae_1o50b_252",
-  "is-visual-refresh": "awsui_is-visual-refresh_1spae_1o50b_262",
-  "has-striped-rows": "awsui_has-striped-rows_1spae_1o50b_273"
+  "header-cell": "awsui_header-cell_1spae_79abw_93",
+  "header-cell-sticky": "awsui_header-cell-sticky_1spae_79abw_105",
+  "header-cell-stuck": "awsui_header-cell-stuck_1spae_79abw_108",
+  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_79abw_108",
+  "header-cell-hidden": "awsui_header-cell-hidden_1spae_79abw_111",
+  "header-cell-sortable": "awsui_header-cell-sortable_1spae_79abw_114",
+  "sticky-cell": "awsui_sticky-cell_1spae_79abw_117",
+  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_79abw_125",
+  "has-selection": "awsui_has-selection_1spae_79abw_125",
+  "sticky-cell-last-left": "awsui_sticky-cell-last-left_1spae_79abw_128",
+  "header-cell-resizable": "awsui_header-cell-resizable_1spae_79abw_132",
+  "sticky-cell-last-right": "awsui_sticky-cell-last-right_1spae_79abw_135",
+  "sorting-icon": "awsui_sorting-icon_1spae_79abw_165",
+  "edit-icon": "awsui_edit-icon_1spae_79abw_173",
+  "header-cell-content": "awsui_header-cell-content_1spae_79abw_179",
+  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_79abw_208",
+  "header-cell-disabled": "awsui_header-cell-disabled_1spae_79abw_226",
+  "header-cell-sorted": "awsui_header-cell-sorted_1spae_79abw_226",
+  "header-cell-text": "awsui_header-cell-text_1spae_79abw_240",
+  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_79abw_245",
+  "header-cell-ascending": "awsui_header-cell-ascending_1spae_79abw_251",
+  "header-cell-descending": "awsui_header-cell-descending_1spae_79abw_252",
+  "is-visual-refresh": "awsui_is-visual-refresh_1spae_79abw_262",
+  "has-striped-rows": "awsui_has-striped-rows_1spae_79abw_273"
 };

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

@@ -2,13 +2,13 @@
 // SPDX-License-Identifier: Apache-2.0
 import clsx from 'clsx';
 import React, { useEffect, useRef, useState } from 'react';
-import { useStableEventHandler } from '../../internal/hooks/use-stable-event-handler';
 import { getOverflowParents } from '../../internal/utils/scrollable-containers';
 import { findUpUntil } from '../../internal/utils/dom';
 import tableStyles from '../styles.css.js';
 import styles from './styles.css.js';
 import { KeyCode } from '../../internal/keycode';
 import { DEFAULT_COLUMN_WIDTH } from '../use-column-widths';
+import { useStableCallback } from '@cloudscape-design/component-toolkit/internal';
 const AUTO_GROW_START_TIME = 10;
 const AUTO_GROW_INTERVAL = 10;
 const AUTO_GROW_INCREMENT = 5;
@@ -16,8 +16,8 @@ export function Resizer({ onDragMove, onFinish, ariaLabelledby, minWidth = DEFAU
     const [isDragging, setIsDragging] = useState(false);
     const [headerCell, setHeaderCell] = useState();
     const autoGrowTimeout = useRef();
-    const onFinishStable = useStableEventHandler(onFinish);
-    const onDragStable = useStableEventHandler(onDragMove);
+    const onFinishStable = useStableCallback(onFinish);
+    const onDragStable = useStableCallback(onDragMove);
     const [resizerHasFocus, setResizerHasFocus] = useState(false);
     const [headerCellWidth, setHeaderCellWidth] = useState(0);
     useEffect(() => {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["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 clsx from 'clsx';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { useStableEventHandler } from '../../internal/hooks/use-stable-event-handler';\nimport { getOverflowParents } from '../../internal/utils/scrollable-containers';\nimport { findUpUntil } from '../../internal/utils/dom';\nimport tableStyles from '../styles.css.js';\nimport styles from './styles.css.js';\nimport { KeyCode } from '../../internal/keycode';\nimport { DEFAULT_COLUMN_WIDTH } from '../use-column-widths';\n\ninterface ResizerProps {\n onDragMove: (newWidth: number) => void;\n onFinish: () => void;\n ariaLabelledby?: string;\n minWidth?: number;\n tabIndex?: number;\n\n showFocusRing?: boolean;\n onFocus?: () => void;\n onBlur?: () => void;\n}\n\nconst AUTO_GROW_START_TIME = 10;\nconst AUTO_GROW_INTERVAL = 10;\nconst AUTO_GROW_INCREMENT = 5;\n\nexport function Resizer({\n onDragMove,\n onFinish,\n ariaLabelledby,\n minWidth = DEFAULT_COLUMN_WIDTH,\n tabIndex,\n showFocusRing,\n onFocus,\n onBlur,\n}: ResizerProps) {\n const [isDragging, setIsDragging] = useState(false);\n const [headerCell, setHeaderCell] = useState<HTMLElement>();\n const autoGrowTimeout = useRef<ReturnType<typeof setTimeout> \| undefined>();\n const onFinishStable = useStableEventHandler(onFinish);\n const onDragStable = useStableEventHandler(onDragMove);\n const [resizerHasFocus, setResizerHasFocus] = useState(false);\n const [headerCellWidth, setHeaderCellWidth] = useState(0);\n\n useEffect(() => {\n if ((!isDragging && !resizerHasFocus) \|\| !headerCell) {\n return;\n }\n const rootElement = findUpUntil(headerCell, element => element.className.indexOf(tableStyles.root) > -1)!;\n const tableElement = rootElement.querySelector<HTMLElement>(`table`)!;\n // tracker is rendered inside table wrapper to align with its size\n const tracker = rootElement.querySelector<HTMLElement>(`.${styles.tracker}`)!;\n const scrollParent = getOverflowParents(headerCell)[0];\n const { left: leftEdge, right: rightEdge } = scrollParent.getBoundingClientRect();\n\n const updateTrackerPosition = (newOffset: number) => {\n const { left: scrollParentLeft } = tableElement.getBoundingClientRect();\n tracker.style.top = headerCell.getBoundingClientRect().height + 'px';\n // minus one pixel to offset the cell border\n tracker.style.left = newOffset - scrollParentLeft - 1 + 'px';\n };\n\n const updateColumnWidth = (newWidth: number) => {\n const { right, width } = headerCell.getBoundingClientRect();\n const updatedWidth = newWidth < minWidth ? minWidth : newWidth;\n updateTrackerPosition(right + updatedWidth - width);\n setHeaderCellWidth(newWidth);\n // callbacks must be the last calls in the handler, because they may cause an extra update\n onDragStable(newWidth);\n };\n\n const resizeColumn = (offset: number) => {\n if (offset > leftEdge) {\n const cellLeft = headerCell.getBoundingClientRect().left;\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 width = headerCell.getBoundingClientRect().width;\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(width + AUTO_GROW_INCREMENT);\n scrollParent.scrollLeft += AUTO_GROW_INCREMENT;\n };\n const onMouseMove = (event: MouseEvent) => {\n clearTimeout(autoGrowTimeout.current);\n const offset = event.pageX;\n if (offset > rightEdge) {\n autoGrowTimeout.current = setTimeout(onAutoGrow, AUTO_GROW_START_TIME);\n } else {\n resizeColumn(offset);\n }\n };\n const onMouseUp = (event: MouseEvent) => {\n resizeColumn(event.pageX);\n setIsDragging(false);\n onFinishStable();\n clearTimeout(autoGrowTimeout.current);\n };\n const onKeyDown = (event: KeyboardEvent) => {\n // prevent screenreader cursor move\n if (event.keyCode === KeyCode.left \|\| event.keyCode === KeyCode.right) {\n event.preventDefault();\n }\n // update width\n if (event.keyCode === KeyCode.left) {\n updateColumnWidth(headerCell.getBoundingClientRect().width - 10);\n }\n if (event.keyCode === KeyCode.right) {\n updateColumnWidth(headerCell.getBoundingClientRect().width + 10);\n }\n };\n\n updateTrackerPosition(headerCell.getBoundingClientRect().right);\n document.body.classList.add(styles['resize-active']);\n document.body.classList.remove(styles['resize-active-with-focus']);\n if (isDragging) {\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 headerCell.addEventListener('keydown', onKeyDown);\n }\n\n return () => {\n clearTimeout(autoGrowTimeout.current);\n document.body.classList.remove(styles['resize-active']);\n document.removeEventListener('mousemove', onMouseMove);\n document.removeEventListener('mouseup', onMouseUp);\n headerCell.removeEventListener('keydown', onKeyDown);\n };\n }, [headerCell, isDragging, onDragStable, onFinishStable, resizerHasFocus, minWidth]);\n return (\n <span\n className={clsx(\n styles.resizer,\n isDragging && styles['resizer-active'],\n (resizerHasFocus \|\| showFocusRing) && styles['has-focus']\n )}\n onMouseDown={event => {\n if (event.button !== 0) {\n return;\n }\n event.preventDefault();\n const headerCell = findUpUntil(event.currentTarget, element => element.tagName.toLowerCase() === 'th')!;\n setIsDragging(true);\n setHeaderCell(headerCell);\n }}\n onFocus={event => {\n const headerCell = findUpUntil(event.currentTarget, element => element.tagName.toLowerCase() === 'th')!;\n setHeaderCellWidth(headerCell.getBoundingClientRect().width);\n setResizerHasFocus(true);\n setHeaderCell(headerCell);\n onFocus?.();\n }}\n onBlur={() => {\n setResizerHasFocus(false);\n onBlur?.();\n }}\n role=\"separator\"\n aria-orientation=\"vertical\"\n aria-labelledby={ariaLabelledby}\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.toString()}\n aria-valuemin={minWidth}\n tabIndex={tabIndex}\n />\n );\n}\n\nexport function ResizeTracker() {\n return <span className={styles.tracker} />;\n}\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["table/resizer/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AAChF,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAclF,MAAM,oBAAoB,GAAG,EAAE,CAAC;AAChC,MAAM,kBAAkB,GAAG,EAAE,CAAC;AAC9B,MAAM,mBAAmB,GAAG,CAAC,CAAC;AAE9B,MAAM,UAAU,OAAO,CAAC,EACtB,UAAU,EACV,QAAQ,EACR,cAAc,EACd,QAAQ,GAAG,oBAAoB,EAC/B,QAAQ,EACR,aAAa,EACb,OAAO,EACP,MAAM,GACO;IACb,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,EAAe,CAAC;IAC5D,MAAM,eAAe,GAAG,MAAM,EAA6C,CAAC;IAC5E,MAAM,cAAc,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IACnD,MAAM,YAAY,GAAG,iBAAiB,CAAC,UAAU,CAAC,CAAC;IACnD,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,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,CAAC,UAAU,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,UAAU,EAAE;YACpD,OAAO;SACR;QACD,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,EAAE,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAE,CAAC;QAC1G,MAAM,YAAY,GAAG,WAAW,CAAC,aAAa,CAAc,OAAO,CAAE,CAAC;QACtE,kEAAkE;QAClE,MAAM,OAAO,GAAG,WAAW,CAAC,aAAa,CAAc,IAAI,MAAM,CAAC,OAAO,EAAE,CAAE,CAAC;QAC9E,MAAM,YAAY,GAAG,kBAAkB,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;QACvD,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,YAAY,CAAC,qBAAqB,EAAE,CAAC;QAElF,MAAM,qBAAqB,GAAG,CAAC,SAAiB,EAAE,EAAE;YAClD,MAAM,EAAE,IAAI,EAAE,gBAAgB,EAAE,GAAG,YAAY,CAAC,qBAAqB,EAAE,CAAC;YACxE,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,UAAU,CAAC,qBAAqB,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC;YACrE,4CAA4C;YAC5C,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,SAAS,GAAG,gBAAgB,GAAG,CAAC,GAAG,IAAI,CAAC;QAC/D,CAAC,CAAC;QAEF,MAAM,iBAAiB,GAAG,CAAC,QAAgB,EAAE,EAAE;YAC7C,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC,qBAAqB,EAAE,CAAC;YAC5D,MAAM,YAAY,GAAG,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC;YAC/D,qBAAqB,CAAC,KAAK,GAAG,YAAY,GAAG,KAAK,CAAC,CAAC;YACpD,kBAAkB,CAAC,QAAQ,CAAC,CAAC;YAC7B,0FAA0F;YAC1F,YAAY,CAAC,QAAQ,CAAC,CAAC;QACzB,CAAC,CAAC;QAEF,MAAM,YAAY,GAAG,CAAC,MAAc,EAAE,EAAE;YACtC,IAAI,MAAM,GAAG,QAAQ,EAAE;gBACrB,MAAM,QAAQ,GAAG,UAAU,CAAC,qBAAqB,EAAE,CAAC,IAAI,CAAC;gBACzD,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,KAAK,GAAG,UAAU,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;YACvD,eAAe,CAAC,OAAO,GAAG,UAAU,CAAC,UAAU,EAAE,kBAAkB,CAAC,CAAC;YACrE,0FAA0F;YAC1F,iBAAiB,CAAC,KAAK,GAAG,mBAAmB,CAAC,CAAC;YAC/C,YAAY,CAAC,UAAU,IAAI,mBAAmB,CAAC;QACjD,CAAC,CAAC;QACF,MAAM,WAAW,GAAG,CAAC,KAAiB,EAAE,EAAE;YACxC,YAAY,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;YACtC,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC;YAC3B,IAAI,MAAM,GAAG,SAAS,EAAE;gBACtB,eAAe,CAAC,OAAO,GAAG,UAAU,CAAC,UAAU,EAAE,oBAAoB,CAAC,CAAC;aACxE;iBAAM;gBACL,YAAY,CAAC,MAAM,CAAC,CAAC;aACtB;QACH,CAAC,CAAC;QACF,MAAM,SAAS,GAAG,CAAC,KAAiB,EAAE,EAAE;YACtC,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YAC1B,aAAa,CAAC,KAAK,CAAC,CAAC;YACrB,cAAc,EAAE,CAAC;YACjB,YAAY,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;QACxC,CAAC,CAAC;QACF,MAAM,SAAS,GAAG,CAAC,KAAoB,EAAE,EAAE;YACzC,mCAAmC;YACnC,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,IAAI,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,KAAK,EAAE;gBACrE,KAAK,CAAC,cAAc,EAAE,CAAC;aACxB;YACD,eAAe;YACf,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,IAAI,EAAE;gBAClC,iBAAiB,CAAC,UAAU,CAAC,qBAAqB,EAAE,CAAC,KAAK,GAAG,EAAE,CAAC,CAAC;aAClE;YACD,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,KAAK,EAAE;gBACnC,iBAAiB,CAAC,UAAU,CAAC,qBAAqB,EAAE,CAAC,KAAK,GAAG,EAAE,CAAC,CAAC;aAClE;QACH,CAAC,CAAC;QAEF,qBAAqB,CAAC,UAAU,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC,CAAC;QAChE,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC;QACrD,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,0BAA0B,CAAC,CAAC,CAAC;QACnE,IAAI,UAAU,EAAE;YACd,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,UAAU,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;SACnD;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,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;YACvD,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;YACnD,UAAU,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QACvD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC;IACtF,OAAO,CACL,8BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,OAAO,EACd,UAAU,IAAI,MAAM,CAAC,gBAAgB,CAAC,EACtC,CAAC,eAAe,IAAI,aAAa,CAAC,IAAI,MAAM,CAAC,WAAW,CAAC,CAC1D,EACD,WAAW,EAAE,KAAK,CAAC,EAAE;YACnB,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;gBACtB,OAAO;aACR;YACD,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,MAAM,UAAU,GAAG,WAAW,CAAC,KAAK,CAAC,aAAa,EAAE,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,IAAI,CAAE,CAAC;YACxG,aAAa,CAAC,IAAI,CAAC,CAAC;YACpB,aAAa,CAAC,UAAU,CAAC,CAAC;QAC5B,CAAC,EACD,OAAO,EAAE,KAAK,CAAC,EAAE;YACf,MAAM,UAAU,GAAG,WAAW,CAAC,KAAK,CAAC,aAAa,EAAE,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,IAAI,CAAE,CAAC;YACxG,kBAAkB,CAAC,UAAU,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC,CAAC;YAC7D,kBAAkB,CAAC,IAAI,CAAC,CAAC;YACzB,aAAa,CAAC,UAAU,CAAC,CAAC;YAC1B,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAC;QACd,CAAC,EACD,MAAM,EAAE,GAAG,EAAE;YACX,kBAAkB,CAAC,KAAK,CAAC,CAAC;YAC1B,MAAM,aAAN,MAAM,uBAAN,MAAM,EAAI,CAAC;QACb,CAAC,EACD,IAAI,EAAC,WAAW,sBACC,UAAU,qBACV,cAAc,mBAChB,eAAe,oBAEd,eAAe,CAAC,QAAQ,EAAE,mBAC3B,QAAQ,EACvB,QAAQ,EAAE,QAAQ,GAClB,CACH,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 clsx from 'clsx';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { getOverflowParents } from '../../internal/utils/scrollable-containers';\nimport { findUpUntil } from '../../internal/utils/dom';\nimport tableStyles from '../styles.css.js';\nimport styles from './styles.css.js';\nimport { KeyCode } from '../../internal/keycode';\nimport { DEFAULT_COLUMN_WIDTH } from '../use-column-widths';\nimport { useStableCallback } from '@cloudscape-design/component-toolkit/internal';\n\ninterface ResizerProps {\n onDragMove: (newWidth: number) => void;\n onFinish: () => void;\n ariaLabelledby?: string;\n minWidth?: number;\n tabIndex?: number;\n\n showFocusRing?: boolean;\n onFocus?: () => void;\n onBlur?: () => void;\n}\n\nconst AUTO_GROW_START_TIME = 10;\nconst AUTO_GROW_INTERVAL = 10;\nconst AUTO_GROW_INCREMENT = 5;\n\nexport function Resizer({\n onDragMove,\n onFinish,\n ariaLabelledby,\n minWidth = DEFAULT_COLUMN_WIDTH,\n tabIndex,\n showFocusRing,\n onFocus,\n onBlur,\n}: ResizerProps) {\n const [isDragging, setIsDragging] = useState(false);\n const [headerCell, setHeaderCell] = useState<HTMLElement>();\n const autoGrowTimeout = useRef<ReturnType<typeof setTimeout> \| undefined>();\n const onFinishStable = useStableCallback(onFinish);\n const onDragStable = useStableCallback(onDragMove);\n const [resizerHasFocus, setResizerHasFocus] = useState(false);\n const [headerCellWidth, setHeaderCellWidth] = useState(0);\n\n useEffect(() => {\n if ((!isDragging && !resizerHasFocus) \|\| !headerCell) {\n return;\n }\n const rootElement = findUpUntil(headerCell, element => element.className.indexOf(tableStyles.root) > -1)!;\n const tableElement = rootElement.querySelector<HTMLElement>(`table`)!;\n // tracker is rendered inside table wrapper to align with its size\n const tracker = rootElement.querySelector<HTMLElement>(`.${styles.tracker}`)!;\n const scrollParent = getOverflowParents(headerCell)[0];\n const { left: leftEdge, right: rightEdge } = scrollParent.getBoundingClientRect();\n\n const updateTrackerPosition = (newOffset: number) => {\n const { left: scrollParentLeft } = tableElement.getBoundingClientRect();\n tracker.style.top = headerCell.getBoundingClientRect().height + 'px';\n // minus one pixel to offset the cell border\n tracker.style.left = newOffset - scrollParentLeft - 1 + 'px';\n };\n\n const updateColumnWidth = (newWidth: number) => {\n const { right, width } = headerCell.getBoundingClientRect();\n const updatedWidth = newWidth < minWidth ? minWidth : newWidth;\n updateTrackerPosition(right + updatedWidth - width);\n setHeaderCellWidth(newWidth);\n // callbacks must be the last calls in the handler, because they may cause an extra update\n onDragStable(newWidth);\n };\n\n const resizeColumn = (offset: number) => {\n if (offset > leftEdge) {\n const cellLeft = headerCell.getBoundingClientRect().left;\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 width = headerCell.getBoundingClientRect().width;\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(width + AUTO_GROW_INCREMENT);\n scrollParent.scrollLeft += AUTO_GROW_INCREMENT;\n };\n const onMouseMove = (event: MouseEvent) => {\n clearTimeout(autoGrowTimeout.current);\n const offset = event.pageX;\n if (offset > rightEdge) {\n autoGrowTimeout.current = setTimeout(onAutoGrow, AUTO_GROW_START_TIME);\n } else {\n resizeColumn(offset);\n }\n };\n const onMouseUp = (event: MouseEvent) => {\n resizeColumn(event.pageX);\n setIsDragging(false);\n onFinishStable();\n clearTimeout(autoGrowTimeout.current);\n };\n const onKeyDown = (event: KeyboardEvent) => {\n // prevent screenreader cursor move\n if (event.keyCode === KeyCode.left \|\| event.keyCode === KeyCode.right) {\n event.preventDefault();\n }\n // update width\n if (event.keyCode === KeyCode.left) {\n updateColumnWidth(headerCell.getBoundingClientRect().width - 10);\n }\n if (event.keyCode === KeyCode.right) {\n updateColumnWidth(headerCell.getBoundingClientRect().width + 10);\n }\n };\n\n updateTrackerPosition(headerCell.getBoundingClientRect().right);\n document.body.classList.add(styles['resize-active']);\n document.body.classList.remove(styles['resize-active-with-focus']);\n if (isDragging) {\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 headerCell.addEventListener('keydown', onKeyDown);\n }\n\n return () => {\n clearTimeout(autoGrowTimeout.current);\n document.body.classList.remove(styles['resize-active']);\n document.removeEventListener('mousemove', onMouseMove);\n document.removeEventListener('mouseup', onMouseUp);\n headerCell.removeEventListener('keydown', onKeyDown);\n };\n }, [headerCell, isDragging, onDragStable, onFinishStable, resizerHasFocus, minWidth]);\n return (\n <span\n className={clsx(\n styles.resizer,\n isDragging && styles['resizer-active'],\n (resizerHasFocus \|\| showFocusRing) && styles['has-focus']\n )}\n onMouseDown={event => {\n if (event.button !== 0) {\n return;\n }\n event.preventDefault();\n const headerCell = findUpUntil(event.currentTarget, element => element.tagName.toLowerCase() === 'th')!;\n setIsDragging(true);\n setHeaderCell(headerCell);\n }}\n onFocus={event => {\n const headerCell = findUpUntil(event.currentTarget, element => element.tagName.toLowerCase() === 'th')!;\n setHeaderCellWidth(headerCell.getBoundingClientRect().width);\n setResizerHasFocus(true);\n setHeaderCell(headerCell);\n onFocus?.();\n }}\n onBlur={() => {\n setResizerHasFocus(false);\n onBlur?.();\n }}\n role=\"separator\"\n aria-orientation=\"vertical\"\n aria-labelledby={ariaLabelledby}\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.toString()}\n aria-valuemin={minWidth}\n tabIndex={tabIndex}\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,11 +1,11 @@
     import './styles.scoped.css';
     export default {
-  "resize-active": "awsui_resize-active_x7peu_1oae0_93",
-  "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_1oae0_93",
-  "resizer": "awsui_resizer_x7peu_1oae0_98",
-  "resizer-active": "awsui_resizer-active_x7peu_1oae0_114",
-  "has-focus": "awsui_has-focus_x7peu_1oae0_126",
-  "tracker": "awsui_tracker_x7peu_1oae0_149"
+  "resize-active": "awsui_resize-active_x7peu_1y7e0_93",
+  "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_1y7e0_93",
+  "resizer": "awsui_resizer_x7peu_1y7e0_98",
+  "resizer-active": "awsui_resizer-active_x7peu_1y7e0_114",
+  "has-focus": "awsui_has-focus_x7peu_1y7e0_126",
+  "tracker": "awsui_tracker_x7peu_1y7e0_149"
 };

package/lib/internal/template/table/resizer/styles.scoped.css CHANGED Viewed

@@ -90,71 +90,71 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_resize-active_x7peu_1oae0_93:not(#\9):not(.awsui_resize-active-with-focus_x7peu_1oae0_93) * {
+.awsui_resize-active_x7peu_1y7e0_93:not(#\9):not(.awsui_resize-active-with-focus_x7peu_1y7e0_93) * {
   cursor: col-resize;
   -webkit-user-select: none;
           user-select: none;
 }
-.awsui_resizer_x7peu_1oae0_98:not(#\9) {
+.awsui_resizer_x7peu_1y7e0_98:not(#\9) {
   bottom: 0;
   cursor: col-resize;
   position: absolute;
-  right: calc(-1 * var(--space-l-q5p9hz, 20px) / 2);
+  right: calc(-1 * var(--space-l-xu1x80, 20px) / 2);
   top: 0;
-  width: var(--space-l-q5p9hz, 20px);
+  width: var(--space-l-xu1x80, 20px);
   z-index: 10;
 }
-.awsui_resize-active_x7peu_1oae0_93 .awsui_resizer_x7peu_1oae0_98:not(#\9) {
+.awsui_resize-active_x7peu_1y7e0_93 .awsui_resizer_x7peu_1y7e0_98:not(#\9) {
   pointer-events: none;
 }
-th:not(#\9):last-child > .awsui_resizer_x7peu_1oae0_98 {
-  width: calc(var(--space-l-q5p9hz, 20px) / 2);
+th:not(#\9):last-child > .awsui_resizer_x7peu_1y7e0_98 {
+  width: calc(var(--space-l-xu1x80, 20px) / 2);
   right: 0;
 }
-th:not(#\9):not(:last-child) > .awsui_resizer_x7peu_1oae0_98:hover::before, th:not(#\9):not(:last-child) > .awsui_resizer-active_x7peu_1oae0_114::before {
+th:not(#\9):not(:last-child) > .awsui_resizer_x7peu_1y7e0_98:hover::before, th:not(#\9):not(:last-child) > .awsui_resizer-active_x7peu_1y7e0_114::before {
   content: "";
   position: absolute;
-  left: calc(var(--space-l-q5p9hz, 20px) / 2 - 2px);
+  left: calc(var(--space-l-xu1x80, 20px) / 2 - 2px);
   bottom: 0;
   top: 0;
-  min-height: var(--font-heading-xs-line-height-eo46pq, 20px);
-  max-height: calc(100% - calc(2 * var(--space-xs-e7dyai, 8px) + var(--space-xxxs-x2jyz4, 2px)));
+  min-height: var(--font-heading-xs-line-height-5gb2ts, 20px);
+  max-height: calc(100% - calc(2 * var(--space-xs-xf5ch3, 8px) + var(--space-xxxs-z28114, 2px)));
   margin: auto;
-  border-left: 2px solid var(--color-border-divider-active-5qw2v4, #687078);
+  border-left: 2px solid var(--color-border-divider-active-n0a8d4, #687078);
   box-sizing: border-box;
 }
-body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_1oae0_98.awsui_has-focus_x7peu_1oae0_126:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_1y7e0_98.awsui_has-focus_x7peu_1y7e0_126:not(#\9) {
   position: relative;
   position: absolute;
 }
-body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_1oae0_98.awsui_has-focus_x7peu_1oae0_126:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_1y7e0_98.awsui_has-focus_x7peu_1y7e0_126:not(#\9) {
   outline: 2px dotted transparent;
-  outline-offset: calc(var(--space-table-header-focus-outline-gutter-2kbo2j, 0px) - 1px);
+  outline-offset: calc(var(--space-table-header-focus-outline-gutter-czfdw1, 0px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_1oae0_98.awsui_has-focus_x7peu_1oae0_126:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_1y7e0_98.awsui_has-focus_x7peu_1y7e0_126:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
-  left: calc(-1 * var(--space-table-header-focus-outline-gutter-2kbo2j, 0px));
-  top: calc(-1 * var(--space-table-header-focus-outline-gutter-2kbo2j, 0px));
-  width: calc(100% + 2 * var(--space-table-header-focus-outline-gutter-2kbo2j, 0px));
-  height: calc(100% + 2 * var(--space-table-header-focus-outline-gutter-2kbo2j, 0px));
-  border-radius: var(--border-radius-control-default-focus-ring-awoa2s, 2px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-gjqsnp, #0073bb);
+  left: calc(-1 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px));
+  top: calc(-1 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px));
+  width: calc(100% + 2 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px));
+  height: calc(100% + 2 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px));
+  border-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_1oae0_98.awsui_has-focus_x7peu_1oae0_126:not(#\9)::before {
-  box-shadow: inset 0 0 0 2px var(--color-border-item-focused-gjqsnp, #0073bb);
+body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_1y7e0_98.awsui_has-focus_x7peu_1y7e0_126:not(#\9)::before {
+  box-shadow: inset 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_tracker_x7peu_1oae0_149:not(#\9) {
+.awsui_tracker_x7peu_1y7e0_149:not(#\9) {
   display: none;
   position: absolute;
-  border-left: var(--border-divider-list-width-efu3yc, 1px) dashed var(--color-border-divider-active-5qw2v4, #687078);
+  border-left: var(--border-divider-list-width-471u6a, 1px) dashed var(--color-border-divider-active-n0a8d4, #687078);
   width: 0;
   top: 0;
   bottom: 0;
 }
-.awsui_resize-active_x7peu_1oae0_93 .awsui_tracker_x7peu_1oae0_149:not(#\9) {
+.awsui_resize-active_x7peu_1y7e0_93 .awsui_tracker_x7peu_1y7e0_149:not(#\9) {
   display: block;
 }

package/lib/internal/template/table/resizer/styles.selectors.js CHANGED Viewed

@@ -2,11 +2,11 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "resize-active": "awsui_resize-active_x7peu_1oae0_93",
-  "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_1oae0_93",
-  "resizer": "awsui_resizer_x7peu_1oae0_98",
-  "resizer-active": "awsui_resizer-active_x7peu_1oae0_114",
-  "has-focus": "awsui_has-focus_x7peu_1oae0_126",
-  "tracker": "awsui_tracker_x7peu_1oae0_149"
+  "resize-active": "awsui_resize-active_x7peu_1y7e0_93",
+  "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_1y7e0_93",
+  "resizer": "awsui_resizer_x7peu_1y7e0_98",
+  "resizer-active": "awsui_resizer-active_x7peu_1y7e0_114",
+  "has-focus": "awsui_has-focus_x7peu_1y7e0_126",
+  "tracker": "awsui_tracker_x7peu_1y7e0_149"
 };

package/lib/internal/template/table/selection-control/styles.css.js CHANGED Viewed

@@ -1,8 +1,8 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1ut8b_jlzpx_93",
-  "label": "awsui_label_1ut8b_jlzpx_97",
-  "stud": "awsui_stud_1ut8b_jlzpx_111"
+  "root": "awsui_root_1ut8b_1ox2w_93",
+  "label": "awsui_label_1ut8b_1ox2w_97",
+  "stud": "awsui_stud_1ut8b_1ox2w_111"
 };

package/lib/internal/template/table/selection-control/styles.scoped.css CHANGED Viewed

@@ -90,16 +90,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_1ut8b_jlzpx_93:not(#\9) {
+.awsui_root_1ut8b_1ox2w_93:not(#\9) {
   /* used in test-utils and in the use-selection hook */
 }
-.awsui_label_1ut8b_jlzpx_97:not(#\9) {
+.awsui_label_1ut8b_1ox2w_97:not(#\9) {
   display: flex;
   align-items: center;
   justify-content: center;
   position: absolute;
-  padding-bottom: var(--space-xxs-1wmjb0, 4px);
+  padding-bottom: var(--space-xxs-9rrxti, 4px);
   height: 100%;
   top: 0;
   width: 100%;
@@ -108,6 +108,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-right: 1px solid transparent;
 }
-.awsui_stud_1ut8b_jlzpx_111:not(#\9) {
+.awsui_stud_1ut8b_1ox2w_111:not(#\9) {
   visibility: hidden;
 }