@cloudscape-design/components-themeable 3.0.1087 → 3.0.1089

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

@@ -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_10vn2_146:not(#\9) {
+.awsui_text-content_6absk_9aaek_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_10vn2_146 h1:not(#\9),
-.awsui_text-content_6absk_10vn2_146 h2:not(#\9),
-.awsui_text-content_6absk_10vn2_146 h3:not(#\9),
-.awsui_text-content_6absk_10vn2_146 h4:not(#\9),
-.awsui_text-content_6absk_10vn2_146 h5:not(#\9),
-.awsui_text-content_6absk_10vn2_146 p:not(#\9) {
+.awsui_text-content_6absk_9aaek_146 h1:not(#\9),
+.awsui_text-content_6absk_9aaek_146 h2:not(#\9),
+.awsui_text-content_6absk_9aaek_146 h3:not(#\9),
+.awsui_text-content_6absk_9aaek_146 h4:not(#\9),
+.awsui_text-content_6absk_9aaek_146 h5:not(#\9),
+.awsui_text-content_6absk_9aaek_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_10vn2_146 h1:not(#\9),
-.awsui_text-content_6absk_10vn2_146 h2:not(#\9),
-.awsui_text-content_6absk_10vn2_146 h3:not(#\9),
-.awsui_text-content_6absk_10vn2_146 h4:not(#\9),
-.awsui_text-content_6absk_10vn2_146 h5:not(#\9) {
+.awsui_text-content_6absk_9aaek_146 h1:not(#\9),
+.awsui_text-content_6absk_9aaek_146 h2:not(#\9),
+.awsui_text-content_6absk_9aaek_146 h3:not(#\9),
+.awsui_text-content_6absk_9aaek_146 h4:not(#\9),
+.awsui_text-content_6absk_9aaek_146 h5:not(#\9) {
   color: var(--color-text-heading-default-wlau07, #16191f);
 }
-.awsui_text-content_6absk_10vn2_146 h1:not(#\9) {
+.awsui_text-content_6absk_9aaek_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_10vn2_146 h2:not(#\9) {
+.awsui_text-content_6absk_9aaek_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_10vn2_146 h3:not(#\9) {
+.awsui_text-content_6absk_9aaek_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_10vn2_146 h4:not(#\9) {
+.awsui_text-content_6absk_9aaek_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_10vn2_146 h5:not(#\9) {
+.awsui_text-content_6absk_9aaek_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_10vn2_146 b:not(#\9),
-.awsui_text-content_6absk_10vn2_146 strong:not(#\9) {
+.awsui_text-content_6absk_9aaek_146 b:not(#\9),
+.awsui_text-content_6absk_9aaek_146 strong:not(#\9) {
   font-weight: 700;
 }
-.awsui_text-content_6absk_10vn2_146 p:not(#\9) {
+.awsui_text-content_6absk_9aaek_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_10vn2_146 small:not(#\9) {
+.awsui_text-content_6absk_9aaek_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_10vn2_146 small a:not(#\9) {
+.awsui_text-content_6absk_9aaek_146 small a:not(#\9) {
   font-size: inherit;
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
-  color: var(--awsui-style-color-default-kiajpc, var(--color-text-link-default-x6cnv5, #0073bb));
+  color: var(--awsui-style-color-default-y15yd5, var(--color-text-link-default-x6cnv5, #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_10vn2_146 small a:not(#\9) {
+  .awsui_text-content_6absk_9aaek_146 small a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_text-content_6absk_10vn2_146 small a:not(#\9), .awsui-mode-entering .awsui_text-content_6absk_10vn2_146 small a:not(#\9) {
+.awsui-motion-disabled .awsui_text-content_6absk_9aaek_146 small a:not(#\9), .awsui-mode-entering .awsui_text-content_6absk_9aaek_146 small a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_text-content_6absk_10vn2_146 small a:not(#\9):hover {
+.awsui_text-content_6absk_9aaek_146 small a:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-kiajpc, var(--color-text-link-hover-tk5gkv, #0a4a74));
+  color: var(--awsui-style-color-hover-y15yd5, var(--color-text-link-hover-tk5gkv, #0a4a74));
 }
-.awsui_text-content_6absk_10vn2_146 small a:not(#\9):focus {
+.awsui_text-content_6absk_9aaek_146 small a:not(#\9):focus {
   outline: none;
 }
-.awsui_text-content_6absk_10vn2_146 small a:not(#\9):active {
-  color: var(--awsui-style-color-active-kiajpc, var(--color-text-link-hover-tk5gkv, #0a4a74));
+.awsui_text-content_6absk_9aaek_146 small a:not(#\9):active {
+  color: var(--awsui-style-color-active-y15yd5, var(--color-text-link-hover-tk5gkv, #0a4a74));
 }
-.awsui_text-content_6absk_10vn2_146 small a:not(#\9):active, .awsui_text-content_6absk_10vn2_146 small a:not(#\9):focus, .awsui_text-content_6absk_10vn2_146 small a:not(#\9):hover {
+.awsui_text-content_6absk_9aaek_146 small a:not(#\9):active, .awsui_text-content_6absk_9aaek_146 small a:not(#\9):focus, .awsui_text-content_6absk_9aaek_146 small a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_text-content_6absk_10vn2_146 code:not(#\9),
-.awsui_text-content_6absk_10vn2_146 pre:not(#\9),
-.awsui_text-content_6absk_10vn2_146 samp:not(#\9) {
+.awsui_text-content_6absk_9aaek_146 code:not(#\9),
+.awsui_text-content_6absk_9aaek_146 pre:not(#\9),
+.awsui_text-content_6absk_9aaek_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_10vn2_146 code:not(#\9) {
+.awsui_text-content_6absk_9aaek_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_10vn2_146 a:not(#\9) {
+.awsui_text-content_6absk_9aaek_146 a:not(#\9) {
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
-  color: var(--awsui-style-color-default-kiajpc, var(--color-text-link-default-x6cnv5, #0073bb));
+  color: var(--awsui-style-color-default-y15yd5, var(--color-text-link-default-x6cnv5, #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_10vn2_146 a:not(#\9) {
+  .awsui_text-content_6absk_9aaek_146 a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_text-content_6absk_10vn2_146 a:not(#\9), .awsui-mode-entering .awsui_text-content_6absk_10vn2_146 a:not(#\9) {
+.awsui-motion-disabled .awsui_text-content_6absk_9aaek_146 a:not(#\9), .awsui-mode-entering .awsui_text-content_6absk_9aaek_146 a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_text-content_6absk_10vn2_146 a:not(#\9):hover {
+.awsui_text-content_6absk_9aaek_146 a:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-kiajpc, var(--color-text-link-hover-tk5gkv, #0a4a74));
+  color: var(--awsui-style-color-hover-y15yd5, var(--color-text-link-hover-tk5gkv, #0a4a74));
 }
-.awsui_text-content_6absk_10vn2_146 a:not(#\9):focus {
+.awsui_text-content_6absk_9aaek_146 a:not(#\9):focus {
   outline: none;
 }
-.awsui_text-content_6absk_10vn2_146 a:not(#\9):active {
-  color: var(--awsui-style-color-active-kiajpc, var(--color-text-link-hover-tk5gkv, #0a4a74));
+.awsui_text-content_6absk_9aaek_146 a:not(#\9):active {
+  color: var(--awsui-style-color-active-y15yd5, var(--color-text-link-hover-tk5gkv, #0a4a74));
 }
-.awsui_text-content_6absk_10vn2_146 a:not(#\9):active, .awsui_text-content_6absk_10vn2_146 a:not(#\9):focus, .awsui_text-content_6absk_10vn2_146 a:not(#\9):hover {
+.awsui_text-content_6absk_9aaek_146 a:not(#\9):active, .awsui_text-content_6absk_9aaek_146 a:not(#\9):focus, .awsui_text-content_6absk_9aaek_146 a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_text-content_6absk_10vn2_146 a:not(#\9):focus {
+.awsui_text-content_6absk_9aaek_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_10vn2_146 ul:not(#\9),
-.awsui_text-content_6absk_10vn2_146 ol:not(#\9) {
+.awsui_text-content_6absk_9aaek_146 ul:not(#\9),
+.awsui_text-content_6absk_9aaek_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_10vn2_146 ul + ul:not(#\9),
-.awsui_text-content_6absk_10vn2_146 ul + ol:not(#\9),
-.awsui_text-content_6absk_10vn2_146 ul > li + ul:not(#\9),
-.awsui_text-content_6absk_10vn2_146 ul > li + li:not(#\9),
-.awsui_text-content_6absk_10vn2_146 ul > li + ol:not(#\9),
-.awsui_text-content_6absk_10vn2_146 ul > li > ul:not(#\9),
-.awsui_text-content_6absk_10vn2_146 ul > li > ol:not(#\9),
-.awsui_text-content_6absk_10vn2_146 ol + ul:not(#\9),
-.awsui_text-content_6absk_10vn2_146 ol + ol:not(#\9),
-.awsui_text-content_6absk_10vn2_146 ol > li + ul:not(#\9),
-.awsui_text-content_6absk_10vn2_146 ol > li + li:not(#\9),
-.awsui_text-content_6absk_10vn2_146 ol > li + ol:not(#\9),
-.awsui_text-content_6absk_10vn2_146 ol > li > ul:not(#\9),
-.awsui_text-content_6absk_10vn2_146 ol > li > ol:not(#\9) {
+.awsui_text-content_6absk_9aaek_146 ul + ul:not(#\9),
+.awsui_text-content_6absk_9aaek_146 ul + ol:not(#\9),
+.awsui_text-content_6absk_9aaek_146 ul > li + ul:not(#\9),
+.awsui_text-content_6absk_9aaek_146 ul > li + li:not(#\9),
+.awsui_text-content_6absk_9aaek_146 ul > li + ol:not(#\9),
+.awsui_text-content_6absk_9aaek_146 ul > li > ul:not(#\9),
+.awsui_text-content_6absk_9aaek_146 ul > li > ol:not(#\9),
+.awsui_text-content_6absk_9aaek_146 ol + ul:not(#\9),
+.awsui_text-content_6absk_9aaek_146 ol + ol:not(#\9),
+.awsui_text-content_6absk_9aaek_146 ol > li + ul:not(#\9),
+.awsui_text-content_6absk_9aaek_146 ol > li + li:not(#\9),
+.awsui_text-content_6absk_9aaek_146 ol > li + ol:not(#\9),
+.awsui_text-content_6absk_9aaek_146 ol > li > ul:not(#\9),
+.awsui_text-content_6absk_9aaek_146 ol > li > ol:not(#\9) {
   padding-block-start: var(--space-scaled-xxs-jatbiv, 4px);
 }
-.awsui_text-content_6absk_10vn2_146 ul > li > ul:not(#\9),
-.awsui_text-content_6absk_10vn2_146 ul > li > ol:not(#\9),
-.awsui_text-content_6absk_10vn2_146 ol > li > ul:not(#\9),
-.awsui_text-content_6absk_10vn2_146 ol > li > ol:not(#\9) {
+.awsui_text-content_6absk_9aaek_146 ul > li > ul:not(#\9),
+.awsui_text-content_6absk_9aaek_146 ul > li > ol:not(#\9),
+.awsui_text-content_6absk_9aaek_146 ol > li > ul:not(#\9),
+.awsui_text-content_6absk_9aaek_146 ol > li > ol:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
 }

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

@@ -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_10vn2_146"
+  "text-content": "awsui_text-content_6absk_9aaek_146"
 };
   

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

@@ -1,10 +1,10 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_qk1j1_1t608_145",
-  "textarea": "awsui_textarea_qk1j1_1t608_149",
-  "textarea-readonly": "awsui_textarea-readonly_qk1j1_1t608_199",
-  "textarea-invalid": "awsui_textarea-invalid_qk1j1_1t608_241",
-  "textarea-warning": "awsui_textarea-warning_qk1j1_1t608_250"
+  "root": "awsui_root_qk1j1_1ce9c_145",
+  "textarea": "awsui_textarea_qk1j1_1ce9c_149",
+  "textarea-readonly": "awsui_textarea-readonly_qk1j1_1ce9c_199",
+  "textarea-invalid": "awsui_textarea-invalid_qk1j1_1ce9c_234",
+  "textarea-warning": "awsui_textarea-warning_qk1j1_1ce9c_243"
 };
   

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

@@ -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_1t608_145:not(#\9) {
+.awsui_root_qk1j1_1ce9c_145:not(#\9) {
   /* used for test-utils */
 }
 
-.awsui_textarea_qk1j1_1t608_149:not(#\9) {
+.awsui_textarea_qk1j1_1ce9c_149:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -196,21 +196,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
 }
-.awsui_textarea_qk1j1_1t608_149.awsui_textarea-readonly_qk1j1_1t608_199:not(#\9) {
+.awsui_textarea_qk1j1_1ce9c_149.awsui_textarea-readonly_qk1j1_1ce9c_199:not(#\9) {
   background-color: var(--color-background-input-default-1z2buq, #ffffff);
   border-block: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
   border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
 }
-.awsui_textarea_qk1j1_1t608_149:not(#\9)::placeholder {
+.awsui_textarea_qk1j1_1ce9c_149:not(#\9)::placeholder {
   color: var(--color-text-input-placeholder-hvcry0, #687078);
   font-style: italic;
   opacity: 1;
 }
-.awsui_textarea_qk1j1_1t608_149:not(#\9):-ms-input-placeholder {
-  color: var(--color-text-input-placeholder-hvcry0, #687078);
-  font-style: italic;
-}
-.awsui_textarea_qk1j1_1t608_149:not(#\9):focus {
+.awsui_textarea_qk1j1_1ce9c_149:not(#\9):focus {
   outline: 2px dotted transparent;
   border-block: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-focused-lslq4r, #0073bb);
   border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-focused-lslq4r, #0073bb);
@@ -220,10 +216,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-input-4vr9on, 2px);
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-ql2vj7, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_textarea_qk1j1_1t608_149:not(#\9):invalid {
+.awsui_textarea_qk1j1_1ce9c_149:not(#\9):invalid {
   box-shadow: none;
 }
-.awsui_textarea_qk1j1_1t608_149:not(#\9):disabled {
+.awsui_textarea_qk1j1_1ce9c_149:not(#\9):disabled {
   background-color: var(--color-background-input-disabled-4vlau3, #eaeded);
   border-block: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
   border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
@@ -231,28 +227,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   cursor: auto;
   cursor: default;
 }
-.awsui_textarea_qk1j1_1t608_149:not(#\9):disabled::placeholder {
+.awsui_textarea_qk1j1_1ce9c_149:not(#\9):disabled::placeholder {
   color: var(--color-text-input-placeholder-disabled-x4lauf, #687078);
   opacity: 1;
 }
-.awsui_textarea_qk1j1_1t608_149:not(#\9):disabled:-ms-input-placeholder {
-  color: var(--color-text-input-placeholder-disabled-x4lauf, #687078);
-}
-.awsui_textarea_qk1j1_1t608_149.awsui_textarea-invalid_qk1j1_1t608_241:not(#\9) {
+.awsui_textarea_qk1j1_1ce9c_149.awsui_textarea-invalid_qk1j1_1ce9c_234:not(#\9) {
   color: var(--color-text-status-error-aknuvu, #d13212);
   border-color: 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_1t608_149.awsui_textarea-invalid_qk1j1_1t608_241:not(#\9):focus {
+.awsui_textarea_qk1j1_1ce9c_149.awsui_textarea-invalid_qk1j1_1ce9c_234: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_1t608_149.awsui_textarea-warning_qk1j1_1t608_250:not(#\9) {
+.awsui_textarea_qk1j1_1ce9c_149.awsui_textarea-warning_qk1j1_1ce9c_243:not(#\9) {
   color: var(--color-text-status-warning-9b45qh, #906806);
   border-color: 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_1t608_149.awsui_textarea-warning_qk1j1_1t608_250:not(#\9):focus {
+.awsui_textarea_qk1j1_1ce9c_149.awsui_textarea-warning_qk1j1_1ce9c_243: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

@@ -2,10 +2,10 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_qk1j1_1t608_145",
-  "textarea": "awsui_textarea_qk1j1_1t608_149",
-  "textarea-readonly": "awsui_textarea-readonly_qk1j1_1t608_199",
-  "textarea-invalid": "awsui_textarea-invalid_qk1j1_1t608_241",
-  "textarea-warning": "awsui_textarea-warning_qk1j1_1t608_250"
+  "root": "awsui_root_qk1j1_1ce9c_145",
+  "textarea": "awsui_textarea_qk1j1_1ce9c_149",
+  "textarea-readonly": "awsui_textarea-readonly_qk1j1_1ce9c_199",
+  "textarea-invalid": "awsui_textarea-invalid_qk1j1_1ce9c_234",
+  "textarea-warning": "awsui_textarea-warning_qk1j1_1ce9c_243"
 };
   

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

@@ -1,15 +1,15 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_4yi2u_1rviv_145",
-  "outline": "awsui_outline_4yi2u_1rviv_178",
-  "toggle-control": "awsui_toggle-control_4yi2u_1rviv_201",
-  "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_1rviv_214",
-  "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_1rviv_217",
-  "toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_1rviv_223",
-  "toggle-handle": "awsui_toggle-handle_4yi2u_1rviv_227",
-  "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_1rviv_252",
-  "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_1rviv_259",
-  "toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_1rviv_263"
+  "root": "awsui_root_4yi2u_pazxw_145",
+  "outline": "awsui_outline_4yi2u_pazxw_178",
+  "toggle-control": "awsui_toggle-control_4yi2u_pazxw_201",
+  "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_pazxw_214",
+  "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_pazxw_217",
+  "toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_pazxw_223",
+  "toggle-handle": "awsui_toggle-handle_4yi2u_pazxw_227",
+  "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_pazxw_252",
+  "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_pazxw_259",
+  "toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_pazxw_263"
 };
   

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

@@ -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_1rviv_145:not(#\9) {
+.awsui_root_4yi2u_pazxw_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_1rviv_178:not(#\9) {
-  --awsui-style-focus-ring-box-shadow-kiajpc: 0 0 0 var(--awsui-style-focus-ring-border-width-kiajpc, 2px) var(--awsui-style-focus-ring-border-color-kiajpc, var(--color-border-item-focused-r5f6xl, #0073bb));
+.awsui_outline_4yi2u_pazxw_178:not(#\9) {
+  --awsui-style-focus-ring-box-shadow-y15yd5: 0 0 0 var(--awsui-style-focus-ring-border-width-y15yd5, 2px) var(--awsui-style-focus-ring-border-color-y15yd5, var(--color-border-item-focused-r5f6xl, #0073bb));
   position: relative;
 }
-.awsui_outline_4yi2u_1rviv_178:not(#\9) {
+.awsui_outline_4yi2u_pazxw_178:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-.awsui_outline_4yi2u_1rviv_178:not(#\9)::before {
+.awsui_outline_4yi2u_pazxw_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-kiajpc, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-kiajpc, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-kiajpc, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-kiajpc, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  box-shadow: var(--awsui-style-focus-ring-box-shadow-kiajpc);
+  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-y15yd5, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
+  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-y15yd5, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
+  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-y15yd5, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
+  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-y15yd5, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
+  box-shadow: var(--awsui-style-focus-ring-box-shadow-y15yd5);
 }
 
-.awsui_toggle-control_4yi2u_1rviv_201:not(#\9) {
+.awsui_toggle-control_4yi2u_pazxw_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_1rviv_214:not(#\9) {
+.awsui_toggle-control-checked_4yi2u_pazxw_214:not(#\9) {
   background: var(--color-background-control-checked-se0x0e, #0073bb);
 }
-.awsui_toggle-control-disabled_4yi2u_1rviv_217:not(#\9) {
+.awsui_toggle-control-disabled_4yi2u_pazxw_217:not(#\9) {
   background: var(--color-background-control-disabled-2ixett, #d5dbdb);
 }
-.awsui_toggle-control-disabled_4yi2u_1rviv_217.awsui_toggle-control-checked_4yi2u_1rviv_214:not(#\9) {
+.awsui_toggle-control-disabled_4yi2u_pazxw_217.awsui_toggle-control-checked_4yi2u_pazxw_214:not(#\9) {
   background: var(--color-background-toggle-checked-disabled-i9a3za, #99cbe4);
 }
-.awsui_toggle-control-readonly_4yi2u_1rviv_223:not(#\9) {
+.awsui_toggle-control-readonly_4yi2u_pazxw_223:not(#\9) {
   background: var(--color-background-control-disabled-2ixett, #d5dbdb);
 }
 
-.awsui_toggle-handle_4yi2u_1rviv_227:not(#\9) {
+.awsui_toggle-handle_4yi2u_pazxw_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_1rviv_227:not(#\9) {
+  .awsui_toggle-handle_4yi2u_pazxw_227:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_toggle-handle_4yi2u_1rviv_227:not(#\9), .awsui-mode-entering .awsui_toggle-handle_4yi2u_1rviv_227:not(#\9) {
+.awsui-motion-disabled .awsui_toggle-handle_4yi2u_pazxw_227:not(#\9), .awsui-mode-entering .awsui_toggle-handle_4yi2u_pazxw_227:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_toggle-handle-checked_4yi2u_1rviv_252:not(#\9) {
+.awsui_toggle-handle-checked_4yi2u_pazxw_252:not(#\9) {
   transform: translateX(8px);
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_toggle-handle-checked_4yi2u_1rviv_252:not(#\9):dir(rtl) {
+.awsui_toggle-handle-checked_4yi2u_pazxw_252:not(#\9):dir(rtl) {
   transform: translateX(-8px);
 }
-.awsui_toggle-handle-disabled_4yi2u_1rviv_259:not(#\9) {
+.awsui_toggle-handle-disabled_4yi2u_pazxw_259:not(#\9) {
   background: var(--color-foreground-control-disabled-kj751b, #ffffff);
   box-shadow: none;
 }
-.awsui_toggle-handle-readonly_4yi2u_1rviv_263:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_1rviv_259) {
+.awsui_toggle-handle-readonly_4yi2u_pazxw_263:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_pazxw_259) {
   box-shadow: none;
 }
-.awsui_toggle-handle-readonly_4yi2u_1rviv_263:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_1rviv_259).awsui_toggle-handle-checked_4yi2u_1rviv_252 {
+.awsui_toggle-handle-readonly_4yi2u_pazxw_263:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_pazxw_259).awsui_toggle-handle-checked_4yi2u_pazxw_252 {
   background: var(--color-foreground-control-read-only-cgy3yn, #687078);
 }

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

@@ -2,15 +2,15 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_4yi2u_1rviv_145",
-  "outline": "awsui_outline_4yi2u_1rviv_178",
-  "toggle-control": "awsui_toggle-control_4yi2u_1rviv_201",
-  "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_1rviv_214",
-  "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_1rviv_217",
-  "toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_1rviv_223",
-  "toggle-handle": "awsui_toggle-handle_4yi2u_1rviv_227",
-  "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_1rviv_252",
-  "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_1rviv_259",
-  "toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_1rviv_263"
+  "root": "awsui_root_4yi2u_pazxw_145",
+  "outline": "awsui_outline_4yi2u_pazxw_178",
+  "toggle-control": "awsui_toggle-control_4yi2u_pazxw_201",
+  "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_pazxw_214",
+  "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_pazxw_217",
+  "toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_pazxw_223",
+  "toggle-handle": "awsui_toggle-handle_4yi2u_pazxw_227",
+  "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_pazxw_252",
+  "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_pazxw_259",
+  "toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_pazxw_263"
 };
   

package/lib/internal/template/toggle-button/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/toggle-button/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAKjD,eAAO,MAAM,oBAAoB;;+CAkDhC,CAAC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/toggle-button/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAMjD,eAAO,MAAM,oBAAoB;;+CAwDhC,CAAC"}

package/lib/internal/template/toggle-button/internal.js

@@ -9,6 +9,7 @@ import { fireNonCancelableEvent } from '../internal/events';
 import { isDevelopment } from '../internal/is-development';
 import { getToggleIcon } from './util';
 import styles from './styles.css.js';
+import testStyles from './test-classes/styles.css.js';
 export const InternalToggleButton = React.forwardRef((_a, ref) => {
     var { pressed, iconName: defaultIconName, pressedIconName, iconSvg: defaultIconSvg, pressedIconSvg, iconUrl: defaultIconUrl, pressedIconUrl, variant, onChange, className } = _a, rest = __rest(_a, ["pressed", "iconName", "pressedIconName", "iconSvg", "pressedIconSvg", "iconUrl", "pressedIconUrl", "variant", "onChange", "className"]);
     if (isDevelopment) {
@@ -22,9 +23,9 @@ export const InternalToggleButton = React.forwardRef((_a, ref) => {
             warnOnce('ToggleButton', '`pressedIconUrl` must be provided for `pressed` state.');
         }
     }
-    return (React.createElement(InternalButton, Object.assign({ className: clsx(className, styles[`variant-${variant}`], { [styles.pressed]: pressed }), variant: variant, formAction: "none", iconName: getToggleIcon(pressed, defaultIconName, pressedIconName), iconUrl: getToggleIcon(pressed, defaultIconUrl, pressedIconUrl), iconSvg: getToggleIcon(pressed, defaultIconSvg, pressedIconSvg), "aria-pressed": pressed, onClick: event => {
+    return (React.createElement(InternalButton, Object.assign({ className: clsx(className, testStyles.root, styles[`variant-${variant}`], pressed && [styles.pressed, testStyles.pressed]), variant: variant, formAction: "none", iconName: getToggleIcon(pressed, defaultIconName, pressedIconName), iconUrl: getToggleIcon(pressed, defaultIconUrl, pressedIconUrl), iconSvg: getToggleIcon(pressed, defaultIconSvg, pressedIconSvg), "aria-pressed": pressed, onClick: event => {
             event.preventDefault();
             fireNonCancelableEvent(onChange, { pressed: !pressed });
-        } }, rest, { ref: ref })));
+        } }, rest, { ref: ref, __hideFromTestUtils: true })));
 });
 //# sourceMappingURL=internal.js.map

package/lib/internal/template/toggle-button/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/toggle-button/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AAEzE,OAAO,cAAc,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE3D,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAEvC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAC,UAAU,CAClD,CACE,EAY2C,EAC3C,GAAqC,EACrC,EAAE;QAdF,EACE,OAAO,EACP,QAAQ,EAAE,eAAe,EACzB,eAAe,EACf,OAAO,EAAE,cAAc,EACvB,cAAc,EACd,OAAO,EAAE,cAAc,EACvB,cAAc,EACd,OAAO,EACP,QAAQ,EACR,SAAS,OAEgC,EADtC,IAAI,cAXT,wIAYC,CADQ;IAIT,IAAI,aAAa,EAAE;QACjB,IAAI,eAAe,IAAI,CAAC,eAAe,EAAE;YACvC,QAAQ,CAAC,cAAc,EAAE,yDAAyD,CAAC,CAAC;SACrF;QAED,IAAI,cAAc,IAAI,CAAC,cAAc,EAAE;YACrC,QAAQ,CAAC,cAAc,EAAE,wDAAwD,CAAC,CAAC;SACpF;QAED,IAAI,cAAc,IAAI,CAAC,cAAc,EAAE;YACrC,QAAQ,CAAC,cAAc,EAAE,wDAAwD,CAAC,CAAC;SACpF;KACF;IAED,OAAO,CACL,oBAAC,cAAc,kBACb,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,WAAW,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC,EACvF,OAAO,EAAE,OAAO,EAChB,UAAU,EAAC,MAAM,EACjB,QAAQ,EAAE,aAAa,CAAC,OAAO,EAAE,eAAe,EAAE,eAAe,CAAC,EAClE,OAAO,EAAE,aAAa,CAAC,OAAO,EAAE,cAAc,EAAE,cAAc,CAAC,EAC/D,OAAO,EAAE,aAAa,CAAC,OAAO,EAAE,cAAc,EAAE,cAAc,CAAC,kBACjD,OAAO,EACrB,OAAO,EAAE,KAAK,CAAC,EAAE;YACf,KAAK,CAAC,cAAc,EAAE,CAAC;YAEvB,sBAAsB,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC;QAC1D,CAAC,IACG,IAAI,IACR,GAAG,EAAE,GAAG,IACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport InternalButton from '../button/internal';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { isDevelopment } from '../internal/is-development';\nimport { ToggleButtonProps } from './interfaces';\nimport { getToggleIcon } from './util';\n\nimport styles from './styles.css.js';\n\nexport const InternalToggleButton = React.forwardRef(\n  (\n    {\n      pressed,\n      iconName: defaultIconName,\n      pressedIconName,\n      iconSvg: defaultIconSvg,\n      pressedIconSvg,\n      iconUrl: defaultIconUrl,\n      pressedIconUrl,\n      variant,\n      onChange,\n      className,\n      ...rest\n    }: ToggleButtonProps & { __title?: string },\n    ref: React.Ref<ToggleButtonProps.Ref>\n  ) => {\n    if (isDevelopment) {\n      if (defaultIconName && !pressedIconName) {\n        warnOnce('ToggleButton', '`pressedIconName` must be provided for `pressed` state.');\n      }\n\n      if (defaultIconSvg && !pressedIconSvg) {\n        warnOnce('ToggleButton', '`pressedIconSvg` must be provided for `pressed` state.');\n      }\n\n      if (defaultIconUrl && !pressedIconUrl) {\n        warnOnce('ToggleButton', '`pressedIconUrl` must be provided for `pressed` state.');\n      }\n    }\n\n    return (\n      <InternalButton\n        className={clsx(className, styles[`variant-${variant}`], { [styles.pressed]: pressed })}\n        variant={variant}\n        formAction=\"none\"\n        iconName={getToggleIcon(pressed, defaultIconName, pressedIconName)}\n        iconUrl={getToggleIcon(pressed, defaultIconUrl, pressedIconUrl)}\n        iconSvg={getToggleIcon(pressed, defaultIconSvg, pressedIconSvg)}\n        aria-pressed={pressed}\n        onClick={event => {\n          event.preventDefault();\n\n          fireNonCancelableEvent(onChange, { pressed: !pressed });\n        }}\n        {...rest}\n        ref={ref}\n      />\n    );\n  }\n);\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/toggle-button/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AAEzE,OAAO,cAAc,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE3D,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAEvC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,UAAU,MAAM,8BAA8B,CAAC;AAEtD,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAC,UAAU,CAClD,CACE,EAY2C,EAC3C,GAAqC,EACrC,EAAE;QAdF,EACE,OAAO,EACP,QAAQ,EAAE,eAAe,EACzB,eAAe,EACf,OAAO,EAAE,cAAc,EACvB,cAAc,EACd,OAAO,EAAE,cAAc,EACvB,cAAc,EACd,OAAO,EACP,QAAQ,EACR,SAAS,OAEgC,EADtC,IAAI,cAXT,wIAYC,CADQ;IAIT,IAAI,aAAa,EAAE;QACjB,IAAI,eAAe,IAAI,CAAC,eAAe,EAAE;YACvC,QAAQ,CAAC,cAAc,EAAE,yDAAyD,CAAC,CAAC;SACrF;QAED,IAAI,cAAc,IAAI,CAAC,cAAc,EAAE;YACrC,QAAQ,CAAC,cAAc,EAAE,wDAAwD,CAAC,CAAC;SACpF;QAED,IAAI,cAAc,IAAI,CAAC,cAAc,EAAE;YACrC,QAAQ,CAAC,cAAc,EAAE,wDAAwD,CAAC,CAAC;SACpF;KACF;IAED,OAAO,CACL,oBAAC,cAAc,kBACb,SAAS,EAAE,IAAI,CACb,SAAS,EACT,UAAU,CAAC,IAAI,EACf,MAAM,CAAC,WAAW,OAAO,EAAE,CAAC,EAC5B,OAAO,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,CAChD,EACD,OAAO,EAAE,OAAO,EAChB,UAAU,EAAC,MAAM,EACjB,QAAQ,EAAE,aAAa,CAAC,OAAO,EAAE,eAAe,EAAE,eAAe,CAAC,EAClE,OAAO,EAAE,aAAa,CAAC,OAAO,EAAE,cAAc,EAAE,cAAc,CAAC,EAC/D,OAAO,EAAE,aAAa,CAAC,OAAO,EAAE,cAAc,EAAE,cAAc,CAAC,kBACjD,OAAO,EACrB,OAAO,EAAE,KAAK,CAAC,EAAE;YACf,KAAK,CAAC,cAAc,EAAE,CAAC;YAEvB,sBAAsB,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC;QAC1D,CAAC,IACG,IAAI,IACR,GAAG,EAAE,GAAG,EACR,mBAAmB,EAAE,IAAI,IACzB,CACH,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport InternalButton from '../button/internal';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { isDevelopment } from '../internal/is-development';\nimport { ToggleButtonProps } from './interfaces';\nimport { getToggleIcon } from './util';\n\nimport styles from './styles.css.js';\nimport testStyles from './test-classes/styles.css.js';\n\nexport const InternalToggleButton = React.forwardRef(\n  (\n    {\n      pressed,\n      iconName: defaultIconName,\n      pressedIconName,\n      iconSvg: defaultIconSvg,\n      pressedIconSvg,\n      iconUrl: defaultIconUrl,\n      pressedIconUrl,\n      variant,\n      onChange,\n      className,\n      ...rest\n    }: ToggleButtonProps & { __title?: string },\n    ref: React.Ref<ToggleButtonProps.Ref>\n  ) => {\n    if (isDevelopment) {\n      if (defaultIconName && !pressedIconName) {\n        warnOnce('ToggleButton', '`pressedIconName` must be provided for `pressed` state.');\n      }\n\n      if (defaultIconSvg && !pressedIconSvg) {\n        warnOnce('ToggleButton', '`pressedIconSvg` must be provided for `pressed` state.');\n      }\n\n      if (defaultIconUrl && !pressedIconUrl) {\n        warnOnce('ToggleButton', '`pressedIconUrl` must be provided for `pressed` state.');\n      }\n    }\n\n    return (\n      <InternalButton\n        className={clsx(\n          className,\n          testStyles.root,\n          styles[`variant-${variant}`],\n          pressed && [styles.pressed, testStyles.pressed]\n        )}\n        variant={variant}\n        formAction=\"none\"\n        iconName={getToggleIcon(pressed, defaultIconName, pressedIconName)}\n        iconUrl={getToggleIcon(pressed, defaultIconUrl, pressedIconUrl)}\n        iconSvg={getToggleIcon(pressed, defaultIconSvg, pressedIconSvg)}\n        aria-pressed={pressed}\n        onClick={event => {\n          event.preventDefault();\n\n          fireNonCancelableEvent(onChange, { pressed: !pressed });\n        }}\n        {...rest}\n        ref={ref}\n        __hideFromTestUtils={true}\n      />\n    );\n  }\n);\n"]}

package/lib/internal/template/toggle-button/test-classes/styles.css.js

@@ -0,0 +1,7 @@
+
+    import './styles.scoped.css';
+    export default {
+  "root": "awsui_root_1qd09_nztsi_5",
+  "pressed": "awsui_pressed_1qd09_nztsi_6"
+};
+  

package/lib/internal/template/toggle-button/test-classes/styles.scoped.css

@@ -0,0 +1,8 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_root_1qd09_nztsi_5:not(#\9),
+.awsui_pressed_1qd09_nztsi_6:not(#\9) {
+  /* Test classes for toggle button component */
+}