@cloudscape-design/components 3.0.518 → 3.0.520

package/icon/styles.scoped.css

@@ -95,159 +95,167 @@ 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_icon_h11ix_s5sg5_98:not(#\9) {
+.awsui_icon_h11ix_swv0j_98:not(#\9) {
   position: relative;
   display: inline-block;
   vertical-align: top;
   /* stylelint-disable-next-line selector-max-type */
 }
-.awsui_icon-flex-height_h11ix_s5sg5_104:not(#\9) {
+.awsui_icon-flex-height_h11ix_swv0j_104:not(#\9) {
   display: inline-flex;
   align-items: center;
 }
-.awsui_icon_h11ix_s5sg5_98 > svg:not(#\9) {
+.awsui_icon_h11ix_swv0j_98 > svg:not(#\9) {
   pointer-events: none;
 }
-.awsui_icon_h11ix_s5sg5_98 > svg:not(#\9) {
+.awsui_icon_h11ix_swv0j_98 > svg:not(#\9) {
   fill: none;
 }
-.awsui_icon_h11ix_s5sg5_98 > svg *:not(#\9) {
+.awsui_icon_h11ix_swv0j_98 > svg *:not(#\9) {
   stroke: currentColor;
 }
-.awsui_icon_h11ix_s5sg5_98 > svg .stroke-linejoin-round:not(#\9) {
+.awsui_icon_h11ix_swv0j_98 > svg .stroke-linejoin-round:not(#\9) {
   stroke-linejoin: round;
 }
-.awsui_icon_h11ix_s5sg5_98 > svg .stroke-linecap-square:not(#\9) {
+.awsui_icon_h11ix_swv0j_98 > svg .stroke-linecap-square:not(#\9) {
   stroke-linecap: square;
 }
-.awsui_icon_h11ix_s5sg5_98 > svg .stroke-linecap-round:not(#\9) {
+.awsui_icon_h11ix_swv0j_98 > svg .stroke-linecap-round:not(#\9) {
   stroke-linecap: round;
 }
-.awsui_icon_h11ix_s5sg5_98 > svg .filled:not(#\9) {
+.awsui_icon_h11ix_swv0j_98 > svg .filled:not(#\9) {
   fill: currentColor;
 }
-.awsui_icon_h11ix_s5sg5_98.awsui_size-small_h11ix_s5sg5_129:not(#\9) {
-  width: var(--size-icon-normal-0m1722, 16px);
+.awsui_icon_h11ix_swv0j_98.awsui_size-small_h11ix_swv0j_129:not(#\9) {
+  inline-size: var(--size-icon-normal-0m1722, 16px);
   box-sizing: border-box;
 }
-.awsui_icon_h11ix_s5sg5_98.awsui_size-small-mapped-height_h11ix_s5sg5_133:not(#\9) {
-  height: var(--line-height-body-s-7zv1j5, 16px);
-  padding: calc((var(--line-height-body-s-7zv1j5, 16px) - var(--size-icon-normal-0m1722, 16px)) / 2) 0;
+.awsui_icon_h11ix_swv0j_98.awsui_size-small-mapped-height_h11ix_swv0j_133:not(#\9) {
+  block-size: var(--line-height-body-s-7zv1j5, 16px);
+  padding-block: calc((var(--line-height-body-s-7zv1j5, 16px) - var(--size-icon-normal-0m1722, 16px)) / 2);
+  padding-inline: 0;
 }
-.awsui_icon_h11ix_s5sg5_98.awsui_size-small_h11ix_s5sg5_129 > svg:not(#\9),
-.awsui_icon_h11ix_s5sg5_98.awsui_size-small_h11ix_s5sg5_129 > img:not(#\9) {
-  width: var(--size-icon-normal-0m1722, 16px);
-  height: var(--size-icon-normal-0m1722, 16px);
+.awsui_icon_h11ix_swv0j_98.awsui_size-small_h11ix_swv0j_129 > svg:not(#\9),
+.awsui_icon_h11ix_swv0j_98.awsui_size-small_h11ix_swv0j_129 > img:not(#\9) {
+  inline-size: var(--size-icon-normal-0m1722, 16px);
+  block-size: var(--size-icon-normal-0m1722, 16px);
   vertical-align: top;
 }
-.awsui_icon_h11ix_s5sg5_98.awsui_size-small_h11ix_s5sg5_129 > svg:not(#\9),
-.awsui_icon_h11ix_s5sg5_98.awsui_size-small_h11ix_s5sg5_129 > svg *:not(#\9) {
+.awsui_icon_h11ix_swv0j_98.awsui_size-small_h11ix_swv0j_129 > svg:not(#\9),
+.awsui_icon_h11ix_swv0j_98.awsui_size-small_h11ix_swv0j_129 > svg *:not(#\9) {
   stroke-width: 2px;
 }
-.awsui_icon_h11ix_s5sg5_98.awsui_size-normal_h11ix_s5sg5_147:not(#\9) {
-  width: var(--size-icon-normal-0m1722, 16px);
+.awsui_icon_h11ix_swv0j_98.awsui_size-normal_h11ix_swv0j_148:not(#\9) {
+  inline-size: var(--size-icon-normal-0m1722, 16px);
   box-sizing: border-box;
 }
-.awsui_icon_h11ix_s5sg5_98.awsui_size-normal-mapped-height_h11ix_s5sg5_151:not(#\9) {
-  height: var(--line-height-body-m-30ar75, 20px);
-  padding: calc((var(--line-height-body-m-30ar75, 20px) - var(--size-icon-normal-0m1722, 16px)) / 2) 0;
+.awsui_icon_h11ix_swv0j_98.awsui_size-normal-mapped-height_h11ix_swv0j_152:not(#\9) {
+  block-size: var(--line-height-body-m-30ar75, 20px);
+  padding-block: calc((var(--line-height-body-m-30ar75, 20px) - var(--size-icon-normal-0m1722, 16px)) / 2);
+  padding-inline: 0;
 }
-.awsui_icon_h11ix_s5sg5_98.awsui_size-normal_h11ix_s5sg5_147 > svg:not(#\9),
-.awsui_icon_h11ix_s5sg5_98.awsui_size-normal_h11ix_s5sg5_147 > img:not(#\9) {
-  width: var(--size-icon-normal-0m1722, 16px);
-  height: var(--size-icon-normal-0m1722, 16px);
+.awsui_icon_h11ix_swv0j_98.awsui_size-normal_h11ix_swv0j_148 > svg:not(#\9),
+.awsui_icon_h11ix_swv0j_98.awsui_size-normal_h11ix_swv0j_148 > img:not(#\9) {
+  inline-size: var(--size-icon-normal-0m1722, 16px);
+  block-size: var(--size-icon-normal-0m1722, 16px);
   vertical-align: top;
 }
-.awsui_icon_h11ix_s5sg5_98.awsui_size-normal_h11ix_s5sg5_147 > svg:not(#\9),
-.awsui_icon_h11ix_s5sg5_98.awsui_size-normal_h11ix_s5sg5_147 > svg *:not(#\9) {
+.awsui_icon_h11ix_swv0j_98.awsui_size-normal_h11ix_swv0j_148 > svg:not(#\9),
+.awsui_icon_h11ix_swv0j_98.awsui_size-normal_h11ix_swv0j_148 > svg *:not(#\9) {
   stroke-width: 2px;
 }
-.awsui_icon_h11ix_s5sg5_98.awsui_size-medium_h11ix_s5sg5_165:not(#\9) {
-  width: var(--size-icon-medium-y9xuoq, 20px);
+.awsui_icon_h11ix_swv0j_98.awsui_size-medium_h11ix_swv0j_167:not(#\9) {
+  inline-size: var(--size-icon-medium-y9xuoq, 20px);
   box-sizing: border-box;
 }
-.awsui_icon_h11ix_s5sg5_98.awsui_size-medium-mapped-height_h11ix_s5sg5_169:not(#\9) {
-  height: var(--line-height-heading-l-mmm3my, 24px);
-  padding: calc((var(--line-height-heading-l-mmm3my, 24px) - var(--size-icon-medium-y9xuoq, 20px)) / 2) 0;
+.awsui_icon_h11ix_swv0j_98.awsui_size-medium-mapped-height_h11ix_swv0j_171:not(#\9) {
+  block-size: var(--line-height-heading-l-mmm3my, 24px);
+  padding-block: calc((var(--line-height-heading-l-mmm3my, 24px) - var(--size-icon-medium-y9xuoq, 20px)) / 2);
+  padding-inline: 0;
 }
-.awsui_icon_h11ix_s5sg5_98.awsui_size-medium_h11ix_s5sg5_165 > svg:not(#\9),
-.awsui_icon_h11ix_s5sg5_98.awsui_size-medium_h11ix_s5sg5_165 > img:not(#\9) {
-  width: var(--size-icon-medium-y9xuoq, 20px);
-  height: var(--size-icon-medium-y9xuoq, 20px);
+.awsui_icon_h11ix_swv0j_98.awsui_size-medium_h11ix_swv0j_167 > svg:not(#\9),
+.awsui_icon_h11ix_swv0j_98.awsui_size-medium_h11ix_swv0j_167 > img:not(#\9) {
+  inline-size: var(--size-icon-medium-y9xuoq, 20px);
+  block-size: var(--size-icon-medium-y9xuoq, 20px);
   vertical-align: top;
 }
-.awsui_icon_h11ix_s5sg5_98.awsui_size-medium_h11ix_s5sg5_165 > svg:not(#\9),
-.awsui_icon_h11ix_s5sg5_98.awsui_size-medium_h11ix_s5sg5_165 > svg *:not(#\9) {
+.awsui_icon_h11ix_swv0j_98.awsui_size-medium_h11ix_swv0j_167 > svg:not(#\9),
+.awsui_icon_h11ix_swv0j_98.awsui_size-medium_h11ix_swv0j_167 > svg *:not(#\9) {
   stroke-width: 2px;
 }
-.awsui_icon_h11ix_s5sg5_98.awsui_size-big_h11ix_s5sg5_183:not(#\9) {
-  width: var(--size-icon-big-zkdryd, 32px);
+.awsui_icon_h11ix_swv0j_98.awsui_size-big_h11ix_swv0j_186:not(#\9) {
+  inline-size: var(--size-icon-big-zkdryd, 32px);
   box-sizing: border-box;
 }
-.awsui_icon_h11ix_s5sg5_98.awsui_size-big-mapped-height_h11ix_s5sg5_187:not(#\9) {
-  height: var(--line-height-heading-xl-avbttk, 30px);
-  padding: calc((var(--line-height-heading-xl-avbttk, 30px) - var(--size-icon-big-zkdryd, 32px)) / 2) 0;
+.awsui_icon_h11ix_swv0j_98.awsui_size-big-mapped-height_h11ix_swv0j_190:not(#\9) {
+  block-size: var(--line-height-heading-xl-avbttk, 30px);
+  padding-block: calc((var(--line-height-heading-xl-avbttk, 30px) - var(--size-icon-big-zkdryd, 32px)) / 2);
+  padding-inline: 0;
 }
-.awsui_icon_h11ix_s5sg5_98.awsui_size-big_h11ix_s5sg5_183 > svg:not(#\9),
-.awsui_icon_h11ix_s5sg5_98.awsui_size-big_h11ix_s5sg5_183 > img:not(#\9) {
-  width: var(--size-icon-big-zkdryd, 32px);
-  height: var(--size-icon-big-zkdryd, 32px);
+.awsui_icon_h11ix_swv0j_98.awsui_size-big_h11ix_swv0j_186 > svg:not(#\9),
+.awsui_icon_h11ix_swv0j_98.awsui_size-big_h11ix_swv0j_186 > img:not(#\9) {
+  inline-size: var(--size-icon-big-zkdryd, 32px);
+  block-size: var(--size-icon-big-zkdryd, 32px);
   vertical-align: top;
 }
-.awsui_icon_h11ix_s5sg5_98.awsui_size-big_h11ix_s5sg5_183 > svg:not(#\9),
-.awsui_icon_h11ix_s5sg5_98.awsui_size-big_h11ix_s5sg5_183 > svg *:not(#\9) {
+.awsui_icon_h11ix_swv0j_98.awsui_size-big_h11ix_swv0j_186 > svg:not(#\9),
+.awsui_icon_h11ix_swv0j_98.awsui_size-big_h11ix_swv0j_186 > svg *:not(#\9) {
   stroke-width: 2px;
 }
-.awsui_icon_h11ix_s5sg5_98.awsui_size-large_h11ix_s5sg5_201:not(#\9) {
-  width: var(--size-icon-large-bivhmh, 48px);
+.awsui_icon_h11ix_swv0j_98.awsui_size-large_h11ix_swv0j_205:not(#\9) {
+  inline-size: var(--size-icon-large-bivhmh, 48px);
   box-sizing: border-box;
 }
-.awsui_icon_h11ix_s5sg5_98.awsui_size-large-mapped-height_h11ix_s5sg5_205:not(#\9) {
-  height: var(--line-height-display-l-8nioft, 48px);
-  padding: calc((var(--line-height-display-l-8nioft, 48px) - var(--size-icon-large-bivhmh, 48px)) / 2) 0;
+.awsui_icon_h11ix_swv0j_98.awsui_size-large-mapped-height_h11ix_swv0j_209:not(#\9) {
+  block-size: var(--line-height-display-l-8nioft, 48px);
+  padding-block: calc((var(--line-height-display-l-8nioft, 48px) - var(--size-icon-large-bivhmh, 48px)) / 2);
+  padding-inline: 0;
 }
-.awsui_icon_h11ix_s5sg5_98.awsui_size-large_h11ix_s5sg5_201 > svg:not(#\9),
-.awsui_icon_h11ix_s5sg5_98.awsui_size-large_h11ix_s5sg5_201 > img:not(#\9) {
-  width: var(--size-icon-large-bivhmh, 48px);
-  height: var(--size-icon-large-bivhmh, 48px);
+.awsui_icon_h11ix_swv0j_98.awsui_size-large_h11ix_swv0j_205 > svg:not(#\9),
+.awsui_icon_h11ix_swv0j_98.awsui_size-large_h11ix_swv0j_205 > img:not(#\9) {
+  inline-size: var(--size-icon-large-bivhmh, 48px);
+  block-size: var(--size-icon-large-bivhmh, 48px);
   vertical-align: top;
 }
-.awsui_icon_h11ix_s5sg5_98.awsui_size-large_h11ix_s5sg5_201 > svg:not(#\9),
-.awsui_icon_h11ix_s5sg5_98.awsui_size-large_h11ix_s5sg5_201 > svg *:not(#\9) {
+.awsui_icon_h11ix_swv0j_98.awsui_size-large_h11ix_swv0j_205 > svg:not(#\9),
+.awsui_icon_h11ix_swv0j_98.awsui_size-large_h11ix_swv0j_205 > svg *:not(#\9) {
   stroke-width: 1.2px;
 }
-.awsui_icon_h11ix_s5sg5_98.awsui_variant-normal_h11ix_s5sg5_219:not(#\9) {
+.awsui_icon_h11ix_swv0j_98.awsui_variant-normal_h11ix_swv0j_224:not(#\9) {
   color: currentColor;
 }
-.awsui_icon_h11ix_s5sg5_98.awsui_variant-disabled_h11ix_s5sg5_222:not(#\9) {
+.awsui_icon_h11ix_swv0j_98.awsui_variant-disabled_h11ix_swv0j_227:not(#\9) {
   color: var(--color-text-interactive-disabled-z7a3t4, #9ba7b6);
 }
-.awsui_icon_h11ix_s5sg5_98.awsui_variant-inverted_h11ix_s5sg5_225:not(#\9) {
+.awsui_icon_h11ix_swv0j_98.awsui_variant-inverted_h11ix_swv0j_230:not(#\9) {
   color: var(--color-text-inverted-70cpkk, #ffffff);
 }
-.awsui_icon_h11ix_s5sg5_98.awsui_variant-subtle_h11ix_s5sg5_228:not(#\9) {
+.awsui_icon_h11ix_swv0j_98.awsui_variant-subtle_h11ix_swv0j_233:not(#\9) {
   color: var(--color-text-icon-subtle-c4qyia, #5f6b7a);
 }
-.awsui_icon_h11ix_s5sg5_98.awsui_variant-warning_h11ix_s5sg5_231:not(#\9) {
+.awsui_icon_h11ix_swv0j_98.awsui_variant-warning_h11ix_swv0j_236:not(#\9) {
   color: var(--color-text-status-warning-yik8vi, #8d6605);
 }
-.awsui_icon_h11ix_s5sg5_98.awsui_variant-error_h11ix_s5sg5_234:not(#\9) {
+.awsui_icon_h11ix_swv0j_98.awsui_variant-error_h11ix_swv0j_239:not(#\9) {
   color: var(--color-text-status-error-wdvepn, #d91515);
 }
-.awsui_icon_h11ix_s5sg5_98.awsui_variant-success_h11ix_s5sg5_237:not(#\9) {
+.awsui_icon_h11ix_swv0j_98.awsui_variant-success_h11ix_swv0j_242:not(#\9) {
   color: var(--color-text-status-success-bpiyjm, #037f0c);
 }
-.awsui_icon_h11ix_s5sg5_98.awsui_variant-link_h11ix_s5sg5_240:not(#\9) {
+.awsui_icon_h11ix_swv0j_98.awsui_variant-link_h11ix_swv0j_245:not(#\9) {
   color: var(--color-text-link-default-latg1a, #0972d3);
 }
 
-.awsui_badge_h11ix_s5sg5_244:not(#\9)::after {
+.awsui_badge_h11ix_swv0j_249:not(#\9)::after {
   content: "";
   position: absolute;
-  width: 6px;
-  height: 6px;
-  border-radius: 4px;
+  inline-size: 6px;
+  block-size: 6px;
+  border-start-start-radius: 4px;
+  border-start-end-radius: 4px;
+  border-end-start-radius: 4px;
+  border-end-end-radius: 4px;
   background-color: var(--color-background-badge-icon-q1kfox, #d91515);
-  top: 0px;
-  right: -3px;
+  inset-block-start: 0px;
+  inset-inline-end: -3px;
 }

package/icon/styles.selectors.js

@@ -2,26 +2,26 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "icon": "awsui_icon_h11ix_s5sg5_98",
-  "icon-flex-height": "awsui_icon-flex-height_h11ix_s5sg5_104",
-  "size-small": "awsui_size-small_h11ix_s5sg5_129",
-  "size-small-mapped-height": "awsui_size-small-mapped-height_h11ix_s5sg5_133",
-  "size-normal": "awsui_size-normal_h11ix_s5sg5_147",
-  "size-normal-mapped-height": "awsui_size-normal-mapped-height_h11ix_s5sg5_151",
-  "size-medium": "awsui_size-medium_h11ix_s5sg5_165",
-  "size-medium-mapped-height": "awsui_size-medium-mapped-height_h11ix_s5sg5_169",
-  "size-big": "awsui_size-big_h11ix_s5sg5_183",
-  "size-big-mapped-height": "awsui_size-big-mapped-height_h11ix_s5sg5_187",
-  "size-large": "awsui_size-large_h11ix_s5sg5_201",
-  "size-large-mapped-height": "awsui_size-large-mapped-height_h11ix_s5sg5_205",
-  "variant-normal": "awsui_variant-normal_h11ix_s5sg5_219",
-  "variant-disabled": "awsui_variant-disabled_h11ix_s5sg5_222",
-  "variant-inverted": "awsui_variant-inverted_h11ix_s5sg5_225",
-  "variant-subtle": "awsui_variant-subtle_h11ix_s5sg5_228",
-  "variant-warning": "awsui_variant-warning_h11ix_s5sg5_231",
-  "variant-error": "awsui_variant-error_h11ix_s5sg5_234",
-  "variant-success": "awsui_variant-success_h11ix_s5sg5_237",
-  "variant-link": "awsui_variant-link_h11ix_s5sg5_240",
-  "badge": "awsui_badge_h11ix_s5sg5_244"
+  "icon": "awsui_icon_h11ix_swv0j_98",
+  "icon-flex-height": "awsui_icon-flex-height_h11ix_swv0j_104",
+  "size-small": "awsui_size-small_h11ix_swv0j_129",
+  "size-small-mapped-height": "awsui_size-small-mapped-height_h11ix_swv0j_133",
+  "size-normal": "awsui_size-normal_h11ix_swv0j_148",
+  "size-normal-mapped-height": "awsui_size-normal-mapped-height_h11ix_swv0j_152",
+  "size-medium": "awsui_size-medium_h11ix_swv0j_167",
+  "size-medium-mapped-height": "awsui_size-medium-mapped-height_h11ix_swv0j_171",
+  "size-big": "awsui_size-big_h11ix_swv0j_186",
+  "size-big-mapped-height": "awsui_size-big-mapped-height_h11ix_swv0j_190",
+  "size-large": "awsui_size-large_h11ix_swv0j_205",
+  "size-large-mapped-height": "awsui_size-large-mapped-height_h11ix_swv0j_209",
+  "variant-normal": "awsui_variant-normal_h11ix_swv0j_224",
+  "variant-disabled": "awsui_variant-disabled_h11ix_swv0j_227",
+  "variant-inverted": "awsui_variant-inverted_h11ix_swv0j_230",
+  "variant-subtle": "awsui_variant-subtle_h11ix_swv0j_233",
+  "variant-warning": "awsui_variant-warning_h11ix_swv0j_236",
+  "variant-error": "awsui_variant-error_h11ix_swv0j_239",
+  "variant-success": "awsui_variant-success_h11ix_swv0j_242",
+  "variant-link": "awsui_variant-link_h11ix_swv0j_245",
+  "badge": "awsui_badge_h11ix_swv0j_249"
 };
   

package/input/styles.css.js

@@ -1,17 +1,17 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_2rhyz_62axa_93",
-  "input": "awsui_input_2rhyz_62axa_97",
-  "input-readonly": "awsui_input-readonly_2rhyz_62axa_142",
-  "input-invalid": "awsui_input-invalid_2rhyz_62axa_203",
-  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_62axa_214",
-  "input-type-search": "awsui_input-type-search_2rhyz_62axa_219",
-  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_62axa_235",
-  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_62axa_238",
-  "input-container": "awsui_input-container_2rhyz_62axa_242",
-  "input-icon-left": "awsui_input-icon-left_2rhyz_62axa_247",
-  "input-icon-right": "awsui_input-icon-right_2rhyz_62axa_254",
-  "input-button-right": "awsui_input-button-right_2rhyz_62axa_260"
+  "root": "awsui_root_2rhyz_w1dso_93",
+  "input": "awsui_input_2rhyz_w1dso_97",
+  "input-readonly": "awsui_input-readonly_2rhyz_w1dso_147",
+  "input-invalid": "awsui_input-invalid_2rhyz_w1dso_214",
+  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_w1dso_225",
+  "input-type-search": "awsui_input-type-search_2rhyz_w1dso_230",
+  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_w1dso_246",
+  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_w1dso_249",
+  "input-container": "awsui_input-container_2rhyz_w1dso_256",
+  "input-icon-left": "awsui_input-icon-left_2rhyz_w1dso_261",
+  "input-icon-right": "awsui_input-icon-right_2rhyz_w1dso_268",
+  "input-button-right": "awsui_input-button-right_2rhyz_w1dso_274"
 };
   

package/input/styles.scoped.css

@@ -90,11 +90,11 @@ 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_2rhyz_62axa_93:not(#\9) {
+.awsui_root_2rhyz_w1dso_93:not(#\9) {
   /* used in test-utils for component to distinguish input from other input-like components, for example autosuggest */
 }
 
-.awsui_input_2rhyz_62axa_97:not(#\9) {
+.awsui_input_2rhyz_w1dso_97:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -128,138 +128,152 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
-  padding: var(--space-scaled-xxs-7597g1, 4px) var(--space-field-horizontal-gg19kw, 12px);
+  padding-block: var(--space-scaled-xxs-7597g1, 4px);
+  padding-inline: var(--space-field-horizontal-gg19kw, 12px);
   color: var(--color-text-body-default-at06ol, #000716);
-  width: 100%;
+  inline-size: 100%;
   cursor: text;
   box-sizing: border-box;
   background-color: var(--color-background-input-default-igdh5e, #ffffff);
-  border-radius: var(--border-radius-input-plgbrq, 8px);
-  border: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-default-1zl7hq, #7d8998);
+  border-start-start-radius: var(--border-radius-input-plgbrq, 8px);
+  border-start-end-radius: var(--border-radius-input-plgbrq, 8px);
+  border-end-start-radius: var(--border-radius-input-plgbrq, 8px);
+  border-end-end-radius: var(--border-radius-input-plgbrq, 8px);
+  border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-default-1zl7hq, #7d8998);
+  border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-default-1zl7hq, #7d8998);
   font-size: var(--font-size-body-m-x4okxb, 14px);
   line-height: var(--line-height-body-m-30ar75, 20px);
-  height: var(--size-vertical-input-v5iwwf, 32px);
+  block-size: var(--size-vertical-input-v5iwwf, 32px);
 }
-.awsui_input_2rhyz_62axa_97.awsui_input-readonly_2rhyz_62axa_142:not(#\9) {
+.awsui_input_2rhyz_w1dso_97.awsui_input-readonly_2rhyz_w1dso_147:not(#\9) {
   background-color: var(--color-background-input-default-igdh5e, #ffffff);
-  border: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-rx2aau, #e9ebed);
+  border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-rx2aau, #e9ebed);
+  border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-rx2aau, #e9ebed);
 }
-.awsui_input_2rhyz_62axa_97:not(#\9)::-webkit-input-placeholder {
+.awsui_input_2rhyz_w1dso_97:not(#\9)::-webkit-input-placeholder {
   color: var(--color-text-input-placeholder-mx1ygd, #5f6b7a);
   font-style: italic;
   -webkit-user-select: none;
           user-select: none;
 }
-.awsui_input_2rhyz_62axa_97:not(#\9)::-ms-input-placeholder {
+.awsui_input_2rhyz_w1dso_97:not(#\9)::-ms-input-placeholder {
   color: var(--color-text-input-placeholder-mx1ygd, #5f6b7a);
   font-style: italic;
 }
-.awsui_input_2rhyz_62axa_97:not(#\9)::-moz-placeholder {
+.awsui_input_2rhyz_w1dso_97:not(#\9)::-moz-placeholder {
   color: var(--color-text-input-placeholder-mx1ygd, #5f6b7a);
   font-style: italic;
   opacity: 1;
 }
-.awsui_input_2rhyz_62axa_97:not(#\9):-ms-input-placeholder {
+.awsui_input_2rhyz_w1dso_97:not(#\9):-ms-input-placeholder {
   color: var(--color-text-input-placeholder-mx1ygd, #5f6b7a);
   font-style: italic;
 }
-.awsui_input_2rhyz_62axa_97:not(#\9):-moz-placeholder {
+.awsui_input_2rhyz_w1dso_97:not(#\9):-moz-placeholder {
   color: var(--color-text-input-placeholder-mx1ygd, #5f6b7a);
   font-style: italic;
   opacity: 1;
 }
-.awsui_input_2rhyz_62axa_97:not(#\9):focus {
+.awsui_input_2rhyz_w1dso_97:not(#\9):focus {
   outline: 2px dotted transparent;
-  border: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-focused-3d15sl, #033160);
-  border-radius: var(--border-radius-input-plgbrq, 8px);
+  border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-focused-3d15sl, #033160);
+  border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-focused-3d15sl, #033160);
+  border-start-start-radius: var(--border-radius-input-plgbrq, 8px);
+  border-start-end-radius: var(--border-radius-input-plgbrq, 8px);
+  border-end-start-radius: var(--border-radius-input-plgbrq, 8px);
+  border-end-end-radius: var(--border-radius-input-plgbrq, 8px);
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0ctpjf, 0px) var(--color-border-item-focused-b2ntyl, #0972d3);
 }
-.awsui_input_2rhyz_62axa_97:not(#\9):disabled {
+.awsui_input_2rhyz_w1dso_97:not(#\9):disabled {
   background-color: var(--color-background-input-disabled-ab59a3, #e9ebed);
-  border: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-rx2aau, #e9ebed);
+  border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-rx2aau, #e9ebed);
+  border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-rx2aau, #e9ebed);
   color: var(--color-text-input-disabled-f8pjm5, #9ba7b6);
   cursor: auto;
   cursor: default;
 }
-.awsui_input_2rhyz_62axa_97:not(#\9):disabled::-webkit-input-placeholder {
+.awsui_input_2rhyz_w1dso_97:not(#\9):disabled::-webkit-input-placeholder {
   color: var(--color-text-input-placeholder-disabled-abhb0d, #9ba7b6);
   -webkit-user-select: none;
           user-select: none;
 }
-.awsui_input_2rhyz_62axa_97:not(#\9):disabled::-ms-input-placeholder {
+.awsui_input_2rhyz_w1dso_97:not(#\9):disabled::-ms-input-placeholder {
   color: var(--color-text-input-placeholder-disabled-abhb0d, #9ba7b6);
 }
-.awsui_input_2rhyz_62axa_97:not(#\9):disabled::-moz-placeholder {
+.awsui_input_2rhyz_w1dso_97:not(#\9):disabled::-moz-placeholder {
   color: var(--color-text-input-placeholder-disabled-abhb0d, #9ba7b6);
   opacity: 1;
 }
-.awsui_input_2rhyz_62axa_97:not(#\9):disabled:-ms-input-placeholder {
+.awsui_input_2rhyz_w1dso_97:not(#\9):disabled:-ms-input-placeholder {
   color: var(--color-text-input-placeholder-disabled-abhb0d, #9ba7b6);
 }
-.awsui_input_2rhyz_62axa_97:not(#\9):disabled:-moz-placeholder {
+.awsui_input_2rhyz_w1dso_97:not(#\9):disabled:-moz-placeholder {
   color: var(--color-text-input-placeholder-disabled-abhb0d, #9ba7b6);
   opacity: 1;
 }
-.awsui_input_2rhyz_62axa_97:not(#\9):invalid {
+.awsui_input_2rhyz_w1dso_97:not(#\9):invalid {
   box-shadow: none;
 }
-.awsui_input_2rhyz_62axa_97.awsui_input-invalid_2rhyz_62axa_203:not(#\9) {
+.awsui_input_2rhyz_w1dso_97.awsui_input-invalid_2rhyz_w1dso_214:not(#\9) {
   color: var(--color-text-status-error-wdvepn, #d91515);
   border-color: var(--color-text-status-error-wdvepn, #d91515);
-  padding-left: calc(
+  padding-inline-start: calc(
   var(--space-field-horizontal-gg19kw, 12px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-field-width-09w7vk, 2px))
 );
-  border-left-width: var(--border-invalid-width-5ktjp2, 8px);
+  border-inline-start-width: var(--border-invalid-width-5ktjp2, 8px);
 }
-.awsui_input_2rhyz_62axa_97.awsui_input-invalid_2rhyz_62axa_203:not(#\9):focus {
+.awsui_input_2rhyz_w1dso_97.awsui_input-invalid_2rhyz_w1dso_214:not(#\9):focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-fhmbjn, 2px) var(--color-border-item-focused-b2ntyl, #0972d3);
 }
-.awsui_input_2rhyz_62axa_97.awsui_input-invalid_2rhyz_62axa_203.awsui_input-has-icon-left_2rhyz_62axa_214:not(#\9) {
-  padding-left: calc(
+.awsui_input_2rhyz_w1dso_97.awsui_input-invalid_2rhyz_w1dso_214.awsui_input-has-icon-left_2rhyz_w1dso_225:not(#\9) {
+  padding-inline-start: calc(
         var(--space-field-icon-offset-csk9vw, 36px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-field-width-09w7vk, 2px))
       );
 }
-.awsui_input_2rhyz_62axa_97.awsui_input-type-search_2rhyz_62axa_219:not(#\9) {
+.awsui_input_2rhyz_w1dso_97.awsui_input-type-search_2rhyz_w1dso_230:not(#\9) {
   box-sizing: border-box;
   -webkit-appearance: none; /* stylelint-disable-line plugin/no-unsupported-browser-features */
 }
-.awsui_input_2rhyz_62axa_97.awsui_input-type-search_2rhyz_62axa_219:not(#\9)::-ms-clear {
+.awsui_input_2rhyz_w1dso_97.awsui_input-type-search_2rhyz_w1dso_230:not(#\9)::-ms-clear {
   display: none;
 }
-.awsui_input_2rhyz_62axa_97.awsui_input-type-search_2rhyz_62axa_219:not(#\9)::-webkit-search-decoration {
+.awsui_input_2rhyz_w1dso_97.awsui_input-type-search_2rhyz_w1dso_230:not(#\9)::-webkit-search-decoration {
   -webkit-appearance: none; /* stylelint-disable-line plugin/no-unsupported-browser-features */
 }
-.awsui_input_2rhyz_62axa_97.awsui_input-type-search_2rhyz_62axa_219:not(#\9)::-webkit-search-cancel-button {
+.awsui_input_2rhyz_w1dso_97.awsui_input-type-search_2rhyz_w1dso_230:not(#\9)::-webkit-search-cancel-button {
   display: none;
 }
-.awsui_input_2rhyz_62axa_97.awsui_input-has-icon-left_2rhyz_62axa_214:not(#\9) {
-  padding-left: var(--space-field-icon-offset-csk9vw, 36px);
+.awsui_input_2rhyz_w1dso_97.awsui_input-has-icon-left_2rhyz_w1dso_225:not(#\9) {
+  padding-inline-start: var(--space-field-icon-offset-csk9vw, 36px);
 }
-.awsui_input_2rhyz_62axa_97.awsui_input-has-icon-right_2rhyz_62axa_235:not(#\9) {
-  padding-right: var(--space-field-icon-offset-csk9vw, 36px);
+.awsui_input_2rhyz_w1dso_97.awsui_input-has-icon-right_2rhyz_w1dso_246:not(#\9) {
+  padding-inline-end: var(--space-field-icon-offset-csk9vw, 36px);
 }
-.awsui_input_2rhyz_62axa_97.awsui_input-has-no-border-radius_2rhyz_62axa_238:not(#\9) {
-  border-radius: var(--border-radius-dropdown-0dhh79, 8px);
+.awsui_input_2rhyz_w1dso_97.awsui_input-has-no-border-radius_2rhyz_w1dso_249:not(#\9) {
+  border-start-start-radius: var(--border-radius-dropdown-0dhh79, 8px);
+  border-start-end-radius: var(--border-radius-dropdown-0dhh79, 8px);
+  border-end-start-radius: var(--border-radius-dropdown-0dhh79, 8px);
+  border-end-end-radius: var(--border-radius-dropdown-0dhh79, 8px);
 }
 
-.awsui_input-container_2rhyz_62axa_242:not(#\9) {
+.awsui_input-container_2rhyz_w1dso_256:not(#\9) {
   display: flex;
   position: relative;
 }
 
-.awsui_input-icon-left_2rhyz_62axa_247:not(#\9) {
+.awsui_input-icon-left_2rhyz_w1dso_261:not(#\9) {
   position: absolute;
   pointer-events: none;
-  left: var(--space-field-horizontal-gg19kw, 12px);
-  top: calc(50% - var(--line-height-body-m-30ar75, 20px) / 2);
+  inset-inline-start: var(--space-field-horizontal-gg19kw, 12px);
+  inset-block-start: calc(50% - var(--line-height-body-m-30ar75, 20px) / 2);
 }
 
-.awsui_input-icon-right_2rhyz_62axa_254:not(#\9) {
+.awsui_input-icon-right_2rhyz_w1dso_268:not(#\9) {
   position: absolute;
-  top: calc(50% - var(--line-height-body-m-30ar75, 20px) / 2);
-  right: calc(var(--space-field-horizontal-gg19kw, 12px) - var(--space-xxs-p8yyaw, 4px));
+  inset-block-start: calc(50% - var(--line-height-body-m-30ar75, 20px) / 2);
+  inset-inline-end: calc(var(--space-field-horizontal-gg19kw, 12px) - var(--space-xxs-p8yyaw, 4px));
 }
 
-.awsui_input-button-right_2rhyz_62axa_260:not(#\9) {
+.awsui_input-button-right_2rhyz_w1dso_274:not(#\9) {
   /* used in test-utils */
 }

package/input/styles.selectors.js

@@ -2,17 +2,17 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_2rhyz_62axa_93",
-  "input": "awsui_input_2rhyz_62axa_97",
-  "input-readonly": "awsui_input-readonly_2rhyz_62axa_142",
-  "input-invalid": "awsui_input-invalid_2rhyz_62axa_203",
-  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_62axa_214",
-  "input-type-search": "awsui_input-type-search_2rhyz_62axa_219",
-  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_62axa_235",
-  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_62axa_238",
-  "input-container": "awsui_input-container_2rhyz_62axa_242",
-  "input-icon-left": "awsui_input-icon-left_2rhyz_62axa_247",
-  "input-icon-right": "awsui_input-icon-right_2rhyz_62axa_254",
-  "input-button-right": "awsui_input-button-right_2rhyz_62axa_260"
+  "root": "awsui_root_2rhyz_w1dso_93",
+  "input": "awsui_input_2rhyz_w1dso_97",
+  "input-readonly": "awsui_input-readonly_2rhyz_w1dso_147",
+  "input-invalid": "awsui_input-invalid_2rhyz_w1dso_214",
+  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_w1dso_225",
+  "input-type-search": "awsui_input-type-search_2rhyz_w1dso_230",
+  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_w1dso_246",
+  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_w1dso_249",
+  "input-container": "awsui_input-container_2rhyz_w1dso_256",
+  "input-icon-left": "awsui_input-icon-left_2rhyz_w1dso_261",
+  "input-icon-right": "awsui_input-icon-right_2rhyz_w1dso_268",
+  "input-button-right": "awsui_input-button-right_2rhyz_w1dso_274"
 };
   

package/internal/components/abstract-switch/styles.css.js

@@ -1,18 +1,18 @@
 
     import './styles.scoped.css';
     export default {
-  "content": "awsui_content_1wepg_mrt2a_93",
-  "description": "awsui_description_1wepg_mrt2a_94",
-  "label": "awsui_label_1wepg_mrt2a_95",
-  "outline": "awsui_outline_1wepg_mrt2a_103",
-  "show-outline": "awsui_show-outline_1wepg_mrt2a_106",
-  "native-input": "awsui_native-input_1wepg_mrt2a_110",
-  "wrapper": "awsui_wrapper_1wepg_mrt2a_114",
-  "label-wrapper": "awsui_label-wrapper_1wepg_mrt2a_120",
-  "empty-content": "awsui_empty-content_1wepg_mrt2a_131",
-  "description-bottom-padding": "awsui_description-bottom-padding_1wepg_mrt2a_141",
-  "label-disabled": "awsui_label-disabled_1wepg_mrt2a_149",
-  "description-disabled": "awsui_description-disabled_1wepg_mrt2a_150",
-  "control": "awsui_control_1wepg_mrt2a_155"
+  "content": "awsui_content_1wepg_uo7zb_93",
+  "description": "awsui_description_1wepg_uo7zb_94",
+  "label": "awsui_label_1wepg_uo7zb_95",
+  "outline": "awsui_outline_1wepg_uo7zb_103",
+  "show-outline": "awsui_show-outline_1wepg_uo7zb_106",
+  "native-input": "awsui_native-input_1wepg_uo7zb_110",
+  "wrapper": "awsui_wrapper_1wepg_uo7zb_114",
+  "label-wrapper": "awsui_label-wrapper_1wepg_uo7zb_120",
+  "empty-content": "awsui_empty-content_1wepg_uo7zb_131",
+  "description-bottom-padding": "awsui_description-bottom-padding_1wepg_uo7zb_141",
+  "label-disabled": "awsui_label-disabled_1wepg_uo7zb_149",
+  "description-disabled": "awsui_description-disabled_1wepg_uo7zb_150",
+  "control": "awsui_control_1wepg_uo7zb_155"
 };