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

@cloudscape-design/components-themeable 3.0.533 → 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/text-content/styles.scoped.css CHANGED Viewed

@@ -91,7 +91,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  SPDX-License-Identifier: Apache-2.0
 */
 /* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
-.awsui_text-content_6absk_1u4w9_94:not(#\9) {
+.awsui_text-content_6absk_1o63y_94:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -128,26 +128,28 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   /* stylelint-disable no-descending-specificity */
   /* stylelint-enable no-descending-specificity */
 }
-.awsui_text-content_6absk_1u4w9_94 h1:not(#\9),
-.awsui_text-content_6absk_1u4w9_94 h2:not(#\9),
-.awsui_text-content_6absk_1u4w9_94 h3:not(#\9),
-.awsui_text-content_6absk_1u4w9_94 h4:not(#\9),
-.awsui_text-content_6absk_1u4w9_94 h5:not(#\9),
-.awsui_text-content_6absk_1u4w9_94 p:not(#\9) {
+.awsui_text-content_6absk_1o63y_94 h1:not(#\9),
+.awsui_text-content_6absk_1o63y_94 h2:not(#\9),
+.awsui_text-content_6absk_1o63y_94 h3:not(#\9),
+.awsui_text-content_6absk_1o63y_94 h4:not(#\9),
+.awsui_text-content_6absk_1o63y_94 h5:not(#\9),
+.awsui_text-content_6absk_1o63y_94 p:not(#\9) {
   font-family: inherit;
   font-weight: normal;
   text-decoration: none;
-  margin: 0;
-  padding: var(--space-xxs-9rrxti, 4px) 0;
+  margin-block: 0;
+  margin-inline: 0;
+  padding-block: var(--space-xxs-9rrxti, 4px);
+  padding-inline: 0;
 }
-.awsui_text-content_6absk_1u4w9_94 h1:not(#\9),
-.awsui_text-content_6absk_1u4w9_94 h2:not(#\9),
-.awsui_text-content_6absk_1u4w9_94 h3:not(#\9),
-.awsui_text-content_6absk_1u4w9_94 h4:not(#\9),
-.awsui_text-content_6absk_1u4w9_94 h5:not(#\9) {
+.awsui_text-content_6absk_1o63y_94 h1:not(#\9),
+.awsui_text-content_6absk_1o63y_94 h2:not(#\9),
+.awsui_text-content_6absk_1o63y_94 h3:not(#\9),
+.awsui_text-content_6absk_1o63y_94 h4:not(#\9),
+.awsui_text-content_6absk_1o63y_94 h5:not(#\9) {
   color: var(--color-text-heading-default-tsgvby, #16191f);
 }
-.awsui_text-content_6absk_1u4w9_94 h1:not(#\9) {
+.awsui_text-content_6absk_1o63y_94 h1:not(#\9) {
   font-size: var(--font-size-heading-xl-k9a0qt, 28px);
   line-height: var(--line-height-heading-xl-v9hsvt, 36px);
   letter-spacing: var(--letter-spacing-heading-xl-87t96e, normal);
@@ -155,7 +157,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-8fiijr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-fw8n0n, auto);
 }
-.awsui_text-content_6absk_1u4w9_94 h2:not(#\9) {
+.awsui_text-content_6absk_1o63y_94 h2:not(#\9) {
   font-size: var(--font-size-heading-l-l21r86, 18px);
   line-height: var(--line-height-heading-l-vog8w7, 22px);
   letter-spacing: var(--letter-spacing-heading-l-bejyzw, normal);
@@ -163,7 +165,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-8fiijr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-fw8n0n, auto);
 }
-.awsui_text-content_6absk_1u4w9_94 h3:not(#\9) {
+.awsui_text-content_6absk_1o63y_94 h3: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);
@@ -171,7 +173,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-8fiijr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-fw8n0n, auto);
 }
-.awsui_text-content_6absk_1u4w9_94 h4:not(#\9) {
+.awsui_text-content_6absk_1o63y_94 h4:not(#\9) {
   font-size: var(--font-size-heading-s-w1c4ce, 16px);
   line-height: var(--line-height-heading-s-h0lds9, 20px);
   letter-spacing: var(--letter-spacing-heading-s-badvkb, normal);
@@ -179,30 +181,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-8fiijr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-fw8n0n, auto);
 }
-.awsui_text-content_6absk_1u4w9_94 h5:not(#\9) {
+.awsui_text-content_6absk_1o63y_94 h5:not(#\9) {
   font-size: var(--font-size-heading-xs-pz04z3, 16px);
   line-height: var(--line-height-heading-xs-jsenn1, 20px);
   font-weight: var(--font-weight-heading-xs-lfmr92, 400);
   -webkit-font-smoothing: var(--font-smoothing-webkit-8fiijr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-fw8n0n, auto);
 }
-.awsui_text-content_6absk_1u4w9_94 b:not(#\9),
-.awsui_text-content_6absk_1u4w9_94 strong:not(#\9) {
+.awsui_text-content_6absk_1o63y_94 b:not(#\9),
+.awsui_text-content_6absk_1o63y_94 strong:not(#\9) {
   font-weight: 700;
 }
-.awsui_text-content_6absk_1u4w9_94 p:not(#\9) {
+.awsui_text-content_6absk_1o63y_94 p:not(#\9) {
   font-size: var(--font-size-body-m-pa3mqb, 14px);
   line-height: var(--line-height-body-m-2zx78l, 22px);
   color: inherit;
 }
-.awsui_text-content_6absk_1u4w9_94 small:not(#\9) {
+.awsui_text-content_6absk_1o63y_94 small:not(#\9) {
   display: inline-block;
   font-size: var(--font-size-body-s-533prh, 12px);
   line-height: var(--line-height-body-s-n0pazd, 16px);
   letter-spacing: var(--letter-spacing-body-s-nkvets, normal);
   color: var(--color-text-small-452yri, #687078);
 }
-.awsui_text-content_6absk_1u4w9_94 small a:not(#\9) {
+.awsui_text-content_6absk_1o63y_94 small a:not(#\9) {
   font-size: inherit;
   color: var(--color-text-link-default-hop3gv, #0073bb);
   font-weight: inherit;
@@ -217,41 +219,41 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   text-decoration-thickness: 1px;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_text-content_6absk_1u4w9_94 small a:not(#\9) {
+  .awsui_text-content_6absk_1o63y_94 small a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_text-content_6absk_1u4w9_94 small a:not(#\9), .awsui-mode-entering .awsui_text-content_6absk_1u4w9_94 small a:not(#\9) {
+.awsui-motion-disabled .awsui_text-content_6absk_1o63y_94 small a:not(#\9), .awsui-mode-entering .awsui_text-content_6absk_1o63y_94 small a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_text-content_6absk_1u4w9_94 small a:not(#\9):hover {
+.awsui_text-content_6absk_1o63y_94 small a:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-8s5z9d, #0a4a74);
 }
-.awsui_text-content_6absk_1u4w9_94 small a:not(#\9):focus {
+.awsui_text-content_6absk_1o63y_94 small a:not(#\9):focus {
   outline: none;
 }
-.awsui_text-content_6absk_1u4w9_94 small a:not(#\9):active {
+.awsui_text-content_6absk_1o63y_94 small a:not(#\9):active {
   color: var(--color-text-link-hover-8s5z9d, #0a4a74);
 }
-.awsui_text-content_6absk_1u4w9_94 small a:not(#\9):active, .awsui_text-content_6absk_1u4w9_94 small a:not(#\9):focus, .awsui_text-content_6absk_1u4w9_94 small a:not(#\9):hover {
+.awsui_text-content_6absk_1o63y_94 small a:not(#\9):active, .awsui_text-content_6absk_1o63y_94 small a:not(#\9):focus, .awsui_text-content_6absk_1o63y_94 small a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_text-content_6absk_1u4w9_94 code:not(#\9),
-.awsui_text-content_6absk_1u4w9_94 pre:not(#\9),
-.awsui_text-content_6absk_1u4w9_94 samp:not(#\9) {
+.awsui_text-content_6absk_1o63y_94 code:not(#\9),
+.awsui_text-content_6absk_1o63y_94 pre:not(#\9),
+.awsui_text-content_6absk_1o63y_94 samp:not(#\9) {
   font-family: var(--font-family-monospace-yt4nwf, Monaco, Menlo, Consolas, "Courier Prime", Courier, "Courier New", monospace);
   background: transparent;
 }
-.awsui_text-content_6absk_1u4w9_94 code:not(#\9) {
+.awsui_text-content_6absk_1o63y_94 code:not(#\9) {
   font-size: var(--font-size-body-s-533prh, 12px);
   line-height: var(--line-height-body-s-n0pazd, 16px);
   letter-spacing: var(--letter-spacing-body-s-nkvets, normal);
 }
-.awsui_text-content_6absk_1u4w9_94 a:not(#\9) {
+.awsui_text-content_6absk_1o63y_94 a:not(#\9) {
   color: var(--color-text-link-default-hop3gv, #0073bb);
   font-weight: inherit;
   letter-spacing: normal;
@@ -265,62 +267,67 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   text-decoration-thickness: 1px;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_text-content_6absk_1u4w9_94 a:not(#\9) {
+  .awsui_text-content_6absk_1o63y_94 a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_text-content_6absk_1u4w9_94 a:not(#\9), .awsui-mode-entering .awsui_text-content_6absk_1u4w9_94 a:not(#\9) {
+.awsui-motion-disabled .awsui_text-content_6absk_1o63y_94 a:not(#\9), .awsui-mode-entering .awsui_text-content_6absk_1o63y_94 a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_text-content_6absk_1u4w9_94 a:not(#\9):hover {
+.awsui_text-content_6absk_1o63y_94 a:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-8s5z9d, #0a4a74);
 }
-.awsui_text-content_6absk_1u4w9_94 a:not(#\9):focus {
+.awsui_text-content_6absk_1o63y_94 a:not(#\9):focus {
   outline: none;
 }
-.awsui_text-content_6absk_1u4w9_94 a:not(#\9):active {
+.awsui_text-content_6absk_1o63y_94 a:not(#\9):active {
   color: var(--color-text-link-hover-8s5z9d, #0a4a74);
 }
-.awsui_text-content_6absk_1u4w9_94 a:not(#\9):active, .awsui_text-content_6absk_1u4w9_94 a:not(#\9):focus, .awsui_text-content_6absk_1u4w9_94 a:not(#\9):hover {
+.awsui_text-content_6absk_1o63y_94 a:not(#\9):active, .awsui_text-content_6absk_1o63y_94 a:not(#\9):focus, .awsui_text-content_6absk_1o63y_94 a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_text-content_6absk_1u4w9_94 a:not(#\9):focus {
+.awsui_text-content_6absk_1o63y_94 a:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-gygm43, 5px auto Highlight);
   outline-offset: 2px;
   outline-color: var(--color-border-item-focused-v8nq2m, #0073bb);
-  border-radius: var(--border-radius-control-default-focus-ring-a78bgq, 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 var(--border-link-focus-ring-shadow-spread-efbp5h, 0px) var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_text-content_6absk_1u4w9_94 ul:not(#\9),
-.awsui_text-content_6absk_1u4w9_94 ol:not(#\9) {
-  padding-left: var(--space-l-xu1x80, 20px);
-  margin: var(--space-scaled-xs-x91h81, 8px) 0;
+.awsui_text-content_6absk_1o63y_94 ul:not(#\9),
+.awsui_text-content_6absk_1o63y_94 ol:not(#\9) {
+  padding-inline-start: var(--space-l-xu1x80, 20px);
+  margin-block: var(--space-scaled-xs-x91h81, 8px);
+  margin-inline: 0;
   list-style-position: outside;
 }
-.awsui_text-content_6absk_1u4w9_94 ul + ul:not(#\9),
-.awsui_text-content_6absk_1u4w9_94 ul + ol:not(#\9),
-.awsui_text-content_6absk_1u4w9_94 ul > li + ul:not(#\9),
-.awsui_text-content_6absk_1u4w9_94 ul > li + li:not(#\9),
-.awsui_text-content_6absk_1u4w9_94 ul > li + ol:not(#\9),
-.awsui_text-content_6absk_1u4w9_94 ul > li > ul:not(#\9),
-.awsui_text-content_6absk_1u4w9_94 ul > li > ol:not(#\9),
-.awsui_text-content_6absk_1u4w9_94 ol + ul:not(#\9),
-.awsui_text-content_6absk_1u4w9_94 ol + ol:not(#\9),
-.awsui_text-content_6absk_1u4w9_94 ol > li + ul:not(#\9),
-.awsui_text-content_6absk_1u4w9_94 ol > li + li:not(#\9),
-.awsui_text-content_6absk_1u4w9_94 ol > li + ol:not(#\9),
-.awsui_text-content_6absk_1u4w9_94 ol > li > ul:not(#\9),
-.awsui_text-content_6absk_1u4w9_94 ol > li > ol:not(#\9) {
-  padding-top: var(--space-scaled-xxs-t7ij38, 4px);
+.awsui_text-content_6absk_1o63y_94 ul + ul:not(#\9),
+.awsui_text-content_6absk_1o63y_94 ul + ol:not(#\9),
+.awsui_text-content_6absk_1o63y_94 ul > li + ul:not(#\9),
+.awsui_text-content_6absk_1o63y_94 ul > li + li:not(#\9),
+.awsui_text-content_6absk_1o63y_94 ul > li + ol:not(#\9),
+.awsui_text-content_6absk_1o63y_94 ul > li > ul:not(#\9),
+.awsui_text-content_6absk_1o63y_94 ul > li > ol:not(#\9),
+.awsui_text-content_6absk_1o63y_94 ol + ul:not(#\9),
+.awsui_text-content_6absk_1o63y_94 ol + ol:not(#\9),
+.awsui_text-content_6absk_1o63y_94 ol > li + ul:not(#\9),
+.awsui_text-content_6absk_1o63y_94 ol > li + li:not(#\9),
+.awsui_text-content_6absk_1o63y_94 ol > li + ol:not(#\9),
+.awsui_text-content_6absk_1o63y_94 ol > li > ul:not(#\9),
+.awsui_text-content_6absk_1o63y_94 ol > li > ol:not(#\9) {
+  padding-block-start: var(--space-scaled-xxs-t7ij38, 4px);
 }
-.awsui_text-content_6absk_1u4w9_94 ul > li > ul:not(#\9),
-.awsui_text-content_6absk_1u4w9_94 ul > li > ol:not(#\9),
-.awsui_text-content_6absk_1u4w9_94 ol > li > ul:not(#\9),
-.awsui_text-content_6absk_1u4w9_94 ol > li > ol:not(#\9) {
-  margin: 0;
+.awsui_text-content_6absk_1o63y_94 ul > li > ul:not(#\9),
+.awsui_text-content_6absk_1o63y_94 ul > li > ol:not(#\9),
+.awsui_text-content_6absk_1o63y_94 ol > li > ul:not(#\9),
+.awsui_text-content_6absk_1o63y_94 ol > li > ol:not(#\9) {
+  margin-block: 0;
+  margin-inline: 0;
 }

package/lib/internal/template/text-content/styles.selectors.js CHANGED Viewed

@@ -2,6 +2,6 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "text-content": "awsui_text-content_6absk_1u4w9_94"
+  "text-content": "awsui_text-content_6absk_1o63y_94"
 };

package/lib/internal/template/text-filter/styles.css.js CHANGED Viewed

@@ -1,8 +1,8 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1sdq3_u0ss5_93",
-  "input": "awsui_input_1sdq3_u0ss5_131",
-  "results": "awsui_results_1sdq3_u0ss5_135"
+  "root": "awsui_root_1sdq3_14bvs_93",
+  "input": "awsui_input_1sdq3_14bvs_131",
+  "results": "awsui_results_1sdq3_14bvs_135"
 };

package/lib/internal/template/text-filter/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_1sdq3_u0ss5_93:not(#\9) {
+.awsui_root_1sdq3_14bvs_93:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -126,17 +126,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
   display: flex;
   align-items: center;
-  max-width: calc(688px - 2 * var(--space-l-xu1x80, 20px));
+  max-inline-size: calc(688px - 2 * var(--space-l-xu1x80, 20px));
 }
-.awsui_input_1sdq3_u0ss5_131:not(#\9) {
+.awsui_input_1sdq3_14bvs_131:not(#\9) {
   flex: 1;
 }
-.awsui_results_1sdq3_u0ss5_135:not(#\9) {
+.awsui_results_1sdq3_14bvs_135:not(#\9) {
   color: var(--color-text-form-label-3ubxwt, #16191f);
   display: inline-block;
   box-sizing: border-box;
   white-space: nowrap;
-  padding-left: var(--space-s-2025hl, 12px);
+  padding-inline-start: var(--space-s-2025hl, 12px);
 }

package/lib/internal/template/text-filter/styles.selectors.js CHANGED Viewed

@@ -2,8 +2,8 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1sdq3_u0ss5_93",
-  "input": "awsui_input_1sdq3_u0ss5_131",
-  "results": "awsui_results_1sdq3_u0ss5_135"
+  "root": "awsui_root_1sdq3_14bvs_93",
+  "input": "awsui_input_1sdq3_14bvs_131",
+  "results": "awsui_results_1sdq3_14bvs_135"
 };

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

@@ -1,9 +1,9 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_qk1j1_1mmdm_93",
-  "textarea": "awsui_textarea_qk1j1_1mmdm_97",
-  "textarea-readonly": "awsui_textarea-readonly_qk1j1_1mmdm_145",
-  "textarea-invalid": "awsui_textarea-invalid_qk1j1_1mmdm_181"
+  "root": "awsui_root_qk1j1_15dg8_93",
+  "textarea": "awsui_textarea_qk1j1_15dg8_97",
+  "textarea-readonly": "awsui_textarea-readonly_qk1j1_15dg8_150",
+  "textarea-invalid": "awsui_textarea-invalid_qk1j1_15dg8_192"
 };

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

@@ -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_qk1j1_1mmdm_93:not(#\9) {
+.awsui_root_qk1j1_15dg8_93:not(#\9) {
   /* used for test-utils */
 }
-.awsui_textarea_qk1j1_1mmdm_97:not(#\9) {
+.awsui_textarea_qk1j1_15dg8_97:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -131,62 +131,73 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   resize: auto; /* stylelint-disable-line plugin/no-unsupported-browser-features */
   cursor: text;
   white-space: pre-wrap;
-  padding: var(--space-scaled-xxs-t7ij38, 4px) var(--space-field-horizontal-cy5q05, 8px);
+  padding-block: var(--space-scaled-xxs-t7ij38, 4px);
+  padding-inline: var(--space-field-horizontal-cy5q05, 8px);
   color: var(--color-text-body-default-ffdwgg, #16191f);
-  max-width: 100%;
-  width: 100%;
+  max-inline-size: 100%;
+  inline-size: 100%;
   display: block;
   box-sizing: border-box;
   background-color: var(--color-background-input-default-w7mbz6, #ffffff);
-  border-radius: var(--border-radius-input-hy50dp, 2px);
-  border: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-default-aksbt5, #687078);
+  border-start-start-radius: var(--border-radius-input-hy50dp, 2px);
+  border-start-end-radius: var(--border-radius-input-hy50dp, 2px);
+  border-end-start-radius: var(--border-radius-input-hy50dp, 2px);
+  border-end-end-radius: var(--border-radius-input-hy50dp, 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);
   font-size: var(--font-size-body-m-pa3mqb, 14px);
   line-height: var(--line-height-body-m-2zx78l, 22px);
 }
-.awsui_textarea_qk1j1_1mmdm_97.awsui_textarea-readonly_qk1j1_1mmdm_145:not(#\9) {
+.awsui_textarea_qk1j1_15dg8_97.awsui_textarea-readonly_qk1j1_15dg8_150:not(#\9) {
   background-color: var(--color-background-input-default-w7mbz6, #ffffff);
-  border: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-disabled-v8bsvq, #eaeded);
+  border-block: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-disabled-v8bsvq, #eaeded);
+  border-inline: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-disabled-v8bsvq, #eaeded);
 }
-.awsui_textarea_qk1j1_1mmdm_97:not(#\9)::placeholder {
+.awsui_textarea_qk1j1_15dg8_97:not(#\9)::placeholder {
   color: var(--color-text-input-placeholder-epedqe, #687078);
   font-style: italic;
   opacity: 1;
 }
-.awsui_textarea_qk1j1_1mmdm_97:not(#\9):-ms-input-placeholder {
+.awsui_textarea_qk1j1_15dg8_97:not(#\9):-ms-input-placeholder {
   color: var(--color-text-input-placeholder-epedqe, #687078);
   font-style: italic;
 }
-.awsui_textarea_qk1j1_1mmdm_97:not(#\9):focus {
+.awsui_textarea_qk1j1_15dg8_97:not(#\9):focus {
   outline: 2px dotted transparent;
-  border: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-focused-v6z9fd, #0073bb);
-  border-radius: var(--border-radius-input-hy50dp, 2px);
+  border-block: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-focused-v6z9fd, #0073bb);
+  border-inline: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-focused-v6z9fd, #0073bb);
+  border-start-start-radius: var(--border-radius-input-hy50dp, 2px);
+  border-start-end-radius: var(--border-radius-input-hy50dp, 2px);
+  border-end-start-radius: var(--border-radius-input-hy50dp, 2px);
+  border-end-end-radius: var(--border-radius-input-hy50dp, 2px);
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0k725q, 1px) var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_textarea_qk1j1_1mmdm_97:not(#\9):invalid {
+.awsui_textarea_qk1j1_15dg8_97:not(#\9):invalid {
   box-shadow: none;
 }
-.awsui_textarea_qk1j1_1mmdm_97:not(#\9):disabled {
+.awsui_textarea_qk1j1_15dg8_97:not(#\9):disabled {
   background-color: var(--color-background-input-disabled-zfoobi, #eaeded);
-  border: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-disabled-v8bsvq, #eaeded);
+  border-block: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-disabled-v8bsvq, #eaeded);
+  border-inline: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-disabled-v8bsvq, #eaeded);
   color: var(--color-text-input-disabled-c1yp62, #879596);
   cursor: auto;
   cursor: default;
 }
-.awsui_textarea_qk1j1_1mmdm_97:not(#\9):disabled::placeholder {
+.awsui_textarea_qk1j1_15dg8_97:not(#\9):disabled::placeholder {
   color: var(--color-text-input-placeholder-disabled-ovndcz, #687078);
   opacity: 1;
 }
-.awsui_textarea_qk1j1_1mmdm_97:not(#\9):disabled:-ms-input-placeholder {
+.awsui_textarea_qk1j1_15dg8_97:not(#\9):disabled:-ms-input-placeholder {
   color: var(--color-text-input-placeholder-disabled-ovndcz, #687078);
 }
-.awsui_textarea_qk1j1_1mmdm_97.awsui_textarea-invalid_qk1j1_1mmdm_181:not(#\9) {
+.awsui_textarea_qk1j1_15dg8_97.awsui_textarea-invalid_qk1j1_15dg8_192:not(#\9) {
   color: var(--color-text-status-error-ofc4yr, #d13212);
   border-color: var(--color-text-status-error-ofc4yr, #d13212);
-  padding-left: calc(
+  padding-inline-start: calc(
   var(--space-field-horizontal-cy5q05, 8px) - (var(--border-invalid-width-hp6noi, 4px) - var(--border-field-width-yoy972, 1px))
 );
-  border-left-width: var(--border-invalid-width-hp6noi, 4px);
+  border-inline-start-width: var(--border-invalid-width-hp6noi, 4px);
 }
-.awsui_textarea_qk1j1_1mmdm_97.awsui_textarea-invalid_qk1j1_1mmdm_181:not(#\9):focus {
+.awsui_textarea_qk1j1_15dg8_97.awsui_textarea-invalid_qk1j1_15dg8_192:not(#\9):focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-v3635w, 1px) var(--color-border-item-focused-v8nq2m, #0073bb);
 }

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

@@ -2,9 +2,9 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_qk1j1_1mmdm_93",
-  "textarea": "awsui_textarea_qk1j1_1mmdm_97",
-  "textarea-readonly": "awsui_textarea-readonly_qk1j1_1mmdm_145",
-  "textarea-invalid": "awsui_textarea-invalid_qk1j1_1mmdm_181"
+  "root": "awsui_root_qk1j1_15dg8_93",
+  "textarea": "awsui_textarea_qk1j1_15dg8_97",
+  "textarea-readonly": "awsui_textarea-readonly_qk1j1_15dg8_150",
+  "textarea-invalid": "awsui_textarea-invalid_qk1j1_15dg8_192"
 };

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

@@ -1,34 +1,34 @@
     import './styles.scoped.css';
     export 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"
 };