npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1342 → 3.0.1344 - Mend

@cloudscape-design/components-themeable 3.0.1342 → 3.0.1344

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (435) hide show

package/lib/internal/template/popover/styles.selectors.js CHANGED Viewed

@@ -2,63 +2,63 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "arrow": "awsui_arrow_xjuzf_165oe_153",
-  "arrow-outer": "awsui_arrow-outer_xjuzf_165oe_157",
-  "arrow-inner": "awsui_arrow-inner_xjuzf_165oe_157",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_xjuzf_165oe_199",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_xjuzf_165oe_199",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_xjuzf_165oe_202",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_xjuzf_165oe_202",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_xjuzf_165oe_205",
-  "arrow-position-top-right": "awsui_arrow-position-top-right_xjuzf_165oe_205",
-  "arrow-position-top-left": "awsui_arrow-position-top-left_xjuzf_165oe_205",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_xjuzf_165oe_205",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_xjuzf_165oe_208",
-  "arrow-position-bottom-right": "awsui_arrow-position-bottom-right_xjuzf_165oe_208",
-  "arrow-position-bottom-left": "awsui_arrow-position-bottom-left_xjuzf_165oe_208",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_xjuzf_165oe_208",
-  "arrow-variant-info": "awsui_arrow-variant-info_xjuzf_165oe_212",
-  "body": "awsui_body_xjuzf_165oe_227",
-  "body-overflow-visible": "awsui_body-overflow-visible_xjuzf_165oe_263",
-  "body-variant-chart": "awsui_body-variant-chart_xjuzf_165oe_266",
-  "has-dismiss": "awsui_has-dismiss_xjuzf_165oe_271",
-  "dismiss": "awsui_dismiss_xjuzf_165oe_276",
-  "dismiss-control": "awsui_dismiss-control_xjuzf_165oe_284",
-  "header-row": "awsui_header-row_xjuzf_165oe_288",
-  "header": "awsui_header_xjuzf_165oe_288",
-  "content": "awsui_content_xjuzf_165oe_317",
-  "content-overflow-visible": "awsui_content-overflow-visible_xjuzf_165oe_326",
-  "container": "awsui_container_xjuzf_165oe_338",
-  "container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-left_xjuzf_165oe_349",
-  "container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-center_xjuzf_165oe_349",
-  "container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-right_xjuzf_165oe_349",
-  "container-arrow-position-top-left": "awsui_container-arrow-position-top-left_xjuzf_165oe_354",
-  "container-arrow-position-top-center": "awsui_container-arrow-position-top-center_xjuzf_165oe_354",
-  "container-arrow-position-top-right": "awsui_container-arrow-position-top-right_xjuzf_165oe_354",
-  "container-arrow-position-right-top": "awsui_container-arrow-position-right-top_xjuzf_165oe_359",
-  "container-arrow-position-right-bottom": "awsui_container-arrow-position-right-bottom_xjuzf_165oe_359",
-  "container-arrow-position-left-top": "awsui_container-arrow-position-left-top_xjuzf_165oe_364",
-  "container-arrow-position-left-bottom": "awsui_container-arrow-position-left-bottom_xjuzf_165oe_364",
-  "container-body": "awsui_container-body_xjuzf_165oe_370",
-  "container-body-variant-annotation": "awsui_container-body-variant-annotation_xjuzf_165oe_410",
-  "container-body-size-small": "awsui_container-body-size-small_xjuzf_165oe_415",
-  "fixed-width": "awsui_fixed-width_xjuzf_165oe_418",
-  "container-body-size-medium": "awsui_container-body-size-medium_xjuzf_165oe_422",
-  "container-body-size-large": "awsui_container-body-size-large_xjuzf_165oe_429",
-  "container-arrow": "awsui_container-arrow_xjuzf_165oe_349",
-  "container-arrow-position-top-responsive": "awsui_container-arrow-position-top-responsive_xjuzf_165oe_479",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_xjuzf_165oe_1",
-  "refresh": "awsui_refresh_xjuzf_165oe_537",
-  "root": "awsui_root_xjuzf_165oe_559",
-  "no-wrap": "awsui_no-wrap_xjuzf_165oe_591",
-  "trigger-type-text-inline": "awsui_trigger-type-text-inline_xjuzf_165oe_594",
-  "overflow-ellipsis": "awsui_overflow-ellipsis_xjuzf_165oe_594",
-  "trigger-type-text": "awsui_trigger-type-text_xjuzf_165oe_594",
-  "root-filtering-token": "awsui_root-filtering-token_xjuzf_165oe_616",
-  "trigger": "awsui_trigger_xjuzf_165oe_594",
-  "in-inline-token": "awsui_in-inline-token_xjuzf_165oe_658",
-  "trigger-type-filtering-token": "awsui_trigger-type-filtering-token_xjuzf_165oe_706",
-  "popover-inline-content": "awsui_popover-inline-content_xjuzf_165oe_710",
-  "hover-area": "awsui_hover-area_xjuzf_165oe_714"
+  "arrow": "awsui_arrow_xjuzf_12e7i_153",
+  "arrow-outer": "awsui_arrow-outer_xjuzf_12e7i_157",
+  "arrow-inner": "awsui_arrow-inner_xjuzf_12e7i_157",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_xjuzf_12e7i_199",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_xjuzf_12e7i_199",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_xjuzf_12e7i_202",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_xjuzf_12e7i_202",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_xjuzf_12e7i_205",
+  "arrow-position-top-right": "awsui_arrow-position-top-right_xjuzf_12e7i_205",
+  "arrow-position-top-left": "awsui_arrow-position-top-left_xjuzf_12e7i_205",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_xjuzf_12e7i_205",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_xjuzf_12e7i_208",
+  "arrow-position-bottom-right": "awsui_arrow-position-bottom-right_xjuzf_12e7i_208",
+  "arrow-position-bottom-left": "awsui_arrow-position-bottom-left_xjuzf_12e7i_208",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_xjuzf_12e7i_208",
+  "arrow-variant-info": "awsui_arrow-variant-info_xjuzf_12e7i_212",
+  "body": "awsui_body_xjuzf_12e7i_227",
+  "body-overflow-visible": "awsui_body-overflow-visible_xjuzf_12e7i_263",
+  "body-variant-chart": "awsui_body-variant-chart_xjuzf_12e7i_266",
+  "has-dismiss": "awsui_has-dismiss_xjuzf_12e7i_271",
+  "dismiss": "awsui_dismiss_xjuzf_12e7i_276",
+  "dismiss-control": "awsui_dismiss-control_xjuzf_12e7i_284",
+  "header-row": "awsui_header-row_xjuzf_12e7i_288",
+  "header": "awsui_header_xjuzf_12e7i_288",
+  "content": "awsui_content_xjuzf_12e7i_317",
+  "content-overflow-visible": "awsui_content-overflow-visible_xjuzf_12e7i_326",
+  "container": "awsui_container_xjuzf_12e7i_338",
+  "container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-left_xjuzf_12e7i_349",
+  "container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-center_xjuzf_12e7i_349",
+  "container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-right_xjuzf_12e7i_349",
+  "container-arrow-position-top-left": "awsui_container-arrow-position-top-left_xjuzf_12e7i_354",
+  "container-arrow-position-top-center": "awsui_container-arrow-position-top-center_xjuzf_12e7i_354",
+  "container-arrow-position-top-right": "awsui_container-arrow-position-top-right_xjuzf_12e7i_354",
+  "container-arrow-position-right-top": "awsui_container-arrow-position-right-top_xjuzf_12e7i_359",
+  "container-arrow-position-right-bottom": "awsui_container-arrow-position-right-bottom_xjuzf_12e7i_359",
+  "container-arrow-position-left-top": "awsui_container-arrow-position-left-top_xjuzf_12e7i_364",
+  "container-arrow-position-left-bottom": "awsui_container-arrow-position-left-bottom_xjuzf_12e7i_364",
+  "container-body": "awsui_container-body_xjuzf_12e7i_370",
+  "container-body-variant-annotation": "awsui_container-body-variant-annotation_xjuzf_12e7i_410",
+  "container-body-size-small": "awsui_container-body-size-small_xjuzf_12e7i_415",
+  "fixed-width": "awsui_fixed-width_xjuzf_12e7i_418",
+  "container-body-size-medium": "awsui_container-body-size-medium_xjuzf_12e7i_422",
+  "container-body-size-large": "awsui_container-body-size-large_xjuzf_12e7i_429",
+  "container-arrow": "awsui_container-arrow_xjuzf_12e7i_349",
+  "container-arrow-position-top-responsive": "awsui_container-arrow-position-top-responsive_xjuzf_12e7i_479",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_xjuzf_12e7i_1",
+  "refresh": "awsui_refresh_xjuzf_12e7i_537",
+  "root": "awsui_root_xjuzf_12e7i_559",
+  "no-wrap": "awsui_no-wrap_xjuzf_12e7i_591",
+  "trigger-type-text-inline": "awsui_trigger-type-text-inline_xjuzf_12e7i_594",
+  "overflow-ellipsis": "awsui_overflow-ellipsis_xjuzf_12e7i_594",
+  "trigger-type-text": "awsui_trigger-type-text_xjuzf_12e7i_594",
+  "root-filtering-token": "awsui_root-filtering-token_xjuzf_12e7i_616",
+  "trigger": "awsui_trigger_xjuzf_12e7i_594",
+  "in-inline-token": "awsui_in-inline-token_xjuzf_12e7i_658",
+  "trigger-type-filtering-token": "awsui_trigger-type-filtering-token_xjuzf_12e7i_706",
+  "popover-inline-content": "awsui_popover-inline-content_xjuzf_12e7i_710",
+  "hover-area": "awsui_hover-area_xjuzf_12e7i_714"
 };

