npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1382 → 3.0.1384 - Mend

@cloudscape-design/components-themeable 3.0.1382 → 3.0.1384

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

package/lib/internal/template/text-content/styles.scoped.css CHANGED Viewed

@@ -7,7 +7,7 @@
 /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_text-content_6absk_1f3ex_10:not(#\9) {
+.awsui_text-content_6absk_1n72z_10:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -40,12 +40,12 @@ 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_1f3ex_10 h1:not(#\9),
-.awsui_text-content_6absk_1f3ex_10 h2:not(#\9),
-.awsui_text-content_6absk_1f3ex_10 h3:not(#\9),
-.awsui_text-content_6absk_1f3ex_10 h4:not(#\9),
-.awsui_text-content_6absk_1f3ex_10 h5:not(#\9),
-.awsui_text-content_6absk_1f3ex_10 p:not(#\9) {
+.awsui_text-content_6absk_1n72z_10 h1:not(#\9),
+.awsui_text-content_6absk_1n72z_10 h2:not(#\9),
+.awsui_text-content_6absk_1n72z_10 h3:not(#\9),
+.awsui_text-content_6absk_1n72z_10 h4:not(#\9),
+.awsui_text-content_6absk_1n72z_10 h5:not(#\9),
+.awsui_text-content_6absk_1n72z_10 p:not(#\9) {
   font-family: inherit;
   font-weight: var(--font-weight-normal-fr92v6, 400);
   text-decoration: none;
@@ -54,14 +54,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: var(--space-xxs-3o1yoq, 4px);
   padding-inline: 0;
 }
-.awsui_text-content_6absk_1f3ex_10 h1:not(#\9),
-.awsui_text-content_6absk_1f3ex_10 h2:not(#\9),
-.awsui_text-content_6absk_1f3ex_10 h3:not(#\9),
-.awsui_text-content_6absk_1f3ex_10 h4:not(#\9),
-.awsui_text-content_6absk_1f3ex_10 h5:not(#\9) {
+.awsui_text-content_6absk_1n72z_10 h1:not(#\9),
+.awsui_text-content_6absk_1n72z_10 h2:not(#\9),
+.awsui_text-content_6absk_1n72z_10 h3:not(#\9),
+.awsui_text-content_6absk_1n72z_10 h4:not(#\9),
+.awsui_text-content_6absk_1n72z_10 h5:not(#\9) {
   color: var(--color-text-heading-default-e3tuze, #16191f);
 }
-.awsui_text-content_6absk_1f3ex_10 h1:not(#\9) {
+.awsui_text-content_6absk_1n72z_10 h1:not(#\9) {
   font-family: var(--font-family-heading-f20kh9, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   font-size: var(--font-size-heading-xl-0tgqx0, 28px);
   line-height: var(--line-height-heading-xl-pi61pg, 36px);
@@ -70,7 +70,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-dpz0hr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-kjlydy, auto);
 }
-.awsui_text-content_6absk_1f3ex_10 h2:not(#\9) {
+.awsui_text-content_6absk_1n72z_10 h2:not(#\9) {
   font-family: var(--font-family-heading-f20kh9, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   font-size: var(--font-size-heading-l-cax9xk, 18px);
   line-height: var(--line-height-heading-l-zmt48b, 22px);
@@ -79,7 +79,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-dpz0hr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-kjlydy, auto);
 }
-.awsui_text-content_6absk_1f3ex_10 h3:not(#\9) {
+.awsui_text-content_6absk_1n72z_10 h3:not(#\9) {
   font-family: var(--font-family-heading-f20kh9, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   font-size: var(--font-size-heading-m-cqvsuv, 18px);
   line-height: var(--line-height-heading-m-d6lkzb, 22px);
@@ -88,7 +88,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-dpz0hr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-kjlydy, auto);
 }
-.awsui_text-content_6absk_1f3ex_10 h4:not(#\9) {
+.awsui_text-content_6absk_1n72z_10 h4:not(#\9) {
   font-family: var(--font-family-heading-f20kh9, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   font-size: var(--font-size-heading-s-hm1hv8, 16px);
   line-height: var(--line-height-heading-s-3z7qjv, 20px);
@@ -97,7 +97,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-dpz0hr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-kjlydy, auto);
 }
-.awsui_text-content_6absk_1f3ex_10 h5:not(#\9) {
+.awsui_text-content_6absk_1n72z_10 h5:not(#\9) {
   font-family: var(--font-family-heading-f20kh9, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   font-size: var(--font-size-heading-xs-yrvp79, 16px);
   line-height: var(--line-height-heading-xs-wcrr4i, 20px);
@@ -106,28 +106,28 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-dpz0hr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-kjlydy, auto);
 }
-.awsui_text-content_6absk_1f3ex_10 b:not(#\9),
-.awsui_text-content_6absk_1f3ex_10 strong:not(#\9) {
+.awsui_text-content_6absk_1n72z_10 b:not(#\9),
+.awsui_text-content_6absk_1n72z_10 strong:not(#\9) {
   font-weight: var(--font-weight-bold-xpar9m, 700);
 }
-.awsui_text-content_6absk_1f3ex_10 p:not(#\9) {
+.awsui_text-content_6absk_1n72z_10 p:not(#\9) {
   font-size: var(--font-size-body-m-tq5a14, 14px);
   line-height: var(--line-height-body-m-5xw6xo, 22px);
   color: inherit;
 }
-.awsui_text-content_6absk_1f3ex_10 small:not(#\9) {
+.awsui_text-content_6absk_1n72z_10 small:not(#\9) {
   display: inline-block;
   font-size: var(--font-size-body-s-89y7qg, 12px);
   line-height: var(--line-height-body-s-gako33, 16px);
   letter-spacing: var(--letter-spacing-body-s-dzcybc, normal);
   color: var(--color-text-small-uo2fu4, #687078);
 }
-.awsui_text-content_6absk_1f3ex_10 small a:not(#\9) {
+.awsui_text-content_6absk_1n72z_10 small a:not(#\9) {
   font-size: inherit;
   text-underline-offset: 0.25em;
   text-decoration-thickness: var(--font-decoration-thickness-link-n3u7wl, 1px);
   text-decoration-style: var(--font-decoration-style-link-lw1s9g, solid);
-  color: var(--awsui-style-color-default-66120l, var(--color-text-link-default-qabnuk, #0073bb));
+  color: var(--awsui-style-color-default-ka4djm, var(--color-text-link-default-qabnuk, #0073bb));
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: underline;
@@ -136,45 +136,45 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-s8g1xv, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_text-content_6absk_1f3ex_10 small a:not(#\9) {
+  .awsui_text-content_6absk_1n72z_10 small a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_text-content_6absk_1f3ex_10 small a:not(#\9), .awsui-mode-entering .awsui_text-content_6absk_1f3ex_10 small a:not(#\9) {
+.awsui-motion-disabled .awsui_text-content_6absk_1n72z_10 small a:not(#\9), .awsui-mode-entering .awsui_text-content_6absk_1n72z_10 small a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_text-content_6absk_1f3ex_10 small a:not(#\9):hover {
+.awsui_text-content_6absk_1n72z_10 small a:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-66120l, var(--color-text-link-hover-n1r6g0, #0a4a74));
+  color: var(--awsui-style-color-hover-ka4djm, var(--color-text-link-hover-n1r6g0, #0a4a74));
 }
-.awsui_text-content_6absk_1f3ex_10 small a:not(#\9):focus {
+.awsui_text-content_6absk_1n72z_10 small a:not(#\9):focus {
   outline: none;
 }
-.awsui_text-content_6absk_1f3ex_10 small a:not(#\9):active {
-  color: var(--awsui-style-color-active-66120l, var(--color-text-link-hover-n1r6g0, #0a4a74));
+.awsui_text-content_6absk_1n72z_10 small a:not(#\9):active {
+  color: var(--awsui-style-color-active-ka4djm, var(--color-text-link-hover-n1r6g0, #0a4a74));
 }
-.awsui_text-content_6absk_1f3ex_10 small a:not(#\9):active, .awsui_text-content_6absk_1f3ex_10 small a:not(#\9):focus, .awsui_text-content_6absk_1f3ex_10 small a:not(#\9):hover {
+.awsui_text-content_6absk_1n72z_10 small a:not(#\9):active, .awsui_text-content_6absk_1n72z_10 small a:not(#\9):focus, .awsui_text-content_6absk_1n72z_10 small a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-decoration-hover-opkmr8, currentColor);
 }
-.awsui_text-content_6absk_1f3ex_10 code:not(#\9),
-.awsui_text-content_6absk_1f3ex_10 pre:not(#\9),
-.awsui_text-content_6absk_1f3ex_10 samp:not(#\9) {
+.awsui_text-content_6absk_1n72z_10 code:not(#\9),
+.awsui_text-content_6absk_1n72z_10 pre:not(#\9),
+.awsui_text-content_6absk_1n72z_10 samp:not(#\9) {
   font-family: var(--font-family-monospace-842lr2, Monaco, Menlo, Consolas, "Courier Prime", Courier, "Courier New", monospace);
   background: transparent;
 }
-.awsui_text-content_6absk_1f3ex_10 code:not(#\9) {
+.awsui_text-content_6absk_1n72z_10 code:not(#\9) {
   font-size: var(--font-size-body-s-89y7qg, 12px);
   line-height: var(--line-height-body-s-gako33, 16px);
   letter-spacing: var(--letter-spacing-body-s-dzcybc, normal);
 }
-.awsui_text-content_6absk_1f3ex_10 a:not(#\9) {
+.awsui_text-content_6absk_1n72z_10 a:not(#\9) {
   text-underline-offset: 0.25em;
   text-decoration-thickness: var(--font-decoration-thickness-link-n3u7wl, 1px);
   text-decoration-style: var(--font-decoration-style-link-lw1s9g, solid);
-  color: var(--awsui-style-color-default-66120l, var(--color-text-link-default-qabnuk, #0073bb));
+  color: var(--awsui-style-color-default-ka4djm, var(--color-text-link-default-qabnuk, #0073bb));
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: underline;
@@ -183,30 +183,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-s8g1xv, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_text-content_6absk_1f3ex_10 a:not(#\9) {
+  .awsui_text-content_6absk_1n72z_10 a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_text-content_6absk_1f3ex_10 a:not(#\9), .awsui-mode-entering .awsui_text-content_6absk_1f3ex_10 a:not(#\9) {
+.awsui-motion-disabled .awsui_text-content_6absk_1n72z_10 a:not(#\9), .awsui-mode-entering .awsui_text-content_6absk_1n72z_10 a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_text-content_6absk_1f3ex_10 a:not(#\9):hover {
+.awsui_text-content_6absk_1n72z_10 a:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-66120l, var(--color-text-link-hover-n1r6g0, #0a4a74));
+  color: var(--awsui-style-color-hover-ka4djm, var(--color-text-link-hover-n1r6g0, #0a4a74));
 }
-.awsui_text-content_6absk_1f3ex_10 a:not(#\9):focus {
+.awsui_text-content_6absk_1n72z_10 a:not(#\9):focus {
   outline: none;
 }
-.awsui_text-content_6absk_1f3ex_10 a:not(#\9):active {
-  color: var(--awsui-style-color-active-66120l, var(--color-text-link-hover-n1r6g0, #0a4a74));
+.awsui_text-content_6absk_1n72z_10 a:not(#\9):active {
+  color: var(--awsui-style-color-active-ka4djm, var(--color-text-link-hover-n1r6g0, #0a4a74));
 }
-.awsui_text-content_6absk_1f3ex_10 a:not(#\9):active, .awsui_text-content_6absk_1f3ex_10 a:not(#\9):focus, .awsui_text-content_6absk_1f3ex_10 a:not(#\9):hover {
+.awsui_text-content_6absk_1n72z_10 a:not(#\9):active, .awsui_text-content_6absk_1n72z_10 a:not(#\9):focus, .awsui_text-content_6absk_1n72z_10 a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-decoration-hover-opkmr8, currentColor);
 }
-.awsui_text-content_6absk_1f3ex_10 a:not(#\9):focus {
+.awsui_text-content_6absk_1n72z_10 a:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-wn9h6t, 5px auto Highlight);
   outline-offset: 2px;
@@ -217,33 +217,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-ggjunl, 0px) var(--color-border-item-focused-sewkzn, #0073bb);
 }
-.awsui_text-content_6absk_1f3ex_10 ul:not(#\9),
-.awsui_text-content_6absk_1f3ex_10 ol:not(#\9) {
+.awsui_text-content_6absk_1n72z_10 ul:not(#\9),
+.awsui_text-content_6absk_1n72z_10 ol:not(#\9) {
   padding-inline-start: var(--space-l-dpyxli, 20px);
   margin-block: var(--space-scaled-xs-pajbd1, 8px);
   margin-inline: 0;
   list-style-position: outside;
 }
-.awsui_text-content_6absk_1f3ex_10 ul + ul:not(#\9),
-.awsui_text-content_6absk_1f3ex_10 ul + ol:not(#\9),
-.awsui_text-content_6absk_1f3ex_10 ul > li + ul:not(#\9),
-.awsui_text-content_6absk_1f3ex_10 ul > li + li:not(#\9),
-.awsui_text-content_6absk_1f3ex_10 ul > li + ol:not(#\9),
-.awsui_text-content_6absk_1f3ex_10 ul > li > ul:not(#\9),
-.awsui_text-content_6absk_1f3ex_10 ul > li > ol:not(#\9),
-.awsui_text-content_6absk_1f3ex_10 ol + ul:not(#\9),
-.awsui_text-content_6absk_1f3ex_10 ol + ol:not(#\9),
-.awsui_text-content_6absk_1f3ex_10 ol > li + ul:not(#\9),
-.awsui_text-content_6absk_1f3ex_10 ol > li + li:not(#\9),
-.awsui_text-content_6absk_1f3ex_10 ol > li + ol:not(#\9),
-.awsui_text-content_6absk_1f3ex_10 ol > li > ul:not(#\9),
-.awsui_text-content_6absk_1f3ex_10 ol > li > ol:not(#\9) {
+.awsui_text-content_6absk_1n72z_10 ul + ul:not(#\9),
+.awsui_text-content_6absk_1n72z_10 ul + ol:not(#\9),
+.awsui_text-content_6absk_1n72z_10 ul > li + ul:not(#\9),
+.awsui_text-content_6absk_1n72z_10 ul > li + li:not(#\9),
+.awsui_text-content_6absk_1n72z_10 ul > li + ol:not(#\9),
+.awsui_text-content_6absk_1n72z_10 ul > li > ul:not(#\9),
+.awsui_text-content_6absk_1n72z_10 ul > li > ol:not(#\9),
+.awsui_text-content_6absk_1n72z_10 ol + ul:not(#\9),
+.awsui_text-content_6absk_1n72z_10 ol + ol:not(#\9),
+.awsui_text-content_6absk_1n72z_10 ol > li + ul:not(#\9),
+.awsui_text-content_6absk_1n72z_10 ol > li + li:not(#\9),
+.awsui_text-content_6absk_1n72z_10 ol > li + ol:not(#\9),
+.awsui_text-content_6absk_1n72z_10 ol > li > ul:not(#\9),
+.awsui_text-content_6absk_1n72z_10 ol > li > ol:not(#\9) {
   padding-block-start: var(--space-scaled-xxs-j00t0m, 4px);
 }
-.awsui_text-content_6absk_1f3ex_10 ul > li > ul:not(#\9),
-.awsui_text-content_6absk_1f3ex_10 ul > li > ol:not(#\9),
-.awsui_text-content_6absk_1f3ex_10 ol > li > ul:not(#\9),
-.awsui_text-content_6absk_1f3ex_10 ol > li > ol:not(#\9) {
+.awsui_text-content_6absk_1n72z_10 ul > li > ul:not(#\9),
+.awsui_text-content_6absk_1n72z_10 ul > li > ol:not(#\9),
+.awsui_text-content_6absk_1n72z_10 ol > li > ul:not(#\9),
+.awsui_text-content_6absk_1n72z_10 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_1f3ex_10"
+  "text-content": "awsui_text-content_6absk_1n72z_10"
 };

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

@@ -1,14 +1,14 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_qk1j1_1cgmb_9",
-  "textarea": "awsui_textarea_qk1j1_1cgmb_13",
-  "textarea-resize-both": "awsui_textarea-resize-both_qk1j1_1cgmb_64",
-  "textarea-resize-horizontal": "awsui_textarea-resize-horizontal_qk1j1_1cgmb_67",
-  "textarea-resize-vertical": "awsui_textarea-resize-vertical_qk1j1_1cgmb_70",
-  "textarea-resize-none": "awsui_textarea-resize-none_qk1j1_1cgmb_73",
-  "textarea-readonly": "awsui_textarea-readonly_qk1j1_1cgmb_82",
-  "textarea-invalid": "awsui_textarea-invalid_qk1j1_1cgmb_123",
-  "textarea-warning": "awsui_textarea-warning_qk1j1_1cgmb_132"
+  "root": "awsui_root_qk1j1_1d141_9",
+  "textarea": "awsui_textarea_qk1j1_1d141_13",
+  "textarea-resize-both": "awsui_textarea-resize-both_qk1j1_1d141_64",
+  "textarea-resize-horizontal": "awsui_textarea-resize-horizontal_qk1j1_1d141_67",
+  "textarea-resize-vertical": "awsui_textarea-resize-vertical_qk1j1_1d141_70",
+  "textarea-resize-none": "awsui_textarea-resize-none_qk1j1_1d141_73",
+  "textarea-readonly": "awsui_textarea-readonly_qk1j1_1d141_82",
+  "textarea-invalid": "awsui_textarea-invalid_qk1j1_1d141_119",
+  "textarea-warning": "awsui_textarea-warning_qk1j1_1d141_128"
 };

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

@@ -6,11 +6,11 @@
 /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_root_qk1j1_1cgmb_9:not(#\9) {
+.awsui_root_qk1j1_1d141_9:not(#\9) {
   /* used for test-utils */
 }
-.awsui_textarea_qk1j1_1cgmb_13:not(#\9) {
+.awsui_textarea_qk1j1_1d141_13:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -45,96 +45,92 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   white-space: pre-wrap;
   padding-block: var(--space-field-vertical-77df8s, 4px);
   padding-inline: var(--space-field-horizontal-anki5k, 8px);
-  color: var(--awsui-style-color-default-66120l, var(--color-text-body-default-b2us04, #16191f));
+  color: var(--awsui-style-color-default-ka4djm, var(--color-text-body-default-b2us04, #16191f));
   max-inline-size: 100%;
   inline-size: 100%;
   display: block;
   box-sizing: border-box;
-  background-color: var(--awsui-style-background-default-66120l, var(--color-background-input-default-1u0v1p, #ffffff));
+  background-color: var(--awsui-style-background-default-ka4djm, var(--color-background-input-default-1u0v1p, #ffffff));
   border-start-start-radius: var(--border-radius-input-k1q34z, 2px);
   border-start-end-radius: var(--border-radius-input-k1q34z, 2px);
   border-end-start-radius: var(--border-radius-input-k1q34z, 2px);
   border-end-end-radius: var(--border-radius-input-k1q34z, 2px);
-  border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-default-66120l, var(--color-border-input-default-jtkw9d, #687078));
-  border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-default-66120l, var(--color-border-input-default-jtkw9d, #687078));
-  box-shadow: var(--awsui-style-box-shadow-default-66120l);
+  border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-default-ka4djm, var(--color-border-input-default-jtkw9d, #687078));
+  border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-default-ka4djm, var(--color-border-input-default-jtkw9d, #687078));
+  box-shadow: var(--awsui-style-box-shadow-default-ka4djm);
   font-size: var(--font-size-body-m-tq5a14, 14px);
   line-height: var(--line-height-body-m-5xw6xo, 22px);
 }
-.awsui_textarea_qk1j1_1cgmb_13.awsui_textarea-resize-both_qk1j1_1cgmb_64:not(#\9) {
+.awsui_textarea_qk1j1_1d141_13.awsui_textarea-resize-both_qk1j1_1d141_64:not(#\9) {
   resize: both;
 }
-.awsui_textarea_qk1j1_1cgmb_13.awsui_textarea-resize-horizontal_qk1j1_1cgmb_67:not(#\9) {
+.awsui_textarea_qk1j1_1d141_13.awsui_textarea-resize-horizontal_qk1j1_1d141_67:not(#\9) {
   resize: horizontal;
 }
-.awsui_textarea_qk1j1_1cgmb_13.awsui_textarea-resize-vertical_qk1j1_1cgmb_70:not(#\9) {
+.awsui_textarea_qk1j1_1d141_13.awsui_textarea-resize-vertical_qk1j1_1d141_70:not(#\9) {
   resize: vertical;
 }
-.awsui_textarea_qk1j1_1cgmb_13.awsui_textarea-resize-none_qk1j1_1cgmb_73:not(#\9) {
+.awsui_textarea_qk1j1_1d141_13.awsui_textarea-resize-none_qk1j1_1d141_73:not(#\9) {
   resize: none;
 }
-.awsui_textarea_qk1j1_1cgmb_13:not(#\9):hover {
-  border-color: var(--awsui-style-border-color-hover-66120l, var(--awsui-style-border-color-default-66120l, var(--color-border-input-default-jtkw9d, #687078)));
-  color: var(--awsui-style-color-hover-66120l, var(--awsui-style-border-color-default-66120l, var(--color-text-body-default-b2us04, #16191f)));
-  background-color: var(--awsui-style-background-hover-66120l, var(--awsui-style-background-default-66120l, var(--color-background-input-default-1u0v1p, #ffffff)));
-  box-shadow: var(--awsui-style-box-shadow-hover-66120l, --awsui-style-box-shadow-default-66120l);
-}
-.awsui_textarea_qk1j1_1cgmb_13.awsui_textarea-readonly_qk1j1_1cgmb_82:not(#\9) {
-  background-color: var(--awsui-style-background-readonly-66120l, var(--awsui-style-background-default-66120l, var(--color-background-input-default-1u0v1p, #ffffff)));
-  border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-readonly-66120l, var(--awsui-style-border-color-default-66120l, var(--color-border-input-disabled-5m31k6, #eaeded)));
-  border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-readonly-66120l, var(--awsui-style-border-color-default-66120l, var(--color-border-input-disabled-5m31k6, #eaeded)));
-  color: var(--awsui-style-color-readonly-66120l, var(--awsui-style-color-default-66120l, var(--color-text-body-default-b2us04, #16191f)));
-  box-shadow: var(--awsui-style-box-shadow-readonly-66120l);
-}
-.awsui_textarea_qk1j1_1cgmb_13:not(#\9)::placeholder {
-  color: var(--awsui-style-placeholder-color-66120l, var(--color-text-input-placeholder-l6klmg, #687078));
-  font-size: var(--awsui-style-placeholder-font-size-66120l);
-  font-style: var(--awsui-style-placeholder-font-style-66120l, italic);
-  font-weight: var(--awsui-style-placeholder-font-weight-66120l);
+.awsui_textarea_qk1j1_1d141_13:not(#\9):hover {
+  border-color: var(--awsui-style-border-color-hover-ka4djm, var(--awsui-style-border-color-default-ka4djm, var(--color-border-input-default-jtkw9d, #687078)));
+  color: var(--awsui-style-color-hover-ka4djm, var(--awsui-style-border-color-default-ka4djm, var(--color-text-body-default-b2us04, #16191f)));
+  background-color: var(--awsui-style-background-hover-ka4djm, var(--awsui-style-background-default-ka4djm, var(--color-background-input-default-1u0v1p, #ffffff)));
+  box-shadow: var(--awsui-style-box-shadow-hover-ka4djm, --awsui-style-box-shadow-default-ka4djm);
+}
+.awsui_textarea_qk1j1_1d141_13.awsui_textarea-readonly_qk1j1_1d141_82:not(#\9) {
+  background-color: var(--awsui-style-background-readonly-ka4djm, var(--awsui-style-background-default-ka4djm, var(--color-background-input-default-1u0v1p, #ffffff)));
+  border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-readonly-ka4djm, var(--awsui-style-border-color-default-ka4djm, var(--color-border-input-disabled-5m31k6, #eaeded)));
+  border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-readonly-ka4djm, var(--awsui-style-border-color-default-ka4djm, var(--color-border-input-disabled-5m31k6, #eaeded)));
+  color: var(--awsui-style-color-readonly-ka4djm, var(--awsui-style-color-default-ka4djm, var(--color-text-body-default-b2us04, #16191f)));
+  box-shadow: var(--awsui-style-box-shadow-readonly-ka4djm);
+}
+.awsui_textarea_qk1j1_1d141_13:not(#\9)::placeholder {
+  color: var(--awsui-style-placeholder-color-ka4djm, var(--color-text-input-placeholder-l6klmg, #687078));
+  font-size: var(--awsui-style-placeholder-font-size-ka4djm);
+  font-style: var(--awsui-style-placeholder-font-style-ka4djm, italic);
+  font-weight: var(--awsui-style-placeholder-font-weight-ka4djm);
   opacity: 1;
 }
-.awsui_textarea_qk1j1_1cgmb_13:not(#\9):focus {
+.awsui_textarea_qk1j1_1d141_13:not(#\9):focus {
   outline: 2px dotted transparent;
-  border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-focus-66120l, var(--color-border-input-focused-ppoq5z, #0073bb));
-  border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-focus-66120l, var(--color-border-input-focused-ppoq5z, #0073bb));
-  border-start-start-radius: var(--border-radius-input-k1q34z, 2px);
-  border-start-end-radius: var(--border-radius-input-k1q34z, 2px);
-  border-end-start-radius: var(--border-radius-input-k1q34z, 2px);
-  border-end-end-radius: var(--border-radius-input-k1q34z, 2px);
-  box-shadow: var(--awsui-style-box-shadow-focus-66120l, 0 0 0 var(--border-control-focus-ring-shadow-spread-iijyo6, 1px) var(--color-border-item-focused-sewkzn, #0073bb));
-  color: var(--awsui-style-color-focus-66120l, var(--color-text-body-default-b2us04, #16191f));
-  background-color: var(--awsui-style-background-focus-66120l, var(--color-background-input-default-1u0v1p, #ffffff));
+  border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-focus-ka4djm, var(--color-border-input-focused-ppoq5z, #0073bb));
+  border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-focus-ka4djm, var(--color-border-input-focused-ppoq5z, #0073bb));
+  box-shadow: var(--awsui-style-box-shadow-focus-ka4djm, 0 0 0 var(--border-control-focus-ring-shadow-spread-iijyo6, 1px) var(--color-border-item-focused-sewkzn, #0073bb));
+  color: var(--awsui-style-color-focus-ka4djm, var(--color-text-body-default-b2us04, #16191f));
+  background-color: var(--awsui-style-background-focus-ka4djm, var(--color-background-input-default-1u0v1p, #ffffff));
 }
-.awsui_textarea_qk1j1_1cgmb_13:not(#\9):invalid {
+.awsui_textarea_qk1j1_1d141_13:not(#\9):invalid {
   box-shadow: none;
 }
-.awsui_textarea_qk1j1_1cgmb_13:not(#\9):disabled {
-  background-color: var(--awsui-style-background-disabled-66120l, var(--color-background-input-disabled-pyvhb1, #eaeded));
-  border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-disabled-66120l, var(--color-border-input-disabled-5m31k6, #eaeded));
-  border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-disabled-66120l, var(--color-border-input-disabled-5m31k6, #eaeded));
-  color: var(--awsui-style-color-disabled-66120l, var(--color-text-input-disabled-s4k7tb, #879596));
+.awsui_textarea_qk1j1_1d141_13:not(#\9):disabled {
+  background-color: var(--awsui-style-background-disabled-ka4djm, var(--color-background-input-disabled-pyvhb1, #eaeded));
+  border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-disabled-ka4djm, var(--color-border-input-disabled-5m31k6, #eaeded));
+  border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-disabled-ka4djm, var(--color-border-input-disabled-5m31k6, #eaeded));
+  color: var(--awsui-style-color-disabled-ka4djm, var(--color-text-input-disabled-s4k7tb, #879596));
   cursor: default;
-  box-shadow: var(--awsui-style-box-shadow-disabled-66120l);
+  box-shadow: var(--awsui-style-box-shadow-disabled-ka4djm);
 }
-.awsui_textarea_qk1j1_1cgmb_13:not(#\9):disabled::placeholder {
+.awsui_textarea_qk1j1_1d141_13:not(#\9):disabled::placeholder {
   color: var(--color-text-input-placeholder-disabled-8cf69l, #687078);
   opacity: 1;
 }
-.awsui_textarea_qk1j1_1cgmb_13.awsui_textarea-invalid_qk1j1_1cgmb_123:not(#\9) {
-  color: var(--awsui-style-color-default-66120l, var(--color-text-status-error-ri38gt, #d13212));
-  border-color: var(--awsui-style-border-color-default-66120l, var(--color-text-status-error-ri38gt, #d13212));
+.awsui_textarea_qk1j1_1d141_13.awsui_textarea-invalid_qk1j1_1d141_119:not(#\9) {
+  color: var(--awsui-style-color-default-ka4djm, var(--color-text-status-error-ri38gt, #d13212));
+  border-color: var(--awsui-style-border-color-default-ka4djm, var(--color-text-status-error-ri38gt, #d13212));
   padding-inline-start: calc(var(--space-field-horizontal-anki5k, 8px) - (var(--border-invalid-width-b183os, 4px) - var(--border-width-field-2365x3, 1px)));
   border-inline-start-width: var(--border-invalid-width-b183os, 4px);
 }
-.awsui_textarea_qk1j1_1cgmb_13.awsui_textarea-invalid_qk1j1_1cgmb_123:not(#\9):focus {
+.awsui_textarea_qk1j1_1d141_13.awsui_textarea-invalid_qk1j1_1d141_119:not(#\9):focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-bl5nmx, 1px) var(--color-border-item-focused-sewkzn, #0073bb);
 }
-.awsui_textarea_qk1j1_1cgmb_13.awsui_textarea-warning_qk1j1_1cgmb_132:not(#\9) {
-  color: var(--awsui-style-color-default-66120l, var(--color-text-status-warning-fabq6h, #906806));
-  border-color: var(--awsui-style-border-color-default-66120l, var(--color-text-status-warning-fabq6h, #906806));
+.awsui_textarea_qk1j1_1d141_13.awsui_textarea-warning_qk1j1_1d141_128:not(#\9) {
+  color: var(--awsui-style-color-default-ka4djm, var(--color-text-status-warning-fabq6h, #906806));
+  border-color: var(--awsui-style-border-color-default-ka4djm, var(--color-text-status-warning-fabq6h, #906806));
   padding-inline-start: calc(var(--space-field-horizontal-anki5k, 8px) - (var(--border-invalid-width-b183os, 4px) - var(--border-width-field-2365x3, 1px)));
   border-inline-start-width: var(--border-invalid-width-b183os, 4px);
 }
-.awsui_textarea_qk1j1_1cgmb_13.awsui_textarea-warning_qk1j1_1cgmb_132:not(#\9):focus {
+.awsui_textarea_qk1j1_1d141_13.awsui_textarea-warning_qk1j1_1d141_128:not(#\9):focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-bl5nmx, 1px) var(--color-border-item-focused-sewkzn, #0073bb);
 }

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

@@ -2,14 +2,14 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_qk1j1_1cgmb_9",
-  "textarea": "awsui_textarea_qk1j1_1cgmb_13",
-  "textarea-resize-both": "awsui_textarea-resize-both_qk1j1_1cgmb_64",
-  "textarea-resize-horizontal": "awsui_textarea-resize-horizontal_qk1j1_1cgmb_67",
-  "textarea-resize-vertical": "awsui_textarea-resize-vertical_qk1j1_1cgmb_70",
-  "textarea-resize-none": "awsui_textarea-resize-none_qk1j1_1cgmb_73",
-  "textarea-readonly": "awsui_textarea-readonly_qk1j1_1cgmb_82",
-  "textarea-invalid": "awsui_textarea-invalid_qk1j1_1cgmb_123",
-  "textarea-warning": "awsui_textarea-warning_qk1j1_1cgmb_132"
+  "root": "awsui_root_qk1j1_1d141_9",
+  "textarea": "awsui_textarea_qk1j1_1d141_13",
+  "textarea-resize-both": "awsui_textarea-resize-both_qk1j1_1d141_64",
+  "textarea-resize-horizontal": "awsui_textarea-resize-horizontal_qk1j1_1d141_67",
+  "textarea-resize-vertical": "awsui_textarea-resize-vertical_qk1j1_1d141_70",
+  "textarea-resize-none": "awsui_textarea-resize-none_qk1j1_1d141_73",
+  "textarea-readonly": "awsui_textarea-readonly_qk1j1_1d141_82",
+  "textarea-invalid": "awsui_textarea-invalid_qk1j1_1d141_119",
+  "textarea-warning": "awsui_textarea-warning_qk1j1_1d141_128"
 };

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

@@ -1,15 +1,15 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_4yi2u_1ehdn_40",
-  "outline": "awsui_outline_4yi2u_1ehdn_73",
-  "toggle-control": "awsui_toggle-control_4yi2u_1ehdn_95",
-  "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_1ehdn_115",
-  "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_1ehdn_118",
-  "toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_1ehdn_124",
-  "toggle-handle": "awsui_toggle-handle_4yi2u_1ehdn_128",
-  "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_1ehdn_153",
-  "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_1ehdn_160",
-  "toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_1ehdn_164"
+  "root": "awsui_root_4yi2u_1gepn_40",
+  "outline": "awsui_outline_4yi2u_1gepn_73",
+  "toggle-control": "awsui_toggle-control_4yi2u_1gepn_95",
+  "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_1gepn_115",
+  "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_1gepn_118",
+  "toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_1gepn_124",
+  "toggle-handle": "awsui_toggle-handle_4yi2u_1gepn_128",
+  "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_1gepn_153",
+  "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_1gepn_160",
+  "toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_1gepn_164"
 };