npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1188 → 3.0.1190 - Mend

@cloudscape-design/components-themeable 3.0.1188 → 3.0.1190

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 (25) hide show

package/lib/internal/manifest.json CHANGED Viewed

@@ -1,3 +1,3 @@
 {
-  "commit": "7746a982f5fe8edfd2a7888955c15e0d165af2bf"
+  "commit": "dcf2b46df25c5f5b5ba822a01971168c45efbfce"
 }

package/lib/internal/scss/internal/generated/custom-css-properties/index.scss CHANGED Viewed

@@ -1,6 +1,6 @@
     // Build environment
-    $awsui-commit-hash: "7746a982";
+    $awsui-commit-hash: "dcf2b46d";
     // Manually managed CSS-variables
     $maxContentWidth: --awsui-max-content-width-4hh3rt;
 $minContentWidth: --awsui-min-content-width-4hh3rt;

package/lib/internal/scss/progress-bar/styles.scss CHANGED Viewed

@@ -12,19 +12,19 @@ $progress-height: var(#{custom-props.$progressBarHeight}, 0.4 * styles.$base-siz
 $progress-border-radius: var(#{custom-props.$progressBarBorderRadius}, 10px);
 $progress-background-color: var(
   #{custom-props.$progressBarBackgroundColor},
-  awsui.$color-background-progress-bar-layout-default
+  awsui.$color-background-progress-bar-default
 );
 $progress-background-color-in-flash: var(
   #{custom-props.$progressBarBackgroundColor},
-  awsui.$color-background-progress-bar-layout-in-flash
+  awsui.$color-background-progress-bar-in-flash
 );
 $progress-value-background-color: var(
   #{custom-props.$progressValueBackgroundColor},
-  awsui.$color-background-progress-bar-content-default
+  awsui.$color-background-progress-bar-value-default
 );
 $progress-value-background-color-in-flash: var(
   #{custom-props.$progressValueBackgroundColor},
-  awsui.$color-background-progress-bar-content-in-flash
+  awsui.$color-background-progress-bar-value-in-flash
 );
 .root {

package/lib/internal/template/internal/base-component/styles.scoped.css CHANGED Viewed

@@ -302,10 +302,10 @@ body {
   --color-background-notification-stack-bar-active-ckgod9:var(--color-neutral-750-gjawa6);
   --color-background-notification-stack-bar-hover-p3fzky:var(--color-neutral-650-92yp10);
   --color-background-popover-8fgrfw:var(--color-white-jf0w15);
-  --color-background-progress-bar-content-default-e6lde4:var(--color-primary-600-be1v6a);
-  --color-background-progress-bar-content-in-flash-35l1ep:var(--color-grey-opaque-70-ueherc);
-  --color-background-progress-bar-layout-default-ydn5oo:var(--color-neutral-250-hdfqdx);
-  --color-background-progress-bar-layout-in-flash-3zz9tl:var(--color-grey-opaque-25-14nktr);
+  --color-background-progress-bar-value-default-ndnwz2:var(--color-primary-600-be1v6a);
+  --color-background-progress-bar-value-in-flash-lx9kew:var(--color-grey-opaque-70-ueherc);
+  --color-background-progress-bar-default-at8clm:var(--color-neutral-250-hdfqdx);
+  --color-background-progress-bar-in-flash-5pgc5p:var(--color-grey-opaque-25-14nktr);
   --color-background-segment-active-pvua4h:var(--color-primary-600-be1v6a);
   --color-background-segment-default-zwi7m6:var(--color-background-button-normal-default-odgg8b);
   --color-background-segment-disabled-etp65k:var(--color-background-button-normal-disabled-rd09ns);
@@ -922,9 +922,9 @@ body {
     --color-background-modal-overlay-i6vork:var(--color-grey-opaque-80-1l8ptn);
     --color-background-notification-grey-yzex9c:var(--color-neutral-600-boivn8);
     --color-background-popover-8fgrfw:var(--color-neutral-800-u27ub9);
-    --color-background-progress-bar-content-default-e6lde4:var(--color-primary-400-i8y8uk);
-    --color-background-progress-bar-content-in-flash-35l1ep:var(--color-neutral-100-wbgy1o);
-    --color-background-progress-bar-layout-default-ydn5oo:var(--color-neutral-700-heh17v);
+    --color-background-progress-bar-value-default-ndnwz2:var(--color-primary-400-i8y8uk);
+    --color-background-progress-bar-value-in-flash-lx9kew:var(--color-neutral-100-wbgy1o);
+    --color-background-progress-bar-default-at8clm:var(--color-neutral-700-heh17v);
     --color-background-segment-active-pvua4h:var(--color-primary-400-i8y8uk);
     --color-background-slider-handle-default-pb538l:var(--color-primary-400-i8y8uk);
     --color-background-slider-handle-active-9ejayt:var(--color-primary-300-jwvz31);
@@ -1184,9 +1184,9 @@ body {
   --color-background-modal-overlay-i6vork:var(--color-grey-opaque-80-1l8ptn);
   --color-background-notification-grey-yzex9c:var(--color-neutral-600-boivn8);
   --color-background-popover-8fgrfw:var(--color-neutral-800-u27ub9);
-  --color-background-progress-bar-content-default-e6lde4:var(--color-primary-400-i8y8uk);
-  --color-background-progress-bar-content-in-flash-35l1ep:var(--color-neutral-100-wbgy1o);
-  --color-background-progress-bar-layout-default-ydn5oo:var(--color-neutral-700-heh17v);
+  --color-background-progress-bar-value-default-ndnwz2:var(--color-primary-400-i8y8uk);
+  --color-background-progress-bar-value-in-flash-lx9kew:var(--color-neutral-100-wbgy1o);
+  --color-background-progress-bar-default-at8clm:var(--color-neutral-700-heh17v);
   --color-background-segment-active-pvua4h:var(--color-primary-400-i8y8uk);
   --color-background-slider-handle-default-pb538l:var(--color-primary-400-i8y8uk);
   --color-background-slider-handle-active-9ejayt:var(--color-primary-300-jwvz31);
@@ -1422,8 +1422,8 @@ body {
   --color-background-button-normal-active-4h10xg:rgba(0, 7, 22, 0.1);
   --color-background-button-normal-default-odgg8b:transparent;
   --color-background-button-normal-hover-r7x40d:rgba(0, 7, 22, 0.05);
-  --color-background-progress-bar-content-in-flash-35l1ep:var(--color-neutral-950-qehfms);
-  --color-background-progress-bar-layout-in-flash-3zz9tl:var(--color-grey-opaque-10-qsc933);
+  --color-background-progress-bar-value-in-flash-lx9kew:var(--color-neutral-950-qehfms);
+  --color-background-progress-bar-in-flash-5pgc5p:var(--color-grey-opaque-10-qsc933);
   --color-border-button-normal-active-soiq8b:var(--color-text-button-normal-hover-tksuqp);
   --color-border-button-normal-default-5aez2l:var(--color-text-button-normal-default-gl8uar);
   --color-border-button-normal-hover-3y34o0:var(--color-text-button-normal-hover-tksuqp);
@@ -1597,7 +1597,7 @@ body {
   --color-background-layout-toggle-default-q2nv0b:var(--color-neutral-650-92yp10);
   --color-background-layout-toggle-hover-t77zty:var(--color-neutral-600-boivn8);
   --color-background-modal-overlay-i6vork:var(--color-grey-opaque-70-ueherc);
-  --color-background-progress-bar-content-in-flash-35l1ep:var(--color-white-jf0w15);
+  --color-background-progress-bar-value-in-flash-lx9kew:var(--color-white-jf0w15);
   --color-background-chat-bubble-incoming-m85frs:var(--color-neutral-150-8fqber);
   --color-border-button-normal-active-soiq8b:var(--color-primary-900-fp8i41);
   --color-border-button-normal-default-5aez2l:var(--color-primary-600-be1v6a);
@@ -1854,8 +1854,8 @@ body {
   --color-background-notification-stack-bar-y058lw:var(--color-neutral-750-gjawa6);
   --color-background-notification-stack-bar-active-ckgod9:var(--color-neutral-750-gjawa6);
   --color-background-notification-stack-bar-hover-p3fzky:var(--color-neutral-650-92yp10);
-  --color-background-progress-bar-content-default-e6lde4:var(--color-primary-600-be1v6a);
-  --color-background-progress-bar-layout-default-ydn5oo:var(--color-neutral-250-hdfqdx);
+  --color-background-progress-bar-value-default-ndnwz2:var(--color-primary-600-be1v6a);
+  --color-background-progress-bar-default-at8clm:var(--color-neutral-250-hdfqdx);
   --color-background-segment-active-pvua4h:var(--color-primary-600-be1v6a);
   --color-background-segment-hover-bakufl:var(--color-background-button-normal-hover-r7x40d);
   --color-background-slider-range-default-ckhqiz:var(--color-background-slider-handle-default-pb538l);
@@ -2028,8 +2028,8 @@ body {
     --color-background-layout-toggle-selected-default-o4my1h:var(--color-primary-400-i8y8uk);
     --color-background-layout-toggle-selected-hover-yuaxel:var(--color-primary-300-jwvz31);
     --color-background-notification-grey-yzex9c:var(--color-neutral-600-boivn8);
-    --color-background-progress-bar-content-default-e6lde4:var(--color-primary-400-i8y8uk);
-    --color-background-progress-bar-layout-default-ydn5oo:var(--color-neutral-700-heh17v);
+    --color-background-progress-bar-value-default-ndnwz2:var(--color-primary-400-i8y8uk);
+    --color-background-progress-bar-default-at8clm:var(--color-neutral-700-heh17v);
     --color-background-segment-active-pvua4h:var(--color-primary-400-i8y8uk);
     --color-background-slider-handle-default-pb538l:var(--color-primary-400-i8y8uk);
     --color-background-slider-handle-active-9ejayt:var(--color-primary-300-jwvz31);
@@ -2203,7 +2203,7 @@ body {
   --color-background-layout-mobile-panel-20j5lz:var(--color-neutral-950-qehfms);
   --color-background-layout-toggle-selected-default-o4my1h:var(--color-primary-400-i8y8uk);
   --color-background-modal-overlay-i6vork:var(--color-grey-opaque-70-ueherc);
-  --color-background-progress-bar-content-in-flash-35l1ep:var(--color-white-jf0w15);
+  --color-background-progress-bar-value-in-flash-lx9kew:var(--color-white-jf0w15);
   --color-background-tiles-disabled-t4fvzv:var(--color-neutral-800-u27ub9);
   --color-background-toggle-checked-disabled-i9a3za:var(--color-primary-900-fp8i41);
   --color-border-button-normal-active-soiq8b:var(--color-primary-300-jwvz31);
@@ -2340,8 +2340,8 @@ body {
   --color-background-layout-toggle-selected-default-o4my1h:var(--color-primary-400-i8y8uk);
   --color-background-layout-toggle-selected-hover-yuaxel:var(--color-primary-300-jwvz31);
   --color-background-notification-grey-yzex9c:var(--color-neutral-600-boivn8);
-  --color-background-progress-bar-content-default-e6lde4:var(--color-primary-400-i8y8uk);
-  --color-background-progress-bar-layout-default-ydn5oo:var(--color-neutral-700-heh17v);
+  --color-background-progress-bar-value-default-ndnwz2:var(--color-primary-400-i8y8uk);
+  --color-background-progress-bar-default-at8clm:var(--color-neutral-700-heh17v);
   --color-background-segment-active-pvua4h:var(--color-primary-400-i8y8uk);
   --color-background-slider-handle-default-pb538l:var(--color-primary-400-i8y8uk);
   --color-background-slider-handle-active-9ejayt:var(--color-primary-300-jwvz31);
@@ -2558,8 +2558,8 @@ body {
   --color-background-layout-toggle-selected-hover-yuaxel:var(--color-primary-300-jwvz31);
   --color-background-notification-grey-yzex9c:var(--color-neutral-600-boivn8);
   --color-background-popover-8fgrfw:var(--color-neutral-800-u27ub9);
-  --color-background-progress-bar-content-default-e6lde4:var(--color-primary-400-i8y8uk);
-  --color-background-progress-bar-layout-default-ydn5oo:var(--color-neutral-700-heh17v);
+  --color-background-progress-bar-value-default-ndnwz2:var(--color-primary-400-i8y8uk);
+  --color-background-progress-bar-default-at8clm:var(--color-neutral-700-heh17v);
   --color-background-segment-active-pvua4h:var(--color-primary-400-i8y8uk);
   --color-background-segment-default-zwi7m6:var(--color-neutral-950-qehfms);
   --color-background-segment-disabled-etp65k:var(--color-neutral-950-qehfms);
@@ -2801,8 +2801,8 @@ body {
   --color-background-layout-toggle-selected-hover-yuaxel:var(--color-primary-300-jwvz31);
   --color-background-notification-grey-yzex9c:var(--color-neutral-600-boivn8);
   --color-background-popover-8fgrfw:var(--color-neutral-800-u27ub9);
-  --color-background-progress-bar-content-default-e6lde4:var(--color-primary-400-i8y8uk);
-  --color-background-progress-bar-layout-default-ydn5oo:var(--color-neutral-700-heh17v);
+  --color-background-progress-bar-value-default-ndnwz2:var(--color-primary-400-i8y8uk);
+  --color-background-progress-bar-default-at8clm:var(--color-neutral-700-heh17v);
   --color-background-segment-active-pvua4h:var(--color-primary-400-i8y8uk);
   --color-background-segment-default-zwi7m6:var(--color-neutral-950-qehfms);
   --color-background-segment-disabled-etp65k:var(--color-neutral-950-qehfms);
@@ -3083,7 +3083,7 @@ body {
 .awsui-context-flashbar-warning.awsui-visual-refresh:not(#\9) {
   --color-background-button-normal-active-4h10xg:rgba(0, 7, 22, 0.1);
   --color-background-button-normal-hover-r7x40d:rgba(0, 7, 22, 0.05);
-  --color-background-progress-bar-content-in-flash-35l1ep:var(--color-neutral-950-qehfms);
+  --color-background-progress-bar-value-in-flash-lx9kew:var(--color-neutral-950-qehfms);
   --color-border-button-normal-active-soiq8b:var(--color-text-button-normal-hover-tksuqp);
   --color-border-button-normal-default-5aez2l:var(--color-text-button-normal-default-gl8uar);
   --color-border-button-normal-hover-3y34o0:var(--color-text-button-normal-hover-tksuqp);
@@ -3229,8 +3229,8 @@ body {
   --color-background-layout-toggle-selected-hover-yuaxel:var(--color-primary-300-jwvz31);
   --color-background-notification-grey-yzex9c:var(--color-neutral-600-boivn8);
   --color-background-popover-8fgrfw:var(--color-neutral-800-u27ub9);
-  --color-background-progress-bar-content-default-e6lde4:var(--color-primary-400-i8y8uk);
-  --color-background-progress-bar-layout-default-ydn5oo:var(--color-neutral-700-heh17v);
+  --color-background-progress-bar-value-default-ndnwz2:var(--color-primary-400-i8y8uk);
+  --color-background-progress-bar-default-at8clm:var(--color-neutral-700-heh17v);
   --color-background-segment-active-pvua4h:var(--color-primary-400-i8y8uk);
   --color-background-slider-handle-default-pb538l:var(--color-primary-400-i8y8uk);
   --color-background-slider-handle-active-9ejayt:var(--color-primary-300-jwvz31);
@@ -3460,8 +3460,8 @@ body {
   --color-background-layout-toggle-selected-hover-yuaxel:var(--color-primary-300-jwvz31);
   --color-background-notification-grey-yzex9c:var(--color-neutral-600-boivn8);
   --color-background-popover-8fgrfw:var(--color-neutral-800-u27ub9);
-  --color-background-progress-bar-content-default-e6lde4:var(--color-primary-400-i8y8uk);
-  --color-background-progress-bar-layout-default-ydn5oo:var(--color-neutral-700-heh17v);
+  --color-background-progress-bar-value-default-ndnwz2:var(--color-primary-400-i8y8uk);
+  --color-background-progress-bar-default-at8clm:var(--color-neutral-700-heh17v);
   --color-background-segment-active-pvua4h:var(--color-primary-400-i8y8uk);
   --color-background-slider-handle-default-pb538l:var(--color-primary-400-i8y8uk);
   --color-background-slider-handle-active-9ejayt:var(--color-primary-300-jwvz31);
@@ -3810,5 +3810,5 @@ body {
   }
 }
 :root {
-  --awsui-version-info-7746a982: true;
+  --awsui-version-info-dcf2b46d: true;
 }

package/lib/internal/template/internal/components/autosuggest-input/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/autosuggest-input/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAgE,MAAM,OAAO,CAAC;AAGrF,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EACL,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,UAAU,EACX,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAE,+BAA+B,EAAuB,MAAM,kCAAkC,CAAC;AACxG,OAAO,EAA8D,yBAAyB,EAAE,MAAM,cAAc,CAAC;AACrH,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;~~AAK5E~~,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAI1D,UAAU,qBACR,SAAQ,kBAAkB,EACxB,cAAc,EACd,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,+BAA+B,EAC/B,gBAAgB,EAChB,0BAA0B;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC;IAClD,cAAc,CAAC,EAAE,yBAAyB,CAAC,gBAAgB,CAAC,CAAC;IAC7D,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,OAAO,CAAC;IAC7B,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;CAC7B;AAED,UAAU,4BAA4B;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,mBAAoB,SAAQ,gBAAgB,CAAC,GAAG;IAC/D,KAAK,CAAC,OAAO,CAAC,EAAE,4BAA4B,GAAG,IAAI,CAAC;IACpD,IAAI,IAAI,IAAI,CAAC;IACb,KAAK,IAAI,IAAI,CAAC;CACf;AAED,QAAA,MAAM,gBAAgB,~~mGAgRrB~~,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/autosuggest-input/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAgE,MAAM,OAAO,CAAC;AAGrF,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EACL,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,UAAU,EACX,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAE,+BAA+B,EAAuB,MAAM,kCAAkC,CAAC;AACxG,OAAO,EAA8D,yBAAyB,EAAE,MAAM,cAAc,CAAC;AACrH,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAM5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAI1D,UAAU,qBACR,SAAQ,kBAAkB,EACxB,cAAc,EACd,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,+BAA+B,EAC/B,gBAAgB,EAChB,0BAA0B;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC;IAClD,cAAc,CAAC,EAAE,yBAAyB,CAAC,gBAAgB,CAAC,CAAC;IAC7D,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,OAAO,CAAC;IAC7B,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;CAC7B;AAED,UAAU,4BAA4B;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,mBAAoB,SAAQ,gBAAgB,CAAC,GAAG;IAC/D,KAAK,CAAC,OAAO,CAAC,EAAE,4BAA4B,GAAG,IAAI,CAAC;IACpD,IAAI,IAAI,IAAI,CAAC;IACb,KAAK,IAAI,IAAI,CAAC;CACf;AAED,QAAA,MAAM,gBAAgB,mGAuRrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/lib/internal/template/internal/components/autosuggest-input/index.js CHANGED Viewed

@@ -6,6 +6,7 @@ import InternalInput from '../../../input/internal';
 import { getBaseProps } from '../../base-component';
 import { useFormFieldContext } from '../../context/form-field-context';
 import { fireCancelableEvent, fireNonCancelableEvent } from '../../events';
+import { useIMEComposition } from '../../hooks/use-ime-composition';
 import { KeyCode } from '../../keycode';
 import { nodeBelongs } from '../../utils/node-belongs';
 import { processAttributes } from '../../utils/with-native-attributes';
@@ -25,6 +26,7 @@ const AutosuggestInput = React.forwardRef(({ value, onChange, onBlur, onFocus, o
         setOpen(false);
         fireNonCancelableEvent(onCloseDropdown, null);
     };
+    const { isComposing } = useIMEComposition(inputRef);
     useImperativeHandle(ref, () => ({
         focus(options) {
             var _a;
@@ -84,6 +86,10 @@ const AutosuggestInput = React.forwardRef(({ value, onChange, onBlur, onFocus, o
                 break;
             }
             case KeyCode.enter: {
+                if (isComposing()) {
+                    event.preventDefault();
+                    return;
+                }
                 if (open) {
                     if (!(onPressEnter === null || onPressEnter === void 0 ? void 0 : onPressEnter())) {
                         closeDropdown();

package/lib/internal/template/internal/components/autosuggest-input/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/autosuggest-input/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\nimport React, { Ref, useEffect, useImperativeHandle, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { AutosuggestProps } from '../../../autosuggest/interfaces';\nimport {\n BaseChangeDetail,\n BaseInputProps,\n InputAutoCorrect,\n InputClearLabel,\n InputKeyEvents,\n InputProps,\n} from '../../../input/interfaces';\nimport InternalInput from '../../../input/internal';\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport { FormFieldValidationControlProps, useFormFieldContext } from '../../context/form-field-context';\nimport { BaseKeyDetail, fireCancelableEvent, fireNonCancelableEvent, NonCancelableEventHandler } from '../../events';\nimport { InternalBaseComponentProps } from '../../hooks/use-base-component';\nimport { KeyCode } from '../../keycode';\nimport { nodeBelongs } from '../../utils/node-belongs';\nimport { processAttributes } from '../../utils/with-native-attributes';\nimport Dropdown from '../dropdown';\nimport { ExpandToViewport } from '../dropdown/interfaces';\n\nimport styles from './styles.css.js';\n\ninterface AutosuggestInputProps\n extends BaseComponentProps,\n BaseInputProps,\n InputAutoCorrect,\n InputKeyEvents,\n InputClearLabel,\n FormFieldValidationControlProps,\n ExpandToViewport,\n InternalBaseComponentProps {\n ariaControls?: string;\n ariaActivedescendant?: string;\n dropdownExpanded?: boolean;\n dropdownContentKey?: string;\n dropdownContentFocusable?: boolean;\n dropdownContent?: React.ReactNode;\n dropdownFooter?: React.ReactNode;\n dropdownWidth?: number;\n loopFocus?: boolean;\n onCloseDropdown?: NonCancelableEventHandler<null>;\n onDelayedInput?: NonCancelableEventHandler<BaseChangeDetail>;\n onPressArrowDown?: () => void;\n onPressArrowUp?: () => void;\n onPressEnter?: () => boolean;\n style?: InputProps['style'];\n}\n\ninterface AutosuggestInputFocusOptions {\n preventDropdown?: boolean;\n}\n\nexport interface AutosuggestInputRef extends AutosuggestProps.Ref {\n focus(options?: AutosuggestInputFocusOptions): void;\n open(): void;\n close(): void;\n}\n\nconst AutosuggestInput = React.forwardRef(\n (\n {\n value,\n onChange,\n onBlur,\n onFocus,\n onKeyUp,\n onKeyDown,\n name,\n placeholder,\n disabled,\n readOnly,\n autoFocus,\n ariaLabel,\n ariaRequired,\n disableBrowserAutocorrect = false,\n expandToViewport,\n ariaControls,\n ariaActivedescendant,\n clearAriaLabel,\n dropdownExpanded = true,\n dropdownContentKey,\n dropdownContentFocusable = false,\n dropdownContent = null,\n dropdownFooter = null,\n dropdownWidth,\n loopFocus,\n nativeInputAttributes,\n onCloseDropdown,\n onDelayedInput,\n onPressArrowDown,\n onPressArrowUp,\n onPressEnter,\n style,\n __internalRootRef,\n ...restProps\n }: AutosuggestInputProps,\n ref: Ref<AutosuggestInputRef>\n ) => {\n const baseProps = getBaseProps(restProps);\n const formFieldContext = useFormFieldContext(restProps);\n\n const inputRef = useRef<HTMLInputElement>(null);\n const dropdownContentRef = useRef<HTMLDivElement>(null);\n const dropdownFooterRef = useRef<HTMLDivElement>(null);\n const preventOpenOnFocusRef = useRef(false);\n const preventCloseOnBlurRef = useRef(false);\n\n const [open, setOpen] = useState(false);\n\n const openDropdown = () => !readOnly && setOpen(true);\n\n const closeDropdown = () => {\n setOpen(false);\n fireNonCancelableEvent(onCloseDropdown, null);\n };\n\n useImperativeHandle(ref, () => ({\n focus(options?: AutosuggestInputFocusOptions) {\n if (options?.preventDropdown) {\n preventOpenOnFocusRef.current = true;\n }\n inputRef.current?.focus();\n },\n select() {\n inputRef.current?.select();\n },\n open: openDropdown,\n close: closeDropdown,\n }));\n\n const handleBlur = () => {\n if (!preventCloseOnBlurRef.current) {\n closeDropdown();\n fireNonCancelableEvent(onBlur, null);\n }\n };\n\n const handleFocus = () => {\n if (!preventOpenOnFocusRef.current) {\n openDropdown();\n fireNonCancelableEvent(onFocus, null);\n }\n preventOpenOnFocusRef.current = false;\n };\n\n const fireKeydown = (event: CustomEvent<BaseKeyDetail>) => fireCancelableEvent(onKeyDown, event.detail, event);\n\n // Shared ESC key handler logic for both input and dropdown elements\n // When returnFocus is true (from dropdown elements), focus returns to input after closing\n const handleEscapeKey = (returnFocus: boolean) => {\n if (open) {\n closeDropdown();\n if (returnFocus) {\n // Return focus to input when closing from dropdown elements (e.g., recovery button)\n inputRef.current?.focus();\n }\n } else if (value) {\n fireNonCancelableEvent(onChange, { value: '' });\n }\n };\n\n const handleKeyDown = (event: CustomEvent<BaseKeyDetail>) => {\n switch (event.detail.keyCode) {\n case KeyCode.down: {\n onPressArrowDown?.();\n openDropdown();\n event.preventDefault();\n break;\n }\n case KeyCode.up: {\n onPressArrowUp?.();\n openDropdown();\n event.preventDefault();\n break;\n }\n case KeyCode.enter: {\n if (open) {\n if (!onPressEnter?.()) {\n closeDropdown();\n }\n event.preventDefault();\n }\n fireKeydown(event);\n break;\n }\n case KeyCode.escape: {\n // Use shared ESC handler, without focus restoration since ESC came from input\n handleEscapeKey(false);\n if (open \|\| value) {\n event.stopPropagation();\n }\n event.preventDefault();\n fireKeydown(event);\n break;\n }\n default: {\n fireKeydown(event);\n }\n }\n };\n\n const handleChange = (value: string) => {\n openDropdown();\n fireNonCancelableEvent(onChange, { value });\n };\n\n const handleDelayedInput = (value: string) => {\n fireNonCancelableEvent(onDelayedInput, { value });\n };\n\n const handleDropdownMouseDown: React.MouseEventHandler = event => {\n // Prevent currently focused element from losing focus.\n if (!dropdownContentFocusable) {\n event.preventDefault();\n }\n // Prevent closing dropdown on click inside.\n else {\n preventCloseOnBlurRef.current = true;\n requestAnimationFrame(() => {\n preventCloseOnBlurRef.current = false;\n });\n }\n };\n\n const expanded = open && dropdownExpanded;\n const nativeAttributes: BaseInputProps['nativeInputAttributes'] = {\n name,\n placeholder,\n autoFocus,\n onClick: openDropdown,\n role: 'combobox',\n 'aria-autocomplete': 'list',\n 'aria-expanded': expanded,\n 'aria-controls': open ? ariaControls : undefined,\n // 'aria-owns' needed for safari+vo to announce activedescendant content\n 'aria-owns': open ? ariaControls : undefined,\n 'aria-label': ariaLabel,\n 'aria-activedescendant': ariaActivedescendant,\n };\n\n // Closes dropdown when outside click is detected.\n // Similar to the internal dropdown implementation but includes the target as well.\n useEffect(() => {\n if (!open) {\n return;\n }\n\n const clickListener = (event: MouseEvent) => {\n if (\n !nodeBelongs(inputRef.current, event.target) &&\n !nodeBelongs(dropdownContentRef.current, event.target) &&\n !nodeBelongs(dropdownFooterRef.current, event.target)\n ) {\n closeDropdown();\n }\n };\n\n window.addEventListener('mousedown', clickListener);\n\n return () => {\n window.removeEventListener('mousedown', clickListener);\n };\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [open]);\n\n const handleDropdownKeyDown: React.KeyboardEventHandler = event => {\n // Handle ESC key from focusable elements inside the dropdown (e.g., recovery button)\n // but NOT from the input itself (that's handled by handleKeyDown)\n const isFromInput = event.target === inputRef.current \|\| nodeBelongs(inputRef.current, event.target);\n\n if (event.key === 'Escape' && !isFromInput) {\n event.stopPropagation();\n event.preventDefault();\n // Use shared ESC handler with focus restoration since ESC came from dropdown element\n handleEscapeKey(true);\n }\n };\n\n return (\n <div {...baseProps} className={clsx(baseProps.className, styles.root)} ref={__internalRootRef}>\n <Dropdown\n minWidth={dropdownWidth}\n stretchWidth={!dropdownWidth}\n stretchBeyondTriggerWidth={true}\n contentKey={dropdownContentKey}\n onFocus={handleFocus}\n onBlur={handleBlur}\n trigger={\n <InternalInput\n type=\"visualSearch\"\n value={value}\n onChange={event => handleChange(event.detail.value)}\n __onDelayedInput={event => handleDelayedInput(event.detail.value)}\n onKeyDown={handleKeyDown}\n onKeyUp={onKeyUp}\n disabled={disabled}\n disableBrowserAutocorrect={disableBrowserAutocorrect}\n readOnly={readOnly}\n ariaRequired={ariaRequired}\n clearAriaLabel={clearAriaLabel}\n ref={inputRef}\n autoComplete={false}\n nativeInputAttributes={processAttributes(nativeAttributes, nativeInputAttributes, 'Autosuggest')}\n __skipNativeAttributesWarnings={Object.keys(nativeAttributes)}\n style={style}\n {...formFieldContext}\n />\n }\n onMouseDown={handleDropdownMouseDown}\n open={open && (!!dropdownContent \|\| !!dropdownFooter)}\n footer={\n dropdownFooterRef && (\n <div ref={dropdownFooterRef} className={styles['dropdown-footer']} onKeyDown={handleDropdownKeyDown}>\n {open && dropdownFooter ? dropdownFooter : null}\n </div>\n )\n }\n expandToViewport={expandToViewport}\n loopFocus={loopFocus}\n >\n {open && dropdownContent ? (\n <div ref={dropdownContentRef} className={styles['dropdown-content']}>\n {dropdownContent}\n </div>\n ) : null}\n </Dropdown>\n </div>\n );\n }\n);\n\nexport default AutosuggestInput;\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/autosuggest-input/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\nimport React, { Ref, useEffect, useImperativeHandle, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { AutosuggestProps } from '../../../autosuggest/interfaces';\nimport {\n BaseChangeDetail,\n BaseInputProps,\n InputAutoCorrect,\n InputClearLabel,\n InputKeyEvents,\n InputProps,\n} from '../../../input/interfaces';\nimport InternalInput from '../../../input/internal';\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport { FormFieldValidationControlProps, useFormFieldContext } from '../../context/form-field-context';\nimport { BaseKeyDetail, fireCancelableEvent, fireNonCancelableEvent, NonCancelableEventHandler } from '../../events';\nimport { InternalBaseComponentProps } from '../../hooks/use-base-component';\nimport { useIMEComposition } from '../../hooks/use-ime-composition';\nimport { KeyCode } from '../../keycode';\nimport { nodeBelongs } from '../../utils/node-belongs';\nimport { processAttributes } from '../../utils/with-native-attributes';\nimport Dropdown from '../dropdown';\nimport { ExpandToViewport } from '../dropdown/interfaces';\n\nimport styles from './styles.css.js';\n\ninterface AutosuggestInputProps\n extends BaseComponentProps,\n BaseInputProps,\n InputAutoCorrect,\n InputKeyEvents,\n InputClearLabel,\n FormFieldValidationControlProps,\n ExpandToViewport,\n InternalBaseComponentProps {\n ariaControls?: string;\n ariaActivedescendant?: string;\n dropdownExpanded?: boolean;\n dropdownContentKey?: string;\n dropdownContentFocusable?: boolean;\n dropdownContent?: React.ReactNode;\n dropdownFooter?: React.ReactNode;\n dropdownWidth?: number;\n loopFocus?: boolean;\n onCloseDropdown?: NonCancelableEventHandler<null>;\n onDelayedInput?: NonCancelableEventHandler<BaseChangeDetail>;\n onPressArrowDown?: () => void;\n onPressArrowUp?: () => void;\n onPressEnter?: () => boolean;\n style?: InputProps['style'];\n}\n\ninterface AutosuggestInputFocusOptions {\n preventDropdown?: boolean;\n}\n\nexport interface AutosuggestInputRef extends AutosuggestProps.Ref {\n focus(options?: AutosuggestInputFocusOptions): void;\n open(): void;\n close(): void;\n}\n\nconst AutosuggestInput = React.forwardRef(\n (\n {\n value,\n onChange,\n onBlur,\n onFocus,\n onKeyUp,\n onKeyDown,\n name,\n placeholder,\n disabled,\n readOnly,\n autoFocus,\n ariaLabel,\n ariaRequired,\n disableBrowserAutocorrect = false,\n expandToViewport,\n ariaControls,\n ariaActivedescendant,\n clearAriaLabel,\n dropdownExpanded = true,\n dropdownContentKey,\n dropdownContentFocusable = false,\n dropdownContent = null,\n dropdownFooter = null,\n dropdownWidth,\n loopFocus,\n nativeInputAttributes,\n onCloseDropdown,\n onDelayedInput,\n onPressArrowDown,\n onPressArrowUp,\n onPressEnter,\n style,\n __internalRootRef,\n ...restProps\n }: AutosuggestInputProps,\n ref: Ref<AutosuggestInputRef>\n ) => {\n const baseProps = getBaseProps(restProps);\n const formFieldContext = useFormFieldContext(restProps);\n\n const inputRef = useRef<HTMLInputElement>(null);\n const dropdownContentRef = useRef<HTMLDivElement>(null);\n const dropdownFooterRef = useRef<HTMLDivElement>(null);\n const preventOpenOnFocusRef = useRef(false);\n const preventCloseOnBlurRef = useRef(false);\n\n const [open, setOpen] = useState(false);\n\n const openDropdown = () => !readOnly && setOpen(true);\n\n const closeDropdown = () => {\n setOpen(false);\n fireNonCancelableEvent(onCloseDropdown, null);\n };\n\n const { isComposing } = useIMEComposition(inputRef);\n\n useImperativeHandle(ref, () => ({\n focus(options?: AutosuggestInputFocusOptions) {\n if (options?.preventDropdown) {\n preventOpenOnFocusRef.current = true;\n }\n inputRef.current?.focus();\n },\n select() {\n inputRef.current?.select();\n },\n open: openDropdown,\n close: closeDropdown,\n }));\n\n const handleBlur = () => {\n if (!preventCloseOnBlurRef.current) {\n closeDropdown();\n fireNonCancelableEvent(onBlur, null);\n }\n };\n\n const handleFocus = () => {\n if (!preventOpenOnFocusRef.current) {\n openDropdown();\n fireNonCancelableEvent(onFocus, null);\n }\n preventOpenOnFocusRef.current = false;\n };\n\n const fireKeydown = (event: CustomEvent<BaseKeyDetail>) => fireCancelableEvent(onKeyDown, event.detail, event);\n\n // Shared ESC key handler logic for both input and dropdown elements\n // When returnFocus is true (from dropdown elements), focus returns to input after closing\n const handleEscapeKey = (returnFocus: boolean) => {\n if (open) {\n closeDropdown();\n if (returnFocus) {\n // Return focus to input when closing from dropdown elements (e.g., recovery button)\n inputRef.current?.focus();\n }\n } else if (value) {\n fireNonCancelableEvent(onChange, { value: '' });\n }\n };\n\n const handleKeyDown = (event: CustomEvent<BaseKeyDetail>) => {\n switch (event.detail.keyCode) {\n case KeyCode.down: {\n onPressArrowDown?.();\n openDropdown();\n event.preventDefault();\n break;\n }\n case KeyCode.up: {\n onPressArrowUp?.();\n openDropdown();\n event.preventDefault();\n break;\n }\n case KeyCode.enter: {\n if (isComposing()) {\n event.preventDefault();\n return;\n }\n\n if (open) {\n if (!onPressEnter?.()) {\n closeDropdown();\n }\n event.preventDefault();\n }\n fireKeydown(event);\n break;\n }\n case KeyCode.escape: {\n // Use shared ESC handler, without focus restoration since ESC came from input\n handleEscapeKey(false);\n if (open \|\| value) {\n event.stopPropagation();\n }\n event.preventDefault();\n fireKeydown(event);\n break;\n }\n default: {\n fireKeydown(event);\n }\n }\n };\n\n const handleChange = (value: string) => {\n openDropdown();\n fireNonCancelableEvent(onChange, { value });\n };\n\n const handleDelayedInput = (value: string) => {\n fireNonCancelableEvent(onDelayedInput, { value });\n };\n\n const handleDropdownMouseDown: React.MouseEventHandler = event => {\n // Prevent currently focused element from losing focus.\n if (!dropdownContentFocusable) {\n event.preventDefault();\n }\n // Prevent closing dropdown on click inside.\n else {\n preventCloseOnBlurRef.current = true;\n requestAnimationFrame(() => {\n preventCloseOnBlurRef.current = false;\n });\n }\n };\n\n const expanded = open && dropdownExpanded;\n const nativeAttributes: BaseInputProps['nativeInputAttributes'] = {\n name,\n placeholder,\n autoFocus,\n onClick: openDropdown,\n role: 'combobox',\n 'aria-autocomplete': 'list',\n 'aria-expanded': expanded,\n 'aria-controls': open ? ariaControls : undefined,\n // 'aria-owns' needed for safari+vo to announce activedescendant content\n 'aria-owns': open ? ariaControls : undefined,\n 'aria-label': ariaLabel,\n 'aria-activedescendant': ariaActivedescendant,\n };\n\n // Closes dropdown when outside click is detected.\n // Similar to the internal dropdown implementation but includes the target as well.\n useEffect(() => {\n if (!open) {\n return;\n }\n\n const clickListener = (event: MouseEvent) => {\n if (\n !nodeBelongs(inputRef.current, event.target) &&\n !nodeBelongs(dropdownContentRef.current, event.target) &&\n !nodeBelongs(dropdownFooterRef.current, event.target)\n ) {\n closeDropdown();\n }\n };\n\n window.addEventListener('mousedown', clickListener);\n\n return () => {\n window.removeEventListener('mousedown', clickListener);\n };\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [open]);\n\n const handleDropdownKeyDown: React.KeyboardEventHandler = event => {\n // Handle ESC key from focusable elements inside the dropdown (e.g., recovery button)\n // but NOT from the input itself (that's handled by handleKeyDown)\n const isFromInput = event.target === inputRef.current \|\| nodeBelongs(inputRef.current, event.target);\n\n if (event.key === 'Escape' && !isFromInput) {\n event.stopPropagation();\n event.preventDefault();\n // Use shared ESC handler with focus restoration since ESC came from dropdown element\n handleEscapeKey(true);\n }\n };\n\n return (\n <div {...baseProps} className={clsx(baseProps.className, styles.root)} ref={__internalRootRef}>\n <Dropdown\n minWidth={dropdownWidth}\n stretchWidth={!dropdownWidth}\n stretchBeyondTriggerWidth={true}\n contentKey={dropdownContentKey}\n onFocus={handleFocus}\n onBlur={handleBlur}\n trigger={\n <InternalInput\n type=\"visualSearch\"\n value={value}\n onChange={event => handleChange(event.detail.value)}\n __onDelayedInput={event => handleDelayedInput(event.detail.value)}\n onKeyDown={handleKeyDown}\n onKeyUp={onKeyUp}\n disabled={disabled}\n disableBrowserAutocorrect={disableBrowserAutocorrect}\n readOnly={readOnly}\n ariaRequired={ariaRequired}\n clearAriaLabel={clearAriaLabel}\n ref={inputRef}\n autoComplete={false}\n nativeInputAttributes={processAttributes(nativeAttributes, nativeInputAttributes, 'Autosuggest')}\n __skipNativeAttributesWarnings={Object.keys(nativeAttributes)}\n style={style}\n {...formFieldContext}\n />\n }\n onMouseDown={handleDropdownMouseDown}\n open={open && (!!dropdownContent \|\| !!dropdownFooter)}\n footer={\n dropdownFooterRef && (\n <div ref={dropdownFooterRef} className={styles['dropdown-footer']} onKeyDown={handleDropdownKeyDown}>\n {open && dropdownFooter ? dropdownFooter : null}\n </div>\n )\n }\n expandToViewport={expandToViewport}\n loopFocus={loopFocus}\n >\n {open && dropdownContent ? (\n <div ref={dropdownContentRef} className={styles['dropdown-content']}>\n {dropdownContent}\n </div>\n ) : null}\n </Dropdown>\n </div>\n );\n }\n);\n\nexport default AutosuggestInput;\n"]}

package/lib/internal/template/internal/environment.js CHANGED Viewed

@@ -1,6 +1,6 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (7746a982)";
-export var GIT_SHA = "7746a982";
+export var PACKAGE_VERSION = "3.0.0 (dcf2b46d)";
+export var GIT_SHA = "dcf2b46d";
 export var THEME = "open-source-visual-refresh";
 export var SYSTEM = "core";
 export var ALWAYS_VISUAL_REFRESH = true;

package/lib/internal/template/internal/environment.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (7746a982)",
-  "GIT_SHA": "7746a982",
+  "PACKAGE_VERSION": "3.0.0 (dcf2b46d)",
+  "GIT_SHA": "dcf2b46d",
   "THEME": "default",
   "SYSTEM": "core",
   "ALWAYS_VISUAL_REFRESH": false

package/lib/internal/template/internal/generated/styles/tokens.d.ts CHANGED Viewed

@@ -340,10 +340,10 @@ export const colorBackgroundNotificationStackBar: string;
 export const colorBackgroundNotificationStackBarActive: string;
 export const colorBackgroundNotificationStackBarHover: string;
 export const colorBackgroundPopover: string;
-export const colorBackgroundProgressBarContentDefault: string;
-export const colorBackgroundProgressBarContentInFlash: string;
-export const colorBackgroundProgressBarLayoutDefault: string;
-export const colorBackgroundProgressBarLayoutInFlash: string;
+export const colorBackgroundProgressBarValueDefault: string;
+export const colorBackgroundProgressBarValueInFlash: string;
+export const colorBackgroundProgressBarDefault: string;
+export const colorBackgroundProgressBarInFlash: string;
 export const colorBackgroundSegmentActive: string;
 export const colorBackgroundSegmentDefault: string;
 export const colorBackgroundSegmentDisabled: string;

package/lib/internal/template/internal/generated/styles/tokens.js CHANGED Viewed

@@ -340,10 +340,10 @@ export var colorBackgroundNotificationStackBar = "var(--color-background-notific
 export var colorBackgroundNotificationStackBarActive = "var(--color-background-notification-stack-bar-active-a4h9r8, #232b37)";
 export var colorBackgroundNotificationStackBarHover = "var(--color-background-notification-stack-bar-hover-jh82oo, #424650)";
 export var colorBackgroundPopover = "var(--color-background-popover-e20fy8, #ffffff)";
-export var colorBackgroundProgressBarContentDefault = "var(--color-background-progress-bar-content-default-il6sg6, #006ce0)";
-export var colorBackgroundProgressBarContentInFlash = "var(--color-background-progress-bar-content-in-flash-98s7uz, #ffffff)";
-export var colorBackgroundProgressBarLayoutDefault = "var(--color-background-progress-bar-layout-default-z3ipl1, #ebebf0)";
-export var colorBackgroundProgressBarLayoutInFlash = "var(--color-background-progress-bar-layout-in-flash-wssh6k, rgba(255, 255, 255, 0.25))";
+export var colorBackgroundProgressBarValueDefault = "var(--color-background-progress-bar-value-default-9zs42p, #006ce0)";
+export var colorBackgroundProgressBarValueInFlash = "var(--color-background-progress-bar-value-in-flash-q2h8w5, #ffffff)";
+export var colorBackgroundProgressBarDefault = "var(--color-background-progress-bar-default-4755ec, #ebebf0)";
+export var colorBackgroundProgressBarInFlash = "var(--color-background-progress-bar-in-flash-f4k60b, rgba(255, 255, 255, 0.25))";
 export var colorBackgroundSegmentActive = "var(--color-background-segment-active-1u2ldl, #006ce0)";
 export var colorBackgroundSegmentDefault = "var(--color-background-segment-default-b0r494, #ffffff)";
 export var colorBackgroundSegmentDisabled = "var(--color-background-segment-disabled-m2a5t7, #ffffff)";

package/lib/internal/template/internal/generated/theming/index.cjs CHANGED Viewed

@@ -1407,19 +1407,19 @@ module.exports.preset = {
         "light": "{colorWhite}",
         "dark": "{colorNeutral800}"
       },
-      "colorBackgroundProgressBarContentDefault": {
+      "colorBackgroundProgressBarValueDefault": {
         "light": "{colorPrimary600}",
         "dark": "{colorPrimary400}"
       },
-      "colorBackgroundProgressBarContentInFlash": {
+      "colorBackgroundProgressBarValueInFlash": {
         "light": "{colorWhite}",
         "dark": "{colorWhite}"
       },
-      "colorBackgroundProgressBarLayoutDefault": {
+      "colorBackgroundProgressBarDefault": {
         "light": "{colorNeutral250}",
         "dark": "{colorNeutral700}"
       },
-      "colorBackgroundProgressBarLayoutInFlash": {
+      "colorBackgroundProgressBarInFlash": {
         "light": "{colorGreyOpaque25}",
         "dark": "{colorGreyOpaque25}"
       },
@@ -3724,19 +3724,19 @@ module.exports.preset = {
             "light": "{colorNeutral800}",
             "dark": "{colorNeutral800}"
           },
-          "colorBackgroundProgressBarContentDefault": {
+          "colorBackgroundProgressBarValueDefault": {
             "light": "{colorPrimary400}",
             "dark": "{colorPrimary400}"
           },
-          "colorBackgroundProgressBarContentInFlash": {
+          "colorBackgroundProgressBarValueInFlash": {
             "light": "{colorWhite}",
             "dark": "{colorWhite}"
           },
-          "colorBackgroundProgressBarLayoutDefault": {
+          "colorBackgroundProgressBarDefault": {
             "light": "{colorNeutral700}",
             "dark": "{colorNeutral700}"
           },
-          "colorBackgroundProgressBarLayoutInFlash": {
+          "colorBackgroundProgressBarInFlash": {
             "light": "{colorGreyOpaque25}",
             "dark": "{colorGreyOpaque25}"
           },
@@ -5049,19 +5049,19 @@ module.exports.preset = {
             "light": "{colorNeutral800}",
             "dark": "{colorNeutral800}"
           },
-          "colorBackgroundProgressBarContentDefault": {
+          "colorBackgroundProgressBarValueDefault": {
             "light": "{colorPrimary400}",
             "dark": "{colorPrimary400}"
           },
-          "colorBackgroundProgressBarContentInFlash": {
+          "colorBackgroundProgressBarValueInFlash": {
             "light": "{colorWhite}",
             "dark": "{colorWhite}"
           },
-          "colorBackgroundProgressBarLayoutDefault": {
+          "colorBackgroundProgressBarDefault": {
             "light": "{colorNeutral700}",
             "dark": "{colorNeutral700}"
           },
-          "colorBackgroundProgressBarLayoutInFlash": {
+          "colorBackgroundProgressBarInFlash": {
             "light": "{colorGreyOpaque25}",
             "dark": "{colorGreyOpaque25}"
           },
@@ -6310,19 +6310,19 @@ module.exports.preset = {
             "light": "{colorWhite}",
             "dark": "{colorNeutral800}"
           },
-          "colorBackgroundProgressBarContentDefault": {
+          "colorBackgroundProgressBarValueDefault": {
             "light": "{colorPrimary600}",
             "dark": "{colorPrimary400}"
           },
-          "colorBackgroundProgressBarContentInFlash": {
+          "colorBackgroundProgressBarValueInFlash": {
             "light": "{colorWhite}",
             "dark": "{colorWhite}"
           },
-          "colorBackgroundProgressBarLayoutDefault": {
+          "colorBackgroundProgressBarDefault": {
             "light": "{colorNeutral250}",
             "dark": "{colorNeutral700}"
           },
-          "colorBackgroundProgressBarLayoutInFlash": {
+          "colorBackgroundProgressBarInFlash": {
             "light": "{colorGreyOpaque25}",
             "dark": "{colorGreyOpaque25}"
           },
@@ -7456,19 +7456,19 @@ module.exports.preset = {
             "light": "{colorWhite}",
             "dark": "{colorNeutral800}"
           },
-          "colorBackgroundProgressBarContentDefault": {
+          "colorBackgroundProgressBarValueDefault": {
             "light": "{colorPrimary600}",
             "dark": "{colorPrimary400}"
           },
-          "colorBackgroundProgressBarContentInFlash": {
+          "colorBackgroundProgressBarValueInFlash": {
             "light": "{colorNeutral950}",
             "dark": "{colorNeutral950}"
           },
-          "colorBackgroundProgressBarLayoutDefault": {
+          "colorBackgroundProgressBarDefault": {
             "light": "{colorNeutral250}",
             "dark": "{colorNeutral700}"
           },
-          "colorBackgroundProgressBarLayoutInFlash": {
+          "colorBackgroundProgressBarInFlash": {
             "light": "{colorGreyOpaque10}",
             "dark": "{colorGreyOpaque10}"
           },
@@ -8602,19 +8602,19 @@ module.exports.preset = {
             "light": "{colorWhite}",
             "dark": "{colorNeutral800}"
           },
-          "colorBackgroundProgressBarContentDefault": {
+          "colorBackgroundProgressBarValueDefault": {
             "light": "{colorPrimary600}",
             "dark": "{colorPrimary400}"
           },
-          "colorBackgroundProgressBarContentInFlash": {
+          "colorBackgroundProgressBarValueInFlash": {
             "light": "{colorWhite}",
             "dark": "{colorWhite}"
           },
-          "colorBackgroundProgressBarLayoutDefault": {
+          "colorBackgroundProgressBarDefault": {
             "light": "{colorNeutral250}",
             "dark": "{colorNeutral700}"
           },
-          "colorBackgroundProgressBarLayoutInFlash": {
+          "colorBackgroundProgressBarInFlash": {
             "light": "{colorGreyOpaque25}",
             "dark": "{colorGreyOpaque25}"
           },
@@ -9750,19 +9750,19 @@ module.exports.preset = {
             "light": "{colorNeutral800}",
             "dark": "{colorNeutral800}"
           },
-          "colorBackgroundProgressBarContentDefault": {
+          "colorBackgroundProgressBarValueDefault": {
             "light": "{colorPrimary400}",
             "dark": "{colorPrimary400}"
           },
-          "colorBackgroundProgressBarContentInFlash": {
+          "colorBackgroundProgressBarValueInFlash": {
             "light": "{colorWhite}",
             "dark": "{colorWhite}"
           },
-          "colorBackgroundProgressBarLayoutDefault": {
+          "colorBackgroundProgressBarDefault": {
             "light": "{colorNeutral700}",
             "dark": "{colorNeutral700}"
           },
-          "colorBackgroundProgressBarLayoutInFlash": {
+          "colorBackgroundProgressBarInFlash": {
             "light": "{colorGreyOpaque25}",
             "dark": "{colorGreyOpaque25}"
           },
@@ -10962,10 +10962,10 @@ module.exports.preset = {
       "colorBackgroundNotificationStackBarActive": "color",
       "colorBackgroundNotificationStackBarHover": "color",
       "colorBackgroundPopover": "color",
-      "colorBackgroundProgressBarContentDefault": "color",
-      "colorBackgroundProgressBarContentInFlash": "color",
-      "colorBackgroundProgressBarLayoutDefault": "color",
-      "colorBackgroundProgressBarLayoutInFlash": "color",
+      "colorBackgroundProgressBarValueDefault": "color",
+      "colorBackgroundProgressBarValueInFlash": "color",
+      "colorBackgroundProgressBarDefault": "color",
+      "colorBackgroundProgressBarInFlash": "color",
       "colorBackgroundSegmentActive": "color",
       "colorBackgroundSegmentDefault": "color",
       "colorBackgroundSegmentDisabled": "color",
@@ -11671,6 +11671,8 @@ module.exports.preset = {
     "colorBackgroundNotificationRed",
     "colorBackgroundNotificationYellow",
     "colorBackgroundPopover",
+    "colorBackgroundProgressBarValueDefault",
+    "colorBackgroundProgressBarDefault",
     "colorBackgroundSegmentActive",
     "colorBackgroundSegmentDefault",
     "colorBackgroundSegmentDisabled",
@@ -12042,6 +12044,8 @@ module.exports.preset = {
     "colorBackgroundNotificationRed",
     "colorBackgroundNotificationYellow",
     "colorBackgroundPopover",
+    "colorBackgroundProgressBarValueDefault",
+    "colorBackgroundProgressBarDefault",
     "colorBackgroundSegmentActive",
     "colorBackgroundSegmentDefault",
     "colorBackgroundSegmentDisabled",
@@ -12594,10 +12598,10 @@ module.exports.preset = {
     "colorBackgroundNotificationStackBarActive": "color-background-notification-stack-bar-active",
     "colorBackgroundNotificationStackBarHover": "color-background-notification-stack-bar-hover",
     "colorBackgroundPopover": "color-background-popover",
-    "colorBackgroundProgressBarContentDefault": "color-background-progress-bar-content-default",
-    "colorBackgroundProgressBarContentInFlash": "color-background-progress-bar-content-in-flash",
-    "colorBackgroundProgressBarLayoutDefault": "color-background-progress-bar-layout-default",
-    "colorBackgroundProgressBarLayoutInFlash": "color-background-progress-bar-layout-in-flash",
+    "colorBackgroundProgressBarValueDefault": "color-background-progress-bar-value-default",
+    "colorBackgroundProgressBarValueInFlash": "color-background-progress-bar-value-in-flash",
+    "colorBackgroundProgressBarDefault": "color-background-progress-bar-default",
+    "colorBackgroundProgressBarInFlash": "color-background-progress-bar-in-flash",
     "colorBackgroundSegmentActive": "color-background-segment-active",
     "colorBackgroundSegmentDefault": "color-background-segment-default",
     "colorBackgroundSegmentDisabled": "color-background-segment-disabled",
@@ -13415,10 +13419,10 @@ module.exports.preset = {
     "colorBackgroundNotificationStackBarActive": "--color-background-notification-stack-bar-active-a4h9r8",
     "colorBackgroundNotificationStackBarHover": "--color-background-notification-stack-bar-hover-jh82oo",
     "colorBackgroundPopover": "--color-background-popover-e20fy8",
-    "colorBackgroundProgressBarContentDefault": "--color-background-progress-bar-content-default-il6sg6",
-    "colorBackgroundProgressBarContentInFlash": "--color-background-progress-bar-content-in-flash-98s7uz",
-    "colorBackgroundProgressBarLayoutDefault": "--color-background-progress-bar-layout-default-z3ipl1",
-    "colorBackgroundProgressBarLayoutInFlash": "--color-background-progress-bar-layout-in-flash-wssh6k",
+    "colorBackgroundProgressBarValueDefault": "--color-background-progress-bar-value-default-9zs42p",
+    "colorBackgroundProgressBarValueInFlash": "--color-background-progress-bar-value-in-flash-q2h8w5",
+    "colorBackgroundProgressBarDefault": "--color-background-progress-bar-default-4755ec",
+    "colorBackgroundProgressBarInFlash": "--color-background-progress-bar-in-flash-f4k60b",
     "colorBackgroundSegmentActive": "--color-background-segment-active-1u2ldl",
     "colorBackgroundSegmentDefault": "--color-background-segment-default-b0r494",
     "colorBackgroundSegmentDisabled": "--color-background-segment-disabled-m2a5t7",