@cloudscape-design/components-themeable 3.0.531 → 3.0.533

package/lib/internal/template/side-navigation/styles.scoped.css

@@ -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_l0dv0_1di9w_93:not(#\9) {
+.awsui_root_l0dv0_1kn3d_93:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -128,113 +128,124 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-break: break-word;
 }
 
-.awsui_header_l0dv0_1di9w_130:not(#\9) {
+.awsui_header_l0dv0_1kn3d_130:not(#\9) {
   font-size: var(--font-panel-header-size-tbwmfr, 18px);
   line-height: var(--font-panel-header-line-height-leujyg, 22px);
   font-weight: var(--font-weight-heading-l-1hf845, 700);
   -webkit-font-smoothing: var(--font-smoothing-webkit-8fiijr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-fw8n0n, auto);
-  margin: 0;
-  padding: var(--space-scaled-l-08jb88, 20px) var(--space-panel-nav-left-c5t4hj, 32px);
-  padding-right: calc(var(--space-scaled-xxl-x330me, 32px) + var(--space-xl-5fdwzu, 24px));
+  margin-block: 0;
+  margin-inline: 0;
+  padding-block: var(--space-scaled-l-08jb88, 20px);
+  padding-inline-start: var(--space-panel-nav-left-c5t4hj, 32px);
+  padding-inline-end: calc(var(--space-scaled-xxl-x330me, 32px) + var(--space-xl-5fdwzu, 24px));
 }
 
-.awsui_header-link_l0dv0_1di9w_141:not(#\9) {
+.awsui_header-link_l0dv0_1kn3d_143:not(#\9) {
   font-size: var(--font-panel-header-size-tbwmfr, 18px);
   line-height: var(--font-panel-header-line-height-leujyg, 22px);
   font-weight: var(--font-weight-heading-l-1hf845, 700);
   -webkit-font-smoothing: var(--font-smoothing-webkit-8fiijr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-fw8n0n, auto);
   color: var(--color-text-heading-default-tsgvby, #16191f);
-  min-height: var(--font-panel-header-line-height-leujyg, 22px);
+  min-block-size: var(--font-panel-header-line-height-leujyg, 22px);
   display: flex;
 }
-.awsui_header-link--has-logo_l0dv0_1di9w_151 > .awsui_header-link-text_l0dv0_1di9w_151:not(#\9) {
+.awsui_header-link--has-logo_l0dv0_1kn3d_153 > .awsui_header-link-text_l0dv0_1kn3d_153:not(#\9) {
   font-weight: 400;
   align-self: center;
 }
 
-.awsui_header-logo_l0dv0_1di9w_156:not(#\9) {
-  margin-right: var(--space-s-2025hl, 12px);
-  margin-top: var(--space-xxxs-z28114, 2px);
-  max-width: calc(1.25 * var(--size-icon-big-hyxarq, 32px));
+.awsui_header-logo_l0dv0_1kn3d_158:not(#\9) {
+  margin-inline-end: var(--space-s-2025hl, 12px);
+  margin-block-start: var(--space-xxxs-z28114, 2px);
+  max-inline-size: calc(1.25 * var(--size-icon-big-hyxarq, 32px));
   align-self: flex-start;
 }
-.awsui_header-logo--stretched_l0dv0_1di9w_162:not(#\9) {
-  max-width: 100%;
-  margin-right: 0;
+.awsui_header-logo--stretched_l0dv0_1kn3d_164:not(#\9) {
+  max-inline-size: 100%;
+  margin-inline-end: 0;
 }
 
-.awsui_list-container_l0dv0_1di9w_167:not(#\9) {
-  margin-top: var(--space-scaled-l-08jb88, 20px);
+.awsui_list-container_l0dv0_1kn3d_169:not(#\9) {
+  margin-block-start: var(--space-scaled-l-08jb88, 20px);
 }
 
-.awsui_list_l0dv0_1di9w_167:not(#\9) {
-  margin: 0;
-  padding: 0;
-  padding-left: var(--space-l-xu1x80, 20px);
+.awsui_list_l0dv0_1kn3d_169:not(#\9) {
+  margin-block: 0;
+  margin-inline: 0;
+  padding-block: 0;
+  padding-inline-end: 0;
+  padding-inline-start: var(--space-l-xu1x80, 20px);
 }
 
-.awsui_list-variant-root_l0dv0_1di9w_177:not(#\9) {
-  margin: 0;
-  padding: 0 var(--space-panel-side-right-23w8pv, 32px) 0 var(--space-panel-nav-left-c5t4hj, 32px);
+.awsui_list-variant-root_l0dv0_1kn3d_181:not(#\9) {
+  margin-block: 0;
+  margin-inline: 0;
+  padding-block: 0;
+  padding-inline-start: var(--space-panel-nav-left-c5t4hj, 32px);
+  padding-inline-end: var(--space-panel-side-right-23w8pv, 32px);
 }
-.awsui_list-variant-root--last_l0dv0_1di9w_181:not(#\9) {
-  margin-bottom: var(--space-scaled-xxxl-679zhd, 40px);
+.awsui_list-variant-root--last_l0dv0_1kn3d_188:not(#\9) {
+  margin-block-end: var(--space-scaled-xxxl-679zhd, 40px);
 }
 
-.awsui_list-variant-expandable-link-group_l0dv0_1di9w_185:not(#\9) {
-  padding-left: var(--space-xxxl-gvq98t, 40px);
+.awsui_list-variant-expandable-link-group_l0dv0_1kn3d_192:not(#\9) {
+  padding-inline-start: var(--space-xxxl-gvq98t, 40px);
 }
 
-.awsui_list-item_l0dv0_1di9w_189:not(#\9) {
-  margin: var(--space-scaled-xs-x91h81, 8px) 0;
-  padding: 0;
+.awsui_list-item_l0dv0_1kn3d_196:not(#\9) {
+  margin-block: var(--space-scaled-xs-x91h81, 8px);
+  margin-inline: 0;
+  padding-block: 0;
+  padding-inline: 0;
   list-style: none;
 }
 
-.awsui_section_l0dv0_1di9w_195:not(#\9),
-.awsui_expandable-link-group_l0dv0_1di9w_196:not(#\9) {
-  margin-left: calc(-1 * var(--space-l-xu1x80, 20px));
+.awsui_section_l0dv0_1kn3d_204:not(#\9),
+.awsui_expandable-link-group_l0dv0_1kn3d_205:not(#\9) {
+  margin-inline-start: calc(-1 * var(--space-l-xu1x80, 20px));
 }
-.awsui_section--no-ident_l0dv0_1di9w_199:not(#\9),
-.awsui_expandable-link-group--no-ident_l0dv0_1di9w_200:not(#\9) {
-  margin-left: 0;
+.awsui_section--no-ident_l0dv0_1kn3d_208:not(#\9),
+.awsui_expandable-link-group--no-ident_l0dv0_1kn3d_209:not(#\9) {
+  margin-inline-start: 0;
 }
 
-.awsui_section_l0dv0_1di9w_195:not(#\9) {
-  margin-top: calc(var(--space-scaled-2x-l-z6majk, 20px) - var(--border-divider-section-width-wl9k66, 1px));
-  margin-bottom: calc(var(--space-scaled-2x-l-z6majk, 20px) - var(--border-divider-section-width-wl9k66, 1px));
+.awsui_section_l0dv0_1kn3d_204:not(#\9) {
+  margin-block: calc(var(--space-scaled-2x-l-z6majk, 20px) - var(--border-divider-section-width-wl9k66, 1px));
   /* stylelint-disable-next-line selector-max-type */
 }
-.awsui_section_l0dv0_1di9w_195.awsui_refresh_l0dv0_1di9w_209:not(#\9) {
-  margin-top: calc(var(--space-scaled-2x-m-9606n2, 16px) - var(--border-divider-section-width-wl9k66, 1px));
-  margin-bottom: calc(var(--space-scaled-2x-m-9606n2, 16px) - var(--border-divider-section-width-wl9k66, 1px));
+.awsui_section_l0dv0_1kn3d_204.awsui_refresh_l0dv0_1kn3d_217:not(#\9) {
+  margin-block: calc(var(--space-scaled-2x-m-9606n2, 16px) - var(--border-divider-section-width-wl9k66, 1px));
 }
-.awsui_section_l0dv0_1di9w_195 > div:not(#\9) {
-  padding: 0;
+.awsui_section_l0dv0_1kn3d_204 > div:not(#\9) {
+  padding-block: 0;
+  padding-inline: 0;
 }
 
-.awsui_list-variant-section-group_l0dv0_1di9w_217:not(#\9) {
-  margin: 0;
-  padding: 0;
+.awsui_list-variant-section-group_l0dv0_1kn3d_225:not(#\9) {
+  margin-block: 0;
+  margin-inline: 0;
+  padding-block: 0;
+  padding-inline: 0;
 }
 
-.awsui_section-group_l0dv0_1di9w_222:not(#\9) {
+.awsui_section-group_l0dv0_1kn3d_232:not(#\9) {
   font-size: var(--font-size-heading-m-io97me, 18px);
   line-height: var(--line-height-heading-m-6mmwjh, 22px);
   letter-spacing: var(--letter-spacing-heading-m-kfwhdw, normal);
   font-weight: var(--font-weight-heading-m-6tlbfp, 400);
   -webkit-font-smoothing: var(--font-smoothing-webkit-8fiijr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-fw8n0n, auto);
-  margin: 0;
+  margin-block: 0;
+  margin-inline: 0;
 }
 
-.awsui_section-group-title_l0dv0_1di9w_232:not(#\9) {
+.awsui_section-group-title_l0dv0_1kn3d_243:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_link_l0dv0_1di9w_236:not(#\9) {
+.awsui_link_l0dv0_1kn3d_247:not(#\9) {
   font-size: var(--font-size-body-m-pa3mqb, 14px);
   line-height: var(--line-height-body-m-2zx78l, 22px);
   color: var(--color-text-body-secondary-6ysfsn, #545b64);
@@ -243,30 +254,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_link-active_l0dv0_1di9w_245:not(#\9) {
+.awsui_link-active_l0dv0_1kn3d_256:not(#\9) {
   font-weight: var(--font-wayfinding-link-active-weight-wec2dg, 700);
   -webkit-font-smoothing: var(--font-smoothing-webkit-8fiijr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-fw8n0n, auto);
   color: var(--color-text-accent-yy9054, #0073bb);
 }
 
-.awsui_header-link_l0dv0_1di9w_141:not(#\9),
-.awsui_link_l0dv0_1di9w_236:not(#\9) {
+.awsui_header-link_l0dv0_1kn3d_143:not(#\9),
+.awsui_link_l0dv0_1kn3d_247:not(#\9) {
   text-decoration: none;
 }
-.awsui_header-link_l0dv0_1di9w_141:not(#\9):hover,
-.awsui_link_l0dv0_1di9w_236:not(#\9):hover {
+.awsui_header-link_l0dv0_1kn3d_143:not(#\9):hover,
+.awsui_link_l0dv0_1kn3d_247:not(#\9):hover {
   color: var(--color-text-accent-yy9054, #0073bb);
 }
-.awsui_header-link_l0dv0_1di9w_141:not(#\9):focus,
-.awsui_link_l0dv0_1di9w_236:not(#\9):focus {
+.awsui_header-link_l0dv0_1kn3d_143:not(#\9):focus,
+.awsui_link_l0dv0_1kn3d_247:not(#\9):focus {
   outline: none;
 }
-.awsui_header-link_l0dv0_1di9w_141:not(#\9):hover, .awsui_header-link_l0dv0_1di9w_141:not(#\9):focus, .awsui_link_l0dv0_1di9w_236:not(#\9):hover, .awsui_link_l0dv0_1di9w_236:not(#\9):focus {
+.awsui_header-link_l0dv0_1kn3d_143:not(#\9):hover, .awsui_header-link_l0dv0_1kn3d_143:not(#\9):focus, .awsui_link_l0dv0_1kn3d_247:not(#\9):hover, .awsui_link_l0dv0_1kn3d_247:not(#\9):focus {
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_header-link_l0dv0_1di9w_141:not(#\9):focus,
-body[data-awsui-focus-visible=true] .awsui_link_l0dv0_1di9w_236:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-link_l0dv0_1kn3d_143:not(#\9):focus,
+body[data-awsui-focus-visible=true] .awsui_link_l0dv0_1kn3d_247:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-gygm43, 5px auto Highlight);
   outline-offset: 2px;
@@ -275,23 +286,25 @@ body[data-awsui-focus-visible=true] .awsui_link_l0dv0_1di9w_236:not(#\9):focus {
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-efbp5h, 0px) var(--color-border-item-focused-v8nq2m, #0073bb);
 }
 
-.awsui_info_l0dv0_1di9w_279:not(#\9) {
-  margin-left: var(--space-xs-xf5ch3, 8px);
+.awsui_info_l0dv0_1kn3d_290:not(#\9) {
+  margin-inline-start: var(--space-xs-xf5ch3, 8px);
 }
 
-.awsui_external-icon_l0dv0_1di9w_283:not(#\9) {
-  margin-left: var(--space-xxs-9rrxti, 4px);
+.awsui_external-icon_l0dv0_1kn3d_294:not(#\9) {
+  margin-inline-start: var(--space-xxs-9rrxti, 4px);
 }
 
-.awsui_divider_l0dv0_1di9w_287:not(#\9) {
-  border: none;
-  border-top: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-in8dkg, #eaeded);
+.awsui_divider_l0dv0_1kn3d_298:not(#\9) {
+  border-block: none;
+  border-inline: none;
+  border-block-start: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-in8dkg, #eaeded);
 }
 
-.awsui_divider-default_l0dv0_1di9w_292:not(#\9) {
-  margin: var(--space-scaled-2x-xl-20qbzu, 24px) calc(-1 * var(--space-s-2025hl, 12px));
+.awsui_divider-default_l0dv0_1kn3d_304:not(#\9) {
+  margin-block: var(--space-scaled-2x-xl-20qbzu, 24px);
+  margin-inline: calc(-1 * var(--space-s-2025hl, 12px));
 }
 
-.awsui_divider-header_l0dv0_1di9w_296:not(#\9) {
-  margin-top: 0;
+.awsui_divider-header_l0dv0_1kn3d_309:not(#\9) {
+  margin-block-start: 0;
 }

package/lib/internal/template/side-navigation/styles.selectors.js

@@ -2,33 +2,33 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_l0dv0_1di9w_93",
-  "header": "awsui_header_l0dv0_1di9w_130",
-  "header-link": "awsui_header-link_l0dv0_1di9w_141",
-  "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_1di9w_151",
-  "header-link-text": "awsui_header-link-text_l0dv0_1di9w_151",
-  "header-logo": "awsui_header-logo_l0dv0_1di9w_156",
-  "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_1di9w_162",
-  "list-container": "awsui_list-container_l0dv0_1di9w_167",
-  "list": "awsui_list_l0dv0_1di9w_167",
-  "list-variant-root": "awsui_list-variant-root_l0dv0_1di9w_177",
-  "list-variant-root--last": "awsui_list-variant-root--last_l0dv0_1di9w_181",
-  "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_1di9w_185",
-  "list-item": "awsui_list-item_l0dv0_1di9w_189",
-  "section": "awsui_section_l0dv0_1di9w_195",
-  "expandable-link-group": "awsui_expandable-link-group_l0dv0_1di9w_196",
-  "section--no-ident": "awsui_section--no-ident_l0dv0_1di9w_199",
-  "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_1di9w_200",
-  "refresh": "awsui_refresh_l0dv0_1di9w_209",
-  "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_1di9w_217",
-  "section-group": "awsui_section-group_l0dv0_1di9w_222",
-  "section-group-title": "awsui_section-group-title_l0dv0_1di9w_232",
-  "link": "awsui_link_l0dv0_1di9w_236",
-  "link-active": "awsui_link-active_l0dv0_1di9w_245",
-  "info": "awsui_info_l0dv0_1di9w_279",
-  "external-icon": "awsui_external-icon_l0dv0_1di9w_283",
-  "divider": "awsui_divider_l0dv0_1di9w_287",
-  "divider-default": "awsui_divider-default_l0dv0_1di9w_292",
-  "divider-header": "awsui_divider-header_l0dv0_1di9w_296"
+  "root": "awsui_root_l0dv0_1kn3d_93",
+  "header": "awsui_header_l0dv0_1kn3d_130",
+  "header-link": "awsui_header-link_l0dv0_1kn3d_143",
+  "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_1kn3d_153",
+  "header-link-text": "awsui_header-link-text_l0dv0_1kn3d_153",
+  "header-logo": "awsui_header-logo_l0dv0_1kn3d_158",
+  "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_1kn3d_164",
+  "list-container": "awsui_list-container_l0dv0_1kn3d_169",
+  "list": "awsui_list_l0dv0_1kn3d_169",
+  "list-variant-root": "awsui_list-variant-root_l0dv0_1kn3d_181",
+  "list-variant-root--last": "awsui_list-variant-root--last_l0dv0_1kn3d_188",
+  "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_1kn3d_192",
+  "list-item": "awsui_list-item_l0dv0_1kn3d_196",
+  "section": "awsui_section_l0dv0_1kn3d_204",
+  "expandable-link-group": "awsui_expandable-link-group_l0dv0_1kn3d_205",
+  "section--no-ident": "awsui_section--no-ident_l0dv0_1kn3d_208",
+  "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_1kn3d_209",
+  "refresh": "awsui_refresh_l0dv0_1kn3d_217",
+  "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_1kn3d_225",
+  "section-group": "awsui_section-group_l0dv0_1kn3d_232",
+  "section-group-title": "awsui_section-group-title_l0dv0_1kn3d_243",
+  "link": "awsui_link_l0dv0_1kn3d_247",
+  "link-active": "awsui_link-active_l0dv0_1kn3d_256",
+  "info": "awsui_info_l0dv0_1kn3d_290",
+  "external-icon": "awsui_external-icon_l0dv0_1kn3d_294",
+  "divider": "awsui_divider_l0dv0_1kn3d_298",
+  "divider-default": "awsui_divider-default_l0dv0_1kn3d_304",
+  "divider-header": "awsui_divider-header_l0dv0_1kn3d_309"
 };
   

package/lib/internal/template/spinner/styles.css.js

@@ -1,18 +1,18 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1612d_1gvtb_127",
-  "spinner-rotator": "awsui_spinner-rotator_1612d_1gvtb_1",
-  "size-normal": "awsui_size-normal_1612d_1gvtb_135",
-  "size-big": "awsui_size-big_1612d_1gvtb_143",
-  "size-large": "awsui_size-large_1612d_1gvtb_151",
-  "variant-normal": "awsui_variant-normal_1612d_1gvtb_159",
-  "variant-disabled": "awsui_variant-disabled_1612d_1gvtb_162",
-  "variant-inverted": "awsui_variant-inverted_1612d_1gvtb_165",
-  "circle": "awsui_circle_1612d_1gvtb_169",
-  "circle-left": "awsui_circle-left_1612d_1gvtb_193",
-  "spinner-line-left": "awsui_spinner-line-left_1612d_1gvtb_1",
-  "circle-right": "awsui_circle-right_1612d_1gvtb_198",
-  "spinner-line-right": "awsui_spinner-line-right_1612d_1gvtb_1"
+  "root": "awsui_root_1612d_1rtot_127",
+  "spinner-rotator": "awsui_spinner-rotator_1612d_1rtot_1",
+  "size-normal": "awsui_size-normal_1612d_1rtot_135",
+  "size-big": "awsui_size-big_1612d_1rtot_143",
+  "size-large": "awsui_size-large_1612d_1rtot_151",
+  "variant-normal": "awsui_variant-normal_1612d_1rtot_159",
+  "variant-disabled": "awsui_variant-disabled_1612d_1rtot_162",
+  "variant-inverted": "awsui_variant-inverted_1612d_1rtot_165",
+  "circle": "awsui_circle_1612d_1rtot_169",
+  "circle-left": "awsui_circle-left_1612d_1rtot_197",
+  "spinner-line-left": "awsui_spinner-line-left_1612d_1rtot_1",
+  "circle-right": "awsui_circle-right_1612d_1rtot_202",
+  "spinner-line-right": "awsui_spinner-line-right_1612d_1rtot_1"
 };
   

package/lib/internal/template/spinner/styles.scoped.css

@@ -94,7 +94,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
 */
-@keyframes awsui_spinner-rotator_1612d_1gvtb_1 {
+@keyframes awsui_spinner-rotator_1612d_1rtot_1 {
   0% {
     transform: rotate(0deg);
   }
@@ -102,7 +102,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     transform: rotate(360deg);
   }
 }
-@keyframes awsui_spinner-line-left_1612d_1gvtb_1 {
+@keyframes awsui_spinner-line-left_1612d_1rtot_1 {
   0% {
     transform: rotate(0deg);
   }
@@ -113,7 +113,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     transform: rotate(0deg);
   }
 }
-@keyframes awsui_spinner-line-right_1612d_1gvtb_1 {
+@keyframes awsui_spinner-line-right_1612d_1rtot_1 {
   0% {
     transform: rotate(90deg);
   }
@@ -124,79 +124,83 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     transform: rotate(90deg);
   }
 }
-.awsui_root_1612d_1gvtb_127:not(#\9) {
+.awsui_root_1612d_1rtot_127:not(#\9) {
   display: inline-block;
   vertical-align: top;
   /*stylelint-disable-next-line @cloudscape-design/no-motion-outside-of-mixin */
-  animation: awsui_spinner-rotator_1612d_1gvtb_1 0.7s linear infinite;
+  animation: awsui_spinner-rotator_1612d_1rtot_1 0.7s linear infinite;
   box-sizing: border-box;
   line-height: 0;
 }
-.awsui_root_1612d_1gvtb_127.awsui_size-normal_1612d_1gvtb_135:not(#\9) {
-  width: var(--size-icon-normal-wflv4k, 16px);
-  height: var(--size-icon-normal-wflv4k, 16px);
-  padding: calc((var(--size-icon-normal-wflv4k, 16px) - 12px) / 2);
-  margin-top: calc((var(--line-height-body-m-2zx78l, 22px) - var(--size-icon-normal-wflv4k, 16px)) / 2);
-  margin-bottom: calc((var(--line-height-body-m-2zx78l, 22px) - var(--size-icon-normal-wflv4k, 16px)) / 2);
+.awsui_root_1612d_1rtot_127.awsui_size-normal_1612d_1rtot_135:not(#\9) {
+  inline-size: var(--size-icon-normal-wflv4k, 16px);
+  block-size: var(--size-icon-normal-wflv4k, 16px);
+  padding-block: calc((var(--size-icon-normal-wflv4k, 16px) - 12px) / 2);
+  padding-inline: calc((var(--size-icon-normal-wflv4k, 16px) - 12px) / 2);
+  margin-block: calc((var(--line-height-body-m-2zx78l, 22px) - var(--size-icon-normal-wflv4k, 16px)) / 2);
   box-sizing: border-box;
 }
-.awsui_root_1612d_1gvtb_127.awsui_size-big_1612d_1gvtb_143:not(#\9) {
-  width: var(--size-icon-big-hyxarq, 32px);
-  height: var(--size-icon-big-hyxarq, 32px);
-  padding: calc((var(--size-icon-big-hyxarq, 32px) - 24px) / 2);
-  margin-top: calc((var(--line-height-heading-xl-v9hsvt, 36px) - var(--size-icon-big-hyxarq, 32px)) / 2);
-  margin-bottom: calc((var(--line-height-heading-xl-v9hsvt, 36px) - var(--size-icon-big-hyxarq, 32px)) / 2);
+.awsui_root_1612d_1rtot_127.awsui_size-big_1612d_1rtot_143:not(#\9) {
+  inline-size: var(--size-icon-big-hyxarq, 32px);
+  block-size: var(--size-icon-big-hyxarq, 32px);
+  padding-block: calc((var(--size-icon-big-hyxarq, 32px) - 24px) / 2);
+  padding-inline: calc((var(--size-icon-big-hyxarq, 32px) - 24px) / 2);
+  margin-block: calc((var(--line-height-heading-xl-v9hsvt, 36px) - var(--size-icon-big-hyxarq, 32px)) / 2);
   box-sizing: border-box;
 }
-.awsui_root_1612d_1gvtb_127.awsui_size-large_1612d_1gvtb_151:not(#\9) {
-  width: var(--size-icon-large-1jcidp, 48px);
-  height: var(--size-icon-large-1jcidp, 48px);
-  padding: calc((var(--size-icon-large-1jcidp, 48px) - 36px) / 2);
-  margin-top: calc((var(--line-height-display-l-zgnpxt, 56px) - var(--size-icon-large-1jcidp, 48px)) / 2);
-  margin-bottom: calc((var(--line-height-display-l-zgnpxt, 56px) - var(--size-icon-large-1jcidp, 48px)) / 2);
+.awsui_root_1612d_1rtot_127.awsui_size-large_1612d_1rtot_151:not(#\9) {
+  inline-size: var(--size-icon-large-1jcidp, 48px);
+  block-size: var(--size-icon-large-1jcidp, 48px);
+  padding-block: calc((var(--size-icon-large-1jcidp, 48px) - 36px) / 2);
+  padding-inline: calc((var(--size-icon-large-1jcidp, 48px) - 36px) / 2);
+  margin-block: calc((var(--line-height-display-l-zgnpxt, 56px) - var(--size-icon-large-1jcidp, 48px)) / 2);
   box-sizing: border-box;
 }
-.awsui_root_1612d_1gvtb_127.awsui_variant-normal_1612d_1gvtb_159:not(#\9) {
+.awsui_root_1612d_1rtot_127.awsui_variant-normal_1612d_1rtot_159:not(#\9) {
   color: currentColor;
 }
-.awsui_root_1612d_1gvtb_127.awsui_variant-disabled_1612d_1gvtb_162:not(#\9) {
+.awsui_root_1612d_1rtot_127.awsui_variant-disabled_1612d_1rtot_162:not(#\9) {
   color: var(--color-text-interactive-disabled-e23z4j, #aab7b8);
 }
-.awsui_root_1612d_1gvtb_127.awsui_variant-inverted_1612d_1gvtb_165:not(#\9) {
+.awsui_root_1612d_1rtot_127.awsui_variant-inverted_1612d_1rtot_165:not(#\9) {
   color: var(--color-text-inverted-g0utm2, #ffffff);
 }
 
-.awsui_circle_1612d_1gvtb_169:not(#\9) {
+.awsui_circle_1612d_1rtot_169:not(#\9) {
   display: inline-block;
-  width: 50%;
-  height: 100%;
+  inline-size: 50%;
+  block-size: 100%;
   overflow: hidden;
   position: relative;
 }
-.awsui_circle_1612d_1gvtb_169:not(#\9):after {
+.awsui_circle_1612d_1rtot_169:not(#\9):after {
   position: absolute;
   box-sizing: border-box;
   content: "";
-  border-radius: 50%;
-  border: 2px solid;
-  border-right-color: transparent;
-  border-bottom-color: transparent;
+  border-start-start-radius: 50%;
+  border-start-end-radius: 50%;
+  border-end-start-radius: 50%;
+  border-end-end-radius: 50%;
+  border-block: 2px solid;
+  border-inline: 2px solid;
+  border-inline-end-color: transparent;
+  border-block-end-color: transparent;
 }
-.awsui_circle_1612d_1gvtb_169:not(#\9):after {
+.awsui_circle_1612d_1rtot_169:not(#\9):after {
   /*stylelint-disable-next-line @cloudscape-design/no-motion-outside-of-mixin */
   animation: 1.5s ease-in-out infinite;
-  top: 0;
-  left: 0;
-  height: 100%;
-  width: 200%;
+  inset-block-start: 0;
+  inset-inline-start: 0;
+  block-size: 100%;
+  inline-size: 200%;
 }
-.awsui_circle_1612d_1gvtb_169.awsui_circle-left_1612d_1gvtb_193:not(#\9):after {
-  left: 0;
+.awsui_circle_1612d_1rtot_169.awsui_circle-left_1612d_1rtot_197:not(#\9):after {
+  inset-inline-start: 0;
   /*stylelint-disable-next-line @cloudscape-design/no-motion-outside-of-mixin */
-  animation-name: awsui_spinner-line-left_1612d_1gvtb_1;
+  animation-name: awsui_spinner-line-left_1612d_1rtot_1;
 }
-.awsui_circle_1612d_1gvtb_169.awsui_circle-right_1612d_1gvtb_198:not(#\9):after {
-  left: -100%;
+.awsui_circle_1612d_1rtot_169.awsui_circle-right_1612d_1rtot_202:not(#\9):after {
+  inset-inline-start: -100%;
   /*stylelint-disable-next-line @cloudscape-design/no-motion-outside-of-mixin */
-  animation-name: awsui_spinner-line-right_1612d_1gvtb_1;
+  animation-name: awsui_spinner-line-right_1612d_1rtot_1;
 }

package/lib/internal/template/spinner/styles.selectors.js

@@ -2,18 +2,18 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1612d_1gvtb_127",
-  "spinner-rotator": "awsui_spinner-rotator_1612d_1gvtb_1",
-  "size-normal": "awsui_size-normal_1612d_1gvtb_135",
-  "size-big": "awsui_size-big_1612d_1gvtb_143",
-  "size-large": "awsui_size-large_1612d_1gvtb_151",
-  "variant-normal": "awsui_variant-normal_1612d_1gvtb_159",
-  "variant-disabled": "awsui_variant-disabled_1612d_1gvtb_162",
-  "variant-inverted": "awsui_variant-inverted_1612d_1gvtb_165",
-  "circle": "awsui_circle_1612d_1gvtb_169",
-  "circle-left": "awsui_circle-left_1612d_1gvtb_193",
-  "spinner-line-left": "awsui_spinner-line-left_1612d_1gvtb_1",
-  "circle-right": "awsui_circle-right_1612d_1gvtb_198",
-  "spinner-line-right": "awsui_spinner-line-right_1612d_1gvtb_1"
+  "root": "awsui_root_1612d_1rtot_127",
+  "spinner-rotator": "awsui_spinner-rotator_1612d_1rtot_1",
+  "size-normal": "awsui_size-normal_1612d_1rtot_135",
+  "size-big": "awsui_size-big_1612d_1rtot_143",
+  "size-large": "awsui_size-large_1612d_1rtot_151",
+  "variant-normal": "awsui_variant-normal_1612d_1rtot_159",
+  "variant-disabled": "awsui_variant-disabled_1612d_1rtot_162",
+  "variant-inverted": "awsui_variant-inverted_1612d_1rtot_165",
+  "circle": "awsui_circle_1612d_1rtot_169",
+  "circle-left": "awsui_circle-left_1612d_1rtot_197",
+  "spinner-line-left": "awsui_spinner-line-left_1612d_1rtot_1",
+  "circle-right": "awsui_circle-right_1612d_1rtot_202",
+  "spinner-line-right": "awsui_spinner-line-right_1612d_1rtot_1"
 };