npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.247 → 3.0.248 - Mend

@cloudscape-design/components-themeable 3.0.247 → 3.0.248

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

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

@@ -90,7 +90,7 @@ 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_1rkq4_93:not(#\9) {
+.awsui_header-cell_1spae_utdph_93:not(#\9) {
   position: relative;
   text-align: left;
   box-sizing: border-box;
@@ -102,63 +102,67 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-f5m4xg, auto);
   padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-scaled-xs-6859qs, 8px);
 }
-.awsui_header-cell-sticky_1spae_1rkq4_105:not(#\9) {
+.awsui_header-cell-sticky_1spae_utdph_105:not(#\9) {
   border-bottom: var(--border-table-sticky-width-52djt5, 0px) solid var(--color-border-divider-default-k96bks, #eaeded);
 }
-.awsui_header-cell-stuck_1spae_1rkq4_108:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_1rkq4_108) {
+.awsui_header-cell-stuck_1spae_utdph_108:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_utdph_108) {
   border-bottom-color: transparent;
 }
-.awsui_header-cell-variant-full-page_1spae_1rkq4_108.awsui_header-cell-hidden_1spae_1rkq4_111:not(#\9) {
+.awsui_header-cell-variant-full-page_1spae_utdph_108.awsui_header-cell-hidden_1spae_utdph_111:not(#\9) {
   border-bottom-color: transparent;
 }
-.awsui_header-cell_1spae_1rkq4_93:not(#\9):last-child, .awsui_header-cell_1spae_1rkq4_93.awsui_header-cell-sortable_1spae_1rkq4_114:not(#\9) {
+.awsui_header-cell_1spae_utdph_93:not(#\9):last-child, .awsui_header-cell_1spae_utdph_93.awsui_header-cell-sortable_1spae_utdph_114:not(#\9) {
   padding-right: var(--space-xs-rsr2qu, 8px);
 }
-.awsui_header-cell_1spae_1rkq4_93:not(#\9):not(:last-child):before {
+.awsui_header-cell_1spae_utdph_93:not(#\9):not(:last-child):before {
   content: "";
   position: absolute;
   right: 0;
-  bottom: 25%;
-  height: 50%;
+  bottom: 0;
+  top: 0;
+  min-height: var(--font-heading-xs-line-height-tf278d, 20px);
+  max-height: calc(100% - calc(2 * var(--space-xs-rsr2qu, 8px) + var(--space-xxxs-k2w98v, 2px)));
+  margin: auto;
   border-left: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
   box-sizing: border-box;
 }
-.awsui_header-cell-resizable_1spae_1rkq4_126:not(#\9):not(:last-child):before {
+.awsui_header-cell-resizable_1spae_utdph_129:not(#\9):not(:last-child):before {
   border-left-color: var(--color-border-divider-interactive-default-mrpwro, #687078);
 }
-.awsui_sorting-icon_1spae_1rkq4_130:not(#\9) {
+.awsui_sorting-icon_1spae_utdph_133:not(#\9) {
   position: absolute;
-  top: var(--space-scaled-xxs-95dhkm, 4px);
+  top: 50%;
+  transform: translateY(-50%);
   right: var(--space-xxs-ynfts5, 4px);
   color: var(--color-text-column-sorting-icon-u1a3xj, #687078);
 }
-.awsui_edit-icon_1spae_1rkq4_137:not(#\9) {
+.awsui_edit-icon_1spae_utdph_141:not(#\9) {
   margin-left: var(--space-xxs-ynfts5, 4px);
   margin-top: var(--space-scaled-xxs-95dhkm, 4px);
   color: inherit;
 }
-.awsui_header-cell-content_1spae_1rkq4_143:not(#\9) {
+.awsui_header-cell-content_1spae_utdph_147:not(#\9) {
   position: relative;
   padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-s-hv8c1d, 12px);
 }
-.awsui_header-cell-sortable_1spae_1rkq4_114 > .awsui_header-cell-content_1spae_1rkq4_143:not(#\9) {
+.awsui_header-cell-sortable_1spae_utdph_114 > .awsui_header-cell-content_1spae_utdph_147:not(#\9) {
   padding-right: calc(var(--space-xl-a39hup, 24px) + var(--space-xxs-ynfts5, 4px));
 }
-.awsui_header-cell-content_1spae_1rkq4_143:not(#\9):focus {
+.awsui_header-cell-content_1spae_utdph_147:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-.awsui_header-cell-content_1spae_1rkq4_143[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_header-cell-content_1spae_utdph_147[data-awsui-focus-visible=true]:not(#\9):focus {
   position: relative;
 }
-.awsui_header-cell-content_1spae_1rkq4_143[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_header-cell-content_1spae_utdph_147[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-table-header-focus-outline-gutter-uqywlq, 0px) - 1px);
 }
-.awsui_header-cell-content_1spae_1rkq4_143[data-awsui-focus-visible=true]:not(#\9):focus::before {
+.awsui_header-cell-content_1spae_utdph_147[data-awsui-focus-visible=true]:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -169,14 +173,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-control-default-focus-ring-hekmgc, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-n5kd8g, #0073bb);
 }
-.awsui_header-cell-content_1spae_1rkq4_143.awsui_header-cell-fake-focus_1spae_1rkq4_172:not(#\9) {
+.awsui_header-cell-content_1spae_utdph_147.awsui_header-cell-fake-focus_1spae_utdph_176:not(#\9) {
   position: relative;
 }
-.awsui_header-cell-content_1spae_1rkq4_143.awsui_header-cell-fake-focus_1spae_1rkq4_172:not(#\9) {
+.awsui_header-cell-content_1spae_utdph_147.awsui_header-cell-fake-focus_1spae_utdph_176:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-table-header-focus-outline-gutter-uqywlq, 0px) - 1px);
 }
-.awsui_header-cell-content_1spae_1rkq4_143.awsui_header-cell-fake-focus_1spae_1rkq4_172:not(#\9)::before {
+.awsui_header-cell-content_1spae_utdph_147.awsui_header-cell-fake-focus_1spae_utdph_176:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -187,28 +191,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-control-default-focus-ring-hekmgc, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-n5kd8g, #0073bb);
 }
-.awsui_header-cell-disabled_1spae_1rkq4_190.awsui_header-cell-sorted_1spae_1rkq4_190 > .awsui_header-cell-content_1spae_1rkq4_143 > .awsui_sorting-icon_1spae_1rkq4_130:not(#\9) {
+.awsui_header-cell-disabled_1spae_utdph_194.awsui_header-cell-sorted_1spae_utdph_194 > .awsui_header-cell-content_1spae_utdph_147 > .awsui_sorting-icon_1spae_utdph_133:not(#\9) {
   color: var(--color-text-interactive-disabled-jcikk2, #aab7b8);
 }
-.awsui_header-cell-sortable_1spae_1rkq4_114:not(#\9):not(.awsui_header-cell-disabled_1spae_1rkq4_190) > .awsui_header-cell-content_1spae_1rkq4_143 {
+.awsui_header-cell-sortable_1spae_utdph_114:not(#\9):not(.awsui_header-cell-disabled_1spae_utdph_194) > .awsui_header-cell-content_1spae_utdph_147 {
   cursor: pointer;
 }
-.awsui_header-cell-sortable_1spae_1rkq4_114:not(#\9):not(.awsui_header-cell-disabled_1spae_1rkq4_190) > .awsui_header-cell-content_1spae_1rkq4_143:hover, .awsui_header-cell-sortable_1spae_1rkq4_114:not(#\9):not(.awsui_header-cell-disabled_1spae_1rkq4_190).awsui_header-cell-sorted_1spae_1rkq4_190 > .awsui_header-cell-content_1spae_1rkq4_143 {
+.awsui_header-cell-sortable_1spae_utdph_114:not(#\9):not(.awsui_header-cell-disabled_1spae_utdph_194) > .awsui_header-cell-content_1spae_utdph_147:hover, .awsui_header-cell-sortable_1spae_utdph_114:not(#\9):not(.awsui_header-cell-disabled_1spae_utdph_194).awsui_header-cell-sorted_1spae_utdph_194 > .awsui_header-cell-content_1spae_utdph_147 {
   color: var(--color-text-interactive-active-i5elzx, #16191f);
 }
-.awsui_header-cell-sortable_1spae_1rkq4_114:not(#\9):not(.awsui_header-cell-disabled_1spae_1rkq4_190) > .awsui_header-cell-content_1spae_1rkq4_143:hover > .awsui_sorting-icon_1spae_1rkq4_130, .awsui_header-cell-sortable_1spae_1rkq4_114:not(#\9):not(.awsui_header-cell-disabled_1spae_1rkq4_190).awsui_header-cell-sorted_1spae_1rkq4_190 > .awsui_header-cell-content_1spae_1rkq4_143 > .awsui_sorting-icon_1spae_1rkq4_130 {
+.awsui_header-cell-sortable_1spae_utdph_114:not(#\9):not(.awsui_header-cell-disabled_1spae_utdph_194) > .awsui_header-cell-content_1spae_utdph_147:hover > .awsui_sorting-icon_1spae_utdph_133, .awsui_header-cell-sortable_1spae_utdph_114:not(#\9):not(.awsui_header-cell-disabled_1spae_utdph_194).awsui_header-cell-sorted_1spae_utdph_194 > .awsui_header-cell-content_1spae_utdph_147 > .awsui_sorting-icon_1spae_utdph_133 {
   color: var(--color-text-interactive-active-i5elzx, #16191f);
 }
-.awsui_header-cell-text_1spae_1rkq4_204:not(#\9):not(.awsui_header-cell-text-wrap_1spae_1rkq4_204) {
+.awsui_header-cell-text_1spae_utdph_208:not(#\9) {
+  line-height: var(--font-heading-xs-line-height-tf278d, 20px);
+  padding-top: calc(var(--space-xxxs-k2w98v, 2px) / 2);
+  padding-bottom: calc(var(--space-xxxs-k2w98v, 2px) / 2);
+}
+.awsui_header-cell-text_1spae_utdph_208:not(#\9):not(.awsui_header-cell-text-wrap_1spae_utdph_213) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.awsui_header-cell-ascending_1spae_1rkq4_210:not(#\9),
-.awsui_header-cell-descending_1spae_1rkq4_211:not(#\9) {
+.awsui_header-cell-ascending_1spae_utdph_219:not(#\9),
+.awsui_header-cell-descending_1spae_utdph_220:not(#\9) {
   /* used in test-utils */
 }
@@ -218,26 +227,26 @@ 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_1rkq4_93:not(#\9):not(.awsui_is-visual-refresh_1spae_1rkq4_221):first-child {
+.awsui_header-cell_1spae_utdph_93:not(#\9):not(.awsui_is-visual-refresh_1spae_utdph_230):first-child {
   padding-left: var(--space-xs-rsr2qu, 8px);
 }
-.awsui_header-cell_1spae_1rkq4_93.awsui_is-visual-refresh_1spae_1rkq4_221:not(#\9) {
+.awsui_header-cell_1spae_utdph_93.awsui_is-visual-refresh_1spae_utdph_230: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_1rkq4_93.awsui_is-visual-refresh_1spae_1rkq4_221:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_1rkq4_232) {
+.awsui_header-cell_1spae_utdph_93.awsui_is-visual-refresh_1spae_utdph_230:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_utdph_241) {
   padding-left: var(--space-xxxs-k2w98v, 2px);
 }
-.awsui_header-cell_1spae_1rkq4_93.awsui_is-visual-refresh_1spae_1rkq4_221:not(#\9):first-child.awsui_has-striped-rows_1spae_1rkq4_232 {
+.awsui_header-cell_1spae_utdph_93.awsui_is-visual-refresh_1spae_utdph_230:not(#\9):first-child.awsui_has-striped-rows_1spae_utdph_241 {
   padding-left: var(--space-xxs-ynfts5, 4px);
 }
-.awsui_header-cell_1spae_1rkq4_93.awsui_is-visual-refresh_1spae_1rkq4_221:not(#\9):first-child > .awsui_header-cell-content_1spae_1rkq4_143 {
+.awsui_header-cell_1spae_utdph_93.awsui_is-visual-refresh_1spae_utdph_230:not(#\9):first-child > .awsui_header-cell-content_1spae_utdph_147 {
   padding-left: 0;
 }
-.awsui_header-cell_1spae_1rkq4_93.awsui_is-visual-refresh_1spae_1rkq4_221:not(#\9):last-child.awsui_header-cell-sortable_1spae_1rkq4_114 {
+.awsui_header-cell_1spae_utdph_93.awsui_is-visual-refresh_1spae_utdph_230:not(#\9):last-child.awsui_header-cell-sortable_1spae_utdph_114 {
   padding-right: var(--space-xxxs-k2w98v, 2px);
 }

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

@@ -2,24 +2,24 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "header-cell": "awsui_header-cell_1spae_1rkq4_93",
-  "header-cell-sticky": "awsui_header-cell-sticky_1spae_1rkq4_105",
-  "header-cell-stuck": "awsui_header-cell-stuck_1spae_1rkq4_108",
-  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_1rkq4_108",
-  "header-cell-hidden": "awsui_header-cell-hidden_1spae_1rkq4_111",
-  "header-cell-sortable": "awsui_header-cell-sortable_1spae_1rkq4_114",
-  "header-cell-resizable": "awsui_header-cell-resizable_1spae_1rkq4_126",
-  "sorting-icon": "awsui_sorting-icon_1spae_1rkq4_130",
-  "edit-icon": "awsui_edit-icon_1spae_1rkq4_137",
-  "header-cell-content": "awsui_header-cell-content_1spae_1rkq4_143",
-  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_1rkq4_172",
-  "header-cell-disabled": "awsui_header-cell-disabled_1spae_1rkq4_190",
-  "header-cell-sorted": "awsui_header-cell-sorted_1spae_1rkq4_190",
-  "header-cell-text": "awsui_header-cell-text_1spae_1rkq4_204",
-  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_1rkq4_204",
-  "header-cell-ascending": "awsui_header-cell-ascending_1spae_1rkq4_210",
-  "header-cell-descending": "awsui_header-cell-descending_1spae_1rkq4_211",
-  "is-visual-refresh": "awsui_is-visual-refresh_1spae_1rkq4_221",
-  "has-striped-rows": "awsui_has-striped-rows_1spae_1rkq4_232"
+  "header-cell": "awsui_header-cell_1spae_utdph_93",
+  "header-cell-sticky": "awsui_header-cell-sticky_1spae_utdph_105",
+  "header-cell-stuck": "awsui_header-cell-stuck_1spae_utdph_108",
+  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_utdph_108",
+  "header-cell-hidden": "awsui_header-cell-hidden_1spae_utdph_111",
+  "header-cell-sortable": "awsui_header-cell-sortable_1spae_utdph_114",
+  "header-cell-resizable": "awsui_header-cell-resizable_1spae_utdph_129",
+  "sorting-icon": "awsui_sorting-icon_1spae_utdph_133",
+  "edit-icon": "awsui_edit-icon_1spae_utdph_141",
+  "header-cell-content": "awsui_header-cell-content_1spae_utdph_147",
+  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_utdph_176",
+  "header-cell-disabled": "awsui_header-cell-disabled_1spae_utdph_194",
+  "header-cell-sorted": "awsui_header-cell-sorted_1spae_utdph_194",
+  "header-cell-text": "awsui_header-cell-text_1spae_utdph_208",
+  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_utdph_213",
+  "header-cell-ascending": "awsui_header-cell-ascending_1spae_utdph_219",
+  "header-cell-descending": "awsui_header-cell-descending_1spae_utdph_220",
+  "is-visual-refresh": "awsui_is-visual-refresh_1spae_utdph_230",
+  "has-striped-rows": "awsui_has-striped-rows_1spae_utdph_241"
 };

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_1h6fg_93",
-  "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_1h6fg_93",
-  "resizer": "awsui_resizer_x7peu_1h6fg_98",
-  "resizer-active": "awsui_resizer-active_x7peu_1h6fg_114",
-  "has-focus": "awsui_has-focus_x7peu_1h6fg_123",
-  "tracker": "awsui_tracker_x7peu_1h6fg_146"
+  "resize-active": "awsui_resize-active_x7peu_5v441_93",
+  "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_5v441_93",
+  "resizer": "awsui_resizer_x7peu_5v441_98",
+  "resizer-active": "awsui_resizer-active_x7peu_5v441_114",
+  "has-focus": "awsui_has-focus_x7peu_5v441_126",
+  "tracker": "awsui_tracker_x7peu_5v441_149"
 };

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

@@ -90,13 +90,13 @@ 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_1h6fg_93:not(#\9):not(.awsui_resize-active-with-focus_x7peu_1h6fg_93) * {
+.awsui_resize-active_x7peu_5v441_93:not(#\9):not(.awsui_resize-active-with-focus_x7peu_5v441_93) * {
   cursor: col-resize;
   -webkit-user-select: none;
           user-select: none;
 }
-.awsui_resizer_x7peu_1h6fg_98:not(#\9) {
+.awsui_resizer_x7peu_5v441_98:not(#\9) {
   bottom: 0;
   cursor: col-resize;
   position: absolute;
@@ -105,31 +105,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   width: var(--space-l-4vl6xu, 20px);
   z-index: 10;
 }
-.awsui_resize-active_x7peu_1h6fg_93 .awsui_resizer_x7peu_1h6fg_98:not(#\9) {
+.awsui_resize-active_x7peu_5v441_93 .awsui_resizer_x7peu_5v441_98:not(#\9) {
   pointer-events: none;
 }
-th:not(#\9):last-child > .awsui_resizer_x7peu_1h6fg_98 {
+th:not(#\9):last-child > .awsui_resizer_x7peu_5v441_98 {
   width: calc(var(--space-l-4vl6xu, 20px) / 2);
   right: 0;
 }
-th:not(#\9):not(:last-child) > .awsui_resizer_x7peu_1h6fg_98:hover::before, th:not(#\9):not(:last-child) > .awsui_resizer-active_x7peu_1h6fg_114::before {
+th:not(#\9):not(:last-child) > .awsui_resizer_x7peu_5v441_98:hover::before, th:not(#\9):not(:last-child) > .awsui_resizer-active_x7peu_5v441_114::before {
   content: "";
   position: absolute;
   left: calc(var(--space-l-4vl6xu, 20px) / 2 - 2px);
-  bottom: 25%;
-  height: 50%;
-  box-sizing: border-box;
+  bottom: 0;
+  top: 0;
+  min-height: var(--font-heading-xs-line-height-tf278d, 20px);
+  max-height: calc(100% - calc(2 * var(--space-xs-rsr2qu, 8px) + var(--space-xxxs-k2w98v, 2px)));
+  margin: auto;
   border-left: 2px solid var(--color-border-divider-active-22zon0, #687078);
+  box-sizing: border-box;
 }
-.awsui_resizer_x7peu_1h6fg_98.awsui_has-focus_x7peu_1h6fg_123:not(#\9) {
+.awsui_resizer_x7peu_5v441_98.awsui_has-focus_x7peu_5v441_126:not(#\9) {
   position: relative;
   position: absolute;
 }
-.awsui_resizer_x7peu_1h6fg_98.awsui_has-focus_x7peu_1h6fg_123:not(#\9) {
+.awsui_resizer_x7peu_5v441_98.awsui_has-focus_x7peu_5v441_126:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-table-header-focus-outline-gutter-uqywlq, 0px) - 1px);
 }
-.awsui_resizer_x7peu_1h6fg_98.awsui_has-focus_x7peu_1h6fg_123:not(#\9)::before {
+.awsui_resizer_x7peu_5v441_98.awsui_has-focus_x7peu_5v441_126:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -140,11 +143,11 @@ th:not(#\9):not(:last-child) > .awsui_resizer_x7peu_1h6fg_98:hover::before, th:n
   border-radius: var(--border-radius-control-default-focus-ring-hekmgc, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-n5kd8g, #0073bb);
 }
-.awsui_resizer_x7peu_1h6fg_98.awsui_has-focus_x7peu_1h6fg_123:not(#\9)::before {
+.awsui_resizer_x7peu_5v441_98.awsui_has-focus_x7peu_5v441_126:not(#\9)::before {
   box-shadow: inset 0 0 0 2px var(--color-border-item-focused-n5kd8g, #0073bb);
 }
-.awsui_tracker_x7peu_1h6fg_146:not(#\9) {
+.awsui_tracker_x7peu_5v441_149:not(#\9) {
   display: none;
   position: absolute;
   border-left: var(--border-divider-list-width-hacikr, 1px) dashed var(--color-border-divider-active-22zon0, #687078);
@@ -152,6 +155,6 @@ th:not(#\9):not(:last-child) > .awsui_resizer_x7peu_1h6fg_98:hover::before, th:n
   top: 0;
   bottom: 0;
 }
-.awsui_resize-active_x7peu_1h6fg_93 .awsui_tracker_x7peu_1h6fg_146:not(#\9) {
+.awsui_resize-active_x7peu_5v441_93 .awsui_tracker_x7peu_5v441_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_1h6fg_93",
-  "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_1h6fg_93",
-  "resizer": "awsui_resizer_x7peu_1h6fg_98",
-  "resizer-active": "awsui_resizer-active_x7peu_1h6fg_114",
-  "has-focus": "awsui_has-focus_x7peu_1h6fg_123",
-  "tracker": "awsui_tracker_x7peu_1h6fg_146"
+  "resize-active": "awsui_resize-active_x7peu_5v441_93",
+  "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_5v441_93",
+  "resizer": "awsui_resizer_x7peu_5v441_98",
+  "resizer-active": "awsui_resizer-active_x7peu_5v441_114",
+  "has-focus": "awsui_has-focus_x7peu_5v441_126",
+  "tracker": "awsui_tracker_x7peu_5v441_149"
 };

package/lib/internal/template/tabs/styles.css.js CHANGED Viewed

@@ -1,26 +1,26 @@
     import './styles.scoped.css';
     export default {
-  "tabs-header": "awsui_tabs-header_14rmt_11atu_186",
-  "tabs-header-list": "awsui_tabs-header-list_14rmt_11atu_192",
-  "pagination-button": "awsui_pagination-button_14rmt_11atu_207",
-  "pagination-button-left": "awsui_pagination-button-left_14rmt_11atu_212",
-  "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_11atu_215",
-  "pagination-button-right": "awsui_pagination-button-right_14rmt_11atu_219",
-  "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_11atu_222",
-  "tabs-tab": "awsui_tabs-tab_14rmt_11atu_227",
-  "tabs-tab-label": "awsui_tabs-tab-label_14rmt_11atu_238",
-  "tabs-tab-link": "awsui_tabs-tab-link_14rmt_11atu_254",
-  "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_11atu_313",
-  "refresh": "awsui_refresh_14rmt_11atu_331",
-  "tabs-tab-active": "awsui_tabs-tab-active_14rmt_11atu_345",
-  "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_11atu_352",
-  "root": "awsui_root_14rmt_11atu_356",
-  "tabs": "awsui_tabs_14rmt_11atu_186",
-  "tabs-content": "awsui_tabs-content_14rmt_11atu_375",
-  "tabs-content-active": "awsui_tabs-content-active_14rmt_11atu_379",
-  "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_11atu_389",
-  "with-paddings": "awsui_with-paddings_14rmt_11atu_389",
-  "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_11atu_393"
+  "tabs-header": "awsui_tabs-header_14rmt_1c9xc_186",
+  "tabs-header-list": "awsui_tabs-header-list_14rmt_1c9xc_192",
+  "pagination-button": "awsui_pagination-button_14rmt_1c9xc_207",
+  "pagination-button-left": "awsui_pagination-button-left_14rmt_1c9xc_212",
+  "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_1c9xc_215",
+  "pagination-button-right": "awsui_pagination-button-right_14rmt_1c9xc_219",
+  "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_1c9xc_222",
+  "tabs-tab": "awsui_tabs-tab_14rmt_1c9xc_227",
+  "tabs-tab-label": "awsui_tabs-tab-label_14rmt_1c9xc_238",
+  "tabs-tab-link": "awsui_tabs-tab-link_14rmt_1c9xc_254",
+  "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_1c9xc_313",
+  "refresh": "awsui_refresh_14rmt_1c9xc_331",
+  "tabs-tab-active": "awsui_tabs-tab-active_14rmt_1c9xc_345",
+  "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_1c9xc_352",
+  "root": "awsui_root_14rmt_1c9xc_356",
+  "tabs": "awsui_tabs_14rmt_1c9xc_186",
+  "tabs-content": "awsui_tabs-content_14rmt_1c9xc_375",
+  "tabs-content-active": "awsui_tabs-content-active_14rmt_1c9xc_379",
+  "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_1c9xc_389",
+  "with-paddings": "awsui_with-paddings_14rmt_1c9xc_389",
+  "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_1c9xc_393"
 };

package/lib/internal/template/tabs/styles.scoped.css CHANGED Viewed

@@ -183,13 +183,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  SPDX-License-Identifier: Apache-2.0
 */
 /* stylelint-disable selector-max-type */
-.awsui_tabs-header_14rmt_11atu_186:not(#\9) {
+.awsui_tabs-header_14rmt_1c9xc_186:not(#\9) {
   margin: 0;
   padding: 0;
   display: flex;
 }
-.awsui_tabs-header-list_14rmt_11atu_192:not(#\9) {
+.awsui_tabs-header-list_14rmt_1c9xc_192:not(#\9) {
   margin: 0;
   padding: 0;
   display: flex;
@@ -200,45 +200,45 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -ms-overflow-style: none; /* Internet Explorer 10+ */
   scrollbar-width: none; /* Firefox */
 }
-.awsui_tabs-header-list_14rmt_11atu_192:not(#\9)::-webkit-scrollbar {
+.awsui_tabs-header-list_14rmt_1c9xc_192:not(#\9)::-webkit-scrollbar {
   display: none; /* Safari and Chrome */
 }
-.awsui_pagination-button_14rmt_11atu_207:not(#\9) {
+.awsui_pagination-button_14rmt_1c9xc_207:not(#\9) {
   margin: var(--space-scaled-s-cu1hzn, 12px) 0;
   padding: 0 var(--space-xxs-ynfts5, 4px);
   display: flex;
 }
-.awsui_pagination-button-left_14rmt_11atu_212:not(#\9) {
+.awsui_pagination-button-left_14rmt_1c9xc_212:not(#\9) {
   border-right: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-control-disabled-zgidl5, #d5dbdb);
 }
-.awsui_pagination-button-left-scrollable_14rmt_11atu_215:not(#\9) {
+.awsui_pagination-button-left-scrollable_14rmt_1c9xc_215:not(#\9) {
   z-index: 1;
   box-shadow: 5px 0px 4px -3px var(--color-border-tabs-shadow-22eyu5, #eaeded), 1px 0px 0px 0px var(--color-border-tabs-shadow-22eyu5, #eaeded);
 }
-.awsui_pagination-button-right_14rmt_11atu_219:not(#\9) {
+.awsui_pagination-button-right_14rmt_1c9xc_219:not(#\9) {
   border-left: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-control-disabled-zgidl5, #d5dbdb);
 }
-.awsui_pagination-button-right-scrollable_14rmt_11atu_222:not(#\9) {
+.awsui_pagination-button-right-scrollable_14rmt_1c9xc_222:not(#\9) {
   z-index: 1;
   box-shadow: -5px 0px 4px -3px var(--color-border-tabs-shadow-22eyu5, #eaeded), -1px 0px 0px 0 var(--color-border-tabs-shadow-22eyu5, #eaeded);
 }
-.awsui_tabs-tab_14rmt_11atu_227:not(#\9) {
+.awsui_tabs-tab_14rmt_1c9xc_227:not(#\9) {
   list-style: none;
   padding: 0;
   flex-shrink: 0;
   display: flex;
   max-width: calc(90% - var(--space-l-4vl6xu, 20px));
 }
-.awsui_tabs-tab_14rmt_11atu_227 > button:not(#\9) {
+.awsui_tabs-tab_14rmt_1c9xc_227 > button:not(#\9) {
   background-color: transparent;
 }
-.awsui_tabs-tab-label_14rmt_11atu_238:not(#\9) {
+.awsui_tabs-tab-label_14rmt_1c9xc_238:not(#\9) {
   display: flex;
   align-items: center;
-  padding: var(--space-scaled-2x-xxs-t5qzmf, 4px) var(--space-l-4vl6xu, 20px);
+  padding: var(--space-scaled-2x-xxs-40awim, 4px) var(--space-l-4vl6xu, 20px);
   text-align: left;
   position: relative;
   min-width: 0;
@@ -246,12 +246,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-break: break-word;
 }
-.awsui_tabs-tab_14rmt_11atu_227:not(#\9):not(:last-child) > a > .awsui_tabs-tab-label_14rmt_11atu_238, .awsui_tabs-tab_14rmt_11atu_227:not(#\9):not(:last-child) > button > .awsui_tabs-tab-label_14rmt_11atu_238 {
+.awsui_tabs-tab_14rmt_1c9xc_227:not(#\9):not(:last-child) > a > .awsui_tabs-tab-label_14rmt_1c9xc_238, .awsui_tabs-tab_14rmt_1c9xc_227:not(#\9):not(:last-child) > button > .awsui_tabs-tab-label_14rmt_1c9xc_238 {
   margin-right: calc(-1 * var(--border-divider-section-width-5a4cv1, 1px));
   border-right: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-tabs-divider-lf9ugx, #aab7b8);
 }
-.awsui_tabs-tab-link_14rmt_11atu_254:not(#\9) {
+.awsui_tabs-tab-link_14rmt_1c9xc_254:not(#\9) {
   position: relative;
   display: flex;
   align-items: stretch;
@@ -267,21 +267,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-f5m4xg, auto);
   color: var(--color-text-interactive-default-9me1cm, #545b64);
 }
-.awsui_tabs-tab-link_14rmt_11atu_254:not(#\9):hover {
+.awsui_tabs-tab-link_14rmt_1c9xc_254:not(#\9):hover {
   color: var(--color-text-accent-s0earc, #0073bb);
 }
-.awsui_tabs-tab-link_14rmt_11atu_254:not(#\9):focus {
+.awsui_tabs-tab-link_14rmt_1c9xc_254:not(#\9):focus {
   outline: none;
 }
-.awsui_tabs-tab-link_14rmt_11atu_254[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_tabs-tab-link_14rmt_1c9xc_254[data-awsui-focus-visible=true]:not(#\9):focus {
   z-index: 1;
   position: relative;
 }
-.awsui_tabs-tab-link_14rmt_11atu_254[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_tabs-tab-link_14rmt_1c9xc_254[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-tabs-focus-outline-gutter-th1z8v, 0px) - 1px);
 }
-.awsui_tabs-tab-link_14rmt_11atu_254[data-awsui-focus-visible=true]:not(#\9):focus::before {
+.awsui_tabs-tab-link_14rmt_1c9xc_254[data-awsui-focus-visible=true]:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -292,32 +292,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-control-default-focus-ring-hekmgc, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-n5kd8g, #0073bb);
 }
-.awsui_tabs-tab-link_14rmt_11atu_254[data-awsui-focus-visible=true]:not(#\9):focus > a > .awsui_tabs-tab-label_14rmt_11atu_238, .awsui_tabs-tab-link_14rmt_11atu_254[data-awsui-focus-visible=true]:not(#\9):focus > button > .awsui_tabs-tab-label_14rmt_11atu_238 {
+.awsui_tabs-tab-link_14rmt_1c9xc_254[data-awsui-focus-visible=true]:not(#\9):focus > a > .awsui_tabs-tab-label_14rmt_1c9xc_238, .awsui_tabs-tab-link_14rmt_1c9xc_254[data-awsui-focus-visible=true]:not(#\9):focus > button > .awsui_tabs-tab-label_14rmt_1c9xc_238 {
   border-right-color: transparent;
 }
-.awsui_tabs-tab_14rmt_11atu_227:not(#\9):first-child {
+.awsui_tabs-tab_14rmt_1c9xc_227:not(#\9):first-child {
   margin-left: 1px;
 }
-.awsui_tabs-tab_14rmt_11atu_227:not(#\9):first-child > a > .awsui_tabs-tab-label_14rmt_11atu_238, .awsui_tabs-tab_14rmt_11atu_227:not(#\9):first-child > button > .awsui_tabs-tab-label_14rmt_11atu_238 {
+.awsui_tabs-tab_14rmt_1c9xc_227:not(#\9):first-child > a > .awsui_tabs-tab-label_14rmt_1c9xc_238, .awsui_tabs-tab_14rmt_1c9xc_227:not(#\9):first-child > button > .awsui_tabs-tab-label_14rmt_1c9xc_238 {
   padding-left: calc(var(--space-l-4vl6xu, 20px) - 1px);
 }
-.awsui_tabs-tab_14rmt_11atu_227:not(#\9):last-child {
+.awsui_tabs-tab_14rmt_1c9xc_227:not(#\9):last-child {
   margin-right: 1px;
 }
-.awsui_tabs-tab_14rmt_11atu_227:not(#\9):last-child > a > .awsui_tabs-tab-label_14rmt_11atu_238, .awsui_tabs-tab_14rmt_11atu_227:not(#\9):last-child > button > .awsui_tabs-tab-label_14rmt_11atu_238 {
+.awsui_tabs-tab_14rmt_1c9xc_227:not(#\9):last-child > a > .awsui_tabs-tab-label_14rmt_1c9xc_238, .awsui_tabs-tab_14rmt_1c9xc_227:not(#\9):last-child > button > .awsui_tabs-tab-label_14rmt_1c9xc_238 {
   padding-right: calc(var(--space-l-4vl6xu, 20px) - 1px);
 }
-.awsui_tabs-tab-disabled_14rmt_11atu_313:not(#\9), .awsui_tabs-tab-disabled_14rmt_11atu_313:not(#\9):hover {
+.awsui_tabs-tab-disabled_14rmt_1c9xc_313:not(#\9), .awsui_tabs-tab-disabled_14rmt_1c9xc_313:not(#\9):hover {
   pointer-events: none;
   cursor: default;
   color: var(--color-text-interactive-disabled-jcikk2, #aab7b8);
   font-weight: var(--font-tabs-disabled-weight-0s5m6k, 400);
 }
-.awsui_tabs-tab-link_14rmt_11atu_254:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_11atu_313):after {
+.awsui_tabs-tab-link_14rmt_1c9xc_254:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1c9xc_313):after {
   content: "";
   position: absolute;
   left: 0;
@@ -328,36 +328,36 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background: var(--color-border-tabs-underline-ba6hzi, #16191f);
   opacity: 0;
 }
-.awsui_tabs-tab-link_14rmt_11atu_254:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_11atu_313).awsui_refresh_14rmt_11atu_331:after {
+.awsui_tabs-tab-link_14rmt_1c9xc_254:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1c9xc_313).awsui_refresh_14rmt_1c9xc_331:after {
   transition: opacity var(--motion-duration-refresh-only-medium-5flen2, 165ms) var(--motion-easing-refresh-only-c-ic6jr0, cubic-bezier(0.84, 0, 0.16, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_tabs-tab-link_14rmt_11atu_254:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_11atu_313).awsui_refresh_14rmt_11atu_331:after {
+  .awsui_tabs-tab-link_14rmt_1c9xc_254:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1c9xc_313).awsui_refresh_14rmt_1c9xc_331:after {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_tabs-tab-link_14rmt_11atu_254:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_11atu_313).awsui_refresh_14rmt_11atu_331:after, .awsui-mode-entering .awsui_tabs-tab-link_14rmt_11atu_254:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_11atu_313).awsui_refresh_14rmt_11atu_331:after {
+.awsui-motion-disabled .awsui_tabs-tab-link_14rmt_1c9xc_254:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1c9xc_313).awsui_refresh_14rmt_1c9xc_331:after, .awsui-mode-entering .awsui_tabs-tab-link_14rmt_1c9xc_254:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1c9xc_313).awsui_refresh_14rmt_1c9xc_331:after {
   animation: none;
   transition: none;
 }
-.awsui_tabs-tab-active_14rmt_11atu_345:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_11atu_313) {
+.awsui_tabs-tab-active_14rmt_1c9xc_345:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1c9xc_313) {
   color: var(--color-text-accent-s0earc, #0073bb);
 }
-.awsui_tabs-tab-active_14rmt_11atu_345:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_11atu_313):after {
+.awsui_tabs-tab-active_14rmt_1c9xc_345:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1c9xc_313):after {
   opacity: 1;
 }
-.awsui_tabs-header-with-divider_14rmt_11atu_352:not(#\9) {
+.awsui_tabs-header-with-divider_14rmt_1c9xc_352:not(#\9) {
   border-bottom: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-tabs-divider-lf9ugx, #aab7b8);
 }
-.awsui_root_14rmt_11atu_356:not(#\9) {
+.awsui_root_14rmt_1c9xc_356:not(#\9) {
   /* used in test-utils or tests */
 }
-.awsui_tabs_14rmt_11atu_186:not(#\9) {
+.awsui_tabs_14rmt_1c9xc_186:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -398,24 +398,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   width: 100%;
 }
-.awsui_tabs-content_14rmt_11atu_375:not(#\9) {
+.awsui_tabs-content_14rmt_1c9xc_375:not(#\9) {
   display: none;
 }
-.awsui_tabs-content-active_14rmt_11atu_379:not(#\9) {
+.awsui_tabs-content-active_14rmt_1c9xc_379:not(#\9) {
   display: block;
 }
-.awsui_tabs-content-active_14rmt_11atu_379[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_tabs-content-active_14rmt_1c9xc_379[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: 2px;
   border-radius: var(--border-radius-container-1aveko, 0px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-n5kd8g, #0073bb);
 }
-.awsui_tabs-content-wrapper_14rmt_11atu_389.awsui_with-paddings_14rmt_11atu_389 > .awsui_tabs-content_14rmt_11atu_375:not(#\9) {
+.awsui_tabs-content-wrapper_14rmt_1c9xc_389.awsui_with-paddings_14rmt_1c9xc_389 > .awsui_tabs-content_14rmt_1c9xc_375:not(#\9) {
   padding: var(--space-scaled-m-pv0fmt, 16px) 0;
 }
-.awsui_tabs-container-content-wrapper_14rmt_11atu_393.awsui_with-paddings_14rmt_11atu_389 > .awsui_tabs-content_14rmt_11atu_375:not(#\9) {
+.awsui_tabs-container-content-wrapper_14rmt_1c9xc_393.awsui_with-paddings_14rmt_1c9xc_389 > .awsui_tabs-content_14rmt_1c9xc_375:not(#\9) {
   padding: var(--space-tabs-content-top-c5lrql, 16px) var(--space-container-horizontal-tlw03i, 20px) var(--space-scaled-l-t03y3z, 20px);
 }