@cloudscape-design/components-themeable 3.0.1221 → 3.0.1223

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

@@ -2,28 +2,36 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "dialog": "awsui_dialog_1d2i7_766d8_169",
-  "modal-slide-up": "awsui_modal-slide-up_1d2i7_766d8_1",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1d2i7_766d8_1",
-  "refresh": "awsui_refresh_1d2i7_766d8_192",
-  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_1d2i7_766d8_1",
-  "root": "awsui_root_1d2i7_766d8_225",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_1d2i7_766d8_1",
-  "hidden": "awsui_hidden_1d2i7_766d8_302",
-  "focus-lock": "awsui_focus-lock_1d2i7_766d8_306",
-  "small": "awsui_small_1d2i7_766d8_326",
-  "medium": "awsui_medium_1d2i7_766d8_329",
-  "large": "awsui_large_1d2i7_766d8_332",
-  "max": "awsui_max_1d2i7_766d8_335",
-  "breakpoint-xs": "awsui_breakpoint-xs_1d2i7_766d8_335",
-  "container": "awsui_container_1d2i7_766d8_341",
-  "content": "awsui_content_1d2i7_766d8_382",
-  "no-paddings": "awsui_no-paddings_1d2i7_766d8_387",
-  "header": "awsui_header_1d2i7_766d8_392",
-  "header--text": "awsui_header--text_1d2i7_766d8_404",
-  "footer": "awsui_footer_1d2i7_766d8_408",
-  "footer--stuck": "awsui_footer--stuck_1d2i7_766d8_417",
-  "dismiss-control": "awsui_dismiss-control_1d2i7_766d8_429",
-  "modal-open": "awsui_modal-open_1d2i7_766d8_433"
+  "dialog": "awsui_dialog_1d2i7_jna9e_169",
+  "modal-slide-up": "awsui_modal-slide-up_1d2i7_jna9e_1",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1d2i7_jna9e_1",
+  "refresh": "awsui_refresh_1d2i7_jna9e_192",
+  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_1d2i7_jna9e_1",
+  "root": "awsui_root_1d2i7_jna9e_225",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_1d2i7_jna9e_1",
+  "hidden": "awsui_hidden_1d2i7_jna9e_302",
+  "focus-lock": "awsui_focus-lock_1d2i7_jna9e_306",
+  "position-top": "awsui_position-top_1d2i7_jna9e_314",
+  "position-center": "awsui_position-center_1d2i7_jna9e_317",
+  "small": "awsui_small_1d2i7_jna9e_331",
+  "medium": "awsui_medium_1d2i7_jna9e_334",
+  "large": "awsui_large_1d2i7_jna9e_337",
+  "x-large": "awsui_x-large_1d2i7_jna9e_340",
+  "xx-large": "awsui_xx-large_1d2i7_jna9e_343",
+  "custom-width": "awsui_custom-width_1d2i7_jna9e_346",
+  "max": "awsui_max_1d2i7_jna9e_349",
+  "breakpoint-xs": "awsui_breakpoint-xs_1d2i7_jna9e_349",
+  "custom-height": "awsui_custom-height_1d2i7_jna9e_354",
+  "container": "awsui_container_1d2i7_jna9e_359",
+  "custom-height-container": "awsui_custom-height-container_1d2i7_jna9e_399",
+  "content": "awsui_content_1d2i7_jna9e_405",
+  "no-paddings": "awsui_no-paddings_1d2i7_jna9e_410",
+  "custom-height-content": "awsui_custom-height-content_1d2i7_jna9e_414",
+  "header": "awsui_header_1d2i7_jna9e_419",
+  "header--text": "awsui_header--text_1d2i7_jna9e_431",
+  "footer": "awsui_footer_1d2i7_jna9e_435",
+  "footer--stuck": "awsui_footer--stuck_1d2i7_jna9e_448",
+  "dismiss-control": "awsui_dismiss-control_1d2i7_jna9e_460",
+  "modal-open": "awsui_modal-open_1d2i7_jna9e_464"
 };
   

