npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.534 → 3.0.536 - Mend

@cloudscape-design/components-themeable 3.0.534 → 3.0.536

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

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

@@ -1,29 +1,29 @@
     import './styles.scoped.css';
     export default {
-  "header-cell": "awsui_header-cell_1spae_8r04d_93",
-  "header-cell-sticky": "awsui_header-cell-sticky_1spae_8r04d_105",
-  "header-cell-stuck": "awsui_header-cell-stuck_1spae_8r04d_108",
-  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_8r04d_108",
-  "header-cell-hidden": "awsui_header-cell-hidden_1spae_8r04d_111",
-  "header-cell-sortable": "awsui_header-cell-sortable_1spae_8r04d_114",
-  "sticky-cell": "awsui_sticky-cell_1spae_8r04d_117",
-  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_8r04d_125",
-  "has-selection": "awsui_has-selection_1spae_8r04d_125",
-  "sticky-cell-last-left": "awsui_sticky-cell-last-left_1spae_8r04d_128",
-  "resize-divider": "awsui_resize-divider_1spae_8r04d_132",
-  "sticky-cell-last-right": "awsui_sticky-cell-last-right_1spae_8r04d_135",
-  "sorting-icon": "awsui_sorting-icon_1spae_8r04d_150",
-  "edit-icon": "awsui_edit-icon_1spae_8r04d_158",
-  "header-cell-content": "awsui_header-cell-content_1spae_8r04d_164",
-  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_8r04d_193",
-  "header-cell-disabled": "awsui_header-cell-disabled_1spae_8r04d_211",
-  "header-cell-sorted": "awsui_header-cell-sorted_1spae_8r04d_211",
-  "header-cell-text": "awsui_header-cell-text_1spae_8r04d_225",
-  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_8r04d_230",
-  "header-cell-ascending": "awsui_header-cell-ascending_1spae_8r04d_236",
-  "header-cell-descending": "awsui_header-cell-descending_1spae_8r04d_237",
-  "is-visual-refresh": "awsui_is-visual-refresh_1spae_8r04d_247",
-  "has-striped-rows": "awsui_has-striped-rows_1spae_8r04d_258"
+  "header-cell": "awsui_header-cell_1spae_ysa6v_93",
+  "header-cell-sticky": "awsui_header-cell-sticky_1spae_ysa6v_106",
+  "header-cell-stuck": "awsui_header-cell-stuck_1spae_ysa6v_109",
+  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_ysa6v_109",
+  "header-cell-hidden": "awsui_header-cell-hidden_1spae_ysa6v_112",
+  "header-cell-sortable": "awsui_header-cell-sortable_1spae_ysa6v_115",
+  "sticky-cell": "awsui_sticky-cell_1spae_ysa6v_118",
+  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_ysa6v_126",
+  "has-selection": "awsui_has-selection_1spae_ysa6v_126",
+  "sticky-cell-last-left": "awsui_sticky-cell-last-left_1spae_ysa6v_129",
+  "resize-divider": "awsui_resize-divider_1spae_ysa6v_133",
+  "sticky-cell-last-right": "awsui_sticky-cell-last-right_1spae_ysa6v_136",
+  "sorting-icon": "awsui_sorting-icon_1spae_ysa6v_151",
+  "edit-icon": "awsui_edit-icon_1spae_ysa6v_159",
+  "header-cell-content": "awsui_header-cell-content_1spae_ysa6v_165",
+  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_ysa6v_198",
+  "header-cell-disabled": "awsui_header-cell-disabled_1spae_ysa6v_219",
+  "header-cell-sorted": "awsui_header-cell-sorted_1spae_ysa6v_219",
+  "header-cell-text": "awsui_header-cell-text_1spae_ysa6v_233",
+  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_ysa6v_237",
+  "header-cell-ascending": "awsui_header-cell-ascending_1spae_ysa6v_243",
+  "header-cell-descending": "awsui_header-cell-descending_1spae_ysa6v_244",
+  "is-visual-refresh": "awsui_is-visual-refresh_1spae_ysa6v_254",
+  "has-striped-rows": "awsui_has-striped-rows_1spae_ysa6v_265"
 };

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

@@ -90,31 +90,32 @@ 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_8r04d_93:not(#\9) {
+.awsui_header-cell_1spae_ysa6v_93:not(#\9) {
   position: relative;
-  text-align: left;
+  text-align: start;
   box-sizing: border-box;
-  border-bottom: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-in8dkg, #eaeded);
+  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);
   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: var(--space-scaled-xxs-t7ij38, 4px) var(--space-scaled-xs-x91h81, 8px);
+  padding-block: var(--space-scaled-xxs-t7ij38, 4px);
+  padding-inline: var(--space-scaled-xs-x91h81, 8px);
 }
