npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1182 → 3.0.1183 - Mend

@cloudscape-design/components-themeable 3.0.1182 → 3.0.1183

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

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

@@ -143,7 +143,7 @@
 */
 /* 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_1by1u_146:not(#\9) {
+.awsui_text-content_6absk_10sn0_146:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -176,12 +176,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_1by1u_146 h1:not(#\9),
-.awsui_text-content_6absk_1by1u_146 h2:not(#\9),
-.awsui_text-content_6absk_1by1u_146 h3:not(#\9),
-.awsui_text-content_6absk_1by1u_146 h4:not(#\9),
-.awsui_text-content_6absk_1by1u_146 h5:not(#\9),
-.awsui_text-content_6absk_1by1u_146 p:not(#\9) {
+.awsui_text-content_6absk_10sn0_146 h1:not(#\9),
+.awsui_text-content_6absk_10sn0_146 h2:not(#\9),
+.awsui_text-content_6absk_10sn0_146 h3:not(#\9),
+.awsui_text-content_6absk_10sn0_146 h4:not(#\9),
+.awsui_text-content_6absk_10sn0_146 h5:not(#\9),
+.awsui_text-content_6absk_10sn0_146 p:not(#\9) {
   font-family: inherit;
   font-weight: normal;
   text-decoration: none;
@@ -190,14 +190,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: var(--space-xxs-jnczic, 4px);
   padding-inline: 0;
 }
-.awsui_text-content_6absk_1by1u_146 h1:not(#\9),
-.awsui_text-content_6absk_1by1u_146 h2:not(#\9),
-.awsui_text-content_6absk_1by1u_146 h3:not(#\9),
-.awsui_text-content_6absk_1by1u_146 h4:not(#\9),
-.awsui_text-content_6absk_1by1u_146 h5:not(#\9) {
+.awsui_text-content_6absk_10sn0_146 h1:not(#\9),
+.awsui_text-content_6absk_10sn0_146 h2:not(#\9),
+.awsui_text-content_6absk_10sn0_146 h3:not(#\9),
+.awsui_text-content_6absk_10sn0_146 h4:not(#\9),
+.awsui_text-content_6absk_10sn0_146 h5:not(#\9) {
   color: var(--color-text-heading-default-wlau07, #16191f);
 }
-.awsui_text-content_6absk_1by1u_146 h1:not(#\9) {
+.awsui_text-content_6absk_10sn0_146 h1:not(#\9) {
   font-size: var(--font-size-heading-xl-w5di2k, 28px);
   line-height: var(--line-height-heading-xl-vs1f23, 36px);
   letter-spacing: var(--letter-spacing-heading-xl-33zwds, normal);
@@ -205,7 +205,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
 }
-.awsui_text-content_6absk_1by1u_146 h2:not(#\9) {
+.awsui_text-content_6absk_10sn0_146 h2:not(#\9) {
   font-size: var(--font-size-heading-l-qgg2za, 18px);
   line-height: var(--line-height-heading-l-vhgtnq, 22px);
   letter-spacing: var(--letter-spacing-heading-l-spdx5v, normal);
@@ -213,7 +213,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
 }
-.awsui_text-content_6absk_1by1u_146 h3:not(#\9) {
+.awsui_text-content_6absk_10sn0_146 h3:not(#\9) {
   font-size: var(--font-size-heading-m-56jjln, 18px);
   line-height: var(--line-height-heading-m-irezqt, 22px);
   letter-spacing: var(--letter-spacing-heading-m-93y02s, normal);
@@ -221,7 +221,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
 }
-.awsui_text-content_6absk_1by1u_146 h4:not(#\9) {
+.awsui_text-content_6absk_10sn0_146 h4:not(#\9) {
   font-size: var(--font-size-heading-s-yde02v, 16px);
   line-height: var(--line-height-heading-s-j2axh8, 20px);
   letter-spacing: var(--letter-spacing-heading-s-696sxe, normal);
@@ -229,34 +229,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
 }
-.awsui_text-content_6absk_1by1u_146 h5:not(#\9) {
+.awsui_text-content_6absk_10sn0_146 h5:not(#\9) {
   font-size: var(--font-size-heading-xs-c20ika, 16px);
   line-height: var(--line-height-heading-xs-fuzanp, 20px);
   font-weight: var(--font-weight-heading-xs-79d2p7, 400);
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
 }
-.awsui_text-content_6absk_1by1u_146 b:not(#\9),
-.awsui_text-content_6absk_1by1u_146 strong:not(#\9) {
+.awsui_text-content_6absk_10sn0_146 b:not(#\9),
+.awsui_text-content_6absk_10sn0_146 strong:not(#\9) {
   font-weight: 700;
 }
-.awsui_text-content_6absk_1by1u_146 p:not(#\9) {
+.awsui_text-content_6absk_10sn0_146 p:not(#\9) {
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
   color: inherit;
 }
-.awsui_text-content_6absk_1by1u_146 small:not(#\9) {
+.awsui_text-content_6absk_10sn0_146 small:not(#\9) {
   display: inline-block;
   font-size: var(--font-size-body-s-psgqn2, 12px);
   line-height: var(--line-height-body-s-otgtsr, 16px);
   letter-spacing: var(--letter-spacing-body-s-egrcsd, normal);
   color: var(--color-text-small-m20sr1, #687078);
 }
-.awsui_text-content_6absk_1by1u_146 small a:not(#\9) {
+.awsui_text-content_6absk_10sn0_146 small a:not(#\9) {
   font-size: inherit;
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
-  color: var(--awsui-style-color-default-rhu47t, var(--color-text-link-default-z7zuy8, #0073bb));
+  color: var(--awsui-style-color-default-4hh3rt, var(--color-text-link-default-z7zuy8, #0073bb));
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: underline;
@@ -267,44 +267,44 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_text-content_6absk_1by1u_146 small a:not(#\9) {
+  .awsui_text-content_6absk_10sn0_146 small a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_text-content_6absk_1by1u_146 small a:not(#\9), .awsui-mode-entering .awsui_text-content_6absk_1by1u_146 small a:not(#\9) {
+.awsui-motion-disabled .awsui_text-content_6absk_10sn0_146 small a:not(#\9), .awsui-mode-entering .awsui_text-content_6absk_10sn0_146 small a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_text-content_6absk_1by1u_146 small a:not(#\9):hover {
+.awsui_text-content_6absk_10sn0_146 small a:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-rhu47t, var(--color-text-link-hover-pqxtsy, #0a4a74));
+  color: var(--awsui-style-color-hover-4hh3rt, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_text-content_6absk_1by1u_146 small a:not(#\9):focus {
+.awsui_text-content_6absk_10sn0_146 small a:not(#\9):focus {
   outline: none;
 }
-.awsui_text-content_6absk_1by1u_146 small a:not(#\9):active {
-  color: var(--awsui-style-color-active-rhu47t, var(--color-text-link-hover-pqxtsy, #0a4a74));
+.awsui_text-content_6absk_10sn0_146 small a:not(#\9):active {
+  color: var(--awsui-style-color-active-4hh3rt, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_text-content_6absk_1by1u_146 small a:not(#\9):active, .awsui_text-content_6absk_1by1u_146 small a:not(#\9):focus, .awsui_text-content_6absk_1by1u_146 small a:not(#\9):hover {
+.awsui_text-content_6absk_10sn0_146 small a:not(#\9):active, .awsui_text-content_6absk_10sn0_146 small a:not(#\9):focus, .awsui_text-content_6absk_10sn0_146 small a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_text-content_6absk_1by1u_146 code:not(#\9),
-.awsui_text-content_6absk_1by1u_146 pre:not(#\9),
-.awsui_text-content_6absk_1by1u_146 samp:not(#\9) {
+.awsui_text-content_6absk_10sn0_146 code:not(#\9),
+.awsui_text-content_6absk_10sn0_146 pre:not(#\9),
+.awsui_text-content_6absk_10sn0_146 samp:not(#\9) {
   font-family: var(--font-family-monospace-fub2rr, Monaco, Menlo, Consolas, "Courier Prime", Courier, "Courier New", monospace);
   background: transparent;
 }
-.awsui_text-content_6absk_1by1u_146 code:not(#\9) {
+.awsui_text-content_6absk_10sn0_146 code:not(#\9) {
   font-size: var(--font-size-body-s-psgqn2, 12px);
   line-height: var(--line-height-body-s-otgtsr, 16px);
   letter-spacing: var(--letter-spacing-body-s-egrcsd, normal);
 }
-.awsui_text-content_6absk_1by1u_146 a:not(#\9) {
+.awsui_text-content_6absk_10sn0_146 a:not(#\9) {
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
-  color: var(--awsui-style-color-default-rhu47t, var(--color-text-link-default-z7zuy8, #0073bb));
+  color: var(--awsui-style-color-default-4hh3rt, var(--color-text-link-default-z7zuy8, #0073bb));
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: underline;
@@ -315,30 +315,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_text-content_6absk_1by1u_146 a:not(#\9) {
+  .awsui_text-content_6absk_10sn0_146 a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_text-content_6absk_1by1u_146 a:not(#\9), .awsui-mode-entering .awsui_text-content_6absk_1by1u_146 a:not(#\9) {
+.awsui-motion-disabled .awsui_text-content_6absk_10sn0_146 a:not(#\9), .awsui-mode-entering .awsui_text-content_6absk_10sn0_146 a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_text-content_6absk_1by1u_146 a:not(#\9):hover {
+.awsui_text-content_6absk_10sn0_146 a:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-rhu47t, var(--color-text-link-hover-pqxtsy, #0a4a74));
+  color: var(--awsui-style-color-hover-4hh3rt, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_text-content_6absk_1by1u_146 a:not(#\9):focus {
+.awsui_text-content_6absk_10sn0_146 a:not(#\9):focus {
   outline: none;
 }
-.awsui_text-content_6absk_1by1u_146 a:not(#\9):active {
-  color: var(--awsui-style-color-active-rhu47t, var(--color-text-link-hover-pqxtsy, #0a4a74));
+.awsui_text-content_6absk_10sn0_146 a:not(#\9):active {
+  color: var(--awsui-style-color-active-4hh3rt, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_text-content_6absk_1by1u_146 a:not(#\9):active, .awsui_text-content_6absk_1by1u_146 a:not(#\9):focus, .awsui_text-content_6absk_1by1u_146 a:not(#\9):hover {
+.awsui_text-content_6absk_10sn0_146 a:not(#\9):active, .awsui_text-content_6absk_10sn0_146 a:not(#\9):focus, .awsui_text-content_6absk_10sn0_146 a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_text-content_6absk_1by1u_146 a:not(#\9):focus {
+.awsui_text-content_6absk_10sn0_146 a:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-c5423y, 5px auto Highlight);
   outline-offset: 2px;
@@ -349,33 +349,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-9xsko1, 2px);
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-woh62o, 0px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_text-content_6absk_1by1u_146 ul:not(#\9),
-.awsui_text-content_6absk_1by1u_146 ol:not(#\9) {
+.awsui_text-content_6absk_10sn0_146 ul:not(#\9),
+.awsui_text-content_6absk_10sn0_146 ol:not(#\9) {
   padding-inline-start: var(--space-l-3cws6j, 20px);
   margin-block: var(--space-scaled-xs-sppte9, 8px);
   margin-inline: 0;
   list-style-position: outside;
 }
-.awsui_text-content_6absk_1by1u_146 ul + ul:not(#\9),
-.awsui_text-content_6absk_1by1u_146 ul + ol:not(#\9),
-.awsui_text-content_6absk_1by1u_146 ul > li + ul:not(#\9),
-.awsui_text-content_6absk_1by1u_146 ul > li + li:not(#\9),
-.awsui_text-content_6absk_1by1u_146 ul > li + ol:not(#\9),
-.awsui_text-content_6absk_1by1u_146 ul > li > ul:not(#\9),
-.awsui_text-content_6absk_1by1u_146 ul > li > ol:not(#\9),
-.awsui_text-content_6absk_1by1u_146 ol + ul:not(#\9),
-.awsui_text-content_6absk_1by1u_146 ol + ol:not(#\9),
-.awsui_text-content_6absk_1by1u_146 ol > li + ul:not(#\9),
-.awsui_text-content_6absk_1by1u_146 ol > li + li:not(#\9),
-.awsui_text-content_6absk_1by1u_146 ol > li + ol:not(#\9),
-.awsui_text-content_6absk_1by1u_146 ol > li > ul:not(#\9),
-.awsui_text-content_6absk_1by1u_146 ol > li > ol:not(#\9) {
+.awsui_text-content_6absk_10sn0_146 ul + ul:not(#\9),
+.awsui_text-content_6absk_10sn0_146 ul + ol:not(#\9),
+.awsui_text-content_6absk_10sn0_146 ul > li + ul:not(#\9),
+.awsui_text-content_6absk_10sn0_146 ul > li + li:not(#\9),
+.awsui_text-content_6absk_10sn0_146 ul > li + ol:not(#\9),
+.awsui_text-content_6absk_10sn0_146 ul > li > ul:not(#\9),
+.awsui_text-content_6absk_10sn0_146 ul > li > ol:not(#\9),
+.awsui_text-content_6absk_10sn0_146 ol + ul:not(#\9),
+.awsui_text-content_6absk_10sn0_146 ol + ol:not(#\9),
+.awsui_text-content_6absk_10sn0_146 ol > li + ul:not(#\9),
+.awsui_text-content_6absk_10sn0_146 ol > li + li:not(#\9),
+.awsui_text-content_6absk_10sn0_146 ol > li + ol:not(#\9),
+.awsui_text-content_6absk_10sn0_146 ol > li > ul:not(#\9),
+.awsui_text-content_6absk_10sn0_146 ol > li > ol:not(#\9) {
   padding-block-start: var(--space-scaled-xxs-jatbiv, 4px);
 }
-.awsui_text-content_6absk_1by1u_146 ul > li > ul:not(#\9),
-.awsui_text-content_6absk_1by1u_146 ul > li > ol:not(#\9),
-.awsui_text-content_6absk_1by1u_146 ol > li > ul:not(#\9),
-.awsui_text-content_6absk_1by1u_146 ol > li > ol:not(#\9) {
+.awsui_text-content_6absk_10sn0_146 ul > li > ul:not(#\9),
+.awsui_text-content_6absk_10sn0_146 ul > li > ol:not(#\9),
+.awsui_text-content_6absk_10sn0_146 ol > li > ul:not(#\9),
+.awsui_text-content_6absk_10sn0_146 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_1by1u_146"
+  "text-content": "awsui_text-content_6absk_10sn0_146"
 };

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

@@ -1,10 +1,10 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_qk1j1_1ta6s_145",
-  "textarea": "awsui_textarea_qk1j1_1ta6s_149",
-  "textarea-readonly": "awsui_textarea-readonly_qk1j1_1ta6s_206",
-  "textarea-invalid": "awsui_textarea-invalid_qk1j1_1ta6s_247",
-  "textarea-warning": "awsui_textarea-warning_qk1j1_1ta6s_256"
+  "root": "awsui_root_qk1j1_11wac_145",
+  "textarea": "awsui_textarea_qk1j1_11wac_149",
+  "textarea-readonly": "awsui_textarea-readonly_qk1j1_11wac_206",
+  "textarea-invalid": "awsui_textarea-invalid_qk1j1_11wac_247",
+  "textarea-warning": "awsui_textarea-warning_qk1j1_11wac_256"
 };

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

@@ -142,11 +142,11 @@
 */
 /* 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_1ta6s_145:not(#\9) {
+.awsui_root_qk1j1_11wac_145:not(#\9) {
   /* used for test-utils */
 }