package/lib/internal/template/modal/use-modal-dimensions.d.ts

@@ -0,0 +1,17 @@
+interface UseModalDimensionsProps {
+    height?: number;
+    width?: number;
+    hasFooter: boolean;
+}
+export declare function useModalDimensions({ height, width, hasFooter }: UseModalDimensionsProps): {
+    footerRef: import("react").Ref<any>;
+    headerRef: import("react").Ref<any>;
+    footerHeight: number | null;
+    hasCustomHeight: boolean;
+    hasCustomWidth: boolean;
+    dialogCustomStyles: {
+        [x: string]: string;
+    };
+};
+export {};
+//# sourceMappingURL=use-modal-dimensions.d.ts.map

package/lib/internal/template/modal/use-modal-dimensions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-modal-dimensions.d.ts","sourceRoot":"","sources":["../../../src/modal/use-modal-dimensions.ts"],"names":[],"mappings":"AAWA,UAAU,uBAAuB;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,uBAAuB;;;;;;;;;EAqCvF"}

package/lib/internal/template/modal/use-modal-dimensions.js

@@ -0,0 +1,37 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { useContainerQuery } from '@cloudscape-design/component-toolkit';
+import { warnOnce } from '@cloudscape-design/component-toolkit/internal';
+import customCssProps from '../internal/generated/custom-css-properties';
+import { isDevelopment } from '../internal/is-development';
+const MIN_CONTENT_HEIGHT = 60;
+const MIN_MODAL_WIDTH = 320;
+export function useModalDimensions({ height, width, hasFooter }) {
+    const [footerHeight, footerRef] = useContainerQuery(rect => rect.borderBoxHeight);
+    const [headerHeight, headerRef] = useContainerQuery(rect => rect.borderBoxHeight);
+    const minModalHeight = (headerHeight !== null && headerHeight !== void 0 ? headerHeight : 0) + (hasFooter ? (footerHeight !== null && footerHeight !== void 0 ? footerHeight : 0) : 0) + MIN_CONTENT_HEIGHT;
+    const constrainedHeight = Math.max(height !== null && height !== void 0 ? height : 0, minModalHeight);
+    const constrainedWidth = Math.max(width !== null && width !== void 0 ? width : 0, MIN_MODAL_WIDTH);
+    const hasCustomHeight = height !== undefined && !Number.isNaN(height);
+    const hasCustomWidth = width !== undefined && !Number.isNaN(width);
+    if (isDevelopment) {
+        if (hasCustomHeight && constrainedHeight !== height) {
+            warnOnce('Modal', `Height (${height}px) is too small. Modal requires at least ${MIN_CONTENT_HEIGHT}px for content plus header/footer space (total: ${minModalHeight}px). Height will be adjusted to ${constrainedHeight}px.`);
+        }
+        if (hasCustomWidth && constrainedWidth !== width) {
+            warnOnce('Modal', `Width (${width}px) is below minimum (${MIN_MODAL_WIDTH}px) and will be adjusted to ${constrainedWidth}px.`);
+        }
+    }
+    return {
+        footerRef,
+        headerRef,
+        footerHeight,
+        hasCustomHeight,
+        hasCustomWidth,
+        dialogCustomStyles: {
+            ...(hasCustomWidth && { [customCssProps.modalCustomWidth]: `${constrainedWidth}px` }),
+            ...(hasCustomHeight && { [customCssProps.modalCustomHeight]: `${constrainedHeight}px` }),
+        },
+    };
+}
+//# sourceMappingURL=use-modal-dimensions.js.map

