@cloudscape-design/components-themeable 3.0.1181 → 3.0.1183

package/lib/internal/template/link/styles.scoped.css

@@ -142,7 +142,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_link_4c84z_533vn_145:not(#\9) {
+.awsui_link_4c84z_1rl6a_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -174,10 +174,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
   display: inline;
   white-space: inherit;
-  --awsui-style-focus-ring-box-shadow-rhu47t: 0 0 0 var(--awsui-style-focus-ring-border-width-rhu47t, var(--border-link-focus-ring-shadow-spread-woh62o, 0px)) var(--awsui-style-focus-ring-border-color-rhu47t, var(--color-border-item-focused-r5f6xl, #0073bb));
+  --awsui-style-focus-ring-box-shadow-4hh3rt: 0 0 0 var(--awsui-style-focus-ring-border-width-4hh3rt, var(--border-link-focus-ring-shadow-spread-woh62o, 0px)) var(--awsui-style-focus-ring-border-color-4hh3rt, var(--color-border-item-focused-r5f6xl, #0073bb));
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
-  color: var(--awsui-style-color-default-rhu47t, var(--color-text-link-default-z7zuy8, #0073bb));
+  color: var(--awsui-style-color-default-4hh3rt, var(--color-text-link-default-z7zuy8, #0073bb));
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: none;
@@ -188,33 +188,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_533vn_145:not(#\9) {
+  .awsui_link_4c84z_1rl6a_145:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_533vn_145:not(#\9), .awsui-mode-entering .awsui_link_4c84z_533vn_145:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1rl6a_145:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1rl6a_145:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_533vn_145:not(#\9):hover {
+.awsui_link_4c84z_1rl6a_145:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-rhu47t, var(--color-text-link-hover-pqxtsy, #0a4a74));
+  color: var(--awsui-style-color-hover-4hh3rt, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_533vn_145:not(#\9):focus {
+.awsui_link_4c84z_1rl6a_145:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_533vn_145:not(#\9):active {
-  color: var(--awsui-style-color-active-rhu47t, var(--color-text-link-hover-pqxtsy, #0a4a74));
+.awsui_link_4c84z_1rl6a_145:not(#\9):active {
+  color: var(--awsui-style-color-active-4hh3rt, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_533vn_145:not(#\9):active, .awsui_link_4c84z_533vn_145:not(#\9):focus, .awsui_link_4c84z_533vn_145:not(#\9):hover {
+.awsui_link_4c84z_1rl6a_145:not(#\9):active, .awsui_link_4c84z_1rl6a_145:not(#\9):focus, .awsui_link_4c84z_1rl6a_145:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_533vn_145.awsui_variant-secondary_4c84z_533vn_212:not(#\9) {
+.awsui_link_4c84z_1rl6a_145.awsui_variant-secondary_4c84z_1rl6a_212:not(#\9) {
   -webkit-font-smoothing: inherit;
   -moz-osx-font-smoothing: inherit;
-  color: var(--awsui-style-color-default-rhu47t, var(--color-text-link-default-z7zuy8, #0073bb));
+  color: var(--awsui-style-color-default-4hh3rt, var(--color-text-link-default-z7zuy8, #0073bb));
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: none;
@@ -225,31 +225,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_533vn_145.awsui_variant-secondary_4c84z_533vn_212:not(#\9) {
+  .awsui_link_4c84z_1rl6a_145.awsui_variant-secondary_4c84z_1rl6a_212:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_533vn_145.awsui_variant-secondary_4c84z_533vn_212:not(#\9), .awsui-mode-entering .awsui_link_4c84z_533vn_145.awsui_variant-secondary_4c84z_533vn_212:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1rl6a_145.awsui_variant-secondary_4c84z_1rl6a_212:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1rl6a_145.awsui_variant-secondary_4c84z_1rl6a_212:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_533vn_145.awsui_variant-secondary_4c84z_533vn_212:not(#\9):hover {
+.awsui_link_4c84z_1rl6a_145.awsui_variant-secondary_4c84z_1rl6a_212:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-rhu47t, var(--color-text-link-hover-pqxtsy, #0a4a74));
+  color: var(--awsui-style-color-hover-4hh3rt, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_533vn_145.awsui_variant-secondary_4c84z_533vn_212:not(#\9):focus {
+.awsui_link_4c84z_1rl6a_145.awsui_variant-secondary_4c84z_1rl6a_212:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_533vn_145.awsui_variant-secondary_4c84z_533vn_212:not(#\9):active {
-  color: var(--awsui-style-color-active-rhu47t, var(--color-text-link-hover-pqxtsy, #0a4a74));
+.awsui_link_4c84z_1rl6a_145.awsui_variant-secondary_4c84z_1rl6a_212:not(#\9):active {
+  color: var(--awsui-style-color-active-4hh3rt, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_533vn_145.awsui_variant-secondary_4c84z_533vn_212:not(#\9):active, .awsui_link_4c84z_533vn_145.awsui_variant-secondary_4c84z_533vn_212:not(#\9):focus, .awsui_link_4c84z_533vn_145.awsui_variant-secondary_4c84z_533vn_212:not(#\9):hover {
+.awsui_link_4c84z_1rl6a_145.awsui_variant-secondary_4c84z_1rl6a_212:not(#\9):active, .awsui_link_4c84z_1rl6a_145.awsui_variant-secondary_4c84z_1rl6a_212:not(#\9):focus, .awsui_link_4c84z_1rl6a_145.awsui_variant-secondary_4c84z_1rl6a_212:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_533vn_145.awsui_variant-primary_4c84z_533vn_247:not(#\9) {
-  color: var(--awsui-style-color-default-rhu47t, var(--color-text-link-default-z7zuy8, #0073bb));
+.awsui_link_4c84z_1rl6a_145.awsui_variant-primary_4c84z_1rl6a_247:not(#\9) {
+  color: var(--awsui-style-color-default-4hh3rt, var(--color-text-link-default-z7zuy8, #0073bb));
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: underline;
@@ -260,33 +260,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_533vn_145.awsui_variant-primary_4c84z_533vn_247:not(#\9) {
+  .awsui_link_4c84z_1rl6a_145.awsui_variant-primary_4c84z_1rl6a_247:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_533vn_145.awsui_variant-primary_4c84z_533vn_247:not(#\9), .awsui-mode-entering .awsui_link_4c84z_533vn_145.awsui_variant-primary_4c84z_533vn_247:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1rl6a_145.awsui_variant-primary_4c84z_1rl6a_247:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1rl6a_145.awsui_variant-primary_4c84z_1rl6a_247:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_533vn_145.awsui_variant-primary_4c84z_533vn_247:not(#\9):hover {
+.awsui_link_4c84z_1rl6a_145.awsui_variant-primary_4c84z_1rl6a_247:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-rhu47t, var(--color-text-link-hover-pqxtsy, #0a4a74));
+  color: var(--awsui-style-color-hover-4hh3rt, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_533vn_145.awsui_variant-primary_4c84z_533vn_247:not(#\9):focus {
+.awsui_link_4c84z_1rl6a_145.awsui_variant-primary_4c84z_1rl6a_247:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_533vn_145.awsui_variant-primary_4c84z_533vn_247:not(#\9):active {
-  color: var(--awsui-style-color-active-rhu47t, var(--color-text-link-hover-pqxtsy, #0a4a74));
+.awsui_link_4c84z_1rl6a_145.awsui_variant-primary_4c84z_1rl6a_247:not(#\9):active {
+  color: var(--awsui-style-color-active-4hh3rt, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_533vn_145.awsui_variant-primary_4c84z_533vn_247:not(#\9):active, .awsui_link_4c84z_533vn_145.awsui_variant-primary_4c84z_533vn_247:not(#\9):focus, .awsui_link_4c84z_533vn_145.awsui_variant-primary_4c84z_533vn_247:not(#\9):hover {
+.awsui_link_4c84z_1rl6a_145.awsui_variant-primary_4c84z_1rl6a_247:not(#\9):active, .awsui_link_4c84z_1rl6a_145.awsui_variant-primary_4c84z_1rl6a_247:not(#\9):focus, .awsui_link_4c84z_1rl6a_145.awsui_variant-primary_4c84z_1rl6a_247:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_533vn_145.awsui_variant-info_4c84z_533vn_280:not(#\9) {
+.awsui_link_4c84z_1rl6a_145.awsui_variant-info_4c84z_1rl6a_280:not(#\9) {
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
-  color: var(--awsui-style-color-default-rhu47t, var(--color-text-link-default-z7zuy8, #0073bb));
+  color: var(--awsui-style-color-default-4hh3rt, var(--color-text-link-default-z7zuy8, #0073bb));
   font-weight: 700;
   letter-spacing: 0.005em;
   text-decoration-line: none;
@@ -297,31 +297,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_533vn_145.awsui_variant-info_4c84z_533vn_280:not(#\9) {
+  .awsui_link_4c84z_1rl6a_145.awsui_variant-info_4c84z_1rl6a_280:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_533vn_145.awsui_variant-info_4c84z_533vn_280:not(#\9), .awsui-mode-entering .awsui_link_4c84z_533vn_145.awsui_variant-info_4c84z_533vn_280:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1rl6a_145.awsui_variant-info_4c84z_1rl6a_280:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1rl6a_145.awsui_variant-info_4c84z_1rl6a_280:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_533vn_145.awsui_variant-info_4c84z_533vn_280:not(#\9):hover {
+.awsui_link_4c84z_1rl6a_145.awsui_variant-info_4c84z_1rl6a_280:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-rhu47t, var(--color-text-link-hover-pqxtsy, #0a4a74));
+  color: var(--awsui-style-color-hover-4hh3rt, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_533vn_145.awsui_variant-info_4c84z_533vn_280:not(#\9):focus {
+.awsui_link_4c84z_1rl6a_145.awsui_variant-info_4c84z_1rl6a_280:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_533vn_145.awsui_variant-info_4c84z_533vn_280:not(#\9):active {
-  color: var(--awsui-style-color-active-rhu47t, var(--color-text-link-hover-pqxtsy, #0a4a74));
+.awsui_link_4c84z_1rl6a_145.awsui_variant-info_4c84z_1rl6a_280:not(#\9):active {
+  color: var(--awsui-style-color-active-4hh3rt, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_533vn_145.awsui_variant-info_4c84z_533vn_280:not(#\9):active, .awsui_link_4c84z_533vn_145.awsui_variant-info_4c84z_533vn_280:not(#\9):focus, .awsui_link_4c84z_533vn_145.awsui_variant-info_4c84z_533vn_280:not(#\9):hover {
+.awsui_link_4c84z_1rl6a_145.awsui_variant-info_4c84z_1rl6a_280:not(#\9):active, .awsui_link_4c84z_1rl6a_145.awsui_variant-info_4c84z_1rl6a_280:not(#\9):focus, .awsui_link_4c84z_1rl6a_145.awsui_variant-info_4c84z_1rl6a_280:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-button-underline-hover-s0fj6r, currentColor);
 }
-.awsui_link_4c84z_533vn_145.awsui_variant-value-large_4c84z_533vn_315:not(#\9) {
-  color: var(--awsui-style-color-default-rhu47t, var(--color-text-link-default-z7zuy8, #0073bb));
+.awsui_link_4c84z_1rl6a_145.awsui_variant-value-large_4c84z_1rl6a_315:not(#\9) {
+  color: var(--awsui-style-color-default-4hh3rt, var(--color-text-link-default-z7zuy8, #0073bb));
   font-weight: var(--font-box-value-large-weight-zc1blz, 300);
   text-decoration-line: underline;
   text-decoration-color: currentColor;
@@ -331,33 +331,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_533vn_145.awsui_variant-value-large_4c84z_533vn_315:not(#\9) {
+  .awsui_link_4c84z_1rl6a_145.awsui_variant-value-large_4c84z_1rl6a_315:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_533vn_145.awsui_variant-value-large_4c84z_533vn_315:not(#\9), .awsui-mode-entering .awsui_link_4c84z_533vn_145.awsui_variant-value-large_4c84z_533vn_315:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1rl6a_145.awsui_variant-value-large_4c84z_1rl6a_315:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1rl6a_145.awsui_variant-value-large_4c84z_1rl6a_315:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_533vn_145.awsui_variant-value-large_4c84z_533vn_315:not(#\9):hover {
+.awsui_link_4c84z_1rl6a_145.awsui_variant-value-large_4c84z_1rl6a_315:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-rhu47t, var(--color-text-link-hover-pqxtsy, #0a4a74));
+  color: var(--awsui-style-color-hover-4hh3rt, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_533vn_145.awsui_variant-value-large_4c84z_533vn_315:not(#\9):focus {
+.awsui_link_4c84z_1rl6a_145.awsui_variant-value-large_4c84z_1rl6a_315:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_533vn_145.awsui_variant-value-large_4c84z_533vn_315:not(#\9):active {
-  color: var(--awsui-style-color-active-rhu47t, var(--color-text-link-hover-pqxtsy, #0a4a74));
+.awsui_link_4c84z_1rl6a_145.awsui_variant-value-large_4c84z_1rl6a_315:not(#\9):active {
+  color: var(--awsui-style-color-active-4hh3rt, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_533vn_145.awsui_variant-value-large_4c84z_533vn_315:not(#\9):active, .awsui_link_4c84z_533vn_145.awsui_variant-value-large_4c84z_533vn_315:not(#\9):focus, .awsui_link_4c84z_533vn_145.awsui_variant-value-large_4c84z_533vn_315:not(#\9):hover {
+.awsui_link_4c84z_1rl6a_145.awsui_variant-value-large_4c84z_1rl6a_315:not(#\9):active, .awsui_link_4c84z_1rl6a_145.awsui_variant-value-large_4c84z_1rl6a_315:not(#\9):focus, .awsui_link_4c84z_1rl6a_145.awsui_variant-value-large_4c84z_1rl6a_315:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_533vn_145.awsui_variant-top-navigation_4c84z_533vn_347:not(#\9) {
+.awsui_link_4c84z_1rl6a_145.awsui_variant-top-navigation_4c84z_1rl6a_347:not(#\9) {
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
-  color: var(--awsui-style-color-default-rhu47t, var(--color-text-interactive-default-qwoe3g, #545b64));
+  color: var(--awsui-style-color-default-4hh3rt, var(--color-text-interactive-default-qwoe3g, #545b64));
   font-weight: 700;
   letter-spacing: 0.005em;
   text-decoration-line: none;
@@ -368,31 +368,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_533vn_145.awsui_variant-top-navigation_4c84z_533vn_347:not(#\9) {
+  .awsui_link_4c84z_1rl6a_145.awsui_variant-top-navigation_4c84z_1rl6a_347:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_533vn_145.awsui_variant-top-navigation_4c84z_533vn_347:not(#\9), .awsui-mode-entering .awsui_link_4c84z_533vn_145.awsui_variant-top-navigation_4c84z_533vn_347:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1rl6a_145.awsui_variant-top-navigation_4c84z_1rl6a_347:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1rl6a_145.awsui_variant-top-navigation_4c84z_1rl6a_347:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_533vn_145.awsui_variant-top-navigation_4c84z_533vn_347:not(#\9):hover {
+.awsui_link_4c84z_1rl6a_145.awsui_variant-top-navigation_4c84z_1rl6a_347:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-rhu47t, var(--color-text-interactive-hover-bu4gls, #16191f));
+  color: var(--awsui-style-color-hover-4hh3rt, var(--color-text-interactive-hover-bu4gls, #16191f));
 }
-.awsui_link_4c84z_533vn_145.awsui_variant-top-navigation_4c84z_533vn_347:not(#\9):focus {
+.awsui_link_4c84z_1rl6a_145.awsui_variant-top-navigation_4c84z_1rl6a_347:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_533vn_145.awsui_variant-top-navigation_4c84z_533vn_347:not(#\9):active {
-  color: var(--awsui-style-color-active-rhu47t, var(--color-text-interactive-active-c44vdq, #16191f));
+.awsui_link_4c84z_1rl6a_145.awsui_variant-top-navigation_4c84z_1rl6a_347:not(#\9):active {
+  color: var(--awsui-style-color-active-4hh3rt, var(--color-text-interactive-active-c44vdq, #16191f));
 }
-.awsui_link_4c84z_533vn_145.awsui_variant-top-navigation_4c84z_533vn_347:not(#\9):active, .awsui_link_4c84z_533vn_145.awsui_variant-top-navigation_4c84z_533vn_347:not(#\9):focus, .awsui_link_4c84z_533vn_145.awsui_variant-top-navigation_4c84z_533vn_347:not(#\9):hover {
+.awsui_link_4c84z_1rl6a_145.awsui_variant-top-navigation_4c84z_1rl6a_347:not(#\9):active, .awsui_link_4c84z_1rl6a_145.awsui_variant-top-navigation_4c84z_1rl6a_347:not(#\9):focus, .awsui_link_4c84z_1rl6a_145.awsui_variant-top-navigation_4c84z_1rl6a_347:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: transparent;
 }
-.awsui_link_4c84z_533vn_145.awsui_variant-recovery_4c84z_533vn_382:not(#\9) {
-  color: var(--awsui-style-color-default-rhu47t, var(--color-text-link-default-z7zuy8, #0073bb));
+.awsui_link_4c84z_1rl6a_145.awsui_variant-recovery_4c84z_1rl6a_382:not(#\9) {
+  color: var(--awsui-style-color-default-4hh3rt, var(--color-text-link-default-z7zuy8, #0073bb));
   font-weight: var(--font-link-button-weight-bnpz8h, 400);
   letter-spacing: var(--font-link-button-letter-spacing-yobz7z, normal);
   text-decoration-line: underline;
@@ -403,33 +403,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_533vn_145.awsui_variant-recovery_4c84z_533vn_382:not(#\9) {
+  .awsui_link_4c84z_1rl6a_145.awsui_variant-recovery_4c84z_1rl6a_382:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_533vn_145.awsui_variant-recovery_4c84z_533vn_382:not(#\9), .awsui-mode-entering .awsui_link_4c84z_533vn_145.awsui_variant-recovery_4c84z_533vn_382:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1rl6a_145.awsui_variant-recovery_4c84z_1rl6a_382:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1rl6a_145.awsui_variant-recovery_4c84z_1rl6a_382:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_533vn_145.awsui_variant-recovery_4c84z_533vn_382:not(#\9):hover {
+.awsui_link_4c84z_1rl6a_145.awsui_variant-recovery_4c84z_1rl6a_382:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-rhu47t, var(--color-text-link-hover-pqxtsy, #0a4a74));
+  color: var(--awsui-style-color-hover-4hh3rt, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_533vn_145.awsui_variant-recovery_4c84z_533vn_382:not(#\9):focus {
+.awsui_link_4c84z_1rl6a_145.awsui_variant-recovery_4c84z_1rl6a_382:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_533vn_145.awsui_variant-recovery_4c84z_533vn_382:not(#\9):active {
-  color: var(--awsui-style-color-active-rhu47t, var(--color-text-link-hover-pqxtsy, #0a4a74));
+.awsui_link_4c84z_1rl6a_145.awsui_variant-recovery_4c84z_1rl6a_382:not(#\9):active {
+  color: var(--awsui-style-color-active-4hh3rt, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_533vn_145.awsui_variant-recovery_4c84z_533vn_382:not(#\9):active, .awsui_link_4c84z_533vn_145.awsui_variant-recovery_4c84z_533vn_382:not(#\9):focus, .awsui_link_4c84z_533vn_145.awsui_variant-recovery_4c84z_533vn_382:not(#\9):hover {
+.awsui_link_4c84z_1rl6a_145.awsui_variant-recovery_4c84z_1rl6a_382:not(#\9):active, .awsui_link_4c84z_1rl6a_145.awsui_variant-recovery_4c84z_1rl6a_382:not(#\9):focus, .awsui_link_4c84z_1rl6a_145.awsui_variant-recovery_4c84z_1rl6a_382:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-button-underline-hover-s0fj6r, currentColor);
 }
-.awsui_link_4c84z_533vn_145.awsui_button_4c84z_533vn_415:not(#\9) {
+.awsui_link_4c84z_1rl6a_145.awsui_button_4c84z_1rl6a_415:not(#\9) {
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
-  color: var(--awsui-style-color-default-rhu47t, var(--color-text-link-button-normal-default-dm02c2, #545b64));
+  color: var(--awsui-style-color-default-4hh3rt, var(--color-text-link-button-normal-default-dm02c2, #545b64));
   font-weight: 700;
   letter-spacing: var(--font-button-letter-spacing-9h7rbb, 0.25px);
   text-decoration-line: none;
@@ -440,105 +440,105 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_533vn_145.awsui_button_4c84z_533vn_415:not(#\9) {
+  .awsui_link_4c84z_1rl6a_145.awsui_button_4c84z_1rl6a_415:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_533vn_145.awsui_button_4c84z_533vn_415:not(#\9), .awsui-mode-entering .awsui_link_4c84z_533vn_145.awsui_button_4c84z_533vn_415:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1rl6a_145.awsui_button_4c84z_1rl6a_415:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1rl6a_145.awsui_button_4c84z_1rl6a_415:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_533vn_145.awsui_button_4c84z_533vn_415:not(#\9):hover {
+.awsui_link_4c84z_1rl6a_145.awsui_button_4c84z_1rl6a_415:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-rhu47t, var(--color-text-link-button-normal-hover-ldeaqo, #16191f));
+  color: var(--awsui-style-color-hover-4hh3rt, var(--color-text-link-button-normal-hover-ldeaqo, #16191f));
 }
-.awsui_link_4c84z_533vn_145.awsui_button_4c84z_533vn_415:not(#\9):focus {
+.awsui_link_4c84z_1rl6a_145.awsui_button_4c84z_1rl6a_415:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_533vn_145.awsui_button_4c84z_533vn_415:not(#\9):active {
-  color: var(--awsui-style-color-active-rhu47t, var(--color-text-link-button-normal-active-q28r86, #16191f));
+.awsui_link_4c84z_1rl6a_145.awsui_button_4c84z_1rl6a_415:not(#\9):active {
+  color: var(--awsui-style-color-active-4hh3rt, var(--color-text-link-button-normal-active-q28r86, #16191f));
 }
-.awsui_link_4c84z_533vn_145.awsui_button_4c84z_533vn_415:not(#\9):active, .awsui_link_4c84z_533vn_145.awsui_button_4c84z_533vn_415:not(#\9):focus, .awsui_link_4c84z_533vn_145.awsui_button_4c84z_533vn_415:not(#\9):hover {
+.awsui_link_4c84z_1rl6a_145.awsui_button_4c84z_1rl6a_415:not(#\9):active, .awsui_link_4c84z_1rl6a_145.awsui_button_4c84z_1rl6a_415:not(#\9):focus, .awsui_link_4c84z_1rl6a_145.awsui_button_4c84z_1rl6a_415:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: transparent;
 }
-.awsui_link_4c84z_533vn_145.awsui_color-inverted_4c84z_533vn_450:not(#\9) {
+.awsui_link_4c84z_1rl6a_145.awsui_color-inverted_4c84z_1rl6a_450:not(#\9) {
   color: var(--color-text-notification-default-fmebm4, #fafafa);
 }
-.awsui_link_4c84z_533vn_145.awsui_color-inverted_4c84z_533vn_450:not(#\9):not(.awsui_button_4c84z_533vn_415) {
+.awsui_link_4c84z_1rl6a_145.awsui_color-inverted_4c84z_1rl6a_450:not(#\9):not(.awsui_button_4c84z_1rl6a_415) {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_533vn_145.awsui_color-inverted_4c84z_533vn_450:not(#\9):hover {
+.awsui_link_4c84z_1rl6a_145.awsui_color-inverted_4c84z_1rl6a_450:not(#\9):hover {
   color: var(--color-text-link-inverted-hover-7jk1d1, #fafafa);
 }
-body[data-awsui-focus-visible=true] .awsui_link_4c84z_533vn_145:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_link_4c84z_1rl6a_145:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-c5423y, 5px auto Highlight);
   outline-offset: 2px;
-  outline-color: var(--awsui-style-focus-ring-border-color-rhu47t, var(--color-border-item-focused-r5f6xl, #0073bb));
-  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-rhu47t, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-rhu47t, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-rhu47t, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-rhu47t, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  box-shadow: var(--awsui-style-focus-ring-box-shadow-rhu47t);
-}
-.awsui_link_4c84z_533vn_145.awsui_font-size-body-s_4c84z_533vn_471:not(#\9) {
+  outline-color: var(--awsui-style-focus-ring-border-color-4hh3rt, var(--color-border-item-focused-r5f6xl, #0073bb));
+  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-4hh3rt, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
+  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-4hh3rt, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
+  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-4hh3rt, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
+  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-4hh3rt, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
+  box-shadow: var(--awsui-style-focus-ring-box-shadow-4hh3rt);
+}
+.awsui_link_4c84z_1rl6a_145.awsui_font-size-body-s_4c84z_1rl6a_471:not(#\9) {
   font-size: var(--font-size-body-s-psgqn2, 12px);
   line-height: var(--line-height-body-s-otgtsr, 16px);
   letter-spacing: var(--letter-spacing-body-s-egrcsd, normal);
   text-underline-offset: 0.3em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_533vn_145.awsui_font-size-body-m_4c84z_533vn_478:not(#\9) {
+.awsui_link_4c84z_1rl6a_145.awsui_font-size-body-m_4c84z_1rl6a_478:not(#\9) {
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_533vn_145.awsui_font-size-heading-xs_4c84z_533vn_484:not(#\9) {
+.awsui_link_4c84z_1rl6a_145.awsui_font-size-heading-xs_4c84z_1rl6a_484:not(#\9) {
   font-size: var(--font-size-heading-xs-c20ika, 16px);
   line-height: var(--line-height-heading-xs-fuzanp, 20px);
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_533vn_145.awsui_font-size-heading-s_4c84z_533vn_490:not(#\9) {
+.awsui_link_4c84z_1rl6a_145.awsui_font-size-heading-s_4c84z_1rl6a_490:not(#\9) {
   font-size: var(--font-size-heading-s-yde02v, 16px);
   line-height: var(--line-height-heading-s-j2axh8, 20px);
   letter-spacing: var(--letter-spacing-heading-s-696sxe, normal);
   text-underline-offset: 0.3em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_533vn_145.awsui_font-size-heading-m_4c84z_533vn_497:not(#\9) {
+.awsui_link_4c84z_1rl6a_145.awsui_font-size-heading-m_4c84z_1rl6a_497:not(#\9) {
   font-size: var(--font-size-heading-m-56jjln, 18px);
   line-height: var(--line-height-heading-m-irezqt, 22px);
   letter-spacing: var(--letter-spacing-heading-m-93y02s, normal);
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_533vn_145.awsui_font-size-heading-l_4c84z_533vn_504:not(#\9) {
+.awsui_link_4c84z_1rl6a_145.awsui_font-size-heading-l_4c84z_1rl6a_504:not(#\9) {
   font-size: var(--font-size-heading-l-qgg2za, 18px);
   line-height: var(--line-height-heading-l-vhgtnq, 22px);
   letter-spacing: var(--letter-spacing-heading-l-spdx5v, normal);
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_533vn_145.awsui_font-size-heading-xl_4c84z_533vn_511:not(#\9) {
+.awsui_link_4c84z_1rl6a_145.awsui_font-size-heading-xl_4c84z_1rl6a_511:not(#\9) {
   font-size: var(--font-size-heading-xl-w5di2k, 28px);
   line-height: var(--line-height-heading-xl-vs1f23, 36px);
   letter-spacing: var(--letter-spacing-heading-xl-33zwds, normal);
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_533vn_145.awsui_font-size-display-l_4c84z_533vn_518:not(#\9) {
+.awsui_link_4c84z_1rl6a_145.awsui_font-size-display-l_4c84z_1rl6a_518:not(#\9) {
   font-size: var(--font-size-display-l-h1h1h9, 44px);
   line-height: var(--line-height-display-l-3zghmm, 56px);
   letter-spacing: var(--letter-spacing-display-l-dniym1, normal);
   text-underline-offset: 0.25em;
   text-decoration-thickness: 2px;
 }
-.awsui_link_4c84z_533vn_145.awsui_font-size-inherit_4c84z_533vn_525:not(#\9) {
+.awsui_link_4c84z_1rl6a_145.awsui_font-size-inherit_4c84z_1rl6a_525:not(#\9) {
   font-size: inherit;
   line-height: inherit;
   letter-spacing: inherit;
@@ -546,10 +546,10 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_533vn_145:not(#\9):focus {
   text-decoration-thickness: 1px;
 }
 
-.awsui_icon-wrapper_4c84z_533vn_533:not(#\9) {
+.awsui_icon-wrapper_4c84z_1rl6a_533:not(#\9) {
   white-space: nowrap;
 }
 
-.awsui_icon_4c84z_533vn_533:not(#\9) {
+.awsui_icon_4c84z_1rl6a_533:not(#\9) {
   display: inline-block;
 }

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

@@ -2,25 +2,25 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "link": "awsui_link_4c84z_533vn_145",
-  "variant-secondary": "awsui_variant-secondary_4c84z_533vn_212",
-  "variant-primary": "awsui_variant-primary_4c84z_533vn_247",
-  "variant-info": "awsui_variant-info_4c84z_533vn_280",
-  "variant-value-large": "awsui_variant-value-large_4c84z_533vn_315",
-  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_533vn_347",
-  "variant-recovery": "awsui_variant-recovery_4c84z_533vn_382",
-  "button": "awsui_button_4c84z_533vn_415",
-  "color-inverted": "awsui_color-inverted_4c84z_533vn_450",
-  "font-size-body-s": "awsui_font-size-body-s_4c84z_533vn_471",
-  "font-size-body-m": "awsui_font-size-body-m_4c84z_533vn_478",
-  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_533vn_484",
-  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_533vn_490",
-  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_533vn_497",
-  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_533vn_504",
-  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_533vn_511",
-  "font-size-display-l": "awsui_font-size-display-l_4c84z_533vn_518",
-  "font-size-inherit": "awsui_font-size-inherit_4c84z_533vn_525",
-  "icon-wrapper": "awsui_icon-wrapper_4c84z_533vn_533",
-  "icon": "awsui_icon_4c84z_533vn_533"
+  "link": "awsui_link_4c84z_1rl6a_145",
+  "variant-secondary": "awsui_variant-secondary_4c84z_1rl6a_212",
+  "variant-primary": "awsui_variant-primary_4c84z_1rl6a_247",
+  "variant-info": "awsui_variant-info_4c84z_1rl6a_280",
+  "variant-value-large": "awsui_variant-value-large_4c84z_1rl6a_315",
+  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1rl6a_347",
+  "variant-recovery": "awsui_variant-recovery_4c84z_1rl6a_382",
+  "button": "awsui_button_4c84z_1rl6a_415",
+  "color-inverted": "awsui_color-inverted_4c84z_1rl6a_450",
+  "font-size-body-s": "awsui_font-size-body-s_4c84z_1rl6a_471",
+  "font-size-body-m": "awsui_font-size-body-m_4c84z_1rl6a_478",
+  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1rl6a_484",
+  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1rl6a_490",
+  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1rl6a_497",
+  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1rl6a_504",
+  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1rl6a_511",
+  "font-size-display-l": "awsui_font-size-display-l_4c84z_1rl6a_518",
+  "font-size-inherit": "awsui_font-size-inherit_4c84z_1rl6a_525",
+  "icon-wrapper": "awsui_icon-wrapper_4c84z_1rl6a_533",
+  "icon": "awsui_icon_4c84z_1rl6a_533"
 };
   

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"]}