package/lib/internal/template/progress-bar/internal.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/progress-bar/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAK7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAWhD,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC;CAChC;AAED,eAAO,MAAM,QAAQ,GAAI,yEAAyE,aAAa,~~gBAmC9G~~,CAAC;AAEF,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,GAAI,oCAAoC,cAAc,gBAM3E,CAAC;AAYF,UAAU,gBAAgB;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,EAAE,gBAAgB,CAAC,MAAM,CAAC;IAChC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,GAAI,8DAA8D,gBAAgB,gBAqBzG,CAAC"}
1	+ {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/progress-bar/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAK7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAWhD,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC;CAChC;AAED,eAAO,MAAM,QAAQ,GAAI,yEAAyE,aAAa,gBAuC9G,CAAC;AAEF,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,GAAI,oCAAoC,cAAc,gBAM3E,CAAC;AAYF,UAAU,gBAAgB;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,EAAE,gBAAgB,CAAC,MAAM,CAAC;IAChC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,GAAI,8DAA8D,gBAAgB,gBAqBzG,CAAC"}

package/lib/internal/template/progress-bar/internal.js CHANGED Viewed

@@ -18,7 +18,7 @@ export const Progress = ({ value, isInFlash, ariaLabel, ariaLabelledby, ariaDesc
     const progressValueStyles = getProgressValueStyles(style);
     const progressPercentageStyles = getProgressPercentageStyles(style);
     return (React.createElement("div", { className: styles['progress-container'] },
-        React.createElement("progress", { className: clsx(styles.progress, progressValue >= MAX_VALUE && styles.complete), max: MAX_VALUE, value: progressValue, "aria-label": ariaLabel, "aria-labelledby": !ariaLabel ? ariaLabelledby : undefined, "aria-describedby": ariaDescribedby, style: {
+        React.createElement("progress", { className: clsx(styles.progress, progressValue >= MAX_VALUE && styles.complete, isInFlash && styles['progress-flash']), max: MAX_VALUE, value: progressValue, "aria-label": ariaLabel, "aria-labelledby": !ariaLabel ? ariaLabelledby : undefined, "aria-describedby": ariaDescribedby, style: {
                 ...(progressBarStyles || {}),
                 ...(progressValueStyles || {}),
             } }),

package/lib/internal/template/progress-bar/internal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/progress-bar/internal.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,WAAW,MAAM,iBAAiB,CAAC;AAE1C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,uBAAuB,MAAM,8BAA8B,CAAC;AAEnE,OAAO,EAAE,2BAA2B,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAElG,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,SAAS,GAAG,GAAG,CAAC;AAEtB,MAAM,KAAK,GAAG,CAAC,KAAa,EAAE,UAAkB,EAAE,UAAkB,EAAE,EAAE;IACtE,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,UAAU,CAAC,EAAE,UAAU,CAAC,CAAC;AAC3D,CAAC,CAAC;AAWF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,eAAe,EAAE,KAAK,EAAiB,EAAE,EAAE;IACjH,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACvC,MAAM,aAAa,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC;IAExD,MAAM,iBAAiB,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;IACnD,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,wBAAwB,GAAG,2BAA2B,CAAC,KAAK,CAAC,CAAC;IAEpE,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,oBAAoB,CAAC;QAC1C,kCACE,SAAS,EAAE,IAAI,~~CAAC~~,MAAM,CAAC,QAAQ,~~EAAE~~,aAAa,IAAI,SAAS,IAAI,MAAM,CAAC,QAAQ,CAAC,~~EAC/E~~,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,aAAa,gBACR,SAAS,qBAEJ,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,sBACtC,eAAe,EACjC,KAAK,EAAE;gBACL,GAAG,CAAC,iBAAiB,IAAI,EAAE,CAAC;gBAC5B,GAAG,CAAC,mBAAmB,IAAI,EAAE,CAAC;aAC/B,GACD;QACF,6CAAkB,MAAM,EAAC,SAAS,EAAE,MAAM,CAAC,sBAAsB,CAAC;YAChE,oBAAC,WAAW,IACV,SAAS,EAAE,MAAM,CAAC,UAAU,EAC5B,OAAO,EAAC,OAAO,EACf,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACxC,gBAAgB,EAAE,wBAAwB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,wBAAwB,EAAE,CAAC,CAAC,CAAC,SAAS,IAE3F,GAAG,aAAa,GAAG,CACR,CACT,CACH,CACP,CAAC;AACJ,CAAC,CAAC;AASF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAkB,EAAE,EAAE;IAC9E,OAAO,CACL,oBAAC,WAAW,IAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,EAAE,OAAO,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,IAC/G,QAAQ,CACG,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAe,EAAE,EAAE;IAC1D,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC;QACrC,oBAAC,cAAc,IAAC,UAAU,EAAC,MAAM,EAAC,OAAO,EAAE,OAAO,IAC/C,QAAQ,CACM,CACb,CACP,CAAC;AACJ,CAAC,CAAC;AAUF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,EAAE,OAAO,EAAoB,EAAE,EAAE;IAC5G,MAAM,eAAe,GAAG,CAAC,CAAC,gBAAgB,CAAC;IAE3C,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,oBAAoB,MAAM,EAAE,CAAC;YAClD,8BAAM,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC,IAAG,UAAU,CAAQ,CACvD,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,oBAAoB,MAAM,EAAE,CAAC;QAClD,8BAAM,SAAS,EAAE,IAAI,CAAC,eAAe,IAAI,MAAM,CAAC,oBAAoB,CAAC,CAAC;YACpE,oBAAC,uBAAuB,IAAC,IAAI,EAAE,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO;gBACvE,8BAAM,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC,IAAG,UAAU,CAAQ,CACnC,CACrB;QACN,eAAe,IAAI,oBAAC,YAAY,IAAC,OAAO,EAAE,OAAO,IAAG,gBAAgB,CAAgB,CACjF,CACP,CAAC;AACJ,CAAC,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 { BoxProps } from '../box/interfaces';\nimport InternalBox from '../box/internal';\nimport { ButtonProps } from '../button/interfaces';\nimport { InternalButton } from '../button/internal';\nimport InternalStatusIndicator from '../status-indicator/internal';\nimport { ProgressBarProps } from './interfaces';\nimport { getProgressPercentageStyles, getProgressStyles, getProgressValueStyles } from './styles';\n\nimport styles from './styles.css.js';\n\nconst MAX_VALUE = 100;\n\nconst clamp = (value: number, lowerLimit: number, upperLimit: number) => {\n return Math.max(Math.min(value, upperLimit), lowerLimit);\n};\n\ninterface ProgressProps {\n value: number;\n isInFlash: boolean;\n ariaLabel?: string;\n ariaLabelledby?: string;\n ariaDescribedby?: string;\n style?: ProgressBarProps.Style;\n}\n\nexport const Progress = ({ value, isInFlash, ariaLabel, ariaLabelledby, ariaDescribedby, style }: ProgressProps) => {\n const roundedValue = Math.round(value);\n const progressValue = clamp(roundedValue, 0, MAX_VALUE);\n\n const progressBarStyles = getProgressStyles(style);\n const progressValueStyles = getProgressValueStyles(style);\n const progressPercentageStyles = getProgressPercentageStyles(style);\n\n return (\n <div className={styles['progress-container']}>\n <progress\n className={clsx(styles.progress, progressValue >= MAX_VALUE && styles.complete)}\n max={MAX_VALUE}\n value={progressValue}\n aria-label={ariaLabel}\n // Ensures aria-label takes precedence over aria-labelledby\n aria-labelledby={!ariaLabel ? ariaLabelledby : undefined}\n aria-describedby={ariaDescribedby}\n style={{\n ...(progressBarStyles \|\| {}),\n ...(progressValueStyles \|\| {}),\n }}\n />\n <span aria-hidden=\"true\" className={styles['percentage-container']}>\n <InternalBox\n className={styles.percentage}\n variant=\"small\"\n color={isInFlash ? 'inherit' : undefined}\n nativeAttributes={progressPercentageStyles ? { style: progressPercentageStyles } : undefined}\n >\n {`${progressValue}%`}\n </InternalBox>\n </span>\n </div>\n );\n};\n\ninterface SmallTextProps {\n color?: BoxProps.Color;\n id?: string;\n children: React.ReactNode;\n className?: string;\n}\n\nexport const SmallText = ({ color, children, className, id }: SmallTextProps) => {\n return (\n <InternalBox className={clsx(styles['word-wrap'], className)} variant=\"small\" display=\"block\" color={color} id={id}>\n {children}\n </InternalBox>\n );\n};\n\nconst ResultButton = ({ onClick, children }: ButtonProps) => {\n return (\n <div className={styles['result-button']}>\n <InternalButton formAction=\"none\" onClick={onClick}>\n {children}\n </InternalButton>\n </div>\n );\n};\n\ninterface ResultStateProps {\n isInFlash: boolean;\n resultText: React.ReactNode;\n resultButtonText?: string;\n status: ProgressBarProps.Status;\n onClick: () => void;\n}\n\nexport const ResultState = ({ isInFlash, resultText, resultButtonText, status, onClick }: ResultStateProps) => {\n const hasResultButton = !!resultButtonText;\n\n if (isInFlash) {\n return (\n <div className={styles[`result-container-${status}`]}>\n <span className={styles['result-text']}>{resultText}</span>\n </div>\n );\n }\n\n return (\n <div className={styles[`result-container-${status}`]}>\n <span className={clsx(hasResultButton && styles['with-result-button'])}>\n <InternalStatusIndicator type={status === 'success' ? 'success' : 'error'}>\n <span className={styles['result-text']}>{resultText}</span>\n </InternalStatusIndicator>\n </span>\n {hasResultButton && <ResultButton onClick={onClick}>{resultButtonText}</ResultButton>}\n </div>\n );\n};\n"]}
1	+ {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/progress-bar/internal.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,WAAW,MAAM,iBAAiB,CAAC;AAE1C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,uBAAuB,MAAM,8BAA8B,CAAC;AAEnE,OAAO,EAAE,2BAA2B,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAElG,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,SAAS,GAAG,GAAG,CAAC;AAEtB,MAAM,KAAK,GAAG,CAAC,KAAa,EAAE,UAAkB,EAAE,UAAkB,EAAE,EAAE;IACtE,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,UAAU,CAAC,EAAE,UAAU,CAAC,CAAC;AAC3D,CAAC,CAAC;AAWF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,eAAe,EAAE,KAAK,EAAiB,EAAE,EAAE;IACjH,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACvC,MAAM,aAAa,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC;IAExD,MAAM,iBAAiB,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;IACnD,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,wBAAwB,GAAG,2BAA2B,CAAC,KAAK,CAAC,CAAC;IAEpE,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,oBAAoB,CAAC;QAC1C,kCACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,QAAQ,EACf,aAAa,IAAI,SAAS,IAAI,MAAM,CAAC,QAAQ,EAC7C,SAAS,IAAI,MAAM,CAAC,gBAAgB,CAAC,CACtC,EACD,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,aAAa,gBACR,SAAS,qBAEJ,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,sBACtC,eAAe,EACjC,KAAK,EAAE;gBACL,GAAG,CAAC,iBAAiB,IAAI,EAAE,CAAC;gBAC5B,GAAG,CAAC,mBAAmB,IAAI,EAAE,CAAC;aAC/B,GACD;QACF,6CAAkB,MAAM,EAAC,SAAS,EAAE,MAAM,CAAC,sBAAsB,CAAC;YAChE,oBAAC,WAAW,IACV,SAAS,EAAE,MAAM,CAAC,UAAU,EAC5B,OAAO,EAAC,OAAO,EACf,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACxC,gBAAgB,EAAE,wBAAwB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,wBAAwB,EAAE,CAAC,CAAC,CAAC,SAAS,IAE3F,GAAG,aAAa,GAAG,CACR,CACT,CACH,CACP,CAAC;AACJ,CAAC,CAAC;AASF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAkB,EAAE,EAAE;IAC9E,OAAO,CACL,oBAAC,WAAW,IAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,EAAE,OAAO,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,IAC/G,QAAQ,CACG,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAe,EAAE,EAAE;IAC1D,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC;QACrC,oBAAC,cAAc,IAAC,UAAU,EAAC,MAAM,EAAC,OAAO,EAAE,OAAO,IAC/C,QAAQ,CACM,CACb,CACP,CAAC;AACJ,CAAC,CAAC;AAUF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,EAAE,OAAO,EAAoB,EAAE,EAAE;IAC5G,MAAM,eAAe,GAAG,CAAC,CAAC,gBAAgB,CAAC;IAE3C,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,oBAAoB,MAAM,EAAE,CAAC;YAClD,8BAAM,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC,IAAG,UAAU,CAAQ,CACvD,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,oBAAoB,MAAM,EAAE,CAAC;QAClD,8BAAM,SAAS,EAAE,IAAI,CAAC,eAAe,IAAI,MAAM,CAAC,oBAAoB,CAAC,CAAC;YACpE,oBAAC,uBAAuB,IAAC,IAAI,EAAE,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO;gBACvE,8BAAM,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC,IAAG,UAAU,CAAQ,CACnC,CACrB;QACN,eAAe,IAAI,oBAAC,YAAY,IAAC,OAAO,EAAE,OAAO,IAAG,gBAAgB,CAAgB,CACjF,CACP,CAAC;AACJ,CAAC,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 { BoxProps } from '../box/interfaces';\nimport InternalBox from '../box/internal';\nimport { ButtonProps } from '../button/interfaces';\nimport { InternalButton } from '../button/internal';\nimport InternalStatusIndicator from '../status-indicator/internal';\nimport { ProgressBarProps } from './interfaces';\nimport { getProgressPercentageStyles, getProgressStyles, getProgressValueStyles } from './styles';\n\nimport styles from './styles.css.js';\n\nconst MAX_VALUE = 100;\n\nconst clamp = (value: number, lowerLimit: number, upperLimit: number) => {\n return Math.max(Math.min(value, upperLimit), lowerLimit);\n};\n\ninterface ProgressProps {\n value: number;\n isInFlash: boolean;\n ariaLabel?: string;\n ariaLabelledby?: string;\n ariaDescribedby?: string;\n style?: ProgressBarProps.Style;\n}\n\nexport const Progress = ({ value, isInFlash, ariaLabel, ariaLabelledby, ariaDescribedby, style }: ProgressProps) => {\n const roundedValue = Math.round(value);\n const progressValue = clamp(roundedValue, 0, MAX_VALUE);\n\n const progressBarStyles = getProgressStyles(style);\n const progressValueStyles = getProgressValueStyles(style);\n const progressPercentageStyles = getProgressPercentageStyles(style);\n\n return (\n <div className={styles['progress-container']}>\n <progress\n className={clsx(\n styles.progress,\n progressValue >= MAX_VALUE && styles.complete,\n isInFlash && styles['progress-flash']\n )}\n max={MAX_VALUE}\n value={progressValue}\n aria-label={ariaLabel}\n // Ensures aria-label takes precedence over aria-labelledby\n aria-labelledby={!ariaLabel ? ariaLabelledby : undefined}\n aria-describedby={ariaDescribedby}\n style={{\n ...(progressBarStyles \|\| {}),\n ...(progressValueStyles \|\| {}),\n }}\n />\n <span aria-hidden=\"true\" className={styles['percentage-container']}>\n <InternalBox\n className={styles.percentage}\n variant=\"small\"\n color={isInFlash ? 'inherit' : undefined}\n nativeAttributes={progressPercentageStyles ? { style: progressPercentageStyles } : undefined}\n >\n {`${progressValue}%`}\n </InternalBox>\n </span>\n </div>\n );\n};\n\ninterface SmallTextProps {\n color?: BoxProps.Color;\n id?: string;\n children: React.ReactNode;\n className?: string;\n}\n\nexport const SmallText = ({ color, children, className, id }: SmallTextProps) => {\n return (\n <InternalBox className={clsx(styles['word-wrap'], className)} variant=\"small\" display=\"block\" color={color} id={id}>\n {children}\n </InternalBox>\n );\n};\n\nconst ResultButton = ({ onClick, children }: ButtonProps) => {\n return (\n <div className={styles['result-button']}>\n <InternalButton formAction=\"none\" onClick={onClick}>\n {children}\n </InternalButton>\n </div>\n );\n};\n\ninterface ResultStateProps {\n isInFlash: boolean;\n resultText: React.ReactNode;\n resultButtonText?: string;\n status: ProgressBarProps.Status;\n onClick: () => void;\n}\n\nexport const ResultState = ({ isInFlash, resultText, resultButtonText, status, onClick }: ResultStateProps) => {\n const hasResultButton = !!resultButtonText;\n\n if (isInFlash) {\n return (\n <div className={styles[`result-container-${status}`]}>\n <span className={styles['result-text']}>{resultText}</span>\n </div>\n );\n }\n\n return (\n <div className={styles[`result-container-${status}`]}>\n <span className={clsx(hasResultButton && styles['with-result-button'])}>\n <InternalStatusIndicator type={status === 'success' ? 'success' : 'error'}>\n <span className={styles['result-text']}>{resultText}</span>\n </InternalStatusIndicator>\n </span>\n {hasResultButton && <ResultButton onClick={onClick}>{resultButtonText}</ResultButton>}\n </div>\n );\n};\n"]}

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

@@ -1,23 +1,24 @@
     import './styles.scoped.css';
     export default {
-  "progress": "awsui_progress_11huc_1s035_189",
-  "result-state": "awsui_result-state_11huc_1s035_203",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_1s035_1",
-  "root": "awsui_root_11huc_1s035_225",
-  "with-result-button": "awsui_with-result-button_11huc_1s035_257",
-  "result-text": "awsui_result-text_11huc_1s035_261",
-  "result-container-error": "awsui_result-container-error_11huc_1s035_265",
-  "result-container-success": "awsui_result-container-success_11huc_1s035_265",
-  "result-button": "awsui_result-button_11huc_1s035_269",
-  "word-wrap": "awsui_word-wrap_11huc_1s035_275",
-  "label-flash": "awsui_label-flash_11huc_1s035_280",
-  "label-key-value": "awsui_label-key-value_11huc_1s035_284",
-  "flash": "awsui_flash_11huc_1s035_292",
-  "progress-container": "awsui_progress-container_11huc_1s035_296",
-  "percentage-container": "awsui_percentage-container_11huc_1s035_303",
-  "percentage": "awsui_percentage_11huc_1s035_303",
-  "complete": "awsui_complete_11huc_1s035_349",
-  "additional-info": "awsui_additional-info_11huc_1s035_363"
+  "progress": "awsui_progress_11huc_mdrxw_189",
+  "result-state": "awsui_result-state_11huc_mdrxw_203",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_mdrxw_1",
+  "root": "awsui_root_11huc_mdrxw_225",
+  "with-result-button": "awsui_with-result-button_11huc_mdrxw_257",
+  "result-text": "awsui_result-text_11huc_mdrxw_261",
+  "result-container-error": "awsui_result-container-error_11huc_mdrxw_265",
+  "result-container-success": "awsui_result-container-success_11huc_mdrxw_265",
+  "result-button": "awsui_result-button_11huc_mdrxw_269",
+  "word-wrap": "awsui_word-wrap_11huc_mdrxw_275",
+  "label-flash": "awsui_label-flash_11huc_mdrxw_280",
+  "label-key-value": "awsui_label-key-value_11huc_mdrxw_284",
+  "flash": "awsui_flash_11huc_mdrxw_292",
+  "progress-container": "awsui_progress-container_11huc_mdrxw_296",
+  "percentage-container": "awsui_percentage-container_11huc_mdrxw_303",
+  "percentage": "awsui_percentage_11huc_mdrxw_303",
+  "complete": "awsui_complete_11huc_mdrxw_349",
+  "progress-flash": "awsui_progress-flash_11huc_mdrxw_362",
+  "additional-info": "awsui_additional-info_11huc_mdrxw_375"
 };

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

@@ -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_1s035_189:not(#\9)::-webkit-progress-value {
+.awsui_progress_11huc_mdrxw_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_1s035_189:not(#\9)::-webkit-progress-value {
+  .awsui_progress_11huc_mdrxw_189:not(#\9)::-webkit-progress-value {
     animation: none;
     -webkit-transition: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_progress_11huc_1s035_189:not(#\9)::-webkit-progress-value, .awsui-mode-entering .awsui_progress_11huc_1s035_189:not(#\9)::-webkit-progress-value {
+.awsui-motion-disabled .awsui_progress_11huc_mdrxw_189:not(#\9)::-webkit-progress-value, .awsui-mode-entering .awsui_progress_11huc_mdrxw_189:not(#\9)::-webkit-progress-value {
   animation: none;
   -webkit-transition: none;
   transition: none;
 }
-.awsui_result-state_11huc_1s035_203:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_11huc_1s035_1 var(--motion-duration-transition-show-paced-0w35xp, 180ms) var(--motion-easing-transition-show-paced-ufdgkj, ease-out);
+.awsui_result-state_11huc_mdrxw_203:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_11huc_mdrxw_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_1s035_1 {
+@keyframes awsui_awsui-motion-fade-in_11huc_mdrxw_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_1s035_203:not(#\9) {
+  .awsui_result-state_11huc_mdrxw_203:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_result-state_11huc_1s035_203:not(#\9), .awsui-mode-entering .awsui_result-state_11huc_1s035_203:not(#\9) {
+.awsui-motion-disabled .awsui_result-state_11huc_mdrxw_203:not(#\9), .awsui-mode-entering .awsui_result-state_11huc_mdrxw_203:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_root_11huc_1s035_225:not(#\9) {
+.awsui_root_11huc_mdrxw_225:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -250,60 +250,60 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-spacing: normal;
   font-size: var(--font-size-body-m-tq5a14, 14px);
   line-height: var(--line-height-body-m-5xw6xo, 22px);
-  color: var(--color-text-body-default-5qid0u, #16191f);
+  color: var(--color-text-body-default-kbrad2, #16191f);
   font-weight: var(--font-weight-normal-fr92v6, 400);
   font-family: var(--font-family-base-c9u5cr, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
 }
-.awsui_with-result-button_11huc_1s035_257:not(#\9) {
+.awsui_with-result-button_11huc_mdrxw_257:not(#\9) {
   padding-inline-end: var(--space-m-n2lypl, 16px);
 }
-.awsui_result-text_11huc_1s035_261:not(#\9) {
+.awsui_result-text_11huc_mdrxw_261:not(#\9) {
   /* used in test-utils */
 }
-.awsui_result-container-error_11huc_1s035_265:not(#\9), .awsui_result-container-success_11huc_1s035_265:not(#\9) {
+.awsui_result-container-error_11huc_mdrxw_265:not(#\9), .awsui_result-container-success_11huc_mdrxw_265:not(#\9) {
   /* used in test-utils */
 }
-.awsui_result-button_11huc_1s035_269:not(#\9) {
+.awsui_result-button_11huc_mdrxw_269:not(#\9) {
   display: inline-block;
   margin-block: var(--space-scaled-xxs-jatbiv, 4px);
   margin-inline: 0;
 }
-.awsui_word-wrap_11huc_1s035_275:not(#\9) {
+.awsui_word-wrap_11huc_mdrxw_275:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
 }
-.awsui_label-flash_11huc_1s035_280:not(#\9) {
+.awsui_label-flash_11huc_mdrxw_280:not(#\9) {
   color: inherit;
   font-weight: var(--font-weight-bold-xpar9m, 700);
 }
-.awsui_label-key-value_11huc_1s035_284:not(#\9) {
+.awsui_label-key-value_11huc_mdrxw_284:not(#\9) {
   font-size: var(--font-size-body-m-tq5a14, 14px);
   line-height: var(--line-height-body-m-5xw6xo, 22px);
   font-weight: var(--font-display-label-weight-tz6zkz, 400);
-  color: var(--color-text-label-482ybi, #545b64);
+  color: var(--color-text-label-i3i1co, #545b64);
   margin-block-end: var(--space-scaled-xxxs-prgw5k, 2px);
 }
-.awsui_flash_11huc_1s035_292:not(#\9) {
+.awsui_flash_11huc_mdrxw_292:not(#\9) {
   color: inherit;
 }
-.awsui_progress-container_11huc_1s035_296:not(#\9) {
+.awsui_progress-container_11huc_mdrxw_296:not(#\9) {
   display: flex;
   align-items: center;
   max-inline-size: 800px;
   block-size: var(--line-height-body-m-5xw6xo, 22px);
 }
-.awsui_percentage-container_11huc_1s035_303:not(#\9) {
+.awsui_percentage-container_11huc_mdrxw_303:not(#\9) {
   inline-size: 33px;
   flex-shrink: 0;
   white-space: nowrap;
@@ -313,11 +313,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   letter-spacing: var(--letter-spacing-body-s-dzcybc, normal);
 }
-.awsui_percentage_11huc_1s035_303:not(#\9) {
+.awsui_percentage_11huc_mdrxw_303:not(#\9) {
   /* used in test-utils */
 }
-.awsui_progress_11huc_1s035_189:not(#\9) {
+.awsui_progress_11huc_mdrxw_189:not(#\9) {
   inline-size: 100%;
   margin-inline-end: var(--space-s-4a5hs8, 12px);
   min-inline-size: 0;
@@ -329,9 +329,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-start-end-radius: var(--awsui-progress-bar-border-radius-esndbs, 10px);
   border-end-start-radius: var(--awsui-progress-bar-border-radius-esndbs, 10px);
   border-end-end-radius: var(--awsui-progress-bar-border-radius-esndbs, 10px);
-  background-color: var(--awsui-progress-bar-background-color-esndbs, var(--color-background-progress-bar-default-kw9ow4, #eaeded));
+  background-color: var(--awsui-progress-bar-background-color-esndbs, var(--color-background-progress-bar-default-qe142c, #eaeded));
 }
-.awsui_progress_11huc_1s035_189:not(#\9)::-webkit-progress-bar {
+.awsui_progress_11huc_mdrxw_189:not(#\9)::-webkit-progress-bar {
   block-size: var(--awsui-progress-bar-height-esndbs, 4px);
   border-block: 0;
   border-inline: none;
@@ -340,29 +340,41 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-start-end-radius: var(--awsui-progress-bar-border-radius-esndbs, 10px);
   border-end-start-radius: var(--awsui-progress-bar-border-radius-esndbs, 10px);
   border-end-end-radius: var(--awsui-progress-bar-border-radius-esndbs, 10px);
-  background-color: var(--awsui-progress-bar-background-color-esndbs, var(--color-background-progress-bar-default-kw9ow4, #eaeded));
+  background-color: var(--awsui-progress-bar-background-color-esndbs, var(--color-background-progress-bar-default-qe142c, #eaeded));
 }
-.awsui_progress_11huc_1s035_189:not(#\9)::-webkit-progress-value {
+.awsui_progress_11huc_mdrxw_189:not(#\9)::-webkit-progress-value {
   border-start-start-radius: var(--awsui-progress-bar-border-radius-esndbs, 10px);
   border-start-end-radius: 0;
   border-end-start-radius: var(--awsui-progress-bar-border-radius-esndbs, 10px);
   border-end-end-radius: 0;
-  background-color: var(--awsui-progress-value-background-color-esndbs, var(--color-background-progress-bar-value-default-1bekh3, #0073bb));
+  background-color: var(--awsui-progress-value-background-color-esndbs, var(--color-background-progress-bar-value-default-434780, #0073bb));
 }
-.awsui_progress_11huc_1s035_189.awsui_complete_11huc_1s035_349:not(#\9)::-webkit-progress-value {
+.awsui_progress_11huc_mdrxw_189.awsui_complete_11huc_mdrxw_349:not(#\9)::-webkit-progress-value {
   border-start-start-radius: var(--awsui-progress-bar-border-radius-esndbs, 10px);
   border-start-end-radius: var(--awsui-progress-bar-border-radius-esndbs, 10px);
   border-end-start-radius: var(--awsui-progress-bar-border-radius-esndbs, 10px);
   border-end-end-radius: var(--awsui-progress-bar-border-radius-esndbs, 10px);
 }
-.awsui_progress_11huc_1s035_189:not(#\9)::-moz-progress-bar {
+.awsui_progress_11huc_mdrxw_189:not(#\9)::-moz-progress-bar {
   border-start-start-radius: var(--awsui-progress-bar-border-radius-esndbs, 10px);
   border-start-end-radius: 0;
   border-end-start-radius: var(--awsui-progress-bar-border-radius-esndbs, 10px);
   border-end-end-radius: 0;
-  background-color: var(--awsui-progress-value-background-color-esndbs, var(--color-background-progress-bar-value-default-1bekh3, #0073bb));
+  background-color: var(--awsui-progress-value-background-color-esndbs, var(--color-background-progress-bar-value-default-434780, #0073bb));
+}
+.awsui_progress_11huc_mdrxw_189.awsui_progress-flash_11huc_mdrxw_362:not(#\9) {
+  background-color: var(--awsui-progress-bar-background-color-esndbs, var(--color-background-progress-bar-flash-pc9rmz, #eaeded));
+}
+.awsui_progress_11huc_mdrxw_189.awsui_progress-flash_11huc_mdrxw_362:not(#\9)::-webkit-progress-bar {
+  background-color: var(--awsui-progress-bar-background-color-esndbs, var(--color-background-progress-bar-flash-pc9rmz, #eaeded));
+}
+.awsui_progress_11huc_mdrxw_189.awsui_progress-flash_11huc_mdrxw_362:not(#\9)::-webkit-progress-value {
+  background-color: var(--awsui-progress-value-background-color-esndbs, var(--color-background-progress-bar-value-flash-11y8o2, #0073bb));
+}
+.awsui_progress_11huc_mdrxw_189.awsui_progress-flash_11huc_mdrxw_362:not(#\9)::-moz-progress-bar {
+  background-color: var(--awsui-progress-value-background-color-esndbs, var(--color-background-progress-bar-value-flash-11y8o2, #0073bb));
 }
-.awsui_additional-info_11huc_1s035_363:not(#\9) {
+.awsui_additional-info_11huc_mdrxw_375:not(#\9) {
   /* used in test-utils */
 }

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

@@ -2,23 +2,24 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "progress": "awsui_progress_11huc_1s035_189",
-  "result-state": "awsui_result-state_11huc_1s035_203",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_1s035_1",
-  "root": "awsui_root_11huc_1s035_225",
-  "with-result-button": "awsui_with-result-button_11huc_1s035_257",
-  "result-text": "awsui_result-text_11huc_1s035_261",
-  "result-container-error": "awsui_result-container-error_11huc_1s035_265",
-  "result-container-success": "awsui_result-container-success_11huc_1s035_265",
-  "result-button": "awsui_result-button_11huc_1s035_269",
-  "word-wrap": "awsui_word-wrap_11huc_1s035_275",
-  "label-flash": "awsui_label-flash_11huc_1s035_280",
-  "label-key-value": "awsui_label-key-value_11huc_1s035_284",
-  "flash": "awsui_flash_11huc_1s035_292",
-  "progress-container": "awsui_progress-container_11huc_1s035_296",
-  "percentage-container": "awsui_percentage-container_11huc_1s035_303",
-  "percentage": "awsui_percentage_11huc_1s035_303",
-  "complete": "awsui_complete_11huc_1s035_349",
-  "additional-info": "awsui_additional-info_11huc_1s035_363"
+  "progress": "awsui_progress_11huc_mdrxw_189",
+  "result-state": "awsui_result-state_11huc_mdrxw_203",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_mdrxw_1",
+  "root": "awsui_root_11huc_mdrxw_225",
+  "with-result-button": "awsui_with-result-button_11huc_mdrxw_257",
+  "result-text": "awsui_result-text_11huc_mdrxw_261",
+  "result-container-error": "awsui_result-container-error_11huc_mdrxw_265",
+  "result-container-success": "awsui_result-container-success_11huc_mdrxw_265",
+  "result-button": "awsui_result-button_11huc_mdrxw_269",
+  "word-wrap": "awsui_word-wrap_11huc_mdrxw_275",
+  "label-flash": "awsui_label-flash_11huc_mdrxw_280",
+  "label-key-value": "awsui_label-key-value_11huc_mdrxw_284",
+  "flash": "awsui_flash_11huc_mdrxw_292",
+  "progress-container": "awsui_progress-container_11huc_mdrxw_296",
+  "percentage-container": "awsui_percentage-container_11huc_mdrxw_303",
+  "percentage": "awsui_percentage_11huc_mdrxw_303",
+  "complete": "awsui_complete_11huc_mdrxw_349",
+  "progress-flash": "awsui_progress-flash_11huc_mdrxw_362",
+  "additional-info": "awsui_additional-info_11huc_mdrxw_375"
 };

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

@@ -1,31 +1,31 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_55fkh_3ss3b_146",
-  "textarea-readonly": "awsui_textarea-readonly_55fkh_3ss3b_191",
-  "disabled": "awsui_disabled_55fkh_3ss3b_197",
-  "textarea-invalid": "awsui_textarea-invalid_55fkh_3ss3b_205",
-  "textarea-warning": "awsui_textarea-warning_55fkh_3ss3b_233",
-  "textarea": "awsui_textarea_55fkh_3ss3b_191",
-  "placeholder-visible": "awsui_placeholder-visible_55fkh_3ss3b_330",
-  "invalid": "awsui_invalid_55fkh_3ss3b_366",
-  "warning": "awsui_warning_55fkh_3ss3b_366",
-  "textarea-disabled": "awsui_textarea-disabled_55fkh_3ss3b_369",
-  "textarea-wrapper": "awsui_textarea-wrapper_55fkh_3ss3b_386",
-  "editable-wrapper": "awsui_editable-wrapper_55fkh_3ss3b_391",
-  "editable-element": "awsui_editable-element_55fkh_3ss3b_397",
-  "primary-action": "awsui_primary-action_55fkh_3ss3b_404",
-  "action-button": "awsui_action-button_55fkh_3ss3b_412",
-  "secondary-content": "awsui_secondary-content_55fkh_3ss3b_417",
-  "with-paddings": "awsui_with-paddings_55fkh_3ss3b_452",
-  "action-stripe": "awsui_action-stripe_55fkh_3ss3b_462",
-  "secondary-actions": "awsui_secondary-actions_55fkh_3ss3b_501",
-  "with-paddings-and-actions": "awsui_with-paddings-and-actions_55fkh_3ss3b_519",
-  "buffer": "awsui_buffer_55fkh_3ss3b_523",
-  "token-container": "awsui_token-container_55fkh_3ss3b_529",
-  "reference-wrapper": "awsui_reference-wrapper_55fkh_3ss3b_537",
-  "trigger-base": "awsui_trigger-base_55fkh_3ss3b_541",
-  "trigger-token": "awsui_trigger-token_55fkh_3ss3b_545",
-  "paragraph": "awsui_paragraph_55fkh_3ss3b_551"
+  "root": "awsui_root_55fkh_dd2h0_146",
+  "textarea-readonly": "awsui_textarea-readonly_55fkh_dd2h0_191",
+  "disabled": "awsui_disabled_55fkh_dd2h0_197",
+  "textarea-invalid": "awsui_textarea-invalid_55fkh_dd2h0_205",
+  "textarea-warning": "awsui_textarea-warning_55fkh_dd2h0_233",
+  "textarea": "awsui_textarea_55fkh_dd2h0_191",
+  "placeholder-visible": "awsui_placeholder-visible_55fkh_dd2h0_330",
+  "invalid": "awsui_invalid_55fkh_dd2h0_366",
+  "warning": "awsui_warning_55fkh_dd2h0_366",
+  "textarea-disabled": "awsui_textarea-disabled_55fkh_dd2h0_369",
+  "textarea-wrapper": "awsui_textarea-wrapper_55fkh_dd2h0_386",
+  "editable-wrapper": "awsui_editable-wrapper_55fkh_dd2h0_391",
+  "editable-element": "awsui_editable-element_55fkh_dd2h0_397",
+  "primary-action": "awsui_primary-action_55fkh_dd2h0_404",
+  "action-button": "awsui_action-button_55fkh_dd2h0_412",
+  "secondary-content": "awsui_secondary-content_55fkh_dd2h0_417",
+  "with-paddings": "awsui_with-paddings_55fkh_dd2h0_452",
+  "action-stripe": "awsui_action-stripe_55fkh_dd2h0_462",
+  "secondary-actions": "awsui_secondary-actions_55fkh_dd2h0_501",
+  "with-paddings-and-actions": "awsui_with-paddings-and-actions_55fkh_dd2h0_519",
+  "buffer": "awsui_buffer_55fkh_dd2h0_523",
+  "token-container": "awsui_token-container_55fkh_dd2h0_529",
+  "reference-wrapper": "awsui_reference-wrapper_55fkh_dd2h0_537",
+  "trigger-base": "awsui_trigger-base_55fkh_dd2h0_541",
+  "trigger-token": "awsui_trigger-token_55fkh_dd2h0_545",
+  "paragraph": "awsui_paragraph_55fkh_dd2h0_551"
 };