@cloudscape-design/components 3.0.1127 → 3.0.1129

package/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_dc394_145:not(#\9) {
+.awsui_root_qk1j1_z24l5_145:not(#\9) {
   /* used for test-utils */
 }
 
-.awsui_textarea_qk1j1_dc394_149:not(#\9) {
+.awsui_textarea_qk1j1_z24l5_149:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -181,84 +181,84 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   white-space: pre-wrap;
   padding-block: var(--space-scaled-xxs-pfm1nx, 4px);
   padding-inline: var(--space-field-horizontal-0aq2ch, 12px);
-  color: var(--awsui-style-color-default-b75yp7, var(--color-text-body-default-vvtq8u, #0f141a));
+  color: var(--awsui-style-color-default-9t5olz, var(--color-text-body-default-vvtq8u, #0f141a));
   max-inline-size: 100%;
   inline-size: 100%;
   display: block;
   box-sizing: border-box;
-  background-color: var(--awsui-style-background-default-b75yp7, var(--color-background-input-default-ifz5bb, #ffffff));
+  background-color: var(--awsui-style-background-default-9t5olz, var(--color-background-input-default-ifz5bb, #ffffff));
   border-start-start-radius: var(--border-radius-input-7q0str, 8px);
   border-start-end-radius: var(--border-radius-input-7q0str, 8px);
   border-end-start-radius: var(--border-radius-input-7q0str, 8px);
   border-end-end-radius: var(--border-radius-input-7q0str, 8px);
-  border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-default-b75yp7, var(--color-border-input-default-317xk5, #8c8c94));
-  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-default-b75yp7, var(--color-border-input-default-317xk5, #8c8c94));
-  box-shadow: var(--awsui-style-box-shadow-default-b75yp7);
+  border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-default-9t5olz, var(--color-border-input-default-317xk5, #8c8c94));
+  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-default-9t5olz, var(--color-border-input-default-317xk5, #8c8c94));
+  box-shadow: var(--awsui-style-box-shadow-default-9t5olz);
   font-size: var(--font-size-body-m-a7nh2n, 14px);
   line-height: var(--line-height-body-m-2mh3ke, 20px);
 }
-.awsui_textarea_qk1j1_dc394_149:not(#\9):hover {
-  border-color: var(--awsui-style-border-color-hover-b75yp7, var(--awsui-style-border-color-default-b75yp7, var(--color-border-input-default-317xk5, #8c8c94)));
-  color: var(--awsui-style-color-hover-b75yp7, var(--awsui-style-border-color-default-b75yp7, var(--color-text-body-default-vvtq8u, #0f141a)));
-  background-color: var(--awsui-style-background-hover-b75yp7, var(--awsui-style-background-default-b75yp7, var(--color-background-input-default-ifz5bb, #ffffff)));
-  box-shadow: var(--awsui-style-box-shadow-hover-b75yp7, --awsui-style-box-shadow-default-b75yp7);
+.awsui_textarea_qk1j1_z24l5_149:not(#\9):hover {
+  border-color: var(--awsui-style-border-color-hover-9t5olz, var(--awsui-style-border-color-default-9t5olz, var(--color-border-input-default-317xk5, #8c8c94)));
+  color: var(--awsui-style-color-hover-9t5olz, var(--awsui-style-border-color-default-9t5olz, var(--color-text-body-default-vvtq8u, #0f141a)));
+  background-color: var(--awsui-style-background-hover-9t5olz, var(--awsui-style-background-default-9t5olz, var(--color-background-input-default-ifz5bb, #ffffff)));
+  box-shadow: var(--awsui-style-box-shadow-hover-9t5olz, --awsui-style-box-shadow-default-9t5olz);
 }
-.awsui_textarea_qk1j1_dc394_149.awsui_textarea-readonly_qk1j1_dc394_206:not(#\9) {
-  background-color: var(--awsui-style-background-readonly-b75yp7, var(--awsui-style-background-default-b75yp7, var(--color-background-input-default-ifz5bb, #ffffff)));
-  border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-readonly-b75yp7, var(--awsui-style-border-color-default-b75yp7, var(--color-border-input-disabled-zgnzvk, #ebebf0)));
-  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-readonly-b75yp7, var(--awsui-style-border-color-default-b75yp7, var(--color-border-input-disabled-zgnzvk, #ebebf0)));
-  color: var(--awsui-style-color-readonly-b75yp7, var(--awsui-style-color-default-b75yp7, var(--color-text-body-default-vvtq8u, #0f141a)));
-  box-shadow: var(--awsui-style-box-shadow-readonly-b75yp7);
+.awsui_textarea_qk1j1_z24l5_149.awsui_textarea-readonly_qk1j1_z24l5_206:not(#\9) {
+  background-color: var(--awsui-style-background-readonly-9t5olz, var(--awsui-style-background-default-9t5olz, var(--color-background-input-default-ifz5bb, #ffffff)));
+  border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-readonly-9t5olz, var(--awsui-style-border-color-default-9t5olz, var(--color-border-input-disabled-zgnzvk, #ebebf0)));
+  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-readonly-9t5olz, var(--awsui-style-border-color-default-9t5olz, var(--color-border-input-disabled-zgnzvk, #ebebf0)));
+  color: var(--awsui-style-color-readonly-9t5olz, var(--awsui-style-color-default-9t5olz, var(--color-text-body-default-vvtq8u, #0f141a)));
+  box-shadow: var(--awsui-style-box-shadow-readonly-9t5olz);
 }
-.awsui_textarea_qk1j1_dc394_149:not(#\9)::placeholder {
-  color: var(--awsui-style-placeholder-color-b75yp7, var(--color-text-input-placeholder-dclg8u, #656871));
-  font-size: var(--awsui-style-placeholder-font-size-b75yp7);
-  font-style: var(--awsui-style-placeholder-font-style-b75yp7, italic);
-  font-weight: var(--awsui-style-placeholder-font-weight-b75yp7);
+.awsui_textarea_qk1j1_z24l5_149:not(#\9)::placeholder {
+  color: var(--awsui-style-placeholder-color-9t5olz, var(--color-text-input-placeholder-dclg8u, #656871));
+  font-size: var(--awsui-style-placeholder-font-size-9t5olz);
+  font-style: var(--awsui-style-placeholder-font-style-9t5olz, italic);
+  font-weight: var(--awsui-style-placeholder-font-weight-9t5olz);
   opacity: 1;
 }
-.awsui_textarea_qk1j1_dc394_149:not(#\9):focus {
+.awsui_textarea_qk1j1_z24l5_149:not(#\9):focus {
   outline: 2px dotted transparent;
-  border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-focus-b75yp7, var(--color-border-input-focused-4z0pgn, #006ce0));
-  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-focus-b75yp7, var(--color-border-input-focused-4z0pgn, #006ce0));
+  border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-focus-9t5olz, var(--color-border-input-focused-4z0pgn, #006ce0));
+  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-focus-9t5olz, var(--color-border-input-focused-4z0pgn, #006ce0));
   border-start-start-radius: var(--border-radius-input-7q0str, 8px);
   border-start-end-radius: var(--border-radius-input-7q0str, 8px);
   border-end-start-radius: var(--border-radius-input-7q0str, 8px);
   border-end-end-radius: var(--border-radius-input-7q0str, 8px);
-  box-shadow: var(--awsui-style-box-shadow-focus-b75yp7, 0 0 0 var(--border-control-focus-ring-shadow-spread-9mjajk, 1px) var(--color-border-item-focused-uk47pl, #006ce0));
-  color: var(--awsui-style-color-focus-b75yp7, var(--color-text-body-default-vvtq8u, #0f141a));
-  background-color: var(--awsui-style-background-focus-b75yp7, var(--color-background-input-default-ifz5bb, #ffffff));
+  box-shadow: var(--awsui-style-box-shadow-focus-9t5olz, 0 0 0 var(--border-control-focus-ring-shadow-spread-9mjajk, 1px) var(--color-border-item-focused-uk47pl, #006ce0));
+  color: var(--awsui-style-color-focus-9t5olz, var(--color-text-body-default-vvtq8u, #0f141a));
+  background-color: var(--awsui-style-background-focus-9t5olz, var(--color-background-input-default-ifz5bb, #ffffff));
 }
-.awsui_textarea_qk1j1_dc394_149:not(#\9):invalid {
+.awsui_textarea_qk1j1_z24l5_149:not(#\9):invalid {
   box-shadow: none;
 }
-.awsui_textarea_qk1j1_dc394_149:not(#\9):disabled {
-  background-color: var(--awsui-style-background-disabled-b75yp7, var(--color-background-input-disabled-dihaja, #ebebf0));
-  border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-disabled-b75yp7, var(--color-border-input-disabled-zgnzvk, #ebebf0));
-  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-disabled-b75yp7, var(--color-border-input-disabled-zgnzvk, #ebebf0));
-  color: var(--awsui-style-color-disabled-b75yp7, var(--color-text-input-disabled-wh1f3y, #b4b4bb));
+.awsui_textarea_qk1j1_z24l5_149:not(#\9):disabled {
+  background-color: var(--awsui-style-background-disabled-9t5olz, var(--color-background-input-disabled-dihaja, #ebebf0));
+  border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-disabled-9t5olz, var(--color-border-input-disabled-zgnzvk, #ebebf0));
+  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-disabled-9t5olz, var(--color-border-input-disabled-zgnzvk, #ebebf0));
+  color: var(--awsui-style-color-disabled-9t5olz, var(--color-text-input-disabled-wh1f3y, #b4b4bb));
   cursor: default;
-  box-shadow: var(--awsui-style-box-shadow-disabled-b75yp7);
+  box-shadow: var(--awsui-style-box-shadow-disabled-9t5olz);
 }
-.awsui_textarea_qk1j1_dc394_149:not(#\9):disabled::placeholder {
+.awsui_textarea_qk1j1_z24l5_149:not(#\9):disabled::placeholder {
   color: var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb);
   opacity: 1;
 }
-.awsui_textarea_qk1j1_dc394_149.awsui_textarea-invalid_qk1j1_dc394_247:not(#\9) {
+.awsui_textarea_qk1j1_z24l5_149.awsui_textarea-invalid_qk1j1_z24l5_247:not(#\9) {
   color: var(--color-text-status-error-ksqavh, #db0000);
   border-color: var(--color-text-status-error-ksqavh, #db0000);
   padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
   border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
 }
-.awsui_textarea_qk1j1_dc394_149.awsui_textarea-invalid_qk1j1_dc394_247:not(#\9):focus {
+.awsui_textarea_qk1j1_z24l5_149.awsui_textarea-invalid_qk1j1_z24l5_247:not(#\9):focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_textarea_qk1j1_dc394_149.awsui_textarea-warning_qk1j1_dc394_256:not(#\9) {
+.awsui_textarea_qk1j1_z24l5_149.awsui_textarea-warning_qk1j1_z24l5_256:not(#\9) {
   color: var(--color-text-status-warning-6meo06, #855900);
   border-color: var(--color-text-status-warning-6meo06, #855900);
   padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
   border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
 }
-.awsui_textarea_qk1j1_dc394_149.awsui_textarea-warning_qk1j1_dc394_256:not(#\9):focus {
+.awsui_textarea_qk1j1_z24l5_149.awsui_textarea-warning_qk1j1_z24l5_256:not(#\9):focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
 }

package/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_dc394_145",
-  "textarea": "awsui_textarea_qk1j1_dc394_149",
-  "textarea-readonly": "awsui_textarea-readonly_qk1j1_dc394_206",
-  "textarea-invalid": "awsui_textarea-invalid_qk1j1_dc394_247",
-  "textarea-warning": "awsui_textarea-warning_qk1j1_dc394_256"
+  "root": "awsui_root_qk1j1_z24l5_145",
+  "textarea": "awsui_textarea_qk1j1_z24l5_149",
+  "textarea-readonly": "awsui_textarea-readonly_qk1j1_z24l5_206",
+  "textarea-invalid": "awsui_textarea-invalid_qk1j1_z24l5_247",
+  "textarea-warning": "awsui_textarea-warning_qk1j1_z24l5_256"
 };
   

package/toggle/styles.css.js

@@ -1,15 +1,15 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_4yi2u_whstr_145",
-  "outline": "awsui_outline_4yi2u_whstr_178",
-  "toggle-control": "awsui_toggle-control_4yi2u_whstr_201",
-  "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_whstr_214",
-  "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_whstr_217",
-  "toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_whstr_223",
-  "toggle-handle": "awsui_toggle-handle_4yi2u_whstr_227",
-  "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_whstr_252",
-  "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_whstr_259",
-  "toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_whstr_263"
+  "root": "awsui_root_4yi2u_1ydwt_145",
+  "outline": "awsui_outline_4yi2u_1ydwt_178",
+  "toggle-control": "awsui_toggle-control_4yi2u_1ydwt_201",
+  "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_1ydwt_214",
+  "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_1ydwt_217",
+  "toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_1ydwt_223",
+  "toggle-handle": "awsui_toggle-handle_4yi2u_1ydwt_227",
+  "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_1ydwt_252",
+  "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_1ydwt_259",
+  "toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_1ydwt_263"
 };
   

package/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_whstr_145:not(#\9) {
+.awsui_root_4yi2u_1ydwt_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_whstr_178:not(#\9) {
-  --awsui-style-focus-ring-box-shadow-b75yp7: 0 0 0 var(--awsui-style-focus-ring-border-width-b75yp7, 2px) var(--awsui-style-focus-ring-border-color-b75yp7, var(--color-border-item-focused-uk47pl, #006ce0));
+.awsui_outline_4yi2u_1ydwt_178:not(#\9) {
+  --awsui-style-focus-ring-box-shadow-9t5olz: 0 0 0 var(--awsui-style-focus-ring-border-width-9t5olz, 2px) var(--awsui-style-focus-ring-border-color-9t5olz, var(--color-border-item-focused-uk47pl, #006ce0));
   position: relative;
 }
-.awsui_outline_4yi2u_whstr_178:not(#\9) {
+.awsui_outline_4yi2u_1ydwt_178:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-.awsui_outline_4yi2u_whstr_178:not(#\9)::before {
+.awsui_outline_4yi2u_1ydwt_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-b75yp7, var(--border-radius-control-default-focus-ring-1uabki, 4px));
-  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-b75yp7, var(--border-radius-control-default-focus-ring-1uabki, 4px));
-  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-b75yp7, var(--border-radius-control-default-focus-ring-1uabki, 4px));
-  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-b75yp7, var(--border-radius-control-default-focus-ring-1uabki, 4px));
-  box-shadow: var(--awsui-style-focus-ring-box-shadow-b75yp7);
+  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-9t5olz, var(--border-radius-control-default-focus-ring-1uabki, 4px));
+  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-9t5olz, var(--border-radius-control-default-focus-ring-1uabki, 4px));
+  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-9t5olz, var(--border-radius-control-default-focus-ring-1uabki, 4px));
+  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-9t5olz, var(--border-radius-control-default-focus-ring-1uabki, 4px));
+  box-shadow: var(--awsui-style-focus-ring-box-shadow-9t5olz);
 }
 
-.awsui_toggle-control_4yi2u_whstr_201:not(#\9) {
+.awsui_toggle-control_4yi2u_1ydwt_201:not(#\9) {
   forced-color-adjust: none;
   margin-block-start: calc((var(--line-height-body-m-2mh3ke, 20px) - 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_whstr_214:not(#\9) {
+.awsui_toggle-control-checked_4yi2u_1ydwt_214:not(#\9) {
   background: var(--color-background-control-checked-ka7kc2, #006ce0);
 }
-.awsui_toggle-control-disabled_4yi2u_whstr_217:not(#\9) {
+.awsui_toggle-control-disabled_4yi2u_1ydwt_217:not(#\9) {
   background: var(--color-background-control-disabled-1f3718, #dedee3);
 }
-.awsui_toggle-control-disabled_4yi2u_whstr_217.awsui_toggle-control-checked_4yi2u_whstr_214:not(#\9) {
+.awsui_toggle-control-disabled_4yi2u_1ydwt_217.awsui_toggle-control-checked_4yi2u_1ydwt_214:not(#\9) {
   background: var(--color-background-toggle-checked-disabled-amxc0a, #b8e7ff);
 }
-.awsui_toggle-control-readonly_4yi2u_whstr_223:not(#\9) {
+.awsui_toggle-control-readonly_4yi2u_1ydwt_223:not(#\9) {
   background: var(--color-background-control-disabled-1f3718, #dedee3);
 }
 
-.awsui_toggle-handle_4yi2u_whstr_227:not(#\9) {
+.awsui_toggle-handle_4yi2u_1ydwt_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-unntf6, 90ms) var(--motion-easing-ease-out-quart-p9axhm, cubic-bezier(0.165, 0.84, 0.44, 1)), background-color var(--motion-duration-fast-unntf6, 90ms) var(--motion-easing-ease-out-quart-p9axhm, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_toggle-handle_4yi2u_whstr_227:not(#\9) {
+  .awsui_toggle-handle_4yi2u_1ydwt_227:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_toggle-handle_4yi2u_whstr_227:not(#\9), .awsui-mode-entering .awsui_toggle-handle_4yi2u_whstr_227:not(#\9) {
+.awsui-motion-disabled .awsui_toggle-handle_4yi2u_1ydwt_227:not(#\9), .awsui-mode-entering .awsui_toggle-handle_4yi2u_1ydwt_227:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_toggle-handle-checked_4yi2u_whstr_252:not(#\9) {
+.awsui_toggle-handle-checked_4yi2u_1ydwt_252:not(#\9) {
   transform: translateX(8px);
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_toggle-handle-checked_4yi2u_whstr_252:not(#\9):dir(rtl) {
+.awsui_toggle-handle-checked_4yi2u_1ydwt_252:not(#\9):dir(rtl) {
   transform: translateX(-8px);
 }
-.awsui_toggle-handle-disabled_4yi2u_whstr_259:not(#\9) {
+.awsui_toggle-handle-disabled_4yi2u_1ydwt_259:not(#\9) {
   background: var(--color-foreground-control-disabled-txi6cf, #ffffff);
   box-shadow: none;
 }
-.awsui_toggle-handle-readonly_4yi2u_whstr_263:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_whstr_259) {
+.awsui_toggle-handle-readonly_4yi2u_1ydwt_263:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_1ydwt_259) {
   box-shadow: none;
 }
-.awsui_toggle-handle-readonly_4yi2u_whstr_263:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_whstr_259).awsui_toggle-handle-checked_4yi2u_whstr_252 {
+.awsui_toggle-handle-readonly_4yi2u_1ydwt_263:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_1ydwt_259).awsui_toggle-handle-checked_4yi2u_1ydwt_252 {
   background: var(--color-foreground-control-read-only-7ydvuj, #656871);
 }

package/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_whstr_145",
-  "outline": "awsui_outline_4yi2u_whstr_178",
-  "toggle-control": "awsui_toggle-control_4yi2u_whstr_201",
-  "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_whstr_214",
-  "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_whstr_217",
-  "toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_whstr_223",
-  "toggle-handle": "awsui_toggle-handle_4yi2u_whstr_227",
-  "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_whstr_252",
-  "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_whstr_259",
-  "toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_whstr_263"
+  "root": "awsui_root_4yi2u_1ydwt_145",
+  "outline": "awsui_outline_4yi2u_1ydwt_178",
+  "toggle-control": "awsui_toggle-control_4yi2u_1ydwt_201",
+  "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_1ydwt_214",
+  "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_1ydwt_217",
+  "toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_1ydwt_223",
+  "toggle-handle": "awsui_toggle-handle_4yi2u_1ydwt_227",
+  "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_1ydwt_252",
+  "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_1ydwt_259",
+  "toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_1ydwt_263"
 };
   

package/progress-bar/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/progress-bar/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useUniqueId, warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { joinStrings } from '../internal/utils/strings';\nimport { throttle } from '../internal/utils/throttle';\nimport InternalLiveRegion from '../live-region/internal';\nimport { ProgressBarProps } from './interfaces';\nimport { Progress, ResultState, SmallText } from './internal';\n\nimport styles from './styles.css.js';\n\nconst ASSERTION_FREQUENCY = 5000; // interval in ms between progress announcements\n\nexport { ProgressBarProps };\n\nexport default function ProgressBar({\n  value = 0,\n  status = 'in-progress',\n  variant = 'standalone',\n  resultButtonText,\n  label,\n  ariaLabel,\n  ariaLabelledby,\n  ariaDescribedby,\n  description,\n  additionalInfo,\n  resultText,\n  onResultButtonClick,\n  ...rest\n}: ProgressBarProps) {\n  const { __internalRootRef } = useBaseComponent('ProgressBar', {\n    props: { variant },\n  });\n  const baseProps = getBaseProps(rest);\n  const generatedName = useUniqueId('awsui-progress-bar-');\n\n  const labelId = `${generatedName}-label`;\n  const isInFlash = variant === 'flash';\n  const isInProgressState = status === 'in-progress';\n\n  const descriptionId = useUniqueId('progressbar-description-');\n  const additionalInfoId = useUniqueId('progressbar-additional-info-');\n\n  const [announcedValue, setAnnouncedValue] = useState('');\n  const throttledAssertion = useMemo(() => {\n    return throttle((value: ProgressBarProps['value']) => {\n      setAnnouncedValue(`${value}%`);\n    }, ASSERTION_FREQUENCY);\n  }, []);\n\n  useEffect(() => {\n    throttledAssertion(value);\n  }, [throttledAssertion, value]);\n\n  if (isInFlash && resultButtonText) {\n    warnOnce(\n      'ProgressBar',\n      'The `resultButtonText` is ignored if you set `variant=\"flash\"`, and the result button is not displayed. Use the `buttonText` property and the `onButtonClick` event listener of the flashbar item in which the progress bar component is embedded.'\n    );\n  }\n\n  return (\n    <div\n      {...baseProps}\n      className={clsx(baseProps.className, styles.root, variant && styles[variant])}\n      ref={__internalRootRef}\n    >\n      <div className={isInFlash ? styles['flash-container'] : undefined}>\n        <div className={clsx(styles['word-wrap'], styles[`label-${variant}`])} id={labelId}>\n          {label}\n        </div>\n        {description && (\n          <SmallText color={isInFlash ? 'inherit' : undefined} id={descriptionId}>\n            {description}\n          </SmallText>\n        )}\n        <div>\n          {isInProgressState ? (\n            <>\n              <Progress\n                value={value}\n                ariaLabel={ariaLabel}\n                ariaLabelledby={joinStrings(labelId, ariaLabelledby)}\n                ariaDescribedby={joinStrings(\n                  description ? descriptionId : undefined,\n                  additionalInfo ? additionalInfoId : undefined,\n                  ariaDescribedby\n                )}\n                isInFlash={isInFlash}\n              />\n              <InternalLiveRegion hidden={true} tagName=\"span\" delay={0}>\n                {label}\n                {label ? ': ' : null}\n                {announcedValue}\n              </InternalLiveRegion>\n            </>\n          ) : (\n            <InternalLiveRegion hidden={false} tagName=\"span\" delay={0}>\n              <ResultState\n                resultText={resultText}\n                isInFlash={isInFlash}\n                resultButtonText={resultButtonText}\n                status={status}\n                onClick={() => {\n                  fireNonCancelableEvent(onResultButtonClick);\n                }}\n              />\n            </InternalLiveRegion>\n          )}\n        </div>\n      </div>\n      {additionalInfo && (\n        <SmallText\n          className={styles['additional-info']}\n          color={isInFlash ? 'inherit' : undefined}\n          id={additionalInfoId}\n        >\n          {additionalInfo}\n        </SmallText>\n      )}\n    </div>\n  );\n}\n\napplyDisplayName(ProgressBar, 'ProgressBar');\n"]}