package/lib/internal/template/modal/use-modal-dimensions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-modal-dimensions.js","sourceRoot":"","sources":["../../../src/modal/use-modal-dimensions.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AAEzE,OAAO,cAAc,MAAM,6CAA6C,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE3D,MAAM,kBAAkB,GAAG,EAAE,CAAC;AAC9B,MAAM,eAAe,GAAG,GAAG,CAAC;AAQ5B,MAAM,UAAU,kBAAkB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAA2B;IACtF,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,GAAG,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IAClF,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,GAAG,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IAElF,MAAM,cAAc,GAAG,CAAC,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,kBAAkB,CAAC;IACxG,MAAM,iBAAiB,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,CAAC,EAAE,cAAc,CAAC,CAAC;IAChE,MAAM,gBAAgB,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,CAAC,EAAE,eAAe,CAAC,CAAC;IAE/D,MAAM,eAAe,GAAG,MAAM,KAAK,SAAS,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACtE,MAAM,cAAc,GAAG,KAAK,KAAK,SAAS,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAEnE,IAAI,aAAa,EAAE,CAAC;QAClB,IAAI,eAAe,IAAI,iBAAiB,KAAK,MAAM,EAAE,CAAC;YACpD,QAAQ,CACN,OAAO,EACP,WAAW,MAAM,6CAA6C,kBAAkB,mDAAmD,cAAc,mCAAmC,iBAAiB,KAAK,CAC3M,CAAC;QACJ,CAAC;QACD,IAAI,cAAc,IAAI,gBAAgB,KAAK,KAAK,EAAE,CAAC;YACjD,QAAQ,CACN,OAAO,EACP,UAAU,KAAK,yBAAyB,eAAe,+BAA+B,gBAAgB,KAAK,CAC5G,CAAC;QACJ,CAAC;IACH,CAAC;IAED,OAAO;QACL,SAAS;QACT,SAAS;QACT,YAAY;QACZ,eAAe;QACf,cAAc;QACd,kBAAkB,EAAE;YAClB,GAAG,CAAC,cAAc,IAAI,EAAE,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,GAAG,gBAAgB,IAAI,EAAE,CAAC;YACrF,GAAG,CAAC,eAAe,IAAI,EAAE,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,GAAG,iBAAiB,IAAI,EAAE,CAAC;SACzF;KACF,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useContainerQuery } from '@cloudscape-design/component-toolkit';\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport customCssProps from '../internal/generated/custom-css-properties';\nimport { isDevelopment } from '../internal/is-development';\n\nconst MIN_CONTENT_HEIGHT = 60;\nconst MIN_MODAL_WIDTH = 320;\n\ninterface UseModalDimensionsProps {\n  height?: number;\n  width?: number;\n  hasFooter: boolean;\n}\n\nexport function useModalDimensions({ height, width, hasFooter }: UseModalDimensionsProps) {\n  const [footerHeight, footerRef] = useContainerQuery(rect => rect.borderBoxHeight);\n  const [headerHeight, headerRef] = useContainerQuery(rect => rect.borderBoxHeight);\n\n  const minModalHeight = (headerHeight ?? 0) + (hasFooter ? (footerHeight ?? 0) : 0) + MIN_CONTENT_HEIGHT;\n  const constrainedHeight = Math.max(height ?? 0, minModalHeight);\n  const constrainedWidth = Math.max(width ?? 0, MIN_MODAL_WIDTH);\n\n  const hasCustomHeight = height !== undefined && !Number.isNaN(height);\n  const hasCustomWidth = width !== undefined && !Number.isNaN(width);\n\n  if (isDevelopment) {\n    if (hasCustomHeight && constrainedHeight !== height) {\n      warnOnce(\n        'Modal',\n        `Height (${height}px) is too small. Modal requires at least ${MIN_CONTENT_HEIGHT}px for content plus header/footer space (total: ${minModalHeight}px). Height will be adjusted to ${constrainedHeight}px.`\n      );\n    }\n    if (hasCustomWidth && constrainedWidth !== width) {\n      warnOnce(\n        'Modal',\n        `Width (${width}px) is below minimum (${MIN_MODAL_WIDTH}px) and will be adjusted to ${constrainedWidth}px.`\n      );\n    }\n  }\n\n  return {\n    footerRef,\n    headerRef,\n    footerHeight,\n    hasCustomHeight,\n    hasCustomWidth,\n    dialogCustomStyles: {\n      ...(hasCustomWidth && { [customCssProps.modalCustomWidth]: `${constrainedWidth}px` }),\n      ...(hasCustomHeight && { [customCssProps.modalCustomHeight]: `${constrainedHeight}px` }),\n    },\n  };\n}\n"]}

