@cloudscape-design/components-themeable 3.0.1180 → 3.0.1182

package/lib/internal/template/internal/generated/theming/index.cjs.d.ts

@@ -116,6 +116,11 @@ export declare interface TypedOverride {
     colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorBackgroundSegmentWrapper?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorBackgroundSliderRangeDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorBackgroundSliderRangeActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorBackgroundSliderHandleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorBackgroundSliderHandleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorBackgroundSliderTrackDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorBackgroundDialog?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -391,6 +396,11 @@ export declare interface TypedOverride {
         colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundSegmentWrapper?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderRangeDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderRangeActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderHandleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderHandleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderTrackDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundDialog?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -666,6 +676,11 @@ export declare interface TypedOverride {
         colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundSegmentWrapper?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderRangeDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderRangeActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderHandleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderHandleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderTrackDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundDialog?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -941,6 +956,11 @@ export declare interface TypedOverride {
         colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundSegmentWrapper?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderRangeDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderRangeActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderHandleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderHandleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderTrackDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundDialog?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1216,6 +1236,11 @@ export declare interface TypedOverride {
         colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundSegmentWrapper?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderRangeDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderRangeActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderHandleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderHandleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderTrackDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundDialog?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1491,6 +1516,11 @@ export declare interface TypedOverride {
         colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundSegmentWrapper?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderRangeDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderRangeActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderHandleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderHandleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderTrackDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundDialog?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1766,6 +1796,11 @@ export declare interface TypedOverride {
         colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundSegmentWrapper?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderRangeDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderRangeActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderHandleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderHandleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderTrackDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundDialog?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -2041,6 +2076,11 @@ export declare interface TypedOverride {
         colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundSegmentWrapper?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderRangeDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderRangeActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderHandleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderHandleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderTrackDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundDialog?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -2316,6 +2356,11 @@ export declare interface TypedOverride {
         colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundSegmentWrapper?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderRangeDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderRangeActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderHandleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderHandleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderTrackDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundDialog?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;

package/lib/internal/template/internal/generated/theming/index.d.ts

@@ -116,6 +116,11 @@ export declare interface TypedOverride {
     colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorBackgroundSegmentWrapper?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorBackgroundSliderRangeDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorBackgroundSliderRangeActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorBackgroundSliderHandleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorBackgroundSliderHandleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorBackgroundSliderTrackDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorBackgroundDialog?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -391,6 +396,11 @@ export declare interface TypedOverride {
         colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundSegmentWrapper?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderRangeDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderRangeActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderHandleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderHandleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderTrackDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundDialog?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -666,6 +676,11 @@ export declare interface TypedOverride {
         colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundSegmentWrapper?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderRangeDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderRangeActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderHandleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderHandleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderTrackDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundDialog?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -941,6 +956,11 @@ export declare interface TypedOverride {
         colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundSegmentWrapper?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderRangeDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderRangeActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderHandleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderHandleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderTrackDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundDialog?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1216,6 +1236,11 @@ export declare interface TypedOverride {
         colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundSegmentWrapper?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderRangeDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderRangeActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderHandleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderHandleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderTrackDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundDialog?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1491,6 +1516,11 @@ export declare interface TypedOverride {
         colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundSegmentWrapper?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderRangeDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderRangeActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderHandleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderHandleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderTrackDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundDialog?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1766,6 +1796,11 @@ export declare interface TypedOverride {
         colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundSegmentWrapper?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderRangeDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderRangeActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderHandleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderHandleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderTrackDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundDialog?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -2041,6 +2076,11 @@ export declare interface TypedOverride {
         colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundSegmentWrapper?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderRangeDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderRangeActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderHandleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderHandleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderTrackDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundDialog?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -2316,6 +2356,11 @@ export declare interface TypedOverride {
         colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundSegmentWrapper?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderRangeDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderRangeActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderHandleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderHandleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSliderTrackDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundDialog?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;

package/lib/internal/template/internal/generated/theming/index.js

@@ -1443,6 +1443,14 @@ export var preset = {
         "light": "{colorBackgroundContainerContent}",
         "dark": "{colorBackgroundContainerContent}"
       },
+      "colorBackgroundSliderRangeDefault": {
+        "light": "{colorBackgroundSliderHandleDefault}",
+        "dark": "{colorBackgroundSliderHandleDefault}"
+      },
+      "colorBackgroundSliderRangeActive": {
+        "light": "{colorBackgroundSliderHandleActive}",
+        "dark": "{colorBackgroundSliderHandleActive}"
+      },
       "colorBackgroundSliderHandleDefault": {
         "light": "{colorPrimary600}",
         "dark": "{colorPrimary400}"
@@ -1451,7 +1459,7 @@ export var preset = {
         "light": "{colorPrimary700}",
         "dark": "{colorPrimary300}"
       },
-      "colorBackgroundSliderTrack": {
+      "colorBackgroundSliderTrackDefault": {
         "light": "{colorNeutral500}",
         "dark": "{colorNeutral600}"
       },
@@ -3728,6 +3736,14 @@ export var preset = {
             "light": "{colorBackgroundContainerContent}",
             "dark": "{colorBackgroundContainerContent}"
           },
+          "colorBackgroundSliderRangeDefault": {
+            "light": "{colorBackgroundSliderHandleDefault}",
+            "dark": "{colorBackgroundSliderHandleDefault}"
+          },
+          "colorBackgroundSliderRangeActive": {
+            "light": "{colorBackgroundSliderHandleActive}",
+            "dark": "{colorBackgroundSliderHandleActive}"
+          },
           "colorBackgroundSliderHandleDefault": {
             "light": "{colorPrimary400}",
             "dark": "{colorPrimary400}"
@@ -3736,7 +3752,7 @@ export var preset = {
             "light": "{colorPrimary300}",
             "dark": "{colorPrimary300}"
           },
-          "colorBackgroundSliderTrack": {
+          "colorBackgroundSliderTrackDefault": {
             "light": "{colorNeutral600}",
             "dark": "{colorNeutral600}"
           },
@@ -5021,6 +5037,14 @@ export var preset = {
             "light": "{colorNeutral950}",
             "dark": "{colorNeutral950}"
           },
+          "colorBackgroundSliderRangeDefault": {
+            "light": "{colorBackgroundSliderHandleDefault}",
+            "dark": "{colorBackgroundSliderHandleDefault}"
+          },
+          "colorBackgroundSliderRangeActive": {
+            "light": "{colorBackgroundSliderHandleActive}",
+            "dark": "{colorBackgroundSliderHandleActive}"
+          },
           "colorBackgroundSliderHandleDefault": {
             "light": "{colorPrimary400}",
             "dark": "{colorPrimary400}"
@@ -5029,7 +5053,7 @@ export var preset = {
             "light": "{colorPrimary300}",
             "dark": "{colorPrimary300}"
           },
-          "colorBackgroundSliderTrack": {
+          "colorBackgroundSliderTrackDefault": {
             "light": "{colorNeutral600}",
             "dark": "{colorNeutral600}"
           },
@@ -6250,6 +6274,14 @@ export var preset = {
             "light": "{colorBackgroundContainerContent}",
             "dark": "{colorBackgroundContainerContent}"
           },
+          "colorBackgroundSliderRangeDefault": {
+            "light": "{colorBackgroundSliderHandleDefault}",
+            "dark": "{colorBackgroundSliderHandleDefault}"
+          },
+          "colorBackgroundSliderRangeActive": {
+            "light": "{colorBackgroundSliderHandleActive}",
+            "dark": "{colorBackgroundSliderHandleActive}"
+          },
           "colorBackgroundSliderHandleDefault": {
             "light": "{colorPrimary600}",
             "dark": "{colorPrimary400}"
@@ -6258,7 +6290,7 @@ export var preset = {
             "light": "{colorPrimary700}",
             "dark": "{colorPrimary300}"
           },
-          "colorBackgroundSliderTrack": {
+          "colorBackgroundSliderTrackDefault": {
             "light": "{colorNeutral500}",
             "dark": "{colorNeutral600}"
           },
@@ -7364,6 +7396,14 @@ export var preset = {
             "light": "{colorBackgroundContainerContent}",
             "dark": "{colorBackgroundContainerContent}"
           },
+          "colorBackgroundSliderRangeDefault": {
+            "light": "{colorBackgroundSliderHandleDefault}",
+            "dark": "{colorBackgroundSliderHandleDefault}"
+          },
+          "colorBackgroundSliderRangeActive": {
+            "light": "{colorBackgroundSliderHandleActive}",
+            "dark": "{colorBackgroundSliderHandleActive}"
+          },
           "colorBackgroundSliderHandleDefault": {
             "light": "{colorPrimary600}",
             "dark": "{colorPrimary400}"
@@ -7372,7 +7412,7 @@ export var preset = {
             "light": "{colorPrimary700}",
             "dark": "{colorPrimary300}"
           },
-          "colorBackgroundSliderTrack": {
+          "colorBackgroundSliderTrackDefault": {
             "light": "{colorNeutral500}",
             "dark": "{colorNeutral600}"
           },
@@ -8478,6 +8518,14 @@ export var preset = {
             "light": "{colorBackgroundContainerContent}",
             "dark": "{colorBackgroundContainerContent}"
           },
+          "colorBackgroundSliderRangeDefault": {
+            "light": "{colorBackgroundSliderHandleDefault}",
+            "dark": "{colorBackgroundSliderHandleDefault}"
+          },
+          "colorBackgroundSliderRangeActive": {
+            "light": "{colorBackgroundSliderHandleActive}",
+            "dark": "{colorBackgroundSliderHandleActive}"
+          },
           "colorBackgroundSliderHandleDefault": {
             "light": "{colorPrimary600}",
             "dark": "{colorPrimary400}"
@@ -8486,7 +8534,7 @@ export var preset = {
             "light": "{colorPrimary700}",
             "dark": "{colorPrimary300}"
           },
-          "colorBackgroundSliderTrack": {
+          "colorBackgroundSliderTrackDefault": {
             "light": "{colorNeutral500}",
             "dark": "{colorNeutral600}"
           },
@@ -9594,6 +9642,14 @@ export var preset = {
             "light": "{colorBackgroundContainerContent}",
             "dark": "{colorBackgroundContainerContent}"
           },
+          "colorBackgroundSliderRangeDefault": {
+            "light": "{colorBackgroundSliderHandleDefault}",
+            "dark": "{colorBackgroundSliderHandleDefault}"
+          },
+          "colorBackgroundSliderRangeActive": {
+            "light": "{colorBackgroundSliderHandleActive}",
+            "dark": "{colorBackgroundSliderHandleActive}"
+          },
           "colorBackgroundSliderHandleDefault": {
             "light": "{colorPrimary400}",
             "dark": "{colorPrimary400}"
@@ -9602,7 +9658,7 @@ export var preset = {
             "light": "{colorPrimary300}",
             "dark": "{colorPrimary300}"
           },
-          "colorBackgroundSliderTrack": {
+          "colorBackgroundSliderTrackDefault": {
             "light": "{colorNeutral600}",
             "dark": "{colorNeutral600}"
           },
@@ -10747,9 +10803,11 @@ export var preset = {
       "colorBackgroundSegmentDisabled": "color",
       "colorBackgroundSegmentHover": "color",
       "colorBackgroundSegmentWrapper": "color",
+      "colorBackgroundSliderRangeDefault": "color",
+      "colorBackgroundSliderRangeActive": "color",
       "colorBackgroundSliderHandleDefault": "color",
       "colorBackgroundSliderHandleActive": "color",
-      "colorBackgroundSliderTrack": "color",
+      "colorBackgroundSliderTrackDefault": "color",
       "colorBackgroundSliderHandleRing": "color",
       "colorBackgroundSliderErrorPressed": "color",
       "colorBackgroundSliderWarningPressed": "color",
@@ -11444,6 +11502,11 @@ export var preset = {
     "colorBackgroundSegmentDisabled",
     "colorBackgroundSegmentHover",
     "colorBackgroundSegmentWrapper",
+    "colorBackgroundSliderRangeDefault",
+    "colorBackgroundSliderRangeActive",
+    "colorBackgroundSliderHandleDefault",
+    "colorBackgroundSliderHandleActive",
+    "colorBackgroundSliderTrackDefault",
     "colorBackgroundStatusError",
     "colorBackgroundStatusInfo",
     "colorBackgroundDialog",
@@ -11809,6 +11872,11 @@ export var preset = {
     "colorBackgroundSegmentDefault",
     "colorBackgroundSegmentDisabled",
     "colorBackgroundSegmentHover",
+    "colorBackgroundSliderRangeDefault",
+    "colorBackgroundSliderRangeActive",
+    "colorBackgroundSliderHandleDefault",
+    "colorBackgroundSliderHandleActive",
+    "colorBackgroundSliderTrackDefault",
     "colorBackgroundStatusError",
     "colorBackgroundStatusInfo",
     "colorBackgroundDialog",
@@ -12361,9 +12429,11 @@ export var preset = {
     "colorBackgroundSegmentDisabled": "color-background-segment-disabled",
     "colorBackgroundSegmentHover": "color-background-segment-hover",
     "colorBackgroundSegmentWrapper": "color-background-segment-wrapper",
+    "colorBackgroundSliderRangeDefault": "color-background-slider-range-default",
+    "colorBackgroundSliderRangeActive": "color-background-slider-range-active",
     "colorBackgroundSliderHandleDefault": "color-background-slider-handle-default",
     "colorBackgroundSliderHandleActive": "color-background-slider-handle-active",
-    "colorBackgroundSliderTrack": "color-background-slider-track",
+    "colorBackgroundSliderTrackDefault": "color-background-slider-track-default",
     "colorBackgroundSliderHandleRing": "color-background-slider-handle-ring",
     "colorBackgroundSliderErrorPressed": "color-background-slider-error-pressed",
     "colorBackgroundSliderWarningPressed": "color-background-slider-warning-pressed",
@@ -13174,9 +13244,11 @@ export var preset = {
     "colorBackgroundSegmentDisabled": "--color-background-segment-disabled-m2a5t7",
     "colorBackgroundSegmentHover": "--color-background-segment-hover-800sl4",
     "colorBackgroundSegmentWrapper": "--color-background-segment-wrapper-5tudmm",
+    "colorBackgroundSliderRangeDefault": "--color-background-slider-range-default-3ljdu4",
+    "colorBackgroundSliderRangeActive": "--color-background-slider-range-active-vu3lky",
     "colorBackgroundSliderHandleDefault": "--color-background-slider-handle-default-lp5ntg",
     "colorBackgroundSliderHandleActive": "--color-background-slider-handle-active-50ubqb",
-    "colorBackgroundSliderTrack": "--color-background-slider-track-jsr5s6",
+    "colorBackgroundSliderTrackDefault": "--color-background-slider-track-default-vk2c9o",
     "colorBackgroundSliderHandleRing": "--color-background-slider-handle-ring-9sfenj",
     "colorBackgroundSliderErrorPressed": "--color-background-slider-error-pressed-79f2kg",
     "colorBackgroundSliderWarningPressed": "--color-background-slider-warning-pressed-j1qp7g",

package/lib/internal/template/internal/hooks/use-throttle-callback/index.d.ts

@@ -0,0 +1,3 @@
+import { ThrottledFunction } from '../../utils/throttle';
+export declare function useThrottleCallback<F extends (...args: any) => any>(func: F, delay: number, deps: React.DependencyList): ThrottledFunction<F>;
+//# sourceMappingURL=index.d.ts.map

package/lib/internal/template/internal/hooks/use-throttle-callback/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-throttle-callback/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAY,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEnE,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,GAAG,EACjE,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,KAAK,CAAC,cAAc,GACzB,iBAAiB,CAAC,CAAC,CAAC,CAGtB"}

package/lib/internal/template/internal/hooks/use-throttle-callback/index.js

@@ -0,0 +1,9 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { useMemo } from 'react';
+import { throttle } from '../../utils/throttle';
+export function useThrottleCallback(func, delay, deps) {
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    return useMemo(() => throttle(func, delay), deps);
+}
+//# sourceMappingURL=index.js.map

package/lib/internal/template/internal/hooks/use-throttle-callback/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-throttle-callback/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,QAAQ,EAAqB,MAAM,sBAAsB,CAAC;AAEnE,MAAM,UAAU,mBAAmB,CACjC,IAAO,EACP,KAAa,EACb,IAA0B;IAE1B,uDAAuD;IACvD,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;AACpD,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useMemo } from 'react';\n\nimport { throttle, ThrottledFunction } from '../../utils/throttle';\n\nexport function useThrottleCallback<F extends (...args: any) => any>(\n  func: F,\n  delay: number,\n  deps: React.DependencyList\n): ThrottledFunction<F> {\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  return useMemo(() => throttle(func, delay), deps);\n}\n"]}

package/lib/internal/template/internal/vendor/react-keyed-flatten-children/index.d.ts

@@ -0,0 +1,3 @@
+import { ReactNode } from 'react';
+export default function flattenChildren(children: ReactNode, depth?: number, keys?: (string | number)[]): ReactNode[];
+//# sourceMappingURL=index.d.ts.map

package/lib/internal/template/internal/vendor/react-keyed-flatten-children/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/vendor/react-keyed-flatten-children/index.ts"],"names":[],"mappings":"AAMA,OAAO,EAAwD,SAAS,EAAE,MAAM,OAAO,CAAC;AASxF,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,SAAI,EAAE,IAAI,GAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAO,GAAG,SAAS,EAAE,CAenH"}

package/lib/internal/template/internal/vendor/react-keyed-flatten-children/index.js

@@ -0,0 +1,27 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+// Vendored from react-keyed-flatten-children@3.2.0 (MIT License)
+// Original source: https://github.com/grrowl/react-keyed-flatten-children
+import { Children, cloneElement, isValidElement } from 'react';
+import { isFragment } from 'react-is';
+/* Returns React children into an array, flattening fragments. */
+function isFragmentWithChildren(node) {
+    return isFragment(node);
+}
+export default function flattenChildren(children, depth = 0, keys = []) {
+    return Children.toArray(children).reduce((acc, node, nodeIndex) => {
+        if (isFragmentWithChildren(node)) {
+            acc.push(...flattenChildren(node.props.children, depth + 1, keys.concat(node.key || nodeIndex)));
+        }
+        else if (isValidElement(node)) {
+            acc.push(cloneElement(node, {
+                key: keys.concat(String(node.key)).join('.'),
+            }));
+        }
+        else if (typeof node === 'string' || typeof node === 'number') {
+            acc.push(node);
+        }
+        return acc;
+    }, []);
+}
+//# sourceMappingURL=index.js.map

package/lib/internal/template/internal/vendor/react-keyed-flatten-children/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/vendor/react-keyed-flatten-children/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,iEAAiE;AACjE,0EAA0E;AAE1E,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,cAAc,EAA2B,MAAM,OAAO,CAAC;AACxF,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,iEAAiE;AAEjE,SAAS,sBAAsB,CAAC,IAAa;IAC3C,OAAO,UAAU,CAAC,IAAI,CAAC,CAAC;AAC1B,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,QAAmB,EAAE,KAAK,GAAG,CAAC,EAAE,OAA4B,EAAE;IACpG,OAAO,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,GAAgB,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;QAC7E,IAAI,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC;YACjC,GAAG,CAAC,IAAI,CAAC,GAAG,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC;QACnG,CAAC;aAAM,IAAI,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;YAChC,GAAG,CAAC,IAAI,CACN,YAAY,CAAC,IAAI,EAAE;gBACjB,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;aAC7C,CAAC,CACH,CAAC;QACJ,CAAC;aAAM,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;YAChE,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACjB,CAAC;QACD,OAAO,GAAG,CAAC;IACb,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\n// Vendored from react-keyed-flatten-children@3.2.0 (MIT License)\n// Original source: https://github.com/grrowl/react-keyed-flatten-children\n\nimport { Children, cloneElement, isValidElement, ReactElement, ReactNode } from 'react';\nimport { isFragment } from 'react-is';\n\n/* Returns React children into an array, flattening fragments. */\n\nfunction isFragmentWithChildren(node: unknown): node is ReactElement<{ children: ReactNode }> {\n  return isFragment(node);\n}\n\nexport default function flattenChildren(children: ReactNode, depth = 0, keys: (string | number)[] = []): ReactNode[] {\n  return Children.toArray(children).reduce((acc: ReactNode[], node, nodeIndex) => {\n    if (isFragmentWithChildren(node)) {\n      acc.push(...flattenChildren(node.props.children, depth + 1, keys.concat(node.key || nodeIndex)));\n    } else if (isValidElement(node)) {\n      acc.push(\n        cloneElement(node, {\n          key: keys.concat(String(node.key)).join('.'),\n        })\n      );\n    } else if (typeof node === 'string' || typeof node === 'number') {\n      acc.push(node);\n    }\n    return acc;\n  }, []);\n}\n"]}

package/lib/internal/template/package.json

@@ -177,7 +177,7 @@
     "date-fns": "^2.25.0",
     "intl-messageformat": "^10.3.1",
     "mnth": "^2.0.0",
-    "react-keyed-flatten-children": "^2.2.1",
+    "react-is": ">=16.8.0",
     "react-transition-group": "^4.4.2",
     "tslib": "^2.4.0",
     "weekstart": "^1.1.0"

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/progress-bar/index.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAOhD,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAE5B,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,KAAS,EACT,MAAsB,EACtB,OAAsB,EACtB,gBAAgB,EAChB,KAAK,EACL,SAAS,EACT,cAAc,EACd,eAAe,EACf,WAAW,EACX,cAAc,EACd,UAAU,EACV,mBAAmB,EACnB,KAAK,EACL,GAAG,IAAI,EACR,EAAE,gBAAgB,eA8FlB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/progress-bar/index.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAOhD,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAE5B,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,KAAS,EACT,MAAsB,EACtB,OAAsB,EACtB,gBAAgB,EAChB,KAAK,EACL,SAAS,EACT,cAAc,EACd,eAAe,EACf,WAAW,EACX,cAAc,EACd,UAAU,EACV,mBAAmB,EACnB,KAAK,EACL,GAAG,IAAI,EACR,EAAE,gBAAgB,eAgGlB"}

package/lib/internal/template/progress-bar/index.js

@@ -1,15 +1,15 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 'use client';
-import React, { useEffect, useMemo, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import clsx from 'clsx';
 import { useUniqueId, warnOnce } from '@cloudscape-design/component-toolkit/internal';
 import { getBaseProps } from '../internal/base-component';
 import { fireNonCancelableEvent } from '../internal/events';
 import useBaseComponent from '../internal/hooks/use-base-component';
+import { useThrottleCallback } from '../internal/hooks/use-throttle-callback';
 import { applyDisplayName } from '../internal/utils/apply-display-name';
 import { joinStrings } from '../internal/utils/strings';
-import { throttle } from '../internal/utils/throttle';
 import InternalLiveRegion from '../live-region/internal';
 import { Progress, ResultState, SmallText } from './internal';
 import styles from './styles.css.js';
@@ -26,11 +26,9 @@ export default function ProgressBar({ value = 0, status = 'in-progress', variant
     const descriptionId = useUniqueId('progressbar-description-');
     const additionalInfoId = useUniqueId('progressbar-additional-info-');
     const [announcedValue, setAnnouncedValue] = useState('');
-    const throttledAssertion = useMemo(() => {
-        return throttle((value) => {
-            setAnnouncedValue(`${value}%`);
-        }, ASSERTION_FREQUENCY);
-    }, []);
+    const throttledAssertion = useThrottleCallback((value) => {
+        setAnnouncedValue(`${value}%`);
+    }, ASSERTION_FREQUENCY, []);
     useEffect(() => {
         throttledAssertion(value);
     }, [throttledAssertion, value]);

package/lib/internal/template/progress-bar/index.js.map

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