-.awsui_header-cell-sticky_1spae_8r04d_105:not(#\9) {
-  border-bottom: var(--border-table-sticky-width-mb7esq, 0px) solid var(--color-border-divider-default-in8dkg, #eaeded);
+.awsui_header-cell-sticky_1spae_ysa6v_106:not(#\9) {
+  border-block-end: var(--border-table-sticky-width-mb7esq, 0px) solid var(--color-border-divider-default-in8dkg, #eaeded);
 }
-.awsui_header-cell-stuck_1spae_8r04d_108:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_8r04d_108) {
-  border-bottom-color: transparent;
+.awsui_header-cell-stuck_1spae_ysa6v_109:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_ysa6v_109) {
+  border-block-end-color: transparent;
 }
-.awsui_header-cell-variant-full-page_1spae_8r04d_108.awsui_header-cell-hidden_1spae_8r04d_111:not(#\9) {
-  border-bottom-color: transparent;
+.awsui_header-cell-variant-full-page_1spae_ysa6v_109.awsui_header-cell-hidden_1spae_ysa6v_112:not(#\9) {
+  border-block-end-color: transparent;
 }
-.awsui_header-cell_1spae_8r04d_93:not(#\9):last-child, .awsui_header-cell_1spae_8r04d_93.awsui_header-cell-sortable_1spae_8r04d_114:not(#\9) {
-  padding-right: var(--space-xs-xf5ch3, 8px);
+.awsui_header-cell_1spae_ysa6v_93:not(#\9):last-child, .awsui_header-cell_1spae_ysa6v_93.awsui_header-cell-sortable_1spae_ysa6v_115:not(#\9) {
+  padding-inline-end: var(--space-xs-xf5ch3, 8px);
 }
-.awsui_header-cell_1spae_8r04d_93.awsui_sticky-cell_1spae_8r04d_117:not(#\9) {
+.awsui_header-cell_1spae_ysa6v_93.awsui_sticky-cell_1spae_ysa6v_118:not(#\9) {
   position: sticky;
   background: var(--color-background-table-header-ly5ewp, #fafafa);
   z-index: 798;
@@ -122,119 +123,125 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-transition-show-quick-dzfata, 90ms);
   transition-timing-function: var(--motion-easing-sticky-xk36yb, ease-out);
 }
-.awsui_header-cell_1spae_8r04d_93.awsui_sticky-cell-pad-left_1spae_8r04d_125:not(#\9):not(.awsui_has-selection_1spae_8r04d_125) {
-  padding-left: var(--space-table-horizontal-ciak0s, 0px);
+.awsui_header-cell_1spae_ysa6v_93.awsui_sticky-cell-pad-left_1spae_ysa6v_126:not(#\9):not(.awsui_has-selection_1spae_ysa6v_126) {
+  padding-inline-start: var(--space-table-horizontal-ciak0s, 0px);
 }
-.awsui_header-cell_1spae_8r04d_93.awsui_sticky-cell-last-left_1spae_8r04d_128:not(#\9) {
+.awsui_header-cell_1spae_ysa6v_93.awsui_sticky-cell-last-left_1spae_ysa6v_129: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);
 }
-.awsui_header-cell_1spae_8r04d_93.awsui_sticky-cell-last-left_1spae_8r04d_128 > .awsui_resize-divider_1spae_8r04d_132:not(#\9) {
+.awsui_header-cell_1spae_ysa6v_93.awsui_sticky-cell-last-left_1spae_ysa6v_129 > .awsui_resize-divider_1spae_ysa6v_133:not(#\9) {
   display: none;
 }
-.awsui_header-cell_1spae_8r04d_93.awsui_sticky-cell-last-right_1spae_8r04d_135:not(#\9) {
+.awsui_header-cell_1spae_ysa6v_93.awsui_sticky-cell-last-right_1spae_ysa6v_136: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);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_header-cell_1spae_8r04d_93.awsui_sticky-cell_1spae_8r04d_117:not(#\9) {
+  .awsui_header-cell_1spae_ysa6v_93.awsui_sticky-cell_1spae_ysa6v_118:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_header-cell_1spae_8r04d_93.awsui_sticky-cell_1spae_8r04d_117:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_8r04d_93.awsui_sticky-cell_1spae_8r04d_117:not(#\9) {
+.awsui-motion-disabled .awsui_header-cell_1spae_ysa6v_93.awsui_sticky-cell_1spae_ysa6v_118:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_ysa6v_93.awsui_sticky-cell_1spae_ysa6v_118:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_sorting-icon_1spae_8r04d_150:not(#\9) {
+.awsui_sorting-icon_1spae_ysa6v_151:not(#\9) {
   position: absolute;
-  top: 50%;
+  inset-block-start: 50%;
   transform: translateY(-50%);
-  right: var(--space-xxs-9rrxti, 4px);
+  inset-inline-end: var(--space-xxs-9rrxti, 4px);
   color: var(--color-text-column-sorting-icon-btnn2y, #687078);
 }
-.awsui_edit-icon_1spae_8r04d_158:not(#\9) {
-  margin-left: var(--space-xxs-9rrxti, 4px);
-  margin-top: var(--space-scaled-xxs-t7ij38, 4px);
+.awsui_edit-icon_1spae_ysa6v_159: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_8r04d_164:not(#\9) {
+.awsui_header-cell-content_1spae_ysa6v_165:not(#\9) {
   position: relative;
-  padding: var(--space-scaled-xxs-t7ij38, 4px) var(--space-s-2025hl, 12px);
+  padding-block: var(--space-scaled-xxs-t7ij38, 4px);
+  padding-inline: var(--space-s-2025hl, 12px);
 }
-.awsui_header-cell-sortable_1spae_8r04d_114 > .awsui_header-cell-content_1spae_8r04d_164:not(#\9) {
-  padding-right: calc(var(--space-xl-5fdwzu, 24px) + var(--space-xxs-9rrxti, 4px));
+.awsui_header-cell-sortable_1spae_ysa6v_115 > .awsui_header-cell-content_1spae_ysa6v_165:not(#\9) {
+  padding-inline-end: calc(var(--space-xl-5fdwzu, 24px) + var(--space-xxs-9rrxti, 4px));
 }
-.awsui_header-cell-content_1spae_8r04d_164:not(#\9):focus {
+.awsui_header-cell-content_1spae_ysa6v_165:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_8r04d_164:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_ysa6v_165:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_8r04d_164:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_ysa6v_165:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-table-header-focus-outline-gutter-czfdw1, 0px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_8r04d_164:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_ysa6v_165:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
-  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);
+  inset-inline-start: calc(-1 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px));
+  inset-block-start: calc(-1 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px));
+  inline-size: calc(100% + 2 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px));
+  block-size: calc(100% + 2 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px));
+  border-start-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  border-start-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  border-end-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  border-end-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_8r04d_164.awsui_header-cell-fake-focus_1spae_8r04d_193:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_ysa6v_165.awsui_header-cell-fake-focus_1spae_ysa6v_198:not(#\9) {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_8r04d_164.awsui_header-cell-fake-focus_1spae_8r04d_193:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_ysa6v_165.awsui_header-cell-fake-focus_1spae_ysa6v_198:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-table-header-focus-outline-gutter-czfdw1, 0px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_8r04d_164.awsui_header-cell-fake-focus_1spae_8r04d_193:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_ysa6v_165.awsui_header-cell-fake-focus_1spae_ysa6v_198:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
-  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);
+  inset-inline-start: calc(-1 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px));
+  inset-block-start: calc(-1 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px));
+  inline-size: calc(100% + 2 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px));
+  block-size: calc(100% + 2 * var(--space-table-header-focus-outline-gutter-czfdw1, 0px));
+  border-start-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  border-start-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  border-end-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  border-end-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_header-cell-disabled_1spae_8r04d_211.awsui_header-cell-sorted_1spae_8r04d_211 > .awsui_header-cell-content_1spae_8r04d_164 > .awsui_sorting-icon_1spae_8r04d_150:not(#\9) {
+.awsui_header-cell-disabled_1spae_ysa6v_219.awsui_header-cell-sorted_1spae_ysa6v_219 > .awsui_header-cell-content_1spae_ysa6v_165 > .awsui_sorting-icon_1spae_ysa6v_151:not(#\9) {
   color: var(--color-text-interactive-disabled-e23z4j, #aab7b8);
 }
-.awsui_header-cell-sortable_1spae_8r04d_114:not(#\9):not(.awsui_header-cell-disabled_1spae_8r04d_211) > .awsui_header-cell-content_1spae_8r04d_164 {
+.awsui_header-cell-sortable_1spae_ysa6v_115:not(#\9):not(.awsui_header-cell-disabled_1spae_ysa6v_219) > .awsui_header-cell-content_1spae_ysa6v_165 {
   cursor: pointer;
 }
-.awsui_header-cell-sortable_1spae_8r04d_114:not(#\9):not(.awsui_header-cell-disabled_1spae_8r04d_211) > .awsui_header-cell-content_1spae_8r04d_164:hover, .awsui_header-cell-sortable_1spae_8r04d_114:not(#\9):not(.awsui_header-cell-disabled_1spae_8r04d_211).awsui_header-cell-sorted_1spae_8r04d_211 > .awsui_header-cell-content_1spae_8r04d_164 {
+.awsui_header-cell-sortable_1spae_ysa6v_115:not(#\9):not(.awsui_header-cell-disabled_1spae_ysa6v_219) > .awsui_header-cell-content_1spae_ysa6v_165:hover, .awsui_header-cell-sortable_1spae_ysa6v_115:not(#\9):not(.awsui_header-cell-disabled_1spae_ysa6v_219).awsui_header-cell-sorted_1spae_ysa6v_219 > .awsui_header-cell-content_1spae_ysa6v_165 {
   color: var(--color-text-interactive-active-jrhxoe, #16191f);
 }
-.awsui_header-cell-sortable_1spae_8r04d_114:not(#\9):not(.awsui_header-cell-disabled_1spae_8r04d_211) > .awsui_header-cell-content_1spae_8r04d_164:hover > .awsui_sorting-icon_1spae_8r04d_150, .awsui_header-cell-sortable_1spae_8r04d_114:not(#\9):not(.awsui_header-cell-disabled_1spae_8r04d_211).awsui_header-cell-sorted_1spae_8r04d_211 > .awsui_header-cell-content_1spae_8r04d_164 > .awsui_sorting-icon_1spae_8r04d_150 {
+.awsui_header-cell-sortable_1spae_ysa6v_115:not(#\9):not(.awsui_header-cell-disabled_1spae_ysa6v_219) > .awsui_header-cell-content_1spae_ysa6v_165:hover > .awsui_sorting-icon_1spae_ysa6v_151, .awsui_header-cell-sortable_1spae_ysa6v_115:not(#\9):not(.awsui_header-cell-disabled_1spae_ysa6v_219).awsui_header-cell-sorted_1spae_ysa6v_219 > .awsui_header-cell-content_1spae_ysa6v_165 > .awsui_sorting-icon_1spae_ysa6v_151 {
   color: var(--color-text-interactive-active-jrhxoe, #16191f);
 }
-.awsui_header-cell-text_1spae_8r04d_225:not(#\9) {
+.awsui_header-cell-text_1spae_ysa6v_233:not(#\9) {
   line-height: var(--line-height-heading-xs-jsenn1, 20px);
-  padding-top: calc(var(--space-xxxs-z28114, 2px) / 2);
-  padding-bottom: calc(var(--space-xxxs-z28114, 2px) / 2);
+  padding-block: calc(var(--space-xxxs-z28114, 2px) / 2);
 }
-.awsui_header-cell-text_1spae_8r04d_225:not(#\9):not(.awsui_header-cell-text-wrap_1spae_8r04d_230) {
+.awsui_header-cell-text_1spae_ysa6v_233:not(#\9):not(.awsui_header-cell-text-wrap_1spae_ysa6v_237) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.awsui_header-cell-ascending_1spae_8r04d_236:not(#\9),
-.awsui_header-cell-descending_1spae_8r04d_237:not(#\9) {
+.awsui_header-cell-ascending_1spae_ysa6v_243:not(#\9),
+.awsui_header-cell-descending_1spae_ysa6v_244:not(#\9) {
   /* used in test-utils */
 }
@@ -244,29 +251,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_8r04d_93:not(#\9):not(.awsui_is-visual-refresh_1spae_8r04d_247):first-child {
-  padding-left: var(--space-xs-xf5ch3, 8px);
+.awsui_header-cell_1spae_ysa6v_93:not(#\9):not(.awsui_is-visual-refresh_1spae_ysa6v_254):first-child {
+  padding-inline-start: var(--space-xs-xf5ch3, 8px);
 }
-.awsui_header-cell_1spae_8r04d_93.awsui_is-visual-refresh_1spae_8r04d_247:not(#\9) {
+.awsui_header-cell_1spae_ysa6v_93.awsui_is-visual-refresh_1spae_ysa6v_254: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_8r04d_93.awsui_is-visual-refresh_1spae_8r04d_247:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_8r04d_258) {
-  padding-left: var(--space-xxxs-z28114, 2px);
+.awsui_header-cell_1spae_ysa6v_93.awsui_is-visual-refresh_1spae_ysa6v_254:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_ysa6v_265) {
+  padding-inline-start: var(--space-xxxs-z28114, 2px);
 }
-.awsui_header-cell_1spae_8r04d_93.awsui_is-visual-refresh_1spae_8r04d_247:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_8r04d_258).awsui_sticky-cell-pad-left_1spae_8r04d_125 {
-  padding-left: var(--space-table-horizontal-ciak0s, 0px);
+.awsui_header-cell_1spae_ysa6v_93.awsui_is-visual-refresh_1spae_ysa6v_254:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_ysa6v_265).awsui_sticky-cell-pad-left_1spae_ysa6v_126 {
+  padding-inline-start: var(--space-table-horizontal-ciak0s, 0px);
 }
-.awsui_header-cell_1spae_8r04d_93.awsui_is-visual-refresh_1spae_8r04d_247:not(#\9):first-child.awsui_has-striped-rows_1spae_8r04d_258 {
-  padding-left: var(--space-xxs-9rrxti, 4px);
+.awsui_header-cell_1spae_ysa6v_93.awsui_is-visual-refresh_1spae_ysa6v_254:not(#\9):first-child.awsui_has-striped-rows_1spae_ysa6v_265 {
+  padding-inline-start: var(--space-xxs-9rrxti, 4px);
 }
-.awsui_header-cell_1spae_8r04d_93.awsui_is-visual-refresh_1spae_8r04d_247:not(#\9):first-child > .awsui_header-cell-content_1spae_8r04d_164 {
-  padding-left: 0;
+.awsui_header-cell_1spae_ysa6v_93.awsui_is-visual-refresh_1spae_ysa6v_254:not(#\9):first-child > .awsui_header-cell-content_1spae_ysa6v_165 {
+  padding-inline-start: 0;
 }
-.awsui_header-cell_1spae_8r04d_93.awsui_is-visual-refresh_1spae_8r04d_247:not(#\9):last-child.awsui_header-cell-sortable_1spae_8r04d_114 {
-  padding-right: var(--space-xxxs-z28114, 2px);
+.awsui_header-cell_1spae_ysa6v_93.awsui_is-visual-refresh_1spae_ysa6v_254:not(#\9):last-child.awsui_header-cell-sortable_1spae_ysa6v_115 {
+  padding-inline-end: 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_8r04d_93",
-  "header-cell-sticky": "awsui_header-cell-sticky_1spae_8r04d_105",
-  "header-cell-stuck": "awsui_header-cell-stuck_1spae_8r04d_108",
-  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_8r04d_108",
-  "header-cell-hidden": "awsui_header-cell-hidden_1spae_8r04d_111",
-  "header-cell-sortable": "awsui_header-cell-sortable_1spae_8r04d_114",
-  "sticky-cell": "awsui_sticky-cell_1spae_8r04d_117",
-  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_8r04d_125",
-  "has-selection": "awsui_has-selection_1spae_8r04d_125",
-  "sticky-cell-last-left": "awsui_sticky-cell-last-left_1spae_8r04d_128",
-  "resize-divider": "awsui_resize-divider_1spae_8r04d_132",
-  "sticky-cell-last-right": "awsui_sticky-cell-last-right_1spae_8r04d_135",
-  "sorting-icon": "awsui_sorting-icon_1spae_8r04d_150",
-  "edit-icon": "awsui_edit-icon_1spae_8r04d_158",
-  "header-cell-content": "awsui_header-cell-content_1spae_8r04d_164",
-  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_8r04d_193",
-  "header-cell-disabled": "awsui_header-cell-disabled_1spae_8r04d_211",
-  "header-cell-sorted": "awsui_header-cell-sorted_1spae_8r04d_211",
-  "header-cell-text": "awsui_header-cell-text_1spae_8r04d_225",
-  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_8r04d_230",
-  "header-cell-ascending": "awsui_header-cell-ascending_1spae_8r04d_236",
-  "header-cell-descending": "awsui_header-cell-descending_1spae_8r04d_237",
-  "is-visual-refresh": "awsui_is-visual-refresh_1spae_8r04d_247",
-  "has-striped-rows": "awsui_has-striped-rows_1spae_8r04d_258"
+  "header-cell": "awsui_header-cell_1spae_ysa6v_93",
+  "header-cell-sticky": "awsui_header-cell-sticky_1spae_ysa6v_106",
+  "header-cell-stuck": "awsui_header-cell-stuck_1spae_ysa6v_109",
+  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_ysa6v_109",
+  "header-cell-hidden": "awsui_header-cell-hidden_1spae_ysa6v_112",
+  "header-cell-sortable": "awsui_header-cell-sortable_1spae_ysa6v_115",
+  "sticky-cell": "awsui_sticky-cell_1spae_ysa6v_118",
+  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_ysa6v_126",
+  "has-selection": "awsui_has-selection_1spae_ysa6v_126",
+  "sticky-cell-last-left": "awsui_sticky-cell-last-left_1spae_ysa6v_129",
+  "resize-divider": "awsui_resize-divider_1spae_ysa6v_133",
+  "sticky-cell-last-right": "awsui_sticky-cell-last-right_1spae_ysa6v_136",
+  "sorting-icon": "awsui_sorting-icon_1spae_ysa6v_151",
+  "edit-icon": "awsui_edit-icon_1spae_ysa6v_159",
+  "header-cell-content": "awsui_header-cell-content_1spae_ysa6v_165",
+  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_ysa6v_198",
+  "header-cell-disabled": "awsui_header-cell-disabled_1spae_ysa6v_219",
+  "header-cell-sorted": "awsui_header-cell-sorted_1spae_ysa6v_219",
+  "header-cell-text": "awsui_header-cell-text_1spae_ysa6v_233",
+  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_ysa6v_237",
+  "header-cell-ascending": "awsui_header-cell-ascending_1spae_ysa6v_243",
+  "header-cell-descending": "awsui_header-cell-descending_1spae_ysa6v_244",
+  "is-visual-refresh": "awsui_is-visual-refresh_1spae_ysa6v_254",
+  "has-striped-rows": "awsui_has-striped-rows_1spae_ysa6v_265"
 };

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_76xpz_93",
-  "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_76xpz_93",
-  "divider": "awsui_divider_x7peu_76xpz_98",
-  "divider-disabled": "awsui_divider-disabled_x7peu_76xpz_111",
-  "divider-active": "awsui_divider-active_x7peu_76xpz_114",
-  "resizer": "awsui_resizer_x7peu_76xpz_118",
-  "has-focus": "awsui_has-focus_x7peu_76xpz_175",
-  "tracker": "awsui_tracker_x7peu_76xpz_195"
+  "resize-active": "awsui_resize-active_x7peu_4e5j7_93",
+  "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_4e5j7_93",
+  "divider": "awsui_divider_x7peu_4e5j7_98",
+  "divider-disabled": "awsui_divider-disabled_x7peu_4e5j7_112",
+  "divider-active": "awsui_divider-active_x7peu_4e5j7_115",
+  "resizer": "awsui_resizer_x7peu_4e5j7_119",
+  "has-focus": "awsui_has-focus_x7peu_4e5j7_176",
+  "tracker": "awsui_tracker_x7peu_4e5j7_199"
 };

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

@@ -90,33 +90,34 @@ 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_76xpz_93:not(#\9):not(.awsui_resize-active-with-focus_x7peu_76xpz_93) * {
+.awsui_resize-active_x7peu_4e5j7_93:not(#\9):not(.awsui_resize-active-with-focus_x7peu_4e5j7_93) * {
   cursor: col-resize;
   -webkit-user-select: none;
           user-select: none;
 }
-th:not(#\9):not(:last-child) > .awsui_divider_x7peu_76xpz_98 {
+th:not(#\9):not(:last-child) > .awsui_divider_x7peu_4e5j7_98 {
   position: absolute;
   outline: none;
   pointer-events: none;
-  right: 0;
-  bottom: 0;
-  top: 0;
-  min-height: var(--line-height-heading-xs-jsenn1, 20px);
-  max-height: calc(100% - calc(2 * var(--space-xs-xf5ch3, 8px) + var(--space-xxxs-z28114, 2px)));
-  margin: auto;
-  border-left: var(--border-item-width-0zxiwv, 1px) solid var(--color-border-divider-interactive-default-2k7xs4, #687078);
+  inset-inline-end: 0;
+  inset-block-end: 0;
+  inset-block-start: 0;
+  min-block-size: var(--line-height-heading-xs-jsenn1, 20px);
+  max-block-size: calc(100% - calc(2 * var(--space-xs-xf5ch3, 8px) + var(--space-xxxs-z28114, 2px)));
+  margin-block: auto;
+  margin-inline: auto;
+  border-inline-start: var(--border-item-width-0zxiwv, 1px) solid var(--color-border-divider-interactive-default-2k7xs4, #687078);
   box-sizing: border-box;
 }
-th:not(#\9):not(:last-child) > .awsui_divider-disabled_x7peu_76xpz_111 {
-  border-left-color: var(--color-border-divider-default-in8dkg, #eaeded);
+th:not(#\9):not(:last-child) > .awsui_divider-disabled_x7peu_4e5j7_112 {
+  border-inline-start-color: var(--color-border-divider-default-in8dkg, #eaeded);
 }
-th:not(#\9):not(:last-child) > .awsui_divider-active_x7peu_76xpz_114 {
-  border-left: 2px solid var(--color-border-divider-active-n0a8d4, #687078);
+th:not(#\9):not(:last-child) > .awsui_divider-active_x7peu_4e5j7_115 {
+  border-inline-start: 2px solid var(--color-border-divider-active-n0a8d4, #687078);
 }
-.awsui_resizer_x7peu_76xpz_118:not(#\9) {
+.awsui_resizer_x7peu_4e5j7_119:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -150,58 +151,60 @@ th:not(#\9):not(:last-child) > .awsui_divider-active_x7peu_76xpz_114 {
   font-family: var(--font-family-base-0nmw8v, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
-  border: none;
+  border-block: none;
+  border-inline: none;
   background: none;
-  bottom: 0;
+  inset-block: 0;
   cursor: col-resize;
   position: absolute;
-  right: calc(-1 * var(--space-l-xu1x80, 20px) / 2);
-  top: 0;
-  width: var(--space-l-xu1x80, 20px);
+  inset-inline-end: calc(-1 * var(--space-l-xu1x80, 20px) / 2);
+  inline-size: var(--space-l-xu1x80, 20px);
   z-index: 10;
 }
-.awsui_resizer_x7peu_76xpz_118:not(#\9):focus {
+.awsui_resizer_x7peu_4e5j7_119:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-.awsui_resize-active_x7peu_76xpz_93 .awsui_resizer_x7peu_76xpz_118:not(#\9) {
+.awsui_resize-active_x7peu_4e5j7_93 .awsui_resizer_x7peu_4e5j7_119:not(#\9) {
   pointer-events: none;
 }
-th:not(#\9):last-child > .awsui_resizer_x7peu_76xpz_118 {
-  width: calc(var(--space-l-xu1x80, 20px) / 2);
-  right: 0;
+th:not(#\9):last-child > .awsui_resizer_x7peu_4e5j7_119 {
+  inline-size: calc(var(--space-l-xu1x80, 20px) / 2);
+  inset-inline-end: 0;
 }
-.awsui_resizer_x7peu_76xpz_118:not(#\9):hover + .awsui_divider_x7peu_76xpz_98 {
-  border-left: 2px solid var(--color-border-divider-active-n0a8d4, #687078);
+.awsui_resizer_x7peu_4e5j7_119:not(#\9):hover + .awsui_divider_x7peu_4e5j7_98 {
+  border-inline-start: 2px solid var(--color-border-divider-active-n0a8d4, #687078);
 }
-body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_76xpz_118.awsui_has-focus_x7peu_76xpz_175:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_4e5j7_119.awsui_has-focus_x7peu_4e5j7_176:not(#\9) {
   position: relative;
   position: absolute;
 }
-body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_76xpz_118.awsui_has-focus_x7peu_76xpz_175:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_4e5j7_119.awsui_has-focus_x7peu_4e5j7_176:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(var(--space-table-header-focus-outline-gutter-czfdw1, 0px) - 2px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_76xpz_118.awsui_has-focus_x7peu_76xpz_175:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_4e5j7_119.awsui_has-focus_x7peu_4e5j7_176:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
-  left: calc(-1 * calc(var(--space-table-header-focus-outline-gutter-czfdw1, 0px) - 2px));
-  top: calc(-1 * calc(var(--space-table-header-focus-outline-gutter-czfdw1, 0px) - 2px));
-  width: calc(100% + 2 * calc(var(--space-table-header-focus-outline-gutter-czfdw1, 0px) - 2px));
-  height: calc(100% + 2 * calc(var(--space-table-header-focus-outline-gutter-czfdw1, 0px) - 2px));
-  border-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  inset-inline-start: calc(-1 * calc(var(--space-table-header-focus-outline-gutter-czfdw1, 0px) - 2px));
+  inset-block-start: calc(-1 * calc(var(--space-table-header-focus-outline-gutter-czfdw1, 0px) - 2px));
+  inline-size: calc(100% + 2 * calc(var(--space-table-header-focus-outline-gutter-czfdw1, 0px) - 2px));
+  block-size: calc(100% + 2 * calc(var(--space-table-header-focus-outline-gutter-czfdw1, 0px) - 2px));
+  border-start-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  border-start-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  border-end-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  border-end-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_tracker_x7peu_76xpz_195:not(#\9) {
+.awsui_tracker_x7peu_4e5j7_199:not(#\9) {
   display: none;
   position: absolute;
-  border-left: var(--border-divider-list-width-471u6a, 1px) dashed var(--color-border-divider-active-n0a8d4, #687078);
-  width: 0;
-  top: 0;
-  bottom: 0;
+  border-inline-start: var(--border-divider-list-width-471u6a, 1px) dashed var(--color-border-divider-active-n0a8d4, #687078);
+  inline-size: 0;
+  inset-block: 0;
 }
-.awsui_resize-active_x7peu_76xpz_93 .awsui_tracker_x7peu_76xpz_195:not(#\9) {
+.awsui_resize-active_x7peu_4e5j7_93 .awsui_tracker_x7peu_4e5j7_199:not(#\9) {
   display: block;
 }

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

@@ -2,13 +2,13 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "resize-active": "awsui_resize-active_x7peu_76xpz_93",
-  "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_76xpz_93",
-  "divider": "awsui_divider_x7peu_76xpz_98",
-  "divider-disabled": "awsui_divider-disabled_x7peu_76xpz_111",
-  "divider-active": "awsui_divider-active_x7peu_76xpz_114",
-  "resizer": "awsui_resizer_x7peu_76xpz_118",
-  "has-focus": "awsui_has-focus_x7peu_76xpz_175",
-  "tracker": "awsui_tracker_x7peu_76xpz_195"
+  "resize-active": "awsui_resize-active_x7peu_4e5j7_93",
+  "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_4e5j7_93",
+  "divider": "awsui_divider_x7peu_4e5j7_98",
+  "divider-disabled": "awsui_divider-disabled_x7peu_4e5j7_112",
+  "divider-active": "awsui_divider-active_x7peu_4e5j7_115",
+  "resizer": "awsui_resizer_x7peu_4e5j7_119",
+  "has-focus": "awsui_has-focus_x7peu_4e5j7_176",
+  "tracker": "awsui_tracker_x7peu_4e5j7_199"
 };

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

@@ -1,8 +1,8 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1s55x_1ox2w_93",
-  "label": "awsui_label_1s55x_1ox2w_97",
-  "stud": "awsui_stud_1s55x_1ox2w_111"
+  "root": "awsui_root_1s55x_f0aq6_93",
+  "label": "awsui_label_1s55x_f0aq6_97",
+  "stud": "awsui_stud_1s55x_f0aq6_111"
 };

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

@@ -90,24 +90,24 @@ 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_1s55x_1ox2w_93:not(#\9) {
+.awsui_root_1s55x_f0aq6_93:not(#\9) {
   /* used in test-utils and in the use-selection hook */
 }
-.awsui_label_1s55x_1ox2w_97:not(#\9) {
+.awsui_label_1s55x_f0aq6_97:not(#\9) {
   display: flex;
   align-items: center;
   justify-content: center;
   position: absolute;
-  padding-bottom: var(--space-xxs-9rrxti, 4px);
-  height: 100%;
-  top: 0;
-  width: 100%;
-  left: 0;
+  padding-block-end: var(--space-xxs-9rrxti, 4px);
+  block-size: 100%;
+  inset-block-start: 0;
+  inline-size: 100%;
+  inset-inline-start: 0;
   box-sizing: border-box;
-  border-right: 1px solid transparent;
+  border-inline-end: 1px solid transparent;
 }
-.awsui_stud_1s55x_1ox2w_111:not(#\9) {
+.awsui_stud_1s55x_f0aq6_111:not(#\9) {
   visibility: hidden;
 }

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

@@ -2,8 +2,8 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1s55x_1ox2w_93",
-  "label": "awsui_label_1s55x_1ox2w_97",
-  "stud": "awsui_stud_1s55x_1ox2w_111"
+  "root": "awsui_root_1s55x_f0aq6_93",
+  "label": "awsui_label_1s55x_f0aq6_97",
+  "stud": "awsui_stud_1s55x_f0aq6_111"
 };