package/lib/internal/template/progress-bar/styles.css.js

@@ -1,23 +1,23 @@
 
     import './styles.scoped.css';
     export default {
-  "progress": "awsui_progress_11huc_1exem_189",
-  "result-state": "awsui_result-state_11huc_1exem_203",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_1exem_1",
-  "root": "awsui_root_11huc_1exem_225",
-  "with-result-button": "awsui_with-result-button_11huc_1exem_257",
-  "result-text": "awsui_result-text_11huc_1exem_261",
-  "result-container-error": "awsui_result-container-error_11huc_1exem_265",
-  "result-container-success": "awsui_result-container-success_11huc_1exem_265",
-  "result-button": "awsui_result-button_11huc_1exem_269",
-  "word-wrap": "awsui_word-wrap_11huc_1exem_275",
-  "label-flash": "awsui_label-flash_11huc_1exem_280",
-  "label-key-value": "awsui_label-key-value_11huc_1exem_284",
-  "flash": "awsui_flash_11huc_1exem_292",
-  "progress-container": "awsui_progress-container_11huc_1exem_296",
-  "percentage-container": "awsui_percentage-container_11huc_1exem_303",
-  "percentage": "awsui_percentage_11huc_1exem_303",
-  "complete": "awsui_complete_11huc_1exem_349",
-  "additional-info": "awsui_additional-info_11huc_1exem_363"
+  "progress": "awsui_progress_11huc_1idgh_189",
+  "result-state": "awsui_result-state_11huc_1idgh_203",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_1idgh_1",
+  "root": "awsui_root_11huc_1idgh_225",
+  "with-result-button": "awsui_with-result-button_11huc_1idgh_257",
+  "result-text": "awsui_result-text_11huc_1idgh_261",
+  "result-container-error": "awsui_result-container-error_11huc_1idgh_265",
+  "result-container-success": "awsui_result-container-success_11huc_1idgh_265",
+  "result-button": "awsui_result-button_11huc_1idgh_269",
+  "word-wrap": "awsui_word-wrap_11huc_1idgh_275",
+  "label-flash": "awsui_label-flash_11huc_1idgh_280",
+  "label-key-value": "awsui_label-key-value_11huc_1idgh_284",
+  "flash": "awsui_flash_11huc_1idgh_292",
+  "progress-container": "awsui_progress-container_11huc_1idgh_296",
+  "percentage-container": "awsui_percentage-container_11huc_1idgh_303",
+  "percentage": "awsui_percentage_11huc_1idgh_303",
+  "complete": "awsui_complete_11huc_1idgh_349",
+  "additional-info": "awsui_additional-info_11huc_1idgh_363"
 };
   

package/lib/internal/template/progress-bar/styles.scoped.css

