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

@cloudscape-design/components-themeable 3.0.534 → 3.0.535

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

package/lib/internal/template/tiles/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
 */
-div.awsui_column-layout_vj6p7_azzck_93:not(#\9) {
+div.awsui_column-layout_vj6p7_12sef_93:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -126,135 +126,135 @@ div.awsui_column-layout_vj6p7_azzck_93:not(#\9) {
   -moz-osx-font-smoothing: auto;
   word-wrap: break-word;
 }
-div.awsui_column-layout_vj6p7_azzck_93 > .awsui_grid_vj6p7_azzck_128:not(#\9) {
+div.awsui_column-layout_vj6p7_12sef_93 > .awsui_grid_vj6p7_12sef_128:not(#\9) {
   margin: calc(var(--space-grid-gutter-fzqbbi, 20px) / -2);
   /* stylelint-disable-next-line selector-max-universal */
   /* stylelint-disable-next-line selector-max-universal */
 }
-div.awsui_column-layout_vj6p7_azzck_93 > .awsui_grid_vj6p7_azzck_128.awsui_grid-no-gutters_vj6p7_azzck_133:not(#\9) {
+div.awsui_column-layout_vj6p7_12sef_93 > .awsui_grid_vj6p7_12sef_128.awsui_grid-no-gutters_vj6p7_12sef_133:not(#\9) {
   margin: 0;
 }
-div.awsui_column-layout_vj6p7_azzck_93 > .awsui_grid_vj6p7_azzck_128.awsui_grid-variant-text-grid_vj6p7_azzck_136:not(#\9) {
+div.awsui_column-layout_vj6p7_12sef_93 > .awsui_grid_vj6p7_12sef_128.awsui_grid-variant-text-grid_vj6p7_12sef_136:not(#\9) {
   /* stylelint-disable-next-line selector-max-universal */
   margin: calc(-1 * var(--space-grid-gutter-fzqbbi, 20px) / 2) calc(-1 * var(--space-grid-gutter-fzqbbi, 20px));
 }
-div.awsui_column-layout_vj6p7_azzck_93 > .awsui_grid_vj6p7_azzck_128.awsui_grid-variant-text-grid_vj6p7_azzck_136 > *:not(#\9) {
+div.awsui_column-layout_vj6p7_12sef_93 > .awsui_grid_vj6p7_12sef_128.awsui_grid-variant-text-grid_vj6p7_12sef_136 > *:not(#\9) {
   border-left: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-in8dkg, #eaeded);
 }
-div.awsui_column-layout_vj6p7_azzck_93 > .awsui_grid_vj6p7_azzck_128.awsui_grid-variant-text-grid_vj6p7_azzck_136.awsui_grid-breakpoint-default_vj6p7_azzck_143 > *:not(#\9):nth-child(1n+1) {
+div.awsui_column-layout_vj6p7_12sef_93 > .awsui_grid_vj6p7_12sef_128.awsui_grid-variant-text-grid_vj6p7_12sef_136.awsui_grid-breakpoint-default_vj6p7_12sef_143 > *:not(#\9):nth-child(1n+1) {
   border-left-width: 0;
 }
-div.awsui_column-layout_vj6p7_azzck_93 > .awsui_grid_vj6p7_azzck_128.awsui_grid-variant-text-grid_vj6p7_azzck_136.awsui_grid-columns-1_vj6p7_azzck_146.awsui_grid-breakpoint-xxs_vj6p7_azzck_146 > *:not(#\9):nth-child(1n+1) {
+div.awsui_column-layout_vj6p7_12sef_93 > .awsui_grid_vj6p7_12sef_128.awsui_grid-variant-text-grid_vj6p7_12sef_136.awsui_grid-columns-1_vj6p7_12sef_146.awsui_grid-breakpoint-xxs_vj6p7_12sef_146 > *:not(#\9):nth-child(1n+1) {
   border-left-width: 0;
 }
-div.awsui_column-layout_vj6p7_azzck_93 > .awsui_grid_vj6p7_azzck_128.awsui_grid-variant-text-grid_vj6p7_azzck_136.awsui_grid-columns-1_vj6p7_azzck_146.awsui_grid-breakpoint-xs_vj6p7_azzck_149 > *:not(#\9):nth-child(1n+1) {
+div.awsui_column-layout_vj6p7_12sef_93 > .awsui_grid_vj6p7_12sef_128.awsui_grid-variant-text-grid_vj6p7_12sef_136.awsui_grid-columns-1_vj6p7_12sef_146.awsui_grid-breakpoint-xs_vj6p7_12sef_149 > *:not(#\9):nth-child(1n+1) {
   border-left-width: 0;
 }
-div.awsui_column-layout_vj6p7_azzck_93 > .awsui_grid_vj6p7_azzck_128.awsui_grid-variant-text-grid_vj6p7_azzck_136.awsui_grid-columns-2_vj6p7_azzck_152.awsui_grid-breakpoint-xxs_vj6p7_azzck_146 > *:not(#\9):nth-child(2n+1) {
+div.awsui_column-layout_vj6p7_12sef_93 > .awsui_grid_vj6p7_12sef_128.awsui_grid-variant-text-grid_vj6p7_12sef_136.awsui_grid-columns-2_vj6p7_12sef_152.awsui_grid-breakpoint-xxs_vj6p7_12sef_146 > *:not(#\9):nth-child(2n+1) {
   border-left-width: 0;
 }
-div.awsui_column-layout_vj6p7_azzck_93 > .awsui_grid_vj6p7_azzck_128.awsui_grid-variant-text-grid_vj6p7_azzck_136.awsui_grid-columns-2_vj6p7_azzck_152.awsui_grid-breakpoint-xs_vj6p7_azzck_149 > *:not(#\9):nth-child(2n+1) {
+div.awsui_column-layout_vj6p7_12sef_93 > .awsui_grid_vj6p7_12sef_128.awsui_grid-variant-text-grid_vj6p7_12sef_136.awsui_grid-columns-2_vj6p7_12sef_152.awsui_grid-breakpoint-xs_vj6p7_12sef_149 > *:not(#\9):nth-child(2n+1) {
   border-left-width: 0;
 }
-div.awsui_column-layout_vj6p7_azzck_93 > .awsui_grid_vj6p7_azzck_128.awsui_grid-variant-text-grid_vj6p7_azzck_136.awsui_grid-columns-3_vj6p7_azzck_158.awsui_grid-breakpoint-xxs_vj6p7_azzck_146 > *:not(#\9):nth-child(2n+1) {
+div.awsui_column-layout_vj6p7_12sef_93 > .awsui_grid_vj6p7_12sef_128.awsui_grid-variant-text-grid_vj6p7_12sef_136.awsui_grid-columns-3_vj6p7_12sef_158.awsui_grid-breakpoint-xxs_vj6p7_12sef_146 > *:not(#\9):nth-child(2n+1) {
   border-left-width: 0;
 }
-div.awsui_column-layout_vj6p7_azzck_93 > .awsui_grid_vj6p7_azzck_128.awsui_grid-variant-text-grid_vj6p7_azzck_136.awsui_grid-columns-3_vj6p7_azzck_158.awsui_grid-breakpoint-xs_vj6p7_azzck_149 > *:not(#\9):nth-child(3n+1) {
+div.awsui_column-layout_vj6p7_12sef_93 > .awsui_grid_vj6p7_12sef_128.awsui_grid-variant-text-grid_vj6p7_12sef_136.awsui_grid-columns-3_vj6p7_12sef_158.awsui_grid-breakpoint-xs_vj6p7_12sef_149 > *:not(#\9):nth-child(3n+1) {
   border-left-width: 0;
 }
-div.awsui_column-layout_vj6p7_azzck_93 > .awsui_grid_vj6p7_azzck_128.awsui_grid-variant-text-grid_vj6p7_azzck_136.awsui_grid-columns-4_vj6p7_azzck_164.awsui_grid-breakpoint-xxs_vj6p7_azzck_146 > *:not(#\9):nth-child(2n+1) {
+div.awsui_column-layout_vj6p7_12sef_93 > .awsui_grid_vj6p7_12sef_128.awsui_grid-variant-text-grid_vj6p7_12sef_136.awsui_grid-columns-4_vj6p7_12sef_164.awsui_grid-breakpoint-xxs_vj6p7_12sef_146 > *:not(#\9):nth-child(2n+1) {
   border-left-width: 0;
 }
-div.awsui_column-layout_vj6p7_azzck_93 > .awsui_grid_vj6p7_azzck_128.awsui_grid-variant-text-grid_vj6p7_azzck_136.awsui_grid-columns-4_vj6p7_azzck_164.awsui_grid-breakpoint-xs_vj6p7_azzck_149 > *:not(#\9):nth-child(4n+1) {
+div.awsui_column-layout_vj6p7_12sef_93 > .awsui_grid_vj6p7_12sef_128.awsui_grid-variant-text-grid_vj6p7_12sef_136.awsui_grid-columns-4_vj6p7_12sef_164.awsui_grid-breakpoint-xs_vj6p7_12sef_149 > *:not(#\9):nth-child(4n+1) {
   border-left-width: 0;
 }
-div.awsui_column-layout_vj6p7_azzck_93 > .awsui_grid_vj6p7_azzck_128:not(#\9):not(.awsui_grid-no-gutters_vj6p7_azzck_133) > * {
+div.awsui_column-layout_vj6p7_12sef_93 > .awsui_grid_vj6p7_12sef_128:not(#\9):not(.awsui_grid-no-gutters_vj6p7_12sef_133) > * {
   padding: calc(var(--space-grid-gutter-fzqbbi, 20px) / 2);
 }
-div.awsui_column-layout_vj6p7_azzck_93 > .awsui_grid_vj6p7_azzck_128:not(#\9):not(.awsui_grid-no-gutters_vj6p7_azzck_133).awsui_grid-variant-text-grid_vj6p7_azzck_136 > * {
+div.awsui_column-layout_vj6p7_12sef_93 > .awsui_grid_vj6p7_12sef_128:not(#\9):not(.awsui_grid-no-gutters_vj6p7_12sef_133).awsui_grid-variant-text-grid_vj6p7_12sef_136 > * {
   padding: 0 var(--space-grid-gutter-fzqbbi, 20px);
   margin: calc(var(--space-grid-gutter-fzqbbi, 20px) / 2) 0;
 }
-div.awsui_column-layout_vj6p7_azzck_93 > .awsui_grid_vj6p7_azzck_128.awsui_grid-vertical-borders_vj6p7_azzck_177:not(#\9) {
+div.awsui_column-layout_vj6p7_12sef_93 > .awsui_grid_vj6p7_12sef_128.awsui_grid-vertical-borders_vj6p7_12sef_177:not(#\9) {
   /* stylelint-disable-next-line selector-max-universal */
 }
-div.awsui_column-layout_vj6p7_azzck_93 > .awsui_grid_vj6p7_azzck_128.awsui_grid-vertical-borders_vj6p7_azzck_177 > *:not(#\9) {
+div.awsui_column-layout_vj6p7_12sef_93 > .awsui_grid_vj6p7_12sef_128.awsui_grid-vertical-borders_vj6p7_12sef_177 > *:not(#\9) {
   border-right: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-in8dkg, #eaeded);
 }
-div.awsui_column-layout_vj6p7_azzck_93 > .awsui_grid_vj6p7_azzck_128.awsui_grid-vertical-borders_vj6p7_azzck_177.awsui_grid-breakpoint-default_vj6p7_azzck_143 > *:not(#\9):nth-child(1n) {
+div.awsui_column-layout_vj6p7_12sef_93 > .awsui_grid_vj6p7_12sef_128.awsui_grid-vertical-borders_vj6p7_12sef_177.awsui_grid-breakpoint-default_vj6p7_12sef_143 > *:not(#\9):nth-child(1n) {
   border-right-width: 0;
 }
-div.awsui_column-layout_vj6p7_azzck_93 > .awsui_grid_vj6p7_azzck_128.awsui_grid-vertical-borders_vj6p7_azzck_177.awsui_grid-columns-1_vj6p7_azzck_146.awsui_grid-breakpoint-xxs_vj6p7_azzck_146 > *:not(#\9):nth-child(1n) {
+div.awsui_column-layout_vj6p7_12sef_93 > .awsui_grid_vj6p7_12sef_128.awsui_grid-vertical-borders_vj6p7_12sef_177.awsui_grid-columns-1_vj6p7_12sef_146.awsui_grid-breakpoint-xxs_vj6p7_12sef_146 > *:not(#\9):nth-child(1n) {
   border-right-width: 0;
 }
-div.awsui_column-layout_vj6p7_azzck_93 > .awsui_grid_vj6p7_azzck_128.awsui_grid-vertical-borders_vj6p7_azzck_177.awsui_grid-columns-1_vj6p7_azzck_146.awsui_grid-breakpoint-xs_vj6p7_azzck_149 > *:not(#\9):nth-child(1n) {
+div.awsui_column-layout_vj6p7_12sef_93 > .awsui_grid_vj6p7_12sef_128.awsui_grid-vertical-borders_vj6p7_12sef_177.awsui_grid-columns-1_vj6p7_12sef_146.awsui_grid-breakpoint-xs_vj6p7_12sef_149 > *:not(#\9):nth-child(1n) {
   border-right-width: 0;
 }
-div.awsui_column-layout_vj6p7_azzck_93 > .awsui_grid_vj6p7_azzck_128.awsui_grid-vertical-borders_vj6p7_azzck_177.awsui_grid-columns-2_vj6p7_azzck_152.awsui_grid-breakpoint-xxs_vj6p7_azzck_146 > *:not(#\9):nth-child(2n) {
+div.awsui_column-layout_vj6p7_12sef_93 > .awsui_grid_vj6p7_12sef_128.awsui_grid-vertical-borders_vj6p7_12sef_177.awsui_grid-columns-2_vj6p7_12sef_152.awsui_grid-breakpoint-xxs_vj6p7_12sef_146 > *:not(#\9):nth-child(2n) {
   border-right-width: 0;
 }
-div.awsui_column-layout_vj6p7_azzck_93 > .awsui_grid_vj6p7_azzck_128.awsui_grid-vertical-borders_vj6p7_azzck_177.awsui_grid-columns-2_vj6p7_azzck_152.awsui_grid-breakpoint-xs_vj6p7_azzck_149 > *:not(#\9):nth-child(2n) {
+div.awsui_column-layout_vj6p7_12sef_93 > .awsui_grid_vj6p7_12sef_128.awsui_grid-vertical-borders_vj6p7_12sef_177.awsui_grid-columns-2_vj6p7_12sef_152.awsui_grid-breakpoint-xs_vj6p7_12sef_149 > *:not(#\9):nth-child(2n) {
   border-right-width: 0;
 }
-div.awsui_column-layout_vj6p7_azzck_93 > .awsui_grid_vj6p7_azzck_128.awsui_grid-vertical-borders_vj6p7_azzck_177.awsui_grid-columns-3_vj6p7_azzck_158.awsui_grid-breakpoint-xxs_vj6p7_azzck_146 > *:not(#\9):nth-child(2n) {
+div.awsui_column-layout_vj6p7_12sef_93 > .awsui_grid_vj6p7_12sef_128.awsui_grid-vertical-borders_vj6p7_12sef_177.awsui_grid-columns-3_vj6p7_12sef_158.awsui_grid-breakpoint-xxs_vj6p7_12sef_146 > *:not(#\9):nth-child(2n) {
   border-right-width: 0;
 }
-div.awsui_column-layout_vj6p7_azzck_93 > .awsui_grid_vj6p7_azzck_128.awsui_grid-vertical-borders_vj6p7_azzck_177.awsui_grid-columns-3_vj6p7_azzck_158.awsui_grid-breakpoint-xs_vj6p7_azzck_149 > *:not(#\9):nth-child(3n) {
+div.awsui_column-layout_vj6p7_12sef_93 > .awsui_grid_vj6p7_12sef_128.awsui_grid-vertical-borders_vj6p7_12sef_177.awsui_grid-columns-3_vj6p7_12sef_158.awsui_grid-breakpoint-xs_vj6p7_12sef_149 > *:not(#\9):nth-child(3n) {
   border-right-width: 0;
 }
-div.awsui_column-layout_vj6p7_azzck_93 > .awsui_grid_vj6p7_azzck_128.awsui_grid-vertical-borders_vj6p7_azzck_177.awsui_grid-columns-4_vj6p7_azzck_164.awsui_grid-breakpoint-xxs_vj6p7_azzck_146 > *:not(#\9):nth-child(2n) {
+div.awsui_column-layout_vj6p7_12sef_93 > .awsui_grid_vj6p7_12sef_128.awsui_grid-vertical-borders_vj6p7_12sef_177.awsui_grid-columns-4_vj6p7_12sef_164.awsui_grid-breakpoint-xxs_vj6p7_12sef_146 > *:not(#\9):nth-child(2n) {
   border-right-width: 0;
 }
-div.awsui_column-layout_vj6p7_azzck_93 > .awsui_grid_vj6p7_azzck_128.awsui_grid-vertical-borders_vj6p7_azzck_177.awsui_grid-columns-4_vj6p7_azzck_164.awsui_grid-breakpoint-xs_vj6p7_azzck_149 > *:not(#\9):nth-child(4n) {
+div.awsui_column-layout_vj6p7_12sef_93 > .awsui_grid_vj6p7_12sef_128.awsui_grid-vertical-borders_vj6p7_12sef_177.awsui_grid-columns-4_vj6p7_12sef_164.awsui_grid-breakpoint-xs_vj6p7_12sef_149 > *:not(#\9):nth-child(4n) {
   border-right-width: 0;
 }
-div.awsui_column-layout_vj6p7_azzck_93 > .awsui_grid_vj6p7_azzck_128.awsui_grid-horizontal-borders_vj6p7_azzck_210:not(#\9) {
+div.awsui_column-layout_vj6p7_12sef_93 > .awsui_grid_vj6p7_12sef_128.awsui_grid-horizontal-borders_vj6p7_12sef_210:not(#\9) {
   /* stylelint-disable selector-max-universal */
   /* stylelint-enable selector-max-universal */
 }
-div.awsui_column-layout_vj6p7_azzck_93 > .awsui_grid_vj6p7_azzck_128.awsui_grid-horizontal-borders_vj6p7_azzck_210 > *:not(#\9) {
+div.awsui_column-layout_vj6p7_12sef_93 > .awsui_grid_vj6p7_12sef_128.awsui_grid-horizontal-borders_vj6p7_12sef_210 > *:not(#\9) {
   border-bottom: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-in8dkg, #eaeded);
 }
-div.awsui_column-layout_vj6p7_azzck_93 > .awsui_grid_vj6p7_azzck_128.awsui_grid-horizontal-borders_vj6p7_azzck_210 > *:not(#\9):last-child {
+div.awsui_column-layout_vj6p7_12sef_93 > .awsui_grid_vj6p7_12sef_128.awsui_grid-horizontal-borders_vj6p7_12sef_210 > *:not(#\9):last-child {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vj6p7_azzck_93 > .awsui_grid_vj6p7_azzck_128.awsui_grid-horizontal-borders_vj6p7_azzck_210.awsui_grid-columns-2_vj6p7_azzck_152.awsui_grid-breakpoint-xxs_vj6p7_azzck_146 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
+div.awsui_column-layout_vj6p7_12sef_93 > .awsui_grid_vj6p7_12sef_128.awsui_grid-horizontal-borders_vj6p7_12sef_210.awsui_grid-columns-2_vj6p7_12sef_152.awsui_grid-breakpoint-xxs_vj6p7_12sef_146 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vj6p7_azzck_93 > .awsui_grid_vj6p7_azzck_128.awsui_grid-horizontal-borders_vj6p7_azzck_210.awsui_grid-columns-2_vj6p7_azzck_152.awsui_grid-breakpoint-xs_vj6p7_azzck_149 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
+div.awsui_column-layout_vj6p7_12sef_93 > .awsui_grid_vj6p7_12sef_128.awsui_grid-horizontal-borders_vj6p7_12sef_210.awsui_grid-columns-2_vj6p7_12sef_152.awsui_grid-breakpoint-xs_vj6p7_12sef_149 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vj6p7_azzck_93 > .awsui_grid_vj6p7_azzck_128.awsui_grid-horizontal-borders_vj6p7_azzck_210.awsui_grid-columns-3_vj6p7_azzck_158.awsui_grid-breakpoint-xxs_vj6p7_azzck_146 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
+div.awsui_column-layout_vj6p7_12sef_93 > .awsui_grid_vj6p7_12sef_128.awsui_grid-horizontal-borders_vj6p7_12sef_210.awsui_grid-columns-3_vj6p7_12sef_158.awsui_grid-breakpoint-xxs_vj6p7_12sef_146 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vj6p7_azzck_93 > .awsui_grid_vj6p7_azzck_128.awsui_grid-horizontal-borders_vj6p7_azzck_210.awsui_grid-columns-3_vj6p7_azzck_158.awsui_grid-breakpoint-xs_vj6p7_azzck_149 > *:not(#\9):nth-last-child(2):nth-child(3n+1) {
+div.awsui_column-layout_vj6p7_12sef_93 > .awsui_grid_vj6p7_12sef_128.awsui_grid-horizontal-borders_vj6p7_12sef_210.awsui_grid-columns-3_vj6p7_12sef_158.awsui_grid-breakpoint-xs_vj6p7_12sef_149 > *:not(#\9):nth-last-child(2):nth-child(3n+1) {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vj6p7_azzck_93 > .awsui_grid_vj6p7_azzck_128.awsui_grid-horizontal-borders_vj6p7_azzck_210.awsui_grid-columns-3_vj6p7_azzck_158.awsui_grid-breakpoint-xs_vj6p7_azzck_149 > *:not(#\9):nth-last-child(2):nth-child(3n+2) {
+div.awsui_column-layout_vj6p7_12sef_93 > .awsui_grid_vj6p7_12sef_128.awsui_grid-horizontal-borders_vj6p7_12sef_210.awsui_grid-columns-3_vj6p7_12sef_158.awsui_grid-breakpoint-xs_vj6p7_12sef_149 > *:not(#\9):nth-last-child(2):nth-child(3n+2) {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vj6p7_azzck_93 > .awsui_grid_vj6p7_azzck_128.awsui_grid-horizontal-borders_vj6p7_azzck_210.awsui_grid-columns-3_vj6p7_azzck_158.awsui_grid-breakpoint-xs_vj6p7_azzck_149 > *:not(#\9):nth-last-child(3):nth-child(3n+1) {
+div.awsui_column-layout_vj6p7_12sef_93 > .awsui_grid_vj6p7_12sef_128.awsui_grid-horizontal-borders_vj6p7_12sef_210.awsui_grid-columns-3_vj6p7_12sef_158.awsui_grid-breakpoint-xs_vj6p7_12sef_149 > *:not(#\9):nth-last-child(3):nth-child(3n+1) {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vj6p7_azzck_93 > .awsui_grid_vj6p7_azzck_128.awsui_grid-horizontal-borders_vj6p7_azzck_210.awsui_grid-columns-4_vj6p7_azzck_164.awsui_grid-breakpoint-xxs_vj6p7_azzck_146 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
+div.awsui_column-layout_vj6p7_12sef_93 > .awsui_grid_vj6p7_12sef_128.awsui_grid-horizontal-borders_vj6p7_12sef_210.awsui_grid-columns-4_vj6p7_12sef_164.awsui_grid-breakpoint-xxs_vj6p7_12sef_146 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vj6p7_azzck_93 > .awsui_grid_vj6p7_azzck_128.awsui_grid-horizontal-borders_vj6p7_azzck_210.awsui_grid-columns-4_vj6p7_azzck_164.awsui_grid-breakpoint-xs_vj6p7_azzck_149 > *:not(#\9):nth-last-child(2):nth-child(4n+1) {
+div.awsui_column-layout_vj6p7_12sef_93 > .awsui_grid_vj6p7_12sef_128.awsui_grid-horizontal-borders_vj6p7_12sef_210.awsui_grid-columns-4_vj6p7_12sef_164.awsui_grid-breakpoint-xs_vj6p7_12sef_149 > *:not(#\9):nth-last-child(2):nth-child(4n+1) {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vj6p7_azzck_93 > .awsui_grid_vj6p7_azzck_128.awsui_grid-horizontal-borders_vj6p7_azzck_210.awsui_grid-columns-4_vj6p7_azzck_164.awsui_grid-breakpoint-xs_vj6p7_azzck_149 > *:not(#\9):nth-last-child(2):nth-child(4n+2) {
+div.awsui_column-layout_vj6p7_12sef_93 > .awsui_grid_vj6p7_12sef_128.awsui_grid-horizontal-borders_vj6p7_12sef_210.awsui_grid-columns-4_vj6p7_12sef_164.awsui_grid-breakpoint-xs_vj6p7_12sef_149 > *:not(#\9):nth-last-child(2):nth-child(4n+2) {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vj6p7_azzck_93 > .awsui_grid_vj6p7_azzck_128.awsui_grid-horizontal-borders_vj6p7_azzck_210.awsui_grid-columns-4_vj6p7_azzck_164.awsui_grid-breakpoint-xs_vj6p7_azzck_149 > *:not(#\9):nth-last-child(2):nth-child(4n+3) {
+div.awsui_column-layout_vj6p7_12sef_93 > .awsui_grid_vj6p7_12sef_128.awsui_grid-horizontal-borders_vj6p7_12sef_210.awsui_grid-columns-4_vj6p7_12sef_164.awsui_grid-breakpoint-xs_vj6p7_12sef_149 > *:not(#\9):nth-last-child(2):nth-child(4n+3) {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vj6p7_azzck_93 > .awsui_grid_vj6p7_azzck_128.awsui_grid-horizontal-borders_vj6p7_azzck_210.awsui_grid-columns-4_vj6p7_azzck_164.awsui_grid-breakpoint-xs_vj6p7_azzck_149 > *:not(#\9):nth-last-child(3):nth-child(4n+1) {
+div.awsui_column-layout_vj6p7_12sef_93 > .awsui_grid_vj6p7_12sef_128.awsui_grid-horizontal-borders_vj6p7_12sef_210.awsui_grid-columns-4_vj6p7_12sef_164.awsui_grid-breakpoint-xs_vj6p7_12sef_149 > *:not(#\9):nth-last-child(3):nth-child(4n+1) {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vj6p7_azzck_93 > .awsui_grid_vj6p7_azzck_128.awsui_grid-horizontal-borders_vj6p7_azzck_210.awsui_grid-columns-4_vj6p7_azzck_164.awsui_grid-breakpoint-xs_vj6p7_azzck_149 > *:not(#\9):nth-last-child(3):nth-child(4n+2) {
+div.awsui_column-layout_vj6p7_12sef_93 > .awsui_grid_vj6p7_12sef_128.awsui_grid-horizontal-borders_vj6p7_12sef_210.awsui_grid-columns-4_vj6p7_12sef_164.awsui_grid-breakpoint-xs_vj6p7_12sef_149 > *:not(#\9):nth-last-child(3):nth-child(4n+2) {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vj6p7_azzck_93 > .awsui_grid_vj6p7_azzck_128.awsui_grid-horizontal-borders_vj6p7_azzck_210.awsui_grid-columns-4_vj6p7_azzck_164.awsui_grid-breakpoint-xs_vj6p7_azzck_149 > *:not(#\9):nth-last-child(4):nth-child(4n+1) {
+div.awsui_column-layout_vj6p7_12sef_93 > .awsui_grid_vj6p7_12sef_128.awsui_grid-horizontal-borders_vj6p7_12sef_210.awsui_grid-columns-4_vj6p7_12sef_164.awsui_grid-breakpoint-xs_vj6p7_12sef_149 > *:not(#\9):nth-last-child(4):nth-child(4n+1) {
   border-bottom-width: 0;
 }
@@ -262,7 +262,7 @@ div.awsui_column-layout_vj6p7_azzck_93 > .awsui_grid_vj6p7_azzck_128.awsui_grid-
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_vj6p7_azzck_264:not(#\9) {
+.awsui_root_vj6p7_12sef_264:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -296,138 +296,151 @@ div.awsui_column-layout_vj6p7_azzck_93 > .awsui_grid_vj6p7_azzck_128.awsui_grid-
   font-family: var(--font-family-base-0nmw8v, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
-  min-width: 0;
+  min-inline-size: 0;
   word-break: break-word;
   display: block;
 }
-.awsui_tile-container_vj6p7_azzck_302:not(#\9) {
+.awsui_tile-container_vj6p7_12sef_302:not(#\9) {
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
-  border: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-default-aksbt5, #687078);
-  border-radius: var(--border-radius-tiles-cnruhs, 2px);
+  border-block: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-default-aksbt5, #687078);
+  border-inline: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-default-aksbt5, #687078);
+  border-start-start-radius: var(--border-radius-tiles-cnruhs, 2px);
+  border-start-end-radius: var(--border-radius-tiles-cnruhs, 2px);
+  border-end-start-radius: var(--border-radius-tiles-cnruhs, 2px);
+  border-end-end-radius: var(--border-radius-tiles-cnruhs, 2px);
   background: var(--color-background-input-default-w7mbz6, #ffffff);
-  padding: var(--space-xs-xf5ch3, 8px) var(--space-scaled-m-er48cl, 16px);
+  padding-block: var(--space-xs-xf5ch3, 8px);
+  padding-inline: var(--space-scaled-m-er48cl, 16px);
   transition: border-color var(--motion-duration-transition-quick-j01tkg, 90ms) var(--motion-easing-transition-quick-9ktw66, linear), background-color var(--motion-duration-transition-quick-j01tkg, 90ms) var(--motion-easing-transition-quick-9ktw66, linear);
 }
-.awsui_tile-container_vj6p7_azzck_302.awsui_refresh_vj6p7_azzck_312:not(#\9) {
-  padding: var(--space-xs-xf5ch3, 8px) var(--space-s-2025hl, 12px);
+.awsui_tile-container_vj6p7_12sef_302.awsui_refresh_vj6p7_12sef_317:not(#\9) {
+  padding-block: var(--space-xs-xf5ch3, 8px);
+  padding-inline: var(--space-s-2025hl, 12px);
 }
-.awsui_tile-container_vj6p7_azzck_302.awsui_has-metadata_vj6p7_azzck_315:not(#\9) {
-  padding-bottom: var(--space-s-2025hl, 12px);
+.awsui_tile-container_vj6p7_12sef_302.awsui_has-metadata_vj6p7_12sef_321:not(#\9) {
+  padding-block-end: var(--space-s-2025hl, 12px);
 }
-.awsui_tile-container_vj6p7_azzck_302.awsui_has-metadata_vj6p7_azzck_315.awsui_refresh_vj6p7_azzck_312:not(#\9) {
-  padding-bottom: var(--space-scaled-s-9q8n2q, 12px);
+.awsui_tile-container_vj6p7_12sef_302.awsui_has-metadata_vj6p7_12sef_321.awsui_refresh_vj6p7_12sef_317:not(#\9) {
+  padding-block-end: var(--space-scaled-s-9q8n2q, 12px);
 }
-.awsui_tile-container_vj6p7_azzck_302.awsui_selected_vj6p7_azzck_321:not(#\9) {
-  border: var(--border-field-width-yoy972, 1px) solid var(--color-border-item-selected-20gejb, #0073bb);
+.awsui_tile-container_vj6p7_12sef_302.awsui_selected_vj6p7_12sef_327:not(#\9) {
+  border-block: var(--border-field-width-yoy972, 1px) solid var(--color-border-item-selected-20gejb, #0073bb);
+  border-inline: var(--border-field-width-yoy972, 1px) solid var(--color-border-item-selected-20gejb, #0073bb);
   background: var(--color-background-item-selected-dbqvjr, #f1faff);
 }
-.awsui_tile-container_vj6p7_azzck_302.awsui_disabled_vj6p7_azzck_325:not(#\9) {
-  border: var(--border-field-width-yoy972, 1px) solid var(--color-border-tiles-disabled-o1okbc, transparent);
+.awsui_tile-container_vj6p7_12sef_302.awsui_disabled_vj6p7_12sef_332:not(#\9) {
+  border-block: var(--border-field-width-yoy972, 1px) solid var(--color-border-tiles-disabled-o1okbc, transparent);
+  border-inline: var(--border-field-width-yoy972, 1px) solid var(--color-border-tiles-disabled-o1okbc, transparent);
   background: var(--color-background-tiles-disabled-ctqo0t, #eaeded);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_tile-container_vj6p7_azzck_302:not(#\9) {
+  .awsui_tile-container_vj6p7_12sef_302:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_tile-container_vj6p7_azzck_302:not(#\9), .awsui-mode-entering .awsui_tile-container_vj6p7_azzck_302:not(#\9) {
+.awsui-motion-disabled .awsui_tile-container_vj6p7_12sef_302:not(#\9), .awsui-mode-entering .awsui_tile-container_vj6p7_12sef_302:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_columns_vj6p7_azzck_340:not(#\9) {
+.awsui_columns_vj6p7_12sef_348:not(#\9) {
   display: flex;
   flex-wrap: wrap;
-  margin: calc(var(--space-grid-gutter-fzqbbi, 20px) / -2);
+  margin-block: calc(var(--space-grid-gutter-fzqbbi, 20px) / -2);
+  margin-inline: calc(var(--space-grid-gutter-fzqbbi, 20px) / -2);
 }
-.awsui_columns_vj6p7_azzck_340.awsui_column-1_vj6p7_azzck_345 > .awsui_tile-container_vj6p7_azzck_302:not(#\9) {
-  margin: calc(var(--space-grid-gutter-fzqbbi, 20px) / 2);
+.awsui_columns_vj6p7_12sef_348.awsui_column-1_vj6p7_12sef_354 > .awsui_tile-container_vj6p7_12sef_302:not(#\9) {
+  margin-block: calc(var(--space-grid-gutter-fzqbbi, 20px) / 2);
+  margin-inline: calc(var(--space-grid-gutter-fzqbbi, 20px) / 2);
   box-sizing: border-box;
   flex: 0 0;
   flex-basis: calc(100% - var(--space-grid-gutter-fzqbbi, 20px));
-  max-width: calc(100% - var(--space-grid-gutter-fzqbbi, 20px));
+  max-inline-size: calc(100% - var(--space-grid-gutter-fzqbbi, 20px));
 }
-.awsui_columns_vj6p7_azzck_340.awsui_column-1_vj6p7_azzck_345 > .awsui_tile-container_vj6p7_azzck_302.awsui_breakpoint-xs_vj6p7_azzck_352:not(#\9) {
+.awsui_columns_vj6p7_12sef_348.awsui_column-1_vj6p7_12sef_354 > .awsui_tile-container_vj6p7_12sef_302.awsui_breakpoint-xs_vj6p7_12sef_362:not(#\9) {
   flex: 0 0;
   flex-basis: calc(100% - var(--space-grid-gutter-fzqbbi, 20px));
-  max-width: calc(100% - var(--space-grid-gutter-fzqbbi, 20px));
+  max-inline-size: calc(100% - var(--space-grid-gutter-fzqbbi, 20px));
 }
-.awsui_columns_vj6p7_azzck_340.awsui_column-1_vj6p7_azzck_345 > .awsui_tile-container_vj6p7_azzck_302.awsui_breakpoint-xxs_vj6p7_azzck_357:not(#\9) {
+.awsui_columns_vj6p7_12sef_348.awsui_column-1_vj6p7_12sef_354 > .awsui_tile-container_vj6p7_12sef_302.awsui_breakpoint-xxs_vj6p7_12sef_367:not(#\9) {
   flex: 0 0;
   flex-basis: calc(100% - var(--space-grid-gutter-fzqbbi, 20px));
-  max-width: calc(100% - var(--space-grid-gutter-fzqbbi, 20px));
+  max-inline-size: calc(100% - var(--space-grid-gutter-fzqbbi, 20px));
 }
-.awsui_columns_vj6p7_azzck_340.awsui_column-2_vj6p7_azzck_362 > .awsui_tile-container_vj6p7_azzck_302:not(#\9) {
-  margin: calc(var(--space-grid-gutter-fzqbbi, 20px) / 2);
+.awsui_columns_vj6p7_12sef_348.awsui_column-2_vj6p7_12sef_372 > .awsui_tile-container_vj6p7_12sef_302:not(#\9) {
+  margin-block: calc(var(--space-grid-gutter-fzqbbi, 20px) / 2);
+  margin-inline: calc(var(--space-grid-gutter-fzqbbi, 20px) / 2);
   box-sizing: border-box;
   flex: 0 0;
   flex-basis: calc(100% - var(--space-grid-gutter-fzqbbi, 20px));
-  max-width: calc(100% - var(--space-grid-gutter-fzqbbi, 20px));
+  max-inline-size: calc(100% - var(--space-grid-gutter-fzqbbi, 20px));
 }
-.awsui_columns_vj6p7_azzck_340.awsui_column-2_vj6p7_azzck_362 > .awsui_tile-container_vj6p7_azzck_302.awsui_breakpoint-xs_vj6p7_azzck_352:not(#\9) {
+.awsui_columns_vj6p7_12sef_348.awsui_column-2_vj6p7_12sef_372 > .awsui_tile-container_vj6p7_12sef_302.awsui_breakpoint-xs_vj6p7_12sef_362:not(#\9) {
   flex: 0 0;
   flex-basis: calc(50% - var(--space-grid-gutter-fzqbbi, 20px));
-  max-width: calc(50% - var(--space-grid-gutter-fzqbbi, 20px));
+  max-inline-size: calc(50% - var(--space-grid-gutter-fzqbbi, 20px));
 }
-.awsui_columns_vj6p7_azzck_340.awsui_column-2_vj6p7_azzck_362 > .awsui_tile-container_vj6p7_azzck_302.awsui_breakpoint-xxs_vj6p7_azzck_357:not(#\9) {
+.awsui_columns_vj6p7_12sef_348.awsui_column-2_vj6p7_12sef_372 > .awsui_tile-container_vj6p7_12sef_302.awsui_breakpoint-xxs_vj6p7_12sef_367:not(#\9) {
   flex: 0 0;
   flex-basis: calc(50% - var(--space-grid-gutter-fzqbbi, 20px));
-  max-width: calc(50% - var(--space-grid-gutter-fzqbbi, 20px));
+  max-inline-size: calc(50% - var(--space-grid-gutter-fzqbbi, 20px));
 }
-.awsui_columns_vj6p7_azzck_340.awsui_column-3_vj6p7_azzck_379 > .awsui_tile-container_vj6p7_azzck_302:not(#\9) {
-  margin: calc(var(--space-grid-gutter-fzqbbi, 20px) / 2);
+.awsui_columns_vj6p7_12sef_348.awsui_column-3_vj6p7_12sef_390 > .awsui_tile-container_vj6p7_12sef_302:not(#\9) {
+  margin-block: calc(var(--space-grid-gutter-fzqbbi, 20px) / 2);
+  margin-inline: calc(var(--space-grid-gutter-fzqbbi, 20px) / 2);
   box-sizing: border-box;
   flex: 0 0;
   flex-basis: calc(100% - var(--space-grid-gutter-fzqbbi, 20px));
-  max-width: calc(100% - var(--space-grid-gutter-fzqbbi, 20px));
+  max-inline-size: calc(100% - var(--space-grid-gutter-fzqbbi, 20px));
 }
-.awsui_columns_vj6p7_azzck_340.awsui_column-3_vj6p7_azzck_379 > .awsui_tile-container_vj6p7_azzck_302.awsui_breakpoint-xs_vj6p7_azzck_352:not(#\9) {
+.awsui_columns_vj6p7_12sef_348.awsui_column-3_vj6p7_12sef_390 > .awsui_tile-container_vj6p7_12sef_302.awsui_breakpoint-xs_vj6p7_12sef_362:not(#\9) {
   flex: 0 0;
   flex-basis: calc(33.3333333333% - var(--space-grid-gutter-fzqbbi, 20px));
-  max-width: calc(33.3333333333% - var(--space-grid-gutter-fzqbbi, 20px));
+  max-inline-size: calc(33.3333333333% - var(--space-grid-gutter-fzqbbi, 20px));
 }
-.awsui_columns_vj6p7_azzck_340.awsui_column-3_vj6p7_azzck_379 > .awsui_tile-container_vj6p7_azzck_302.awsui_breakpoint-xxs_vj6p7_azzck_357:not(#\9) {
+.awsui_columns_vj6p7_12sef_348.awsui_column-3_vj6p7_12sef_390 > .awsui_tile-container_vj6p7_12sef_302.awsui_breakpoint-xxs_vj6p7_12sef_367:not(#\9) {
   flex: 0 0;
   flex-basis: calc(50% - var(--space-grid-gutter-fzqbbi, 20px));
-  max-width: calc(50% - var(--space-grid-gutter-fzqbbi, 20px));
+  max-inline-size: calc(50% - var(--space-grid-gutter-fzqbbi, 20px));
 }
-.awsui_columns_vj6p7_azzck_340.awsui_column-4_vj6p7_azzck_396 > .awsui_tile-container_vj6p7_azzck_302:not(#\9) {
-  margin: calc(var(--space-grid-gutter-fzqbbi, 20px) / 2);
+.awsui_columns_vj6p7_12sef_348.awsui_column-4_vj6p7_12sef_408 > .awsui_tile-container_vj6p7_12sef_302:not(#\9) {
+  margin-block: calc(var(--space-grid-gutter-fzqbbi, 20px) / 2);
+  margin-inline: calc(var(--space-grid-gutter-fzqbbi, 20px) / 2);
   box-sizing: border-box;
   flex: 0 0;
   flex-basis: calc(100% - var(--space-grid-gutter-fzqbbi, 20px));
-  max-width: calc(100% - var(--space-grid-gutter-fzqbbi, 20px));
+  max-inline-size: calc(100% - var(--space-grid-gutter-fzqbbi, 20px));
 }
-.awsui_columns_vj6p7_azzck_340.awsui_column-4_vj6p7_azzck_396 > .awsui_tile-container_vj6p7_azzck_302.awsui_breakpoint-xs_vj6p7_azzck_352:not(#\9) {
+.awsui_columns_vj6p7_12sef_348.awsui_column-4_vj6p7_12sef_408 > .awsui_tile-container_vj6p7_12sef_302.awsui_breakpoint-xs_vj6p7_12sef_362:not(#\9) {
   flex: 0 0;
   flex-basis: calc(25% - var(--space-grid-gutter-fzqbbi, 20px));
-  max-width: calc(25% - var(--space-grid-gutter-fzqbbi, 20px));
+  max-inline-size: calc(25% - var(--space-grid-gutter-fzqbbi, 20px));
 }
-.awsui_columns_vj6p7_azzck_340.awsui_column-4_vj6p7_azzck_396 > .awsui_tile-container_vj6p7_azzck_302.awsui_breakpoint-xxs_vj6p7_azzck_357:not(#\9) {
+.awsui_columns_vj6p7_12sef_348.awsui_column-4_vj6p7_12sef_408 > .awsui_tile-container_vj6p7_12sef_302.awsui_breakpoint-xxs_vj6p7_12sef_367:not(#\9) {
   flex: 0 0;
   flex-basis: calc(50% - var(--space-grid-gutter-fzqbbi, 20px));
-  max-width: calc(50% - var(--space-grid-gutter-fzqbbi, 20px));
+  max-inline-size: calc(50% - var(--space-grid-gutter-fzqbbi, 20px));
 }
-.awsui_control_vj6p7_azzck_414:not(#\9) {
+.awsui_control_vj6p7_12sef_427:not(#\9) {
   flex-grow: 1;
-  margin-bottom: var(--space-s-2025hl, 12px);
+  margin-block-end: var(--space-s-2025hl, 12px);
 }
-.awsui_control_vj6p7_azzck_414.awsui_no-image_vj6p7_azzck_418:not(#\9) {
-  margin-bottom: 0;
+.awsui_control_vj6p7_12sef_427.awsui_no-image_vj6p7_12sef_431:not(#\9) {
+  margin-block-end: 0;
 }
-.awsui_image_vj6p7_azzck_422:not(#\9) {
+.awsui_image_vj6p7_12sef_435:not(#\9) {
   text-align: center;
   flex: none;
 }
-.awsui_image_vj6p7_azzck_422 > img:not(#\9) {
-  max-width: 100%;
+.awsui_image_vj6p7_12sef_435 > img:not(#\9) {
+  max-inline-size: 100%;
 }
-.awsui_image_vj6p7_azzck_422.awsui_disabled_vj6p7_azzck_325 > img:not(#\9) {
+.awsui_image_vj6p7_12sef_435.awsui_disabled_vj6p7_12sef_332 > img:not(#\9) {
   opacity: 0.3;
 }

package/lib/internal/template/tiles/styles.selectors.js CHANGED Viewed

@@ -2,34 +2,34 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "column-layout": "awsui_column-layout_vj6p7_azzck_93",
-  "grid": "awsui_grid_vj6p7_azzck_128",
-  "grid-no-gutters": "awsui_grid-no-gutters_vj6p7_azzck_133",
-  "grid-variant-text-grid": "awsui_grid-variant-text-grid_vj6p7_azzck_136",
-  "grid-breakpoint-default": "awsui_grid-breakpoint-default_vj6p7_azzck_143",
-  "grid-columns-1": "awsui_grid-columns-1_vj6p7_azzck_146",
-  "grid-breakpoint-xxs": "awsui_grid-breakpoint-xxs_vj6p7_azzck_146",
-  "grid-breakpoint-xs": "awsui_grid-breakpoint-xs_vj6p7_azzck_149",
-  "grid-columns-2": "awsui_grid-columns-2_vj6p7_azzck_152",
-  "grid-columns-3": "awsui_grid-columns-3_vj6p7_azzck_158",
-  "grid-columns-4": "awsui_grid-columns-4_vj6p7_azzck_164",
-  "grid-vertical-borders": "awsui_grid-vertical-borders_vj6p7_azzck_177",
-  "grid-horizontal-borders": "awsui_grid-horizontal-borders_vj6p7_azzck_210",
-  "root": "awsui_root_vj6p7_azzck_264",
-  "tile-container": "awsui_tile-container_vj6p7_azzck_302",
-  "refresh": "awsui_refresh_vj6p7_azzck_312",
-  "has-metadata": "awsui_has-metadata_vj6p7_azzck_315",
-  "selected": "awsui_selected_vj6p7_azzck_321",
-  "disabled": "awsui_disabled_vj6p7_azzck_325",
-  "columns": "awsui_columns_vj6p7_azzck_340",
-  "column-1": "awsui_column-1_vj6p7_azzck_345",
-  "breakpoint-xs": "awsui_breakpoint-xs_vj6p7_azzck_352",
-  "breakpoint-xxs": "awsui_breakpoint-xxs_vj6p7_azzck_357",
-  "column-2": "awsui_column-2_vj6p7_azzck_362",
-  "column-3": "awsui_column-3_vj6p7_azzck_379",
-  "column-4": "awsui_column-4_vj6p7_azzck_396",
-  "control": "awsui_control_vj6p7_azzck_414",
-  "no-image": "awsui_no-image_vj6p7_azzck_418",
-  "image": "awsui_image_vj6p7_azzck_422"
+  "column-layout": "awsui_column-layout_vj6p7_12sef_93",
+  "grid": "awsui_grid_vj6p7_12sef_128",
+  "grid-no-gutters": "awsui_grid-no-gutters_vj6p7_12sef_133",
+  "grid-variant-text-grid": "awsui_grid-variant-text-grid_vj6p7_12sef_136",
+  "grid-breakpoint-default": "awsui_grid-breakpoint-default_vj6p7_12sef_143",
+  "grid-columns-1": "awsui_grid-columns-1_vj6p7_12sef_146",
+  "grid-breakpoint-xxs": "awsui_grid-breakpoint-xxs_vj6p7_12sef_146",
+  "grid-breakpoint-xs": "awsui_grid-breakpoint-xs_vj6p7_12sef_149",
+  "grid-columns-2": "awsui_grid-columns-2_vj6p7_12sef_152",
+  "grid-columns-3": "awsui_grid-columns-3_vj6p7_12sef_158",
+  "grid-columns-4": "awsui_grid-columns-4_vj6p7_12sef_164",
+  "grid-vertical-borders": "awsui_grid-vertical-borders_vj6p7_12sef_177",
+  "grid-horizontal-borders": "awsui_grid-horizontal-borders_vj6p7_12sef_210",
+  "root": "awsui_root_vj6p7_12sef_264",
+  "tile-container": "awsui_tile-container_vj6p7_12sef_302",
+  "refresh": "awsui_refresh_vj6p7_12sef_317",
+  "has-metadata": "awsui_has-metadata_vj6p7_12sef_321",
+  "selected": "awsui_selected_vj6p7_12sef_327",
+  "disabled": "awsui_disabled_vj6p7_12sef_332",
+  "columns": "awsui_columns_vj6p7_12sef_348",
+  "column-1": "awsui_column-1_vj6p7_12sef_354",
+  "breakpoint-xs": "awsui_breakpoint-xs_vj6p7_12sef_362",
+  "breakpoint-xxs": "awsui_breakpoint-xxs_vj6p7_12sef_367",
+  "column-2": "awsui_column-2_vj6p7_12sef_372",
+  "column-3": "awsui_column-3_vj6p7_12sef_390",
+  "column-4": "awsui_column-4_vj6p7_12sef_408",
+  "control": "awsui_control_vj6p7_12sef_427",
+  "no-image": "awsui_no-image_vj6p7_12sef_431",
+  "image": "awsui_image_vj6p7_12sef_435"
 };

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

@@ -1,13 +1,13 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_4yi2u_ojskk_93",
-  "outline": "awsui_outline_4yi2u_ojskk_129",
-  "toggle-control": "awsui_toggle-control_4yi2u_ojskk_148",
-  "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_ojskk_158",
-  "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_ojskk_161",
-  "toggle-handle": "awsui_toggle-handle_4yi2u_ojskk_168",
-  "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_ojskk_180",
-  "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_ojskk_183"
+  "root": "awsui_root_4yi2u_1edry_93",
+  "outline": "awsui_outline_4yi2u_1edry_129",
+  "toggle-control": "awsui_toggle-control_4yi2u_1edry_151",
+  "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_1edry_164",
+  "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_1edry_167",
+  "toggle-handle": "awsui_toggle-handle_4yi2u_1edry_174",
+  "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_1edry_189",
+  "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_1edry_192"
 };

package/lib/internal/template/toggle/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_root_4yi2u_ojskk_93:not(#\9) {
+.awsui_root_4yi2u_1edry_93:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -127,71 +127,80 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: flex;
 }
-.awsui_outline_4yi2u_ojskk_129:not(#\9) {
+.awsui_outline_4yi2u_1edry_129:not(#\9) {
   position: relative;
 }
-.awsui_outline_4yi2u_ojskk_129:not(#\9) {
+.awsui_outline_4yi2u_1edry_129:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-.awsui_outline_4yi2u_ojskk_129:not(#\9)::before {
+.awsui_outline_4yi2u_1edry_129:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
-  left: calc(-1 * 2px);
-  top: calc(-1 * 2px);
-  width: calc(100% + 2 * 2px);
-  height: calc(100% + 2 * 2px);
-  border-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  inset-inline-start: calc(-1 * 2px);
+  inset-block-start: calc(-1 * 2px);
+  inline-size: calc(100% + 2 * 2px);
+  block-size: calc(100% + 2 * 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_toggle-control_4yi2u_ojskk_148:not(#\9) {
+.awsui_toggle-control_4yi2u_1edry_151:not(#\9) {
   forced-color-adjust: none;
-  margin-top: calc((var(--line-height-body-m-2zx78l, 22px) - 16px) / 2);
-  min-height: 16px;
-  min-width: 24px;
-  height: 16px;
-  width: 24px;
+  margin-block-start: calc((var(--line-height-body-m-2zx78l, 22px) - 16px) / 2);
+  min-block-size: 16px;
+  min-inline-size: 24px;
+  block-size: 16px;
+  inline-size: 24px;
   background: var(--color-background-toggle-default-q71d3m, #545b64);
-  border-radius: 8px;
+  border-start-start-radius: 8px;
+  border-start-end-radius: 8px;
+  border-end-start-radius: 8px;
+  border-end-end-radius: 8px;
 }
-.awsui_toggle-control-checked_4yi2u_ojskk_158:not(#\9) {
+.awsui_toggle-control-checked_4yi2u_1edry_164:not(#\9) {
   background: var(--color-background-control-checked-pvanxo, #0073bb);
 }
-.awsui_toggle-control-disabled_4yi2u_ojskk_161:not(#\9) {
+.awsui_toggle-control-disabled_4yi2u_1edry_167:not(#\9) {
   background: var(--color-background-control-disabled-dsn0t2, #d5dbdb);
 }
-.awsui_toggle-control-disabled_4yi2u_ojskk_161.awsui_toggle-control-checked_4yi2u_ojskk_158:not(#\9) {
+.awsui_toggle-control-disabled_4yi2u_1edry_167.awsui_toggle-control-checked_4yi2u_1edry_164:not(#\9) {
   background: var(--color-background-toggle-checked-disabled-uehqtc, #99cbe4);
 }
-.awsui_toggle-handle_4yi2u_ojskk_168:not(#\9) {
+.awsui_toggle-handle_4yi2u_1edry_174:not(#\9) {
   display: block;
   position: absolute;
-  border-radius: 6px;
+  border-start-start-radius: 6px;
+  border-start-end-radius: 6px;
+  border-end-start-radius: 6px;
+  border-end-end-radius: 6px;
   background: var(--color-foreground-control-default-8qoldl, #ffffff);
   box-shadow: 1px 1px rgba(0, 0, 0, 0.25);
-  width: 12px;
-  height: 12px;
-  top: 2px;
-  left: 2px;
+  inline-size: 12px;
+  block-size: 12px;
+  inset-block-start: 2px;
+  inset-inline-start: 2px;
   transition: transform var(--motion-duration-fast-xv2yiz, 90ms) var(--motion-easing-ease-out-quart-8sctun, cubic-bezier(0.165, 0.84, 0.44, 1)), background-color var(--motion-duration-fast-xv2yiz, 90ms) var(--motion-easing-ease-out-quart-8sctun, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
-.awsui_toggle-handle-checked_4yi2u_ojskk_180:not(#\9) {
+.awsui_toggle-handle-checked_4yi2u_1edry_189:not(#\9) {
   transform: translateX(8px);
 }
-.awsui_toggle-handle-disabled_4yi2u_ojskk_183:not(#\9) {
+.awsui_toggle-handle-disabled_4yi2u_1edry_192:not(#\9) {
   background: var(--color-foreground-control-disabled-fcoqdk, #ffffff);
   box-shadow: none;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_toggle-handle_4yi2u_ojskk_168:not(#\9) {
+  .awsui_toggle-handle_4yi2u_1edry_174:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_toggle-handle_4yi2u_ojskk_168:not(#\9), .awsui-mode-entering .awsui_toggle-handle_4yi2u_ojskk_168:not(#\9) {
+.awsui-motion-disabled .awsui_toggle-handle_4yi2u_1edry_174:not(#\9), .awsui-mode-entering .awsui_toggle-handle_4yi2u_1edry_174:not(#\9) {
   animation: none;
   transition: none;
 }