-.awsui_textarea_qk1j1_1ta6s_149:not(#\9) {
+.awsui_textarea_qk1j1_11wac_149:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -181,84 +181,84 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   white-space: pre-wrap;
   padding-block: var(--space-scaled-xxs-jatbiv, 4px);
   padding-inline: var(--space-field-horizontal-n5peob, 8px);
-  color: var(--awsui-style-color-default-rhu47t, var(--color-text-body-default-5qid0u, #16191f));
+  color: var(--awsui-style-color-default-4hh3rt, var(--color-text-body-default-5qid0u, #16191f));
   max-inline-size: 100%;
   inline-size: 100%;
   display: block;
   box-sizing: border-box;
-  background-color: var(--awsui-style-background-default-rhu47t, var(--color-background-input-default-1z2buq, #ffffff));
+  background-color: var(--awsui-style-background-default-4hh3rt, var(--color-background-input-default-1z2buq, #ffffff));
   border-start-start-radius: var(--border-radius-input-4vr9on, 2px);
   border-start-end-radius: var(--border-radius-input-4vr9on, 2px);
   border-end-start-radius: var(--border-radius-input-4vr9on, 2px);
   border-end-end-radius: var(--border-radius-input-4vr9on, 2px);
-  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-default-rhu47t, var(--color-border-input-default-txli8y, #687078));
-  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-default-rhu47t, var(--color-border-input-default-txli8y, #687078));
-  box-shadow: var(--awsui-style-box-shadow-default-rhu47t);
+  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-default-4hh3rt, var(--color-border-input-default-txli8y, #687078));
+  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-default-4hh3rt, var(--color-border-input-default-txli8y, #687078));
+  box-shadow: var(--awsui-style-box-shadow-default-4hh3rt);
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
 }
-.awsui_textarea_qk1j1_1ta6s_149:not(#\9):hover {
-  border-color: var(--awsui-style-border-color-hover-rhu47t, var(--awsui-style-border-color-default-rhu47t, var(--color-border-input-default-txli8y, #687078)));
-  color: var(--awsui-style-color-hover-rhu47t, var(--awsui-style-border-color-default-rhu47t, var(--color-text-body-default-5qid0u, #16191f)));
-  background-color: var(--awsui-style-background-hover-rhu47t, var(--awsui-style-background-default-rhu47t, var(--color-background-input-default-1z2buq, #ffffff)));
-  box-shadow: var(--awsui-style-box-shadow-hover-rhu47t, --awsui-style-box-shadow-default-rhu47t);
+.awsui_textarea_qk1j1_11wac_149:not(#\9):hover {
+  border-color: var(--awsui-style-border-color-hover-4hh3rt, var(--awsui-style-border-color-default-4hh3rt, var(--color-border-input-default-txli8y, #687078)));
+  color: var(--awsui-style-color-hover-4hh3rt, var(--awsui-style-border-color-default-4hh3rt, var(--color-text-body-default-5qid0u, #16191f)));
+  background-color: var(--awsui-style-background-hover-4hh3rt, var(--awsui-style-background-default-4hh3rt, var(--color-background-input-default-1z2buq, #ffffff)));
+  box-shadow: var(--awsui-style-box-shadow-hover-4hh3rt, --awsui-style-box-shadow-default-4hh3rt);
 }
-.awsui_textarea_qk1j1_1ta6s_149.awsui_textarea-readonly_qk1j1_1ta6s_206:not(#\9) {
-  background-color: var(--awsui-style-background-readonly-rhu47t, var(--awsui-style-background-default-rhu47t, var(--color-background-input-default-1z2buq, #ffffff)));
-  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-readonly-rhu47t, var(--awsui-style-border-color-default-rhu47t, var(--color-border-input-disabled-tz38ro, #eaeded)));
-  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-readonly-rhu47t, var(--awsui-style-border-color-default-rhu47t, var(--color-border-input-disabled-tz38ro, #eaeded)));
-  color: var(--awsui-style-color-readonly-rhu47t, var(--awsui-style-color-default-rhu47t, var(--color-text-body-default-5qid0u, #16191f)));
-  box-shadow: var(--awsui-style-box-shadow-readonly-rhu47t);
+.awsui_textarea_qk1j1_11wac_149.awsui_textarea-readonly_qk1j1_11wac_206:not(#\9) {
+  background-color: var(--awsui-style-background-readonly-4hh3rt, var(--awsui-style-background-default-4hh3rt, var(--color-background-input-default-1z2buq, #ffffff)));
+  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-readonly-4hh3rt, var(--awsui-style-border-color-default-4hh3rt, var(--color-border-input-disabled-tz38ro, #eaeded)));
+  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-readonly-4hh3rt, var(--awsui-style-border-color-default-4hh3rt, var(--color-border-input-disabled-tz38ro, #eaeded)));
+  color: var(--awsui-style-color-readonly-4hh3rt, var(--awsui-style-color-default-4hh3rt, var(--color-text-body-default-5qid0u, #16191f)));
+  box-shadow: var(--awsui-style-box-shadow-readonly-4hh3rt);
 }
-.awsui_textarea_qk1j1_1ta6s_149:not(#\9)::placeholder {
-  color: var(--awsui-style-placeholder-color-rhu47t, var(--color-text-input-placeholder-hvcry0, #687078));
-  font-size: var(--awsui-style-placeholder-font-size-rhu47t);
-  font-style: var(--awsui-style-placeholder-font-style-rhu47t, italic);
-  font-weight: var(--awsui-style-placeholder-font-weight-rhu47t);
+.awsui_textarea_qk1j1_11wac_149:not(#\9)::placeholder {
+  color: var(--awsui-style-placeholder-color-4hh3rt, var(--color-text-input-placeholder-hvcry0, #687078));
+  font-size: var(--awsui-style-placeholder-font-size-4hh3rt);
+  font-style: var(--awsui-style-placeholder-font-style-4hh3rt, italic);
+  font-weight: var(--awsui-style-placeholder-font-weight-4hh3rt);
   opacity: 1;
 }
-.awsui_textarea_qk1j1_1ta6s_149:not(#\9):focus {
+.awsui_textarea_qk1j1_11wac_149:not(#\9):focus {
   outline: 2px dotted transparent;
-  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-focus-rhu47t, var(--color-border-input-focused-lslq4r, #0073bb));
-  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-focus-rhu47t, var(--color-border-input-focused-lslq4r, #0073bb));
+  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-focus-4hh3rt, var(--color-border-input-focused-lslq4r, #0073bb));
+  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-focus-4hh3rt, var(--color-border-input-focused-lslq4r, #0073bb));
   border-start-start-radius: var(--border-radius-input-4vr9on, 2px);
   border-start-end-radius: var(--border-radius-input-4vr9on, 2px);
   border-end-start-radius: var(--border-radius-input-4vr9on, 2px);
   border-end-end-radius: var(--border-radius-input-4vr9on, 2px);
-  box-shadow: var(--awsui-style-box-shadow-focus-rhu47t, 0 0 0 var(--border-control-focus-ring-shadow-spread-ql2vj7, 1px) var(--color-border-item-focused-r5f6xl, #0073bb));
-  color: var(--awsui-style-color-focus-rhu47t, var(--color-text-body-default-5qid0u, #16191f));
-  background-color: var(--awsui-style-background-focus-rhu47t, var(--color-background-input-default-1z2buq, #ffffff));
+  box-shadow: var(--awsui-style-box-shadow-focus-4hh3rt, 0 0 0 var(--border-control-focus-ring-shadow-spread-ql2vj7, 1px) var(--color-border-item-focused-r5f6xl, #0073bb));
+  color: var(--awsui-style-color-focus-4hh3rt, var(--color-text-body-default-5qid0u, #16191f));
+  background-color: var(--awsui-style-background-focus-4hh3rt, var(--color-background-input-default-1z2buq, #ffffff));
 }
-.awsui_textarea_qk1j1_1ta6s_149:not(#\9):invalid {
+.awsui_textarea_qk1j1_11wac_149:not(#\9):invalid {
   box-shadow: none;
 }
-.awsui_textarea_qk1j1_1ta6s_149:not(#\9):disabled {
-  background-color: var(--awsui-style-background-disabled-rhu47t, var(--color-background-input-disabled-4vlau3, #eaeded));
-  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-disabled-rhu47t, var(--color-border-input-disabled-tz38ro, #eaeded));
-  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-disabled-rhu47t, var(--color-border-input-disabled-tz38ro, #eaeded));
-  color: var(--awsui-style-color-disabled-rhu47t, var(--color-text-input-disabled-y5t5v9, #879596));
+.awsui_textarea_qk1j1_11wac_149:not(#\9):disabled {
+  background-color: var(--awsui-style-background-disabled-4hh3rt, var(--color-background-input-disabled-4vlau3, #eaeded));
+  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-disabled-4hh3rt, var(--color-border-input-disabled-tz38ro, #eaeded));
+  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-disabled-4hh3rt, var(--color-border-input-disabled-tz38ro, #eaeded));
+  color: var(--awsui-style-color-disabled-4hh3rt, var(--color-text-input-disabled-y5t5v9, #879596));
   cursor: default;
-  box-shadow: var(--awsui-style-box-shadow-disabled-rhu47t);
+  box-shadow: var(--awsui-style-box-shadow-disabled-4hh3rt);
 }
-.awsui_textarea_qk1j1_1ta6s_149:not(#\9):disabled::placeholder {
+.awsui_textarea_qk1j1_11wac_149:not(#\9):disabled::placeholder {
   color: var(--color-text-input-placeholder-disabled-x4lauf, #687078);
   opacity: 1;
 }
-.awsui_textarea_qk1j1_1ta6s_149.awsui_textarea-invalid_qk1j1_1ta6s_247:not(#\9) {
-  color: var(--awsui-style-color-default-rhu47t, var(--color-text-status-error-aknuvu, #d13212));
-  border-color: var(--awsui-style-border-color-default-rhu47t, var(--color-text-status-error-aknuvu, #d13212));
+.awsui_textarea_qk1j1_11wac_149.awsui_textarea-invalid_qk1j1_11wac_247:not(#\9) {
+  color: var(--awsui-style-color-default-4hh3rt, var(--color-text-status-error-aknuvu, #d13212));
+  border-color: var(--awsui-style-border-color-default-4hh3rt, var(--color-text-status-error-aknuvu, #d13212));
   padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
   border-inline-start-width: var(--border-invalid-width-z5cnpo, 4px);
 }
-.awsui_textarea_qk1j1_1ta6s_149.awsui_textarea-invalid_qk1j1_1ta6s_247:not(#\9):focus {
+.awsui_textarea_qk1j1_11wac_149.awsui_textarea-invalid_qk1j1_11wac_247:not(#\9):focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_textarea_qk1j1_1ta6s_149.awsui_textarea-warning_qk1j1_1ta6s_256:not(#\9) {
-  color: var(--awsui-style-color-default-rhu47t, var(--color-text-status-warning-9b45qh, #906806));
-  border-color: var(--awsui-style-border-color-default-rhu47t, var(--color-text-status-warning-9b45qh, #906806));
+.awsui_textarea_qk1j1_11wac_149.awsui_textarea-warning_qk1j1_11wac_256:not(#\9) {
+  color: var(--awsui-style-color-default-4hh3rt, var(--color-text-status-warning-9b45qh, #906806));
+  border-color: var(--awsui-style-border-color-default-4hh3rt, var(--color-text-status-warning-9b45qh, #906806));
   padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
   border-inline-start-width: var(--border-invalid-width-z5cnpo, 4px);
 }
-.awsui_textarea_qk1j1_1ta6s_149.awsui_textarea-warning_qk1j1_1ta6s_256:not(#\9):focus {
+.awsui_textarea_qk1j1_11wac_149.awsui_textarea-warning_qk1j1_11wac_256:not(#\9):focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }

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

@@ -2,10 +2,10 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_qk1j1_1ta6s_145",
-  "textarea": "awsui_textarea_qk1j1_1ta6s_149",
-  "textarea-readonly": "awsui_textarea-readonly_qk1j1_1ta6s_206",
-  "textarea-invalid": "awsui_textarea-invalid_qk1j1_1ta6s_247",
-  "textarea-warning": "awsui_textarea-warning_qk1j1_1ta6s_256"
+  "root": "awsui_root_qk1j1_11wac_145",
+  "textarea": "awsui_textarea_qk1j1_11wac_149",
+  "textarea-readonly": "awsui_textarea-readonly_qk1j1_11wac_206",
+  "textarea-invalid": "awsui_textarea-invalid_qk1j1_11wac_247",
+  "textarea-warning": "awsui_textarea-warning_qk1j1_11wac_256"
 };

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

@@ -1,15 +1,15 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_4yi2u_1dnpk_145",
-  "outline": "awsui_outline_4yi2u_1dnpk_178",
-  "toggle-control": "awsui_toggle-control_4yi2u_1dnpk_201",
-  "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_1dnpk_214",
-  "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_1dnpk_217",
-  "toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_1dnpk_223",
-  "toggle-handle": "awsui_toggle-handle_4yi2u_1dnpk_227",
-  "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_1dnpk_252",
-  "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_1dnpk_259",
-  "toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_1dnpk_263"
+  "root": "awsui_root_4yi2u_ybsct_145",
+  "outline": "awsui_outline_4yi2u_ybsct_178",
+  "toggle-control": "awsui_toggle-control_4yi2u_ybsct_201",
+  "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_ybsct_214",
+  "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_ybsct_217",
+  "toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_ybsct_223",
+  "toggle-handle": "awsui_toggle-handle_4yi2u_ybsct_227",
+  "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_ybsct_252",
+  "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_ybsct_259",
+  "toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_ybsct_263"
 };

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

@@ -142,7 +142,7 @@
 */
 /* 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_4yi2u_1dnpk_145:not(#\9) {
+.awsui_root_4yi2u_ybsct_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -175,15 +175,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: flex;
 }
-.awsui_outline_4yi2u_1dnpk_178:not(#\9) {
-  --awsui-style-focus-ring-box-shadow-rhu47t: 0 0 0 var(--awsui-style-focus-ring-border-width-rhu47t, 2px) var(--awsui-style-focus-ring-border-color-rhu47t, var(--color-border-item-focused-r5f6xl, #0073bb));
+.awsui_outline_4yi2u_ybsct_178:not(#\9) {
+  --awsui-style-focus-ring-box-shadow-4hh3rt: 0 0 0 var(--awsui-style-focus-ring-border-width-4hh3rt, 2px) var(--awsui-style-focus-ring-border-color-4hh3rt, var(--color-border-item-focused-r5f6xl, #0073bb));
   position: relative;
 }
-.awsui_outline_4yi2u_1dnpk_178:not(#\9) {
+.awsui_outline_4yi2u_ybsct_178:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-.awsui_outline_4yi2u_1dnpk_178:not(#\9)::before {
+.awsui_outline_4yi2u_ybsct_178:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -191,14 +191,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-block-start: calc(-1 * 2px);
   inline-size: calc(100% + 2px + 2px);
   block-size: calc(100% + 2px + 2px);
-  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-rhu47t, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-rhu47t, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-rhu47t, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-rhu47t, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  box-shadow: var(--awsui-style-focus-ring-box-shadow-rhu47t);
+  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-4hh3rt, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
+  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-4hh3rt, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
+  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-4hh3rt, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
+  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-4hh3rt, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
+  box-shadow: var(--awsui-style-focus-ring-box-shadow-4hh3rt);
 }
-.awsui_toggle-control_4yi2u_1dnpk_201:not(#\9) {
+.awsui_toggle-control_4yi2u_ybsct_201:not(#\9) {
   forced-color-adjust: none;
   margin-block-start: calc((var(--line-height-body-m-bedeoh, 22px) - 16px) / 2);
   min-block-size: 16px;
@@ -211,20 +211,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-start-radius: 8px;
   border-end-end-radius: 8px;
 }
-.awsui_toggle-control-checked_4yi2u_1dnpk_214:not(#\9) {
+.awsui_toggle-control-checked_4yi2u_ybsct_214:not(#\9) {
   background: var(--color-background-control-checked-se0x0e, #0073bb);
 }
-.awsui_toggle-control-disabled_4yi2u_1dnpk_217:not(#\9) {
+.awsui_toggle-control-disabled_4yi2u_ybsct_217:not(#\9) {
   background: var(--color-background-control-disabled-2ixett, #d5dbdb);
 }
-.awsui_toggle-control-disabled_4yi2u_1dnpk_217.awsui_toggle-control-checked_4yi2u_1dnpk_214:not(#\9) {
+.awsui_toggle-control-disabled_4yi2u_ybsct_217.awsui_toggle-control-checked_4yi2u_ybsct_214:not(#\9) {
   background: var(--color-background-toggle-checked-disabled-i9a3za, #99cbe4);
 }
-.awsui_toggle-control-readonly_4yi2u_1dnpk_223:not(#\9) {
+.awsui_toggle-control-readonly_4yi2u_ybsct_223:not(#\9) {
   background: var(--color-background-control-disabled-2ixett, #d5dbdb);
 }
-.awsui_toggle-handle_4yi2u_1dnpk_227:not(#\9) {
+.awsui_toggle-handle_4yi2u_ybsct_227:not(#\9) {
   display: block;
   position: absolute;
   border-start-start-radius: 6px;
@@ -240,29 +240,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition: transform var(--motion-duration-fast-okdxjh, 90ms) var(--motion-easing-ease-out-quart-x9fbvw, cubic-bezier(0.165, 0.84, 0.44, 1)), background-color var(--motion-duration-fast-okdxjh, 90ms) var(--motion-easing-ease-out-quart-x9fbvw, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_toggle-handle_4yi2u_1dnpk_227:not(#\9) {
+  .awsui_toggle-handle_4yi2u_ybsct_227:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_toggle-handle_4yi2u_1dnpk_227:not(#\9), .awsui-mode-entering .awsui_toggle-handle_4yi2u_1dnpk_227:not(#\9) {
+.awsui-motion-disabled .awsui_toggle-handle_4yi2u_ybsct_227:not(#\9), .awsui-mode-entering .awsui_toggle-handle_4yi2u_ybsct_227:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_toggle-handle-checked_4yi2u_1dnpk_252:not(#\9) {
+.awsui_toggle-handle-checked_4yi2u_ybsct_252:not(#\9) {
   transform: translateX(8px);
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_toggle-handle-checked_4yi2u_1dnpk_252:not(#\9):dir(rtl) {
+.awsui_toggle-handle-checked_4yi2u_ybsct_252:not(#\9):dir(rtl) {
   transform: translateX(-8px);
 }
-.awsui_toggle-handle-disabled_4yi2u_1dnpk_259:not(#\9) {
+.awsui_toggle-handle-disabled_4yi2u_ybsct_259:not(#\9) {
   background: var(--color-foreground-control-disabled-kj751b, #ffffff);
   box-shadow: none;
 }
-.awsui_toggle-handle-readonly_4yi2u_1dnpk_263:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_1dnpk_259) {
+.awsui_toggle-handle-readonly_4yi2u_ybsct_263:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_ybsct_259) {
   box-shadow: none;
 }
-.awsui_toggle-handle-readonly_4yi2u_1dnpk_263:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_1dnpk_259).awsui_toggle-handle-checked_4yi2u_1dnpk_252 {
+.awsui_toggle-handle-readonly_4yi2u_ybsct_263:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_ybsct_259).awsui_toggle-handle-checked_4yi2u_ybsct_252 {
   background: var(--color-foreground-control-read-only-cgy3yn, #687078);
 }

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

@@ -2,15 +2,15 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_4yi2u_1dnpk_145",
-  "outline": "awsui_outline_4yi2u_1dnpk_178",
-  "toggle-control": "awsui_toggle-control_4yi2u_1dnpk_201",
-  "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_1dnpk_214",
-  "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_1dnpk_217",
-  "toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_1dnpk_223",
-  "toggle-handle": "awsui_toggle-handle_4yi2u_1dnpk_227",
-  "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_1dnpk_252",
-  "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_1dnpk_259",
-  "toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_1dnpk_263"
+  "root": "awsui_root_4yi2u_ybsct_145",
+  "outline": "awsui_outline_4yi2u_ybsct_178",
+  "toggle-control": "awsui_toggle-control_4yi2u_ybsct_201",
+  "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_ybsct_214",
+  "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_ybsct_217",
+  "toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_ybsct_223",
+  "toggle-handle": "awsui_toggle-handle_4yi2u_ybsct_227",
+  "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_ybsct_252",
+  "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_ybsct_259",
+  "toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_ybsct_263"
 };