@@ -186,27 +186,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_progress_11huc_1exem_189:not(#\9)::-webkit-progress-value {
+.awsui_progress_11huc_1idgh_189:not(#\9)::-webkit-progress-value {
   -webkit-transition: width var(--motion-duration-moderate-24bai8, 135ms) linear;
   transition: width var(--motion-duration-moderate-24bai8, 135ms) linear;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_progress_11huc_1exem_189:not(#\9)::-webkit-progress-value {
+  .awsui_progress_11huc_1idgh_189:not(#\9)::-webkit-progress-value {
     animation: none;
     -webkit-transition: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_progress_11huc_1exem_189:not(#\9)::-webkit-progress-value, .awsui-mode-entering .awsui_progress_11huc_1exem_189:not(#\9)::-webkit-progress-value {
+.awsui-motion-disabled .awsui_progress_11huc_1idgh_189:not(#\9)::-webkit-progress-value, .awsui-mode-entering .awsui_progress_11huc_1idgh_189:not(#\9)::-webkit-progress-value {
   animation: none;
   -webkit-transition: none;
   transition: none;
 }
 
-.awsui_result-state_11huc_1exem_203:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_11huc_1exem_1 var(--motion-duration-transition-show-paced-0w35xp, 180ms) var(--motion-easing-transition-show-paced-ufdgkj, ease-out);
+.awsui_result-state_11huc_1idgh_203:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_11huc_1idgh_1 var(--motion-duration-transition-show-paced-0w35xp, 180ms) var(--motion-easing-transition-show-paced-ufdgkj, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_11huc_1exem_1 {
+@keyframes awsui_awsui-motion-fade-in_11huc_1idgh_1 {
   from {
     opacity: 0.2;
   }
@@ -215,17 +215,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_result-state_11huc_1exem_203:not(#\9) {
+  .awsui_result-state_11huc_1idgh_203:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_result-state_11huc_1exem_203:not(#\9), .awsui-mode-entering .awsui_result-state_11huc_1exem_203:not(#\9) {
+.awsui-motion-disabled .awsui_result-state_11huc_1idgh_203:not(#\9), .awsui-mode-entering .awsui_result-state_11huc_1idgh_203:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_11huc_1exem_225:not(#\9) {
+.awsui_root_11huc_1idgh_225:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -257,34 +257,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_with-result-button_11huc_1exem_257:not(#\9) {
+.awsui_with-result-button_11huc_1idgh_257:not(#\9) {
   padding-inline-end: var(--space-m-n2lypl, 16px);
 }
 
-.awsui_result-text_11huc_1exem_261:not(#\9) {
+.awsui_result-text_11huc_1idgh_261:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_result-container-error_11huc_1exem_265:not(#\9), .awsui_result-container-success_11huc_1exem_265:not(#\9) {
+.awsui_result-container-error_11huc_1idgh_265:not(#\9), .awsui_result-container-success_11huc_1idgh_265:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_result-button_11huc_1exem_269:not(#\9) {
+.awsui_result-button_11huc_1idgh_269:not(#\9) {
   display: inline-block;
   margin-block: var(--space-scaled-xxs-jatbiv, 4px);
   margin-inline: 0;
 }
 
-.awsui_word-wrap_11huc_1exem_275:not(#\9) {
+.awsui_word-wrap_11huc_1idgh_275:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
 }
 
-.awsui_label-flash_11huc_1exem_280:not(#\9) {
+.awsui_label-flash_11huc_1idgh_280:not(#\9) {
   color: inherit;
   font-weight: 700;
 }
-.awsui_label-key-value_11huc_1exem_284:not(#\9) {
+.awsui_label-key-value_11huc_1idgh_284:not(#\9) {
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
   font-weight: var(--font-display-label-weight-ise9n2, 400);
@@ -292,18 +292,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block-end: var(--space-scaled-xxxs-prgw5k, 2px);
 }
 
-.awsui_flash_11huc_1exem_292:not(#\9) {
+.awsui_flash_11huc_1idgh_292:not(#\9) {
   color: inherit;
 }
 
-.awsui_progress-container_11huc_1exem_296:not(#\9) {
+.awsui_progress-container_11huc_1idgh_296:not(#\9) {
   display: flex;
   align-items: center;
   max-inline-size: 800px;
   block-size: var(--line-height-body-m-bedeoh, 22px);
 }
 
-.awsui_percentage-container_11huc_1exem_303:not(#\9) {
+.awsui_percentage-container_11huc_1idgh_303:not(#\9) {
   inline-size: 33px;
   flex-shrink: 0;
   white-space: nowrap;
@@ -313,56 +313,56 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   letter-spacing: var(--letter-spacing-body-s-egrcsd, normal);
 }
 
-.awsui_percentage_11huc_1exem_303:not(#\9) {
+.awsui_percentage_11huc_1idgh_303:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_progress_11huc_1exem_189:not(#\9) {
+.awsui_progress_11huc_1idgh_189:not(#\9) {
   inline-size: 100%;
   margin-inline-end: var(--space-s-4a5hs8, 12px);
   min-inline-size: 0;
-  block-size: var(--awsui-progress-bar-height-c5ek4l, 4px);
+  block-size: var(--awsui-progress-bar-height-n6lfw8, 4px);
   border-block: 0;
   border-inline: none;
   box-sizing: border-box;
-  border-start-start-radius: var(--awsui-progress-bar-border-radius-c5ek4l, 10px);
-  border-start-end-radius: var(--awsui-progress-bar-border-radius-c5ek4l, 10px);
-  border-end-start-radius: var(--awsui-progress-bar-border-radius-c5ek4l, 10px);
-  border-end-end-radius: var(--awsui-progress-bar-border-radius-c5ek4l, 10px);
-  background-color: var(--awsui-progress-bar-background-color-c5ek4l, var(--color-background-progress-bar-default-kw9ow4, #eaeded));
+  border-start-start-radius: var(--awsui-progress-bar-border-radius-n6lfw8, 10px);
+  border-start-end-radius: var(--awsui-progress-bar-border-radius-n6lfw8, 10px);
+  border-end-start-radius: var(--awsui-progress-bar-border-radius-n6lfw8, 10px);
+  border-end-end-radius: var(--awsui-progress-bar-border-radius-n6lfw8, 10px);
+  background-color: var(--awsui-progress-bar-background-color-n6lfw8, var(--color-background-progress-bar-default-kw9ow4, #eaeded));
 }
-.awsui_progress_11huc_1exem_189:not(#\9)::-webkit-progress-bar {
-  block-size: var(--awsui-progress-bar-height-c5ek4l, 4px);
+.awsui_progress_11huc_1idgh_189:not(#\9)::-webkit-progress-bar {
+  block-size: var(--awsui-progress-bar-height-n6lfw8, 4px);
   border-block: 0;
   border-inline: none;
   box-sizing: border-box;
-  border-start-start-radius: var(--awsui-progress-bar-border-radius-c5ek4l, 10px);
-  border-start-end-radius: var(--awsui-progress-bar-border-radius-c5ek4l, 10px);
-  border-end-start-radius: var(--awsui-progress-bar-border-radius-c5ek4l, 10px);
-  border-end-end-radius: var(--awsui-progress-bar-border-radius-c5ek4l, 10px);
-  background-color: var(--awsui-progress-bar-background-color-c5ek4l, var(--color-background-progress-bar-default-kw9ow4, #eaeded));
+  border-start-start-radius: var(--awsui-progress-bar-border-radius-n6lfw8, 10px);
+  border-start-end-radius: var(--awsui-progress-bar-border-radius-n6lfw8, 10px);
+  border-end-start-radius: var(--awsui-progress-bar-border-radius-n6lfw8, 10px);
+  border-end-end-radius: var(--awsui-progress-bar-border-radius-n6lfw8, 10px);
+  background-color: var(--awsui-progress-bar-background-color-n6lfw8, var(--color-background-progress-bar-default-kw9ow4, #eaeded));
 }
-.awsui_progress_11huc_1exem_189:not(#\9)::-webkit-progress-value {
-  border-start-start-radius: var(--awsui-progress-bar-border-radius-c5ek4l, 10px);
+.awsui_progress_11huc_1idgh_189:not(#\9)::-webkit-progress-value {
+  border-start-start-radius: var(--awsui-progress-bar-border-radius-n6lfw8, 10px);
   border-start-end-radius: 0;
-  border-end-start-radius: var(--awsui-progress-bar-border-radius-c5ek4l, 10px);
+  border-end-start-radius: var(--awsui-progress-bar-border-radius-n6lfw8, 10px);
   border-end-end-radius: 0;
-  background-color: var(--awsui-progress-value-background-color-c5ek4l, var(--color-background-progress-bar-value-default-1bekh3, #0073bb));
+  background-color: var(--awsui-progress-value-background-color-n6lfw8, var(--color-background-progress-bar-value-default-1bekh3, #0073bb));
 }
-.awsui_progress_11huc_1exem_189.awsui_complete_11huc_1exem_349:not(#\9)::-webkit-progress-value {
-  border-start-start-radius: var(--awsui-progress-bar-border-radius-c5ek4l, 10px);
-  border-start-end-radius: var(--awsui-progress-bar-border-radius-c5ek4l, 10px);
-  border-end-start-radius: var(--awsui-progress-bar-border-radius-c5ek4l, 10px);
-  border-end-end-radius: var(--awsui-progress-bar-border-radius-c5ek4l, 10px);
+.awsui_progress_11huc_1idgh_189.awsui_complete_11huc_1idgh_349:not(#\9)::-webkit-progress-value {
+  border-start-start-radius: var(--awsui-progress-bar-border-radius-n6lfw8, 10px);
+  border-start-end-radius: var(--awsui-progress-bar-border-radius-n6lfw8, 10px);
+  border-end-start-radius: var(--awsui-progress-bar-border-radius-n6lfw8, 10px);
+  border-end-end-radius: var(--awsui-progress-bar-border-radius-n6lfw8, 10px);
 }
-.awsui_progress_11huc_1exem_189:not(#\9)::-moz-progress-bar {
-  border-start-start-radius: var(--awsui-progress-bar-border-radius-c5ek4l, 10px);
+.awsui_progress_11huc_1idgh_189:not(#\9)::-moz-progress-bar {
+  border-start-start-radius: var(--awsui-progress-bar-border-radius-n6lfw8, 10px);
   border-start-end-radius: 0;
-  border-end-start-radius: var(--awsui-progress-bar-border-radius-c5ek4l, 10px);
+  border-end-start-radius: var(--awsui-progress-bar-border-radius-n6lfw8, 10px);
   border-end-end-radius: 0;
-  background-color: var(--awsui-progress-value-background-color-c5ek4l, var(--color-background-progress-bar-value-default-1bekh3, #0073bb));
+  background-color: var(--awsui-progress-value-background-color-n6lfw8, var(--color-background-progress-bar-value-default-1bekh3, #0073bb));
 }
 
-.awsui_additional-info_11huc_1exem_363:not(#\9) {
+.awsui_additional-info_11huc_1idgh_363:not(#\9) {
   /* used in test-utils */
 }

package/lib/internal/template/progress-bar/styles.selectors.js

@@ -2,23 +2,23 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "progress": "awsui_progress_11huc_1exem_189",
-  "result-state": "awsui_result-state_11huc_1exem_203",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_1exem_1",
-  "root": "awsui_root_11huc_1exem_225",
-  "with-result-button": "awsui_with-result-button_11huc_1exem_257",
-  "result-text": "awsui_result-text_11huc_1exem_261",
-  "result-container-error": "awsui_result-container-error_11huc_1exem_265",
-  "result-container-success": "awsui_result-container-success_11huc_1exem_265",
-  "result-button": "awsui_result-button_11huc_1exem_269",
-  "word-wrap": "awsui_word-wrap_11huc_1exem_275",
-  "label-flash": "awsui_label-flash_11huc_1exem_280",
-  "label-key-value": "awsui_label-key-value_11huc_1exem_284",
-  "flash": "awsui_flash_11huc_1exem_292",
-  "progress-container": "awsui_progress-container_11huc_1exem_296",
-  "percentage-container": "awsui_percentage-container_11huc_1exem_303",
-  "percentage": "awsui_percentage_11huc_1exem_303",
-  "complete": "awsui_complete_11huc_1exem_349",
-  "additional-info": "awsui_additional-info_11huc_1exem_363"
+  "progress": "awsui_progress_11huc_1idgh_189",
+  "result-state": "awsui_result-state_11huc_1idgh_203",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_1idgh_1",
+  "root": "awsui_root_11huc_1idgh_225",
+  "with-result-button": "awsui_with-result-button_11huc_1idgh_257",
+  "result-text": "awsui_result-text_11huc_1idgh_261",
+  "result-container-error": "awsui_result-container-error_11huc_1idgh_265",
+  "result-container-success": "awsui_result-container-success_11huc_1idgh_265",
+  "result-button": "awsui_result-button_11huc_1idgh_269",
+  "word-wrap": "awsui_word-wrap_11huc_1idgh_275",
+  "label-flash": "awsui_label-flash_11huc_1idgh_280",
+  "label-key-value": "awsui_label-key-value_11huc_1idgh_284",
+  "flash": "awsui_flash_11huc_1idgh_292",
+  "progress-container": "awsui_progress-container_11huc_1idgh_296",
+  "percentage-container": "awsui_percentage-container_11huc_1idgh_303",
+  "percentage": "awsui_percentage_11huc_1idgh_303",
+  "complete": "awsui_complete_11huc_1idgh_349",
+  "additional-info": "awsui_additional-info_11huc_1idgh_363"
 };
   

package/lib/internal/template/prompt-input/styles.css.js

@@ -1,22 +1,22 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_55fkh_5s8rl_146",
-  "textarea-readonly": "awsui_textarea-readonly_55fkh_5s8rl_191",
-  "disabled": "awsui_disabled_55fkh_5s8rl_197",
-  "textarea-invalid": "awsui_textarea-invalid_55fkh_5s8rl_205",
-  "textarea-warning": "awsui_textarea-warning_55fkh_5s8rl_230",
-  "textarea": "awsui_textarea_55fkh_5s8rl_191",
-  "invalid": "awsui_invalid_55fkh_5s8rl_333",
-  "warning": "awsui_warning_55fkh_5s8rl_333",
-  "textarea-wrapper": "awsui_textarea-wrapper_55fkh_5s8rl_347",
-  "primary-action": "awsui_primary-action_55fkh_5s8rl_351",
-  "action-button": "awsui_action-button_55fkh_5s8rl_359",
-  "secondary-content": "awsui_secondary-content_55fkh_5s8rl_364",
-  "with-paddings": "awsui_with-paddings_55fkh_5s8rl_399",
-  "action-stripe": "awsui_action-stripe_55fkh_5s8rl_409",
-  "secondary-actions": "awsui_secondary-actions_55fkh_5s8rl_448",
-  "with-paddings-and-actions": "awsui_with-paddings-and-actions_55fkh_5s8rl_465",
-  "buffer": "awsui_buffer_55fkh_5s8rl_469"
+  "root": "awsui_root_55fkh_1mok0_146",
+  "textarea-readonly": "awsui_textarea-readonly_55fkh_1mok0_191",
+  "disabled": "awsui_disabled_55fkh_1mok0_197",
+  "textarea-invalid": "awsui_textarea-invalid_55fkh_1mok0_205",
+  "textarea-warning": "awsui_textarea-warning_55fkh_1mok0_230",
+  "textarea": "awsui_textarea_55fkh_1mok0_191",
+  "invalid": "awsui_invalid_55fkh_1mok0_333",
+  "warning": "awsui_warning_55fkh_1mok0_333",
+  "textarea-wrapper": "awsui_textarea-wrapper_55fkh_1mok0_347",
+  "primary-action": "awsui_primary-action_55fkh_1mok0_351",
+  "action-button": "awsui_action-button_55fkh_1mok0_359",
+  "secondary-content": "awsui_secondary-content_55fkh_1mok0_364",
+  "with-paddings": "awsui_with-paddings_55fkh_1mok0_399",
+  "action-stripe": "awsui_action-stripe_55fkh_1mok0_409",
+  "secondary-actions": "awsui_secondary-actions_55fkh_1mok0_448",
+  "with-paddings-and-actions": "awsui_with-paddings-and-actions_55fkh_1mok0_465",
+  "buffer": "awsui_buffer_55fkh_1mok0_469"
 };