npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1345 → 3.0.1346 - Mend

@cloudscape-design/components-themeable 3.0.1345 → 3.0.1346

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 (503) 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_1xd1a_146:not(#\9) {
+.awsui_text-content_6absk_w01ad_146:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -168,7 +168,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-spacing: normal;
   font-size: var(--font-size-body-m-tq5a14, 14px);
   line-height: var(--line-height-body-m-5xw6xo, 22px);
-  color: var(--color-text-body-default-kbrad2, #16191f);
+  color: var(--color-text-body-default-b2us04, #16191f);
   font-weight: var(--font-weight-normal-fr92v6, 400);
   font-family: var(--font-family-base-c9u5cr, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
@@ -176,28 +176,28 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   /* stylelint-disable no-descending-specificity */
   /* stylelint-enable no-descending-specificity */
 }
-.awsui_text-content_6absk_1xd1a_146 h1:not(#\9),
-.awsui_text-content_6absk_1xd1a_146 h2:not(#\9),
-.awsui_text-content_6absk_1xd1a_146 h3:not(#\9),
-.awsui_text-content_6absk_1xd1a_146 h4:not(#\9),
-.awsui_text-content_6absk_1xd1a_146 h5:not(#\9),
-.awsui_text-content_6absk_1xd1a_146 p:not(#\9) {
+.awsui_text-content_6absk_w01ad_146 h1:not(#\9),
+.awsui_text-content_6absk_w01ad_146 h2:not(#\9),
+.awsui_text-content_6absk_w01ad_146 h3:not(#\9),
+.awsui_text-content_6absk_w01ad_146 h4:not(#\9),
+.awsui_text-content_6absk_w01ad_146 h5:not(#\9),
+.awsui_text-content_6absk_w01ad_146 p:not(#\9) {
   font-family: inherit;
   font-weight: var(--font-weight-normal-fr92v6, 400);
   text-decoration: none;
   margin-block: 0;
   margin-inline: 0;
-  padding-block: var(--space-xxs-jnczic, 4px);
+  padding-block: var(--space-xxs-3o1yoq, 4px);
   padding-inline: 0;
 }
-.awsui_text-content_6absk_1xd1a_146 h1:not(#\9),
-.awsui_text-content_6absk_1xd1a_146 h2:not(#\9),
-.awsui_text-content_6absk_1xd1a_146 h3:not(#\9),
-.awsui_text-content_6absk_1xd1a_146 h4:not(#\9),
-.awsui_text-content_6absk_1xd1a_146 h5:not(#\9) {
-  color: var(--color-text-heading-default-x2l7g1, #16191f);
+.awsui_text-content_6absk_w01ad_146 h1:not(#\9),
+.awsui_text-content_6absk_w01ad_146 h2:not(#\9),
+.awsui_text-content_6absk_w01ad_146 h3:not(#\9),
+.awsui_text-content_6absk_w01ad_146 h4:not(#\9),
+.awsui_text-content_6absk_w01ad_146 h5:not(#\9) {
+  color: var(--color-text-heading-default-e3tuze, #16191f);
 }
-.awsui_text-content_6absk_1xd1a_146 h1:not(#\9) {
+.awsui_text-content_6absk_w01ad_146 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);
@@ -206,7 +206,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_1xd1a_146 h2:not(#\9) {
+.awsui_text-content_6absk_w01ad_146 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);
@@ -215,7 +215,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_1xd1a_146 h3:not(#\9) {
+.awsui_text-content_6absk_w01ad_146 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);
@@ -224,7 +224,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_1xd1a_146 h4:not(#\9) {
+.awsui_text-content_6absk_w01ad_146 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);
@@ -233,7 +233,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_1xd1a_146 h5:not(#\9) {
+.awsui_text-content_6absk_w01ad_146 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);
@@ -242,148 +242,148 @@ 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_1xd1a_146 b:not(#\9),
-.awsui_text-content_6absk_1xd1a_146 strong:not(#\9) {
+.awsui_text-content_6absk_w01ad_146 b:not(#\9),
+.awsui_text-content_6absk_w01ad_146 strong:not(#\9) {
   font-weight: var(--font-weight-bold-xpar9m, 700);
 }
-.awsui_text-content_6absk_1xd1a_146 p:not(#\9) {
+.awsui_text-content_6absk_w01ad_146 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_1xd1a_146 small:not(#\9) {
+.awsui_text-content_6absk_w01ad_146 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-a6zp32, #687078);
+  color: var(--color-text-small-uo2fu4, #687078);
 }
-.awsui_text-content_6absk_1xd1a_146 small a:not(#\9) {
+.awsui_text-content_6absk_w01ad_146 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-esndbs, var(--color-text-link-default-9cv1el, #0073bb));
+  color: var(--awsui-style-color-default-esndbs, var(--color-text-link-default-qabnuk, #0073bb));
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: underline;
-  text-decoration-color: var(--color-text-link-decoration-default-15ta09, currentColor);
+  text-decoration-color: var(--color-text-link-decoration-default-ku4wkw, currentColor);
   transition-property: color, -webkit-text-decoration;
   transition-property: color, text-decoration;
   transition-property: color, text-decoration, -webkit-text-decoration;
-  transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
+  transition-duration: var(--motion-duration-refresh-only-medium-s8g1xv, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_text-content_6absk_1xd1a_146 small a:not(#\9) {
+  .awsui_text-content_6absk_w01ad_146 small a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_text-content_6absk_1xd1a_146 small a:not(#\9), .awsui-mode-entering .awsui_text-content_6absk_1xd1a_146 small a:not(#\9) {
+.awsui-motion-disabled .awsui_text-content_6absk_w01ad_146 small a:not(#\9), .awsui-mode-entering .awsui_text-content_6absk_w01ad_146 small a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_text-content_6absk_1xd1a_146 small a:not(#\9):hover {
+.awsui_text-content_6absk_w01ad_146 small a:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-esndbs, var(--color-text-link-hover-9p24kb, #0a4a74));
+  color: var(--awsui-style-color-hover-esndbs, var(--color-text-link-hover-n1r6g0, #0a4a74));
 }
-.awsui_text-content_6absk_1xd1a_146 small a:not(#\9):focus {
+.awsui_text-content_6absk_w01ad_146 small a:not(#\9):focus {
   outline: none;
 }
-.awsui_text-content_6absk_1xd1a_146 small a:not(#\9):active {
-  color: var(--awsui-style-color-active-esndbs, var(--color-text-link-hover-9p24kb, #0a4a74));
+.awsui_text-content_6absk_w01ad_146 small a:not(#\9):active {
+  color: var(--awsui-style-color-active-esndbs, var(--color-text-link-hover-n1r6g0, #0a4a74));
 }
-.awsui_text-content_6absk_1xd1a_146 small a:not(#\9):active, .awsui_text-content_6absk_1xd1a_146 small a:not(#\9):focus, .awsui_text-content_6absk_1xd1a_146 small a:not(#\9):hover {
+.awsui_text-content_6absk_w01ad_146 small a:not(#\9):active, .awsui_text-content_6absk_w01ad_146 small a:not(#\9):focus, .awsui_text-content_6absk_w01ad_146 small a:not(#\9):hover {
   text-decoration-line: underline;
-  text-decoration-color: var(--color-text-link-decoration-hover-jnu2g9, currentColor);
+  text-decoration-color: var(--color-text-link-decoration-hover-opkmr8, currentColor);
 }
-.awsui_text-content_6absk_1xd1a_146 code:not(#\9),
-.awsui_text-content_6absk_1xd1a_146 pre:not(#\9),
-.awsui_text-content_6absk_1xd1a_146 samp:not(#\9) {
+.awsui_text-content_6absk_w01ad_146 code:not(#\9),
+.awsui_text-content_6absk_w01ad_146 pre:not(#\9),
+.awsui_text-content_6absk_w01ad_146 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_1xd1a_146 code:not(#\9) {
+.awsui_text-content_6absk_w01ad_146 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_1xd1a_146 a:not(#\9) {
+.awsui_text-content_6absk_w01ad_146 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-esndbs, var(--color-text-link-default-9cv1el, #0073bb));
+  color: var(--awsui-style-color-default-esndbs, var(--color-text-link-default-qabnuk, #0073bb));
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: underline;
-  text-decoration-color: var(--color-text-link-decoration-default-15ta09, currentColor);
+  text-decoration-color: var(--color-text-link-decoration-default-ku4wkw, currentColor);
   transition-property: color, -webkit-text-decoration;
   transition-property: color, text-decoration;
   transition-property: color, text-decoration, -webkit-text-decoration;
-  transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
+  transition-duration: var(--motion-duration-refresh-only-medium-s8g1xv, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_text-content_6absk_1xd1a_146 a:not(#\9) {
+  .awsui_text-content_6absk_w01ad_146 a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_text-content_6absk_1xd1a_146 a:not(#\9), .awsui-mode-entering .awsui_text-content_6absk_1xd1a_146 a:not(#\9) {
+.awsui-motion-disabled .awsui_text-content_6absk_w01ad_146 a:not(#\9), .awsui-mode-entering .awsui_text-content_6absk_w01ad_146 a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_text-content_6absk_1xd1a_146 a:not(#\9):hover {
+.awsui_text-content_6absk_w01ad_146 a:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-esndbs, var(--color-text-link-hover-9p24kb, #0a4a74));
+  color: var(--awsui-style-color-hover-esndbs, var(--color-text-link-hover-n1r6g0, #0a4a74));
 }
-.awsui_text-content_6absk_1xd1a_146 a:not(#\9):focus {
+.awsui_text-content_6absk_w01ad_146 a:not(#\9):focus {
   outline: none;
 }
-.awsui_text-content_6absk_1xd1a_146 a:not(#\9):active {
-  color: var(--awsui-style-color-active-esndbs, var(--color-text-link-hover-9p24kb, #0a4a74));
+.awsui_text-content_6absk_w01ad_146 a:not(#\9):active {
+  color: var(--awsui-style-color-active-esndbs, var(--color-text-link-hover-n1r6g0, #0a4a74));
 }
-.awsui_text-content_6absk_1xd1a_146 a:not(#\9):active, .awsui_text-content_6absk_1xd1a_146 a:not(#\9):focus, .awsui_text-content_6absk_1xd1a_146 a:not(#\9):hover {
+.awsui_text-content_6absk_w01ad_146 a:not(#\9):active, .awsui_text-content_6absk_w01ad_146 a:not(#\9):focus, .awsui_text-content_6absk_w01ad_146 a:not(#\9):hover {
   text-decoration-line: underline;
-  text-decoration-color: var(--color-text-link-decoration-hover-jnu2g9, currentColor);
+  text-decoration-color: var(--color-text-link-decoration-hover-opkmr8, currentColor);
 }
-.awsui_text-content_6absk_1xd1a_146 a:not(#\9):focus {
+.awsui_text-content_6absk_w01ad_146 a:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-wn9h6t, 5px auto Highlight);
   outline-offset: 2px;
-  outline-color: var(--color-border-item-focused-a3thrr, #0073bb);
+  outline-color: var(--color-border-item-focused-sewkzn, #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-a3thrr, #0073bb);
+  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_1xd1a_146 ul:not(#\9),
-.awsui_text-content_6absk_1xd1a_146 ol:not(#\9) {
-  padding-inline-start: var(--space-l-3cws6j, 20px);
-  margin-block: var(--space-scaled-xs-sppte9, 8px);
+.awsui_text-content_6absk_w01ad_146 ul:not(#\9),
+.awsui_text-content_6absk_w01ad_146 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_1xd1a_146 ul + ul:not(#\9),
-.awsui_text-content_6absk_1xd1a_146 ul + ol:not(#\9),
-.awsui_text-content_6absk_1xd1a_146 ul > li + ul:not(#\9),
-.awsui_text-content_6absk_1xd1a_146 ul > li + li:not(#\9),
-.awsui_text-content_6absk_1xd1a_146 ul > li + ol:not(#\9),
-.awsui_text-content_6absk_1xd1a_146 ul > li > ul:not(#\9),
-.awsui_text-content_6absk_1xd1a_146 ul > li > ol:not(#\9),
-.awsui_text-content_6absk_1xd1a_146 ol + ul:not(#\9),
-.awsui_text-content_6absk_1xd1a_146 ol + ol:not(#\9),
-.awsui_text-content_6absk_1xd1a_146 ol > li + ul:not(#\9),
-.awsui_text-content_6absk_1xd1a_146 ol > li + li:not(#\9),
-.awsui_text-content_6absk_1xd1a_146 ol > li + ol:not(#\9),
-.awsui_text-content_6absk_1xd1a_146 ol > li > ul:not(#\9),
-.awsui_text-content_6absk_1xd1a_146 ol > li > ol:not(#\9) {
-  padding-block-start: var(--space-scaled-xxs-jatbiv, 4px);
+.awsui_text-content_6absk_w01ad_146 ul + ul:not(#\9),
+.awsui_text-content_6absk_w01ad_146 ul + ol:not(#\9),
+.awsui_text-content_6absk_w01ad_146 ul > li + ul:not(#\9),
+.awsui_text-content_6absk_w01ad_146 ul > li + li:not(#\9),
+.awsui_text-content_6absk_w01ad_146 ul > li + ol:not(#\9),
+.awsui_text-content_6absk_w01ad_146 ul > li > ul:not(#\9),
+.awsui_text-content_6absk_w01ad_146 ul > li > ol:not(#\9),
+.awsui_text-content_6absk_w01ad_146 ol + ul:not(#\9),
+.awsui_text-content_6absk_w01ad_146 ol + ol:not(#\9),
+.awsui_text-content_6absk_w01ad_146 ol > li + ul:not(#\9),
+.awsui_text-content_6absk_w01ad_146 ol > li + li:not(#\9),
+.awsui_text-content_6absk_w01ad_146 ol > li + ol:not(#\9),
+.awsui_text-content_6absk_w01ad_146 ol > li > ul:not(#\9),
+.awsui_text-content_6absk_w01ad_146 ol > li > ol:not(#\9) {
+  padding-block-start: var(--space-scaled-xxs-j00t0m, 4px);
 }
-.awsui_text-content_6absk_1xd1a_146 ul > li > ul:not(#\9),
-.awsui_text-content_6absk_1xd1a_146 ul > li > ol:not(#\9),
-.awsui_text-content_6absk_1xd1a_146 ol > li > ul:not(#\9),
-.awsui_text-content_6absk_1xd1a_146 ol > li > ol:not(#\9) {
+.awsui_text-content_6absk_w01ad_146 ul > li > ul:not(#\9),
+.awsui_text-content_6absk_w01ad_146 ul > li > ol:not(#\9),
+.awsui_text-content_6absk_w01ad_146 ol > li > ul:not(#\9),
+.awsui_text-content_6absk_w01ad_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_1xd1a_146"
+  "text-content": "awsui_text-content_6absk_w01ad_146"
 };

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

@@ -1,8 +1,8 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1sdq3_ouxod_145",
-  "input": "awsui_input_1sdq3_ouxod_180",
-  "results": "awsui_results_1sdq3_ouxod_184"
+  "root": "awsui_root_1sdq3_1qp4n_145",
+  "input": "awsui_input_1sdq3_1qp4n_180",
+  "results": "awsui_results_1sdq3_1qp4n_184"
 };

package/lib/internal/template/text-filter/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_1sdq3_ouxod_145:not(#\9) {
+.awsui_root_1sdq3_1qp4n_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -167,24 +167,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-spacing: normal;
   font-size: var(--font-size-body-m-tq5a14, 14px);
   line-height: var(--line-height-body-m-5xw6xo, 22px);
-  color: var(--color-text-body-default-kbrad2, #16191f);
+  color: var(--color-text-body-default-b2us04, #16191f);
   font-weight: var(--font-weight-normal-fr92v6, 400);
   font-family: var(--font-family-base-c9u5cr, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
   display: flex;
   align-items: center;
-  max-inline-size: calc(688px - 2 * var(--space-l-3cws6j, 20px));
+  max-inline-size: calc(688px - 2 * var(--space-l-dpyxli, 20px));
 }
-.awsui_input_1sdq3_ouxod_180:not(#\9) {
+.awsui_input_1sdq3_1qp4n_180:not(#\9) {
   flex: 1;
 }
-.awsui_results_1sdq3_ouxod_184:not(#\9) {
-  color: var(--color-text-form-label-dkbeb1, #16191f);
+.awsui_results_1sdq3_1qp4n_184:not(#\9) {
+  color: var(--color-text-form-label-lm6ttg, #16191f);
   display: inline-block;
   box-sizing: border-box;
   white-space: nowrap;
-  padding-inline-start: var(--space-s-4a5hs8, 12px);
+  padding-inline-start: var(--space-s-kll7oj, 12px);
 }

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

@@ -2,8 +2,8 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1sdq3_ouxod_145",
-  "input": "awsui_input_1sdq3_ouxod_180",
-  "results": "awsui_results_1sdq3_ouxod_184"
+  "root": "awsui_root_1sdq3_1qp4n_145",
+  "input": "awsui_input_1sdq3_1qp4n_180",
+  "results": "awsui_results_1sdq3_1qp4n_184"
 };

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

@@ -1,14 +1,14 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_qk1j1_gp8kn_145",
-  "textarea": "awsui_textarea_qk1j1_gp8kn_149",
-  "textarea-resize-both": "awsui_textarea-resize-both_qk1j1_gp8kn_200",
-  "textarea-resize-horizontal": "awsui_textarea-resize-horizontal_qk1j1_gp8kn_203",
-  "textarea-resize-vertical": "awsui_textarea-resize-vertical_qk1j1_gp8kn_206",
-  "textarea-resize-none": "awsui_textarea-resize-none_qk1j1_gp8kn_209",
-  "textarea-readonly": "awsui_textarea-readonly_qk1j1_gp8kn_218",
-  "textarea-invalid": "awsui_textarea-invalid_qk1j1_gp8kn_259",
-  "textarea-warning": "awsui_textarea-warning_qk1j1_gp8kn_268"
+  "root": "awsui_root_qk1j1_1ms7j_145",
+  "textarea": "awsui_textarea_qk1j1_1ms7j_149",
+  "textarea-resize-both": "awsui_textarea-resize-both_qk1j1_1ms7j_200",
+  "textarea-resize-horizontal": "awsui_textarea-resize-horizontal_qk1j1_1ms7j_203",
+  "textarea-resize-vertical": "awsui_textarea-resize-vertical_qk1j1_1ms7j_206",
+  "textarea-resize-none": "awsui_textarea-resize-none_qk1j1_1ms7j_209",
+  "textarea-readonly": "awsui_textarea-readonly_qk1j1_1ms7j_218",
+  "textarea-invalid": "awsui_textarea-invalid_qk1j1_1ms7j_259",
+  "textarea-warning": "awsui_textarea-warning_qk1j1_1ms7j_268"
 };

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_gp8kn_145:not(#\9) {
+.awsui_root_qk1j1_1ms7j_145:not(#\9) {
   /* used for test-utils */
 }
-.awsui_textarea_qk1j1_gp8kn_149:not(#\9) {
+.awsui_textarea_qk1j1_1ms7j_149:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -171,7 +171,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-spacing: normal;
   font-size: var(--font-size-body-m-tq5a14, 14px);
   line-height: var(--line-height-body-m-5xw6xo, 22px);
-  color: var(--color-text-body-default-kbrad2, #16191f);
+  color: var(--color-text-body-default-b2us04, #16191f);
   font-weight: var(--font-weight-normal-fr92v6, 400);
   font-family: var(--font-family-base-c9u5cr, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
@@ -179,98 +179,98 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   resize: both;
   cursor: text;
   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-esndbs, var(--color-text-body-default-kbrad2, #16191f));
+  padding-block: var(--space-field-vertical-77df8s, 4px);
+  padding-inline: var(--space-field-horizontal-anki5k, 8px);
+  color: var(--awsui-style-color-default-esndbs, 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-esndbs, var(--color-background-input-default-83w0sy, #ffffff));
+  background-color: var(--awsui-style-background-default-esndbs, 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-esndbs, var(--color-border-input-default-dwoouh, #687078));
-  border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-default-esndbs, var(--color-border-input-default-dwoouh, #687078));
+  border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-default-esndbs, var(--color-border-input-default-jtkw9d, #687078));
+  border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-default-esndbs, var(--color-border-input-default-jtkw9d, #687078));
   box-shadow: var(--awsui-style-box-shadow-default-esndbs);
   font-size: var(--font-size-body-m-tq5a14, 14px);
   line-height: var(--line-height-body-m-5xw6xo, 22px);
 }
-.awsui_textarea_qk1j1_gp8kn_149.awsui_textarea-resize-both_qk1j1_gp8kn_200:not(#\9) {
+.awsui_textarea_qk1j1_1ms7j_149.awsui_textarea-resize-both_qk1j1_1ms7j_200:not(#\9) {
   resize: both;
 }
-.awsui_textarea_qk1j1_gp8kn_149.awsui_textarea-resize-horizontal_qk1j1_gp8kn_203:not(#\9) {
+.awsui_textarea_qk1j1_1ms7j_149.awsui_textarea-resize-horizontal_qk1j1_1ms7j_203:not(#\9) {
   resize: horizontal;
 }
-.awsui_textarea_qk1j1_gp8kn_149.awsui_textarea-resize-vertical_qk1j1_gp8kn_206:not(#\9) {
+.awsui_textarea_qk1j1_1ms7j_149.awsui_textarea-resize-vertical_qk1j1_1ms7j_206:not(#\9) {
   resize: vertical;
 }
-.awsui_textarea_qk1j1_gp8kn_149.awsui_textarea-resize-none_qk1j1_gp8kn_209:not(#\9) {
+.awsui_textarea_qk1j1_1ms7j_149.awsui_textarea-resize-none_qk1j1_1ms7j_209:not(#\9) {
   resize: none;
 }
-.awsui_textarea_qk1j1_gp8kn_149:not(#\9):hover {
-  border-color: var(--awsui-style-border-color-hover-esndbs, var(--awsui-style-border-color-default-esndbs, var(--color-border-input-default-dwoouh, #687078)));
-  color: var(--awsui-style-color-hover-esndbs, var(--awsui-style-border-color-default-esndbs, var(--color-text-body-default-kbrad2, #16191f)));
-  background-color: var(--awsui-style-background-hover-esndbs, var(--awsui-style-background-default-esndbs, var(--color-background-input-default-83w0sy, #ffffff)));
+.awsui_textarea_qk1j1_1ms7j_149:not(#\9):hover {
+  border-color: var(--awsui-style-border-color-hover-esndbs, var(--awsui-style-border-color-default-esndbs, var(--color-border-input-default-jtkw9d, #687078)));
+  color: var(--awsui-style-color-hover-esndbs, var(--awsui-style-border-color-default-esndbs, var(--color-text-body-default-b2us04, #16191f)));
+  background-color: var(--awsui-style-background-hover-esndbs, var(--awsui-style-background-default-esndbs, var(--color-background-input-default-1u0v1p, #ffffff)));
   box-shadow: var(--awsui-style-box-shadow-hover-esndbs, --awsui-style-box-shadow-default-esndbs);
 }
-.awsui_textarea_qk1j1_gp8kn_149.awsui_textarea-readonly_qk1j1_gp8kn_218:not(#\9) {
-  background-color: var(--awsui-style-background-readonly-esndbs, var(--awsui-style-background-default-esndbs, var(--color-background-input-default-83w0sy, #ffffff)));
-  border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-readonly-esndbs, var(--awsui-style-border-color-default-esndbs, var(--color-border-input-disabled-4u9ecf, #eaeded)));
-  border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-readonly-esndbs, var(--awsui-style-border-color-default-esndbs, var(--color-border-input-disabled-4u9ecf, #eaeded)));
-  color: var(--awsui-style-color-readonly-esndbs, var(--awsui-style-color-default-esndbs, var(--color-text-body-default-kbrad2, #16191f)));
+.awsui_textarea_qk1j1_1ms7j_149.awsui_textarea-readonly_qk1j1_1ms7j_218:not(#\9) {
+  background-color: var(--awsui-style-background-readonly-esndbs, var(--awsui-style-background-default-esndbs, var(--color-background-input-default-1u0v1p, #ffffff)));
+  border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-readonly-esndbs, var(--awsui-style-border-color-default-esndbs, var(--color-border-input-disabled-5m31k6, #eaeded)));
+  border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-readonly-esndbs, var(--awsui-style-border-color-default-esndbs, var(--color-border-input-disabled-5m31k6, #eaeded)));
+  color: var(--awsui-style-color-readonly-esndbs, var(--awsui-style-color-default-esndbs, var(--color-text-body-default-b2us04, #16191f)));
   box-shadow: var(--awsui-style-box-shadow-readonly-esndbs);
 }
-.awsui_textarea_qk1j1_gp8kn_149:not(#\9)::placeholder {
-  color: var(--awsui-style-placeholder-color-esndbs, var(--color-text-input-placeholder-rerqpa, #687078));
+.awsui_textarea_qk1j1_1ms7j_149:not(#\9)::placeholder {
+  color: var(--awsui-style-placeholder-color-esndbs, var(--color-text-input-placeholder-l6klmg, #687078));
   font-size: var(--awsui-style-placeholder-font-size-esndbs);
   font-style: var(--awsui-style-placeholder-font-style-esndbs, italic);
   font-weight: var(--awsui-style-placeholder-font-weight-esndbs);
   opacity: 1;
 }
-.awsui_textarea_qk1j1_gp8kn_149:not(#\9):focus {
+.awsui_textarea_qk1j1_1ms7j_149:not(#\9):focus {
   outline: 2px dotted transparent;
-  border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-focus-esndbs, var(--color-border-input-focused-absqx1, #0073bb));
-  border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-focus-esndbs, var(--color-border-input-focused-absqx1, #0073bb));
+  border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-focus-esndbs, var(--color-border-input-focused-ppoq5z, #0073bb));
+  border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-focus-esndbs, 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-esndbs, 0 0 0 var(--border-control-focus-ring-shadow-spread-iijyo6, 1px) var(--color-border-item-focused-a3thrr, #0073bb));
-  color: var(--awsui-style-color-focus-esndbs, var(--color-text-body-default-kbrad2, #16191f));
-  background-color: var(--awsui-style-background-focus-esndbs, var(--color-background-input-default-83w0sy, #ffffff));
+  box-shadow: var(--awsui-style-box-shadow-focus-esndbs, 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-esndbs, var(--color-text-body-default-b2us04, #16191f));
+  background-color: var(--awsui-style-background-focus-esndbs, var(--color-background-input-default-1u0v1p, #ffffff));
 }
-.awsui_textarea_qk1j1_gp8kn_149:not(#\9):invalid {
+.awsui_textarea_qk1j1_1ms7j_149:not(#\9):invalid {
   box-shadow: none;
 }
-.awsui_textarea_qk1j1_gp8kn_149:not(#\9):disabled {
-  background-color: var(--awsui-style-background-disabled-esndbs, var(--color-background-input-disabled-27sca7, #eaeded));
-  border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-disabled-esndbs, var(--color-border-input-disabled-4u9ecf, #eaeded));
-  border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-disabled-esndbs, var(--color-border-input-disabled-4u9ecf, #eaeded));
-  color: var(--awsui-style-color-disabled-esndbs, var(--color-text-input-disabled-b5oub9, #879596));
+.awsui_textarea_qk1j1_1ms7j_149:not(#\9):disabled {
+  background-color: var(--awsui-style-background-disabled-esndbs, var(--color-background-input-disabled-pyvhb1, #eaeded));
+  border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-disabled-esndbs, var(--color-border-input-disabled-5m31k6, #eaeded));
+  border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-disabled-esndbs, var(--color-border-input-disabled-5m31k6, #eaeded));
+  color: var(--awsui-style-color-disabled-esndbs, var(--color-text-input-disabled-s4k7tb, #879596));
   cursor: default;
   box-shadow: var(--awsui-style-box-shadow-disabled-esndbs);
 }
-.awsui_textarea_qk1j1_gp8kn_149:not(#\9):disabled::placeholder {
-  color: var(--color-text-input-placeholder-disabled-eet9t8, #687078);
+.awsui_textarea_qk1j1_1ms7j_149:not(#\9):disabled::placeholder {
+  color: var(--color-text-input-placeholder-disabled-8cf69l, #687078);
   opacity: 1;
 }
-.awsui_textarea_qk1j1_gp8kn_149.awsui_textarea-invalid_qk1j1_gp8kn_259:not(#\9) {
-  color: var(--awsui-style-color-default-esndbs, var(--color-text-status-error-r3l0ga, #d13212));
-  border-color: var(--awsui-style-border-color-default-esndbs, var(--color-text-status-error-r3l0ga, #d13212));
-  padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-b183os, 4px) - var(--border-width-field-2365x3, 1px)));
+.awsui_textarea_qk1j1_1ms7j_149.awsui_textarea-invalid_qk1j1_1ms7j_259:not(#\9) {
+  color: var(--awsui-style-color-default-esndbs, var(--color-text-status-error-ri38gt, #d13212));
+  border-color: var(--awsui-style-border-color-default-esndbs, 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_gp8kn_149.awsui_textarea-invalid_qk1j1_gp8kn_259:not(#\9):focus {
-  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-bl5nmx, 1px) var(--color-border-item-focused-a3thrr, #0073bb);
+.awsui_textarea_qk1j1_1ms7j_149.awsui_textarea-invalid_qk1j1_1ms7j_259: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_gp8kn_149.awsui_textarea-warning_qk1j1_gp8kn_268:not(#\9) {
-  color: var(--awsui-style-color-default-esndbs, var(--color-text-status-warning-nbw43x, #906806));
-  border-color: var(--awsui-style-border-color-default-esndbs, var(--color-text-status-warning-nbw43x, #906806));
-  padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-b183os, 4px) - var(--border-width-field-2365x3, 1px)));
+.awsui_textarea_qk1j1_1ms7j_149.awsui_textarea-warning_qk1j1_1ms7j_268:not(#\9) {
+  color: var(--awsui-style-color-default-esndbs, var(--color-text-status-warning-fabq6h, #906806));
+  border-color: var(--awsui-style-border-color-default-esndbs, 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_gp8kn_149.awsui_textarea-warning_qk1j1_gp8kn_268:not(#\9):focus {
-  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-bl5nmx, 1px) var(--color-border-item-focused-a3thrr, #0073bb);
+.awsui_textarea_qk1j1_1ms7j_149.awsui_textarea-warning_qk1j1_1ms7j_268: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_gp8kn_145",
-  "textarea": "awsui_textarea_qk1j1_gp8kn_149",
-  "textarea-resize-both": "awsui_textarea-resize-both_qk1j1_gp8kn_200",
-  "textarea-resize-horizontal": "awsui_textarea-resize-horizontal_qk1j1_gp8kn_203",
-  "textarea-resize-vertical": "awsui_textarea-resize-vertical_qk1j1_gp8kn_206",
-  "textarea-resize-none": "awsui_textarea-resize-none_qk1j1_gp8kn_209",
-  "textarea-readonly": "awsui_textarea-readonly_qk1j1_gp8kn_218",
-  "textarea-invalid": "awsui_textarea-invalid_qk1j1_gp8kn_259",
-  "textarea-warning": "awsui_textarea-warning_qk1j1_gp8kn_268"
+  "root": "awsui_root_qk1j1_1ms7j_145",
+  "textarea": "awsui_textarea_qk1j1_1ms7j_149",
+  "textarea-resize-both": "awsui_textarea-resize-both_qk1j1_1ms7j_200",
+  "textarea-resize-horizontal": "awsui_textarea-resize-horizontal_qk1j1_1ms7j_203",
+  "textarea-resize-vertical": "awsui_textarea-resize-vertical_qk1j1_1ms7j_206",
+  "textarea-resize-none": "awsui_textarea-resize-none_qk1j1_1ms7j_209",
+  "textarea-readonly": "awsui_textarea-readonly_qk1j1_1ms7j_218",
+  "textarea-invalid": "awsui_textarea-invalid_qk1j1_1ms7j_259",
+  "textarea-warning": "awsui_textarea-warning_qk1j1_1ms7j_268"
 };