npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1328 → 3.0.1330 - Mend

@cloudscape-design/components-themeable 3.0.1328 → 3.0.1330

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 (416) 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_12nmo_146:not(#\9) {
+.awsui_text-content_6absk_2h8cp_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_12nmo_146 h1:not(#\9),
-.awsui_text-content_6absk_12nmo_146 h2:not(#\9),
-.awsui_text-content_6absk_12nmo_146 h3:not(#\9),
-.awsui_text-content_6absk_12nmo_146 h4:not(#\9),
-.awsui_text-content_6absk_12nmo_146 h5:not(#\9),
-.awsui_text-content_6absk_12nmo_146 p:not(#\9) {
+.awsui_text-content_6absk_2h8cp_146 h1:not(#\9),
+.awsui_text-content_6absk_2h8cp_146 h2:not(#\9),
+.awsui_text-content_6absk_2h8cp_146 h3:not(#\9),
+.awsui_text-content_6absk_2h8cp_146 h4:not(#\9),
+.awsui_text-content_6absk_2h8cp_146 h5:not(#\9),
+.awsui_text-content_6absk_2h8cp_146 p:not(#\9) {
   font-family: inherit;
   font-weight: var(--font-weight-normal-7w835s, 400);
   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_12nmo_146 h1:not(#\9),
-.awsui_text-content_6absk_12nmo_146 h2:not(#\9),
-.awsui_text-content_6absk_12nmo_146 h3:not(#\9),
-.awsui_text-content_6absk_12nmo_146 h4:not(#\9),
-.awsui_text-content_6absk_12nmo_146 h5:not(#\9) {
+.awsui_text-content_6absk_2h8cp_146 h1:not(#\9),
+.awsui_text-content_6absk_2h8cp_146 h2:not(#\9),
+.awsui_text-content_6absk_2h8cp_146 h3:not(#\9),
+.awsui_text-content_6absk_2h8cp_146 h4:not(#\9),
+.awsui_text-content_6absk_2h8cp_146 h5:not(#\9) {
   color: var(--color-text-heading-default-wlau07, #16191f);
 }
-.awsui_text-content_6absk_12nmo_146 h1:not(#\9) {
+.awsui_text-content_6absk_2h8cp_146 h1:not(#\9) {
   font-family: var(--font-family-heading-gnchto, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   font-size: var(--font-size-heading-xl-w5di2k, 28px);
   line-height: var(--line-height-heading-xl-vs1f23, 36px);
@@ -206,7 +206,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_12nmo_146 h2:not(#\9) {
+.awsui_text-content_6absk_2h8cp_146 h2:not(#\9) {
   font-family: var(--font-family-heading-gnchto, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   font-size: var(--font-size-heading-l-qgg2za, 18px);
   line-height: var(--line-height-heading-l-vhgtnq, 22px);
@@ -215,7 +215,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_12nmo_146 h3:not(#\9) {
+.awsui_text-content_6absk_2h8cp_146 h3:not(#\9) {
   font-family: var(--font-family-heading-gnchto, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   font-size: var(--font-size-heading-m-56jjln, 18px);
   line-height: var(--line-height-heading-m-irezqt, 22px);
@@ -224,7 +224,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_12nmo_146 h4:not(#\9) {
+.awsui_text-content_6absk_2h8cp_146 h4:not(#\9) {
   font-family: var(--font-family-heading-gnchto, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   font-size: var(--font-size-heading-s-yde02v, 16px);
   line-height: var(--line-height-heading-s-j2axh8, 20px);
@@ -233,7 +233,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_12nmo_146 h5:not(#\9) {
+.awsui_text-content_6absk_2h8cp_146 h5:not(#\9) {
   font-family: var(--font-family-heading-gnchto, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   font-size: var(--font-size-heading-xs-c20ika, 16px);
   line-height: var(--line-height-heading-xs-fuzanp, 20px);
@@ -242,28 +242,28 @@ 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_12nmo_146 b:not(#\9),
-.awsui_text-content_6absk_12nmo_146 strong:not(#\9) {
+.awsui_text-content_6absk_2h8cp_146 b:not(#\9),
+.awsui_text-content_6absk_2h8cp_146 strong:not(#\9) {
   font-weight: var(--font-weight-bold-p16d06, 700);
 }
-.awsui_text-content_6absk_12nmo_146 p:not(#\9) {
+.awsui_text-content_6absk_2h8cp_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_12nmo_146 small:not(#\9) {
+.awsui_text-content_6absk_2h8cp_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_12nmo_146 small a:not(#\9) {
+.awsui_text-content_6absk_2h8cp_146 small a:not(#\9) {
   font-size: inherit;
   text-underline-offset: 0.25em;
   text-decoration-thickness: var(--font-decoration-thickness-link-4tl2vi, 1px);
   text-decoration-style: var(--font-decoration-style-link-7y21z4, solid);
-  color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-default-z7zuy8, #0073bb));
+  color: var(--awsui-style-color-default-z17rmd, var(--color-text-link-default-z7zuy8, #0073bb));
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: underline;
@@ -274,45 +274,45 @@ 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_12nmo_146 small a:not(#\9) {
+  .awsui_text-content_6absk_2h8cp_146 small a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_text-content_6absk_12nmo_146 small a:not(#\9), .awsui-mode-entering .awsui_text-content_6absk_12nmo_146 small a:not(#\9) {
+.awsui-motion-disabled .awsui_text-content_6absk_2h8cp_146 small a:not(#\9), .awsui-mode-entering .awsui_text-content_6absk_2h8cp_146 small a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_text-content_6absk_12nmo_146 small a:not(#\9):hover {
+.awsui_text-content_6absk_2h8cp_146 small a:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-hover-pqxtsy, #0a4a74));
+  color: var(--awsui-style-color-hover-z17rmd, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_text-content_6absk_12nmo_146 small a:not(#\9):focus {
+.awsui_text-content_6absk_2h8cp_146 small a:not(#\9):focus {
   outline: none;
 }
-.awsui_text-content_6absk_12nmo_146 small a:not(#\9):active {
-  color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-hover-pqxtsy, #0a4a74));
+.awsui_text-content_6absk_2h8cp_146 small a:not(#\9):active {
+  color: var(--awsui-style-color-active-z17rmd, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_text-content_6absk_12nmo_146 small a:not(#\9):active, .awsui_text-content_6absk_12nmo_146 small a:not(#\9):focus, .awsui_text-content_6absk_12nmo_146 small a:not(#\9):hover {
+.awsui_text-content_6absk_2h8cp_146 small a:not(#\9):active, .awsui_text-content_6absk_2h8cp_146 small a:not(#\9):focus, .awsui_text-content_6absk_2h8cp_146 small a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-decoration-hover-jnu2g9, currentColor);
 }
-.awsui_text-content_6absk_12nmo_146 code:not(#\9),
-.awsui_text-content_6absk_12nmo_146 pre:not(#\9),
-.awsui_text-content_6absk_12nmo_146 samp:not(#\9) {
+.awsui_text-content_6absk_2h8cp_146 code:not(#\9),
+.awsui_text-content_6absk_2h8cp_146 pre:not(#\9),
+.awsui_text-content_6absk_2h8cp_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_12nmo_146 code:not(#\9) {
+.awsui_text-content_6absk_2h8cp_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_12nmo_146 a:not(#\9) {
+.awsui_text-content_6absk_2h8cp_146 a:not(#\9) {
   text-underline-offset: 0.25em;
   text-decoration-thickness: var(--font-decoration-thickness-link-4tl2vi, 1px);
   text-decoration-style: var(--font-decoration-style-link-7y21z4, solid);
-  color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-default-z7zuy8, #0073bb));
+  color: var(--awsui-style-color-default-z17rmd, var(--color-text-link-default-z7zuy8, #0073bb));
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: underline;
@@ -323,67 +323,67 @@ 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_12nmo_146 a:not(#\9) {
+  .awsui_text-content_6absk_2h8cp_146 a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_text-content_6absk_12nmo_146 a:not(#\9), .awsui-mode-entering .awsui_text-content_6absk_12nmo_146 a:not(#\9) {
+.awsui-motion-disabled .awsui_text-content_6absk_2h8cp_146 a:not(#\9), .awsui-mode-entering .awsui_text-content_6absk_2h8cp_146 a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_text-content_6absk_12nmo_146 a:not(#\9):hover {
+.awsui_text-content_6absk_2h8cp_146 a:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-hover-pqxtsy, #0a4a74));
+  color: var(--awsui-style-color-hover-z17rmd, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_text-content_6absk_12nmo_146 a:not(#\9):focus {
+.awsui_text-content_6absk_2h8cp_146 a:not(#\9):focus {
   outline: none;
 }
-.awsui_text-content_6absk_12nmo_146 a:not(#\9):active {
-  color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-hover-pqxtsy, #0a4a74));
+.awsui_text-content_6absk_2h8cp_146 a:not(#\9):active {
+  color: var(--awsui-style-color-active-z17rmd, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_text-content_6absk_12nmo_146 a:not(#\9):active, .awsui_text-content_6absk_12nmo_146 a:not(#\9):focus, .awsui_text-content_6absk_12nmo_146 a:not(#\9):hover {
+.awsui_text-content_6absk_2h8cp_146 a:not(#\9):active, .awsui_text-content_6absk_2h8cp_146 a:not(#\9):focus, .awsui_text-content_6absk_2h8cp_146 a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-decoration-hover-jnu2g9, currentColor);
 }
-.awsui_text-content_6absk_12nmo_146 a:not(#\9):focus {
+.awsui_text-content_6absk_2h8cp_146 a:not(#\9):focus {
   outline: thin dotted;
-  outline: var(--border-link-focus-ring-outline-c5423y, 5px auto Highlight);
+  outline: var(--border-link-focus-ring-outline-wn9h6t, 5px auto Highlight);
   outline-offset: 2px;
   outline-color: var(--color-border-item-focused-r5f6xl, #0073bb);
-  border-start-start-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
-  border-start-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
-  border-end-start-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
-  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);
+  border-start-start-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
+  border-start-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
+  border-end-start-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
+  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-r5f6xl, #0073bb);
 }
-.awsui_text-content_6absk_12nmo_146 ul:not(#\9),
-.awsui_text-content_6absk_12nmo_146 ol:not(#\9) {
+.awsui_text-content_6absk_2h8cp_146 ul:not(#\9),
+.awsui_text-content_6absk_2h8cp_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_12nmo_146 ul + ul:not(#\9),
-.awsui_text-content_6absk_12nmo_146 ul + ol:not(#\9),
-.awsui_text-content_6absk_12nmo_146 ul > li + ul:not(#\9),
-.awsui_text-content_6absk_12nmo_146 ul > li + li:not(#\9),
-.awsui_text-content_6absk_12nmo_146 ul > li + ol:not(#\9),
-.awsui_text-content_6absk_12nmo_146 ul > li > ul:not(#\9),
-.awsui_text-content_6absk_12nmo_146 ul > li > ol:not(#\9),
-.awsui_text-content_6absk_12nmo_146 ol + ul:not(#\9),
-.awsui_text-content_6absk_12nmo_146 ol + ol:not(#\9),
-.awsui_text-content_6absk_12nmo_146 ol > li + ul:not(#\9),
-.awsui_text-content_6absk_12nmo_146 ol > li + li:not(#\9),
-.awsui_text-content_6absk_12nmo_146 ol > li + ol:not(#\9),
-.awsui_text-content_6absk_12nmo_146 ol > li > ul:not(#\9),
-.awsui_text-content_6absk_12nmo_146 ol > li > ol:not(#\9) {
+.awsui_text-content_6absk_2h8cp_146 ul + ul:not(#\9),
+.awsui_text-content_6absk_2h8cp_146 ul + ol:not(#\9),
+.awsui_text-content_6absk_2h8cp_146 ul > li + ul:not(#\9),
+.awsui_text-content_6absk_2h8cp_146 ul > li + li:not(#\9),
+.awsui_text-content_6absk_2h8cp_146 ul > li + ol:not(#\9),
+.awsui_text-content_6absk_2h8cp_146 ul > li > ul:not(#\9),
+.awsui_text-content_6absk_2h8cp_146 ul > li > ol:not(#\9),
+.awsui_text-content_6absk_2h8cp_146 ol + ul:not(#\9),
+.awsui_text-content_6absk_2h8cp_146 ol + ol:not(#\9),
+.awsui_text-content_6absk_2h8cp_146 ol > li + ul:not(#\9),
+.awsui_text-content_6absk_2h8cp_146 ol > li + li:not(#\9),
+.awsui_text-content_6absk_2h8cp_146 ol > li + ol:not(#\9),
+.awsui_text-content_6absk_2h8cp_146 ol > li > ul:not(#\9),
+.awsui_text-content_6absk_2h8cp_146 ol > li > ol:not(#\9) {
   padding-block-start: var(--space-scaled-xxs-jatbiv, 4px);
 }
-.awsui_text-content_6absk_12nmo_146 ul > li > ul:not(#\9),
-.awsui_text-content_6absk_12nmo_146 ul > li > ol:not(#\9),
-.awsui_text-content_6absk_12nmo_146 ol > li > ul:not(#\9),
-.awsui_text-content_6absk_12nmo_146 ol > li > ol:not(#\9) {
+.awsui_text-content_6absk_2h8cp_146 ul > li > ul:not(#\9),
+.awsui_text-content_6absk_2h8cp_146 ul > li > ol:not(#\9),
+.awsui_text-content_6absk_2h8cp_146 ol > li > ul:not(#\9),
+.awsui_text-content_6absk_2h8cp_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_12nmo_146"
+  "text-content": "awsui_text-content_6absk_2h8cp_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_1pva7_145",
-  "textarea": "awsui_textarea_qk1j1_1pva7_149",
-  "textarea-readonly": "awsui_textarea-readonly_qk1j1_1pva7_206",
-  "textarea-invalid": "awsui_textarea-invalid_qk1j1_1pva7_247",
-  "textarea-warning": "awsui_textarea-warning_qk1j1_1pva7_256"
+  "root": "awsui_root_qk1j1_rzy8y_145",
+  "textarea": "awsui_textarea_qk1j1_rzy8y_149",
+  "textarea-readonly": "awsui_textarea-readonly_qk1j1_rzy8y_206",
+  "textarea-invalid": "awsui_textarea-invalid_qk1j1_rzy8y_247",
+  "textarea-warning": "awsui_textarea-warning_qk1j1_rzy8y_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_1pva7_145:not(#\9) {
+.awsui_root_qk1j1_rzy8y_145:not(#\9) {
   /* used for test-utils */
 }
-.awsui_textarea_qk1j1_1pva7_149:not(#\9) {
+.awsui_textarea_qk1j1_rzy8y_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-field-vertical-dgs6s0, 4px);
   padding-inline: var(--space-field-horizontal-n5peob, 8px);
-  color: var(--awsui-style-color-default-6b9ypa, var(--color-text-body-default-5qid0u, #16191f));
+  color: var(--awsui-style-color-default-z17rmd, 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-6b9ypa, 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-6b9ypa, var(--color-border-input-default-txli8y, #687078));
-  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-default-6b9ypa, var(--color-border-input-default-txli8y, #687078));
-  box-shadow: var(--awsui-style-box-shadow-default-6b9ypa);
+  background-color: var(--awsui-style-background-default-z17rmd, var(--color-background-input-default-1z2buq, #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-z17rmd, var(--color-border-input-default-txli8y, #687078));
+  border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-default-z17rmd, var(--color-border-input-default-txli8y, #687078));
+  box-shadow: var(--awsui-style-box-shadow-default-z17rmd);
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
 }
-.awsui_textarea_qk1j1_1pva7_149:not(#\9):hover {
-  border-color: var(--awsui-style-border-color-hover-6b9ypa, var(--awsui-style-border-color-default-6b9ypa, var(--color-border-input-default-txli8y, #687078)));
-  color: var(--awsui-style-color-hover-6b9ypa, var(--awsui-style-border-color-default-6b9ypa, var(--color-text-body-default-5qid0u, #16191f)));
-  background-color: var(--awsui-style-background-hover-6b9ypa, var(--awsui-style-background-default-6b9ypa, var(--color-background-input-default-1z2buq, #ffffff)));
-  box-shadow: var(--awsui-style-box-shadow-hover-6b9ypa, --awsui-style-box-shadow-default-6b9ypa);
+.awsui_textarea_qk1j1_rzy8y_149:not(#\9):hover {
+  border-color: var(--awsui-style-border-color-hover-z17rmd, var(--awsui-style-border-color-default-z17rmd, var(--color-border-input-default-txli8y, #687078)));
+  color: var(--awsui-style-color-hover-z17rmd, var(--awsui-style-border-color-default-z17rmd, var(--color-text-body-default-5qid0u, #16191f)));
+  background-color: var(--awsui-style-background-hover-z17rmd, var(--awsui-style-background-default-z17rmd, var(--color-background-input-default-1z2buq, #ffffff)));
+  box-shadow: var(--awsui-style-box-shadow-hover-z17rmd, --awsui-style-box-shadow-default-z17rmd);
 }
-.awsui_textarea_qk1j1_1pva7_149.awsui_textarea-readonly_qk1j1_1pva7_206:not(#\9) {
-  background-color: var(--awsui-style-background-readonly-6b9ypa, var(--awsui-style-background-default-6b9ypa, var(--color-background-input-default-1z2buq, #ffffff)));
-  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-readonly-6b9ypa, var(--awsui-style-border-color-default-6b9ypa, var(--color-border-input-disabled-tz38ro, #eaeded)));
-  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-readonly-6b9ypa, var(--awsui-style-border-color-default-6b9ypa, var(--color-border-input-disabled-tz38ro, #eaeded)));
-  color: var(--awsui-style-color-readonly-6b9ypa, var(--awsui-style-color-default-6b9ypa, var(--color-text-body-default-5qid0u, #16191f)));
-  box-shadow: var(--awsui-style-box-shadow-readonly-6b9ypa);
+.awsui_textarea_qk1j1_rzy8y_149.awsui_textarea-readonly_qk1j1_rzy8y_206:not(#\9) {
+  background-color: var(--awsui-style-background-readonly-z17rmd, var(--awsui-style-background-default-z17rmd, var(--color-background-input-default-1z2buq, #ffffff)));
+  border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-readonly-z17rmd, var(--awsui-style-border-color-default-z17rmd, var(--color-border-input-disabled-tz38ro, #eaeded)));
+  border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-readonly-z17rmd, var(--awsui-style-border-color-default-z17rmd, var(--color-border-input-disabled-tz38ro, #eaeded)));
+  color: var(--awsui-style-color-readonly-z17rmd, var(--awsui-style-color-default-z17rmd, var(--color-text-body-default-5qid0u, #16191f)));
+  box-shadow: var(--awsui-style-box-shadow-readonly-z17rmd);
 }
-.awsui_textarea_qk1j1_1pva7_149:not(#\9)::placeholder {
-  color: var(--awsui-style-placeholder-color-6b9ypa, var(--color-text-input-placeholder-hvcry0, #687078));
-  font-size: var(--awsui-style-placeholder-font-size-6b9ypa);
-  font-style: var(--awsui-style-placeholder-font-style-6b9ypa, italic);
-  font-weight: var(--awsui-style-placeholder-font-weight-6b9ypa);
+.awsui_textarea_qk1j1_rzy8y_149:not(#\9)::placeholder {
+  color: var(--awsui-style-placeholder-color-z17rmd, var(--color-text-input-placeholder-hvcry0, #687078));
+  font-size: var(--awsui-style-placeholder-font-size-z17rmd);
+  font-style: var(--awsui-style-placeholder-font-style-z17rmd, italic);
+  font-weight: var(--awsui-style-placeholder-font-weight-z17rmd);
   opacity: 1;
 }
-.awsui_textarea_qk1j1_1pva7_149:not(#\9):focus {
+.awsui_textarea_qk1j1_rzy8y_149:not(#\9):focus {
   outline: 2px dotted transparent;
-  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-focus-6b9ypa, var(--color-border-input-focused-lslq4r, #0073bb));
-  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-focus-6b9ypa, 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-6b9ypa, 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-6b9ypa, var(--color-text-body-default-5qid0u, #16191f));
-  background-color: var(--awsui-style-background-focus-6b9ypa, var(--color-background-input-default-1z2buq, #ffffff));
+  border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-focus-z17rmd, var(--color-border-input-focused-lslq4r, #0073bb));
+  border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-focus-z17rmd, var(--color-border-input-focused-lslq4r, #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-z17rmd, 0 0 0 var(--border-control-focus-ring-shadow-spread-iijyo6, 1px) var(--color-border-item-focused-r5f6xl, #0073bb));
+  color: var(--awsui-style-color-focus-z17rmd, var(--color-text-body-default-5qid0u, #16191f));
+  background-color: var(--awsui-style-background-focus-z17rmd, var(--color-background-input-default-1z2buq, #ffffff));
 }
-.awsui_textarea_qk1j1_1pva7_149:not(#\9):invalid {
+.awsui_textarea_qk1j1_rzy8y_149:not(#\9):invalid {
   box-shadow: none;
 }
-.awsui_textarea_qk1j1_1pva7_149:not(#\9):disabled {
-  background-color: var(--awsui-style-background-disabled-6b9ypa, var(--color-background-input-disabled-4vlau3, #eaeded));
-  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-disabled-6b9ypa, var(--color-border-input-disabled-tz38ro, #eaeded));
-  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-disabled-6b9ypa, var(--color-border-input-disabled-tz38ro, #eaeded));
-  color: var(--awsui-style-color-disabled-6b9ypa, var(--color-text-input-disabled-y5t5v9, #879596));
+.awsui_textarea_qk1j1_rzy8y_149:not(#\9):disabled {
+  background-color: var(--awsui-style-background-disabled-z17rmd, var(--color-background-input-disabled-4vlau3, #eaeded));
+  border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-disabled-z17rmd, var(--color-border-input-disabled-tz38ro, #eaeded));
+  border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-disabled-z17rmd, var(--color-border-input-disabled-tz38ro, #eaeded));
+  color: var(--awsui-style-color-disabled-z17rmd, var(--color-text-input-disabled-y5t5v9, #879596));
   cursor: default;
-  box-shadow: var(--awsui-style-box-shadow-disabled-6b9ypa);
+  box-shadow: var(--awsui-style-box-shadow-disabled-z17rmd);
 }
-.awsui_textarea_qk1j1_1pva7_149:not(#\9):disabled::placeholder {
+.awsui_textarea_qk1j1_rzy8y_149:not(#\9):disabled::placeholder {
   color: var(--color-text-input-placeholder-disabled-x4lauf, #687078);
   opacity: 1;
 }
-.awsui_textarea_qk1j1_1pva7_149.awsui_textarea-invalid_qk1j1_1pva7_247:not(#\9) {
-  color: var(--awsui-style-color-default-6b9ypa, var(--color-text-status-error-c3at5p, #d13212));
-  border-color: var(--awsui-style-border-color-default-6b9ypa, var(--color-text-status-error-c3at5p, #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_rzy8y_149.awsui_textarea-invalid_qk1j1_rzy8y_247:not(#\9) {
+  color: var(--awsui-style-color-default-z17rmd, var(--color-text-status-error-c3at5p, #d13212));
+  border-color: var(--awsui-style-border-color-default-z17rmd, var(--color-text-status-error-c3at5p, #d13212));
+  padding-inline-start: calc(var(--space-field-horizontal-n5peob, 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_1pva7_149.awsui_textarea-invalid_qk1j1_1pva7_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_rzy8y_149.awsui_textarea-invalid_qk1j1_rzy8y_247:not(#\9):focus {
+  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-bl5nmx, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_textarea_qk1j1_1pva7_149.awsui_textarea-warning_qk1j1_1pva7_256:not(#\9) {
-  color: var(--awsui-style-color-default-6b9ypa, var(--color-text-status-warning-08d9ki, #906806));
-  border-color: var(--awsui-style-border-color-default-6b9ypa, var(--color-text-status-warning-08d9ki, #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_rzy8y_149.awsui_textarea-warning_qk1j1_rzy8y_256:not(#\9) {
+  color: var(--awsui-style-color-default-z17rmd, var(--color-text-status-warning-08d9ki, #906806));
+  border-color: var(--awsui-style-border-color-default-z17rmd, var(--color-text-status-warning-08d9ki, #906806));
+  padding-inline-start: calc(var(--space-field-horizontal-n5peob, 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_1pva7_149.awsui_textarea-warning_qk1j1_1pva7_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);
+.awsui_textarea_qk1j1_rzy8y_149.awsui_textarea-warning_qk1j1_rzy8y_256:not(#\9):focus {
+  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-bl5nmx, 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_1pva7_145",
-  "textarea": "awsui_textarea_qk1j1_1pva7_149",
-  "textarea-readonly": "awsui_textarea-readonly_qk1j1_1pva7_206",
-  "textarea-invalid": "awsui_textarea-invalid_qk1j1_1pva7_247",
-  "textarea-warning": "awsui_textarea-warning_qk1j1_1pva7_256"
+  "root": "awsui_root_qk1j1_rzy8y_145",
+  "textarea": "awsui_textarea_qk1j1_rzy8y_149",
+  "textarea-readonly": "awsui_textarea-readonly_qk1j1_rzy8y_206",
+  "textarea-invalid": "awsui_textarea-invalid_qk1j1_rzy8y_247",
+  "textarea-warning": "awsui_textarea-warning_qk1j1_rzy8y_256"
 };

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

@@ -1,35 +1,35 @@
     import './styles.scoped.css';
     export default {
-  "column-layout": "awsui_column-layout_vj6p7_ppf5w_189",
-  "grid": "awsui_grid_vj6p7_ppf5w_221",
-  "grid-no-gutters": "awsui_grid-no-gutters_vj6p7_ppf5w_227",
-  "grid-variant-text-grid": "awsui_grid-variant-text-grid_vj6p7_ppf5w_231",
-  "grid-breakpoint-default": "awsui_grid-breakpoint-default_vj6p7_ppf5w_239",
-  "grid-columns-1": "awsui_grid-columns-1_vj6p7_ppf5w_242",
-  "grid-breakpoint-xxs": "awsui_grid-breakpoint-xxs_vj6p7_ppf5w_242",
-  "grid-breakpoint-xs": "awsui_grid-breakpoint-xs_vj6p7_ppf5w_245",
-  "grid-columns-2": "awsui_grid-columns-2_vj6p7_ppf5w_248",
-  "grid-columns-3": "awsui_grid-columns-3_vj6p7_ppf5w_254",
-  "grid-columns-4": "awsui_grid-columns-4_vj6p7_ppf5w_260",
-  "grid-vertical-borders": "awsui_grid-vertical-borders_vj6p7_ppf5w_276",
-  "grid-horizontal-borders": "awsui_grid-horizontal-borders_vj6p7_ppf5w_309",
-  "root": "awsui_root_vj6p7_ppf5w_359",
-  "tile-container": "awsui_tile-container_vj6p7_ppf5w_394",
-  "refresh": "awsui_refresh_vj6p7_ppf5w_419",
-  "selected": "awsui_selected_vj6p7_ppf5w_423",
-  "disabled": "awsui_disabled_vj6p7_ppf5w_423",
-  "readonly": "awsui_readonly_vj6p7_ppf5w_423",
-  "has-metadata": "awsui_has-metadata_vj6p7_ppf5w_426",
-  "columns": "awsui_columns_vj6p7_ppf5w_448",
-  "column-1": "awsui_column-1_vj6p7_ppf5w_455",
-  "breakpoint-xs": "awsui_breakpoint-xs_vj6p7_ppf5w_462",
-  "breakpoint-xxs": "awsui_breakpoint-xxs_vj6p7_ppf5w_466",
-  "column-2": "awsui_column-2_vj6p7_ppf5w_470",
-  "column-3": "awsui_column-3_vj6p7_ppf5w_485",
-  "column-4": "awsui_column-4_vj6p7_ppf5w_500",
-  "control": "awsui_control_vj6p7_ppf5w_516",
-  "no-image": "awsui_no-image_vj6p7_ppf5w_520",
-  "image": "awsui_image_vj6p7_ppf5w_524"
+  "column-layout": "awsui_column-layout_vj6p7_1jg5m_189",
+  "grid": "awsui_grid_vj6p7_1jg5m_221",
+  "grid-no-gutters": "awsui_grid-no-gutters_vj6p7_1jg5m_227",
+  "grid-variant-text-grid": "awsui_grid-variant-text-grid_vj6p7_1jg5m_231",
+  "grid-breakpoint-default": "awsui_grid-breakpoint-default_vj6p7_1jg5m_239",
+  "grid-columns-1": "awsui_grid-columns-1_vj6p7_1jg5m_242",
+  "grid-breakpoint-xxs": "awsui_grid-breakpoint-xxs_vj6p7_1jg5m_242",
+  "grid-breakpoint-xs": "awsui_grid-breakpoint-xs_vj6p7_1jg5m_245",
+  "grid-columns-2": "awsui_grid-columns-2_vj6p7_1jg5m_248",
+  "grid-columns-3": "awsui_grid-columns-3_vj6p7_1jg5m_254",
+  "grid-columns-4": "awsui_grid-columns-4_vj6p7_1jg5m_260",
+  "grid-vertical-borders": "awsui_grid-vertical-borders_vj6p7_1jg5m_276",
+  "grid-horizontal-borders": "awsui_grid-horizontal-borders_vj6p7_1jg5m_309",
+  "root": "awsui_root_vj6p7_1jg5m_359",
+  "tile-container": "awsui_tile-container_vj6p7_1jg5m_394",
+  "refresh": "awsui_refresh_vj6p7_1jg5m_419",
+  "selected": "awsui_selected_vj6p7_1jg5m_423",
+  "disabled": "awsui_disabled_vj6p7_1jg5m_423",
+  "readonly": "awsui_readonly_vj6p7_1jg5m_423",
+  "has-metadata": "awsui_has-metadata_vj6p7_1jg5m_426",
+  "columns": "awsui_columns_vj6p7_1jg5m_448",
+  "column-1": "awsui_column-1_vj6p7_1jg5m_455",
+  "breakpoint-xs": "awsui_breakpoint-xs_vj6p7_1jg5m_462",
+  "breakpoint-xxs": "awsui_breakpoint-xxs_vj6p7_1jg5m_466",
+  "column-2": "awsui_column-2_vj6p7_1jg5m_470",
+  "column-3": "awsui_column-3_vj6p7_1jg5m_485",
+  "column-4": "awsui_column-4_vj6p7_1jg5m_500",
+  "control": "awsui_control_vj6p7_1jg5m_516",
+  "no-image": "awsui_no-image_vj6p7_1jg5m_520",
+  "image": "awsui_image_vj6p7_1jg5m_524"
 };