@cloudscape-design/components 3.0.1297 → 3.0.1299

package/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_erl74_145:not(#\9) {
+.awsui_link_4c84z_1crek_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -176,7 +176,8 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   white-space: inherit;
   --awsui-style-focus-ring-box-shadow-6b9ypa: 0 0 0 var(--awsui-style-focus-ring-border-width-6b9ypa, var(--border-link-focus-ring-shadow-spread-39uvxr, 2px)) var(--awsui-style-focus-ring-border-color-6b9ypa, var(--color-border-item-focused-uk47pl, #006ce0));
   text-underline-offset: 0.25em;
-  text-decoration-thickness: 1px;
+  text-decoration-thickness: var(--font-decoration-thickness-link-uesuo7, 1px);
+  text-decoration-style: var(--font-decoration-style-link-pk2xmp, solid);
   color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-secondary-default-4p0gj8, #006ce0));
   font-weight: inherit;
   letter-spacing: normal;
@@ -188,30 +189,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-5rbn3k, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_erl74_145:not(#\9) {
+  .awsui_link_4c84z_1crek_145:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_erl74_145:not(#\9), .awsui-mode-entering .awsui_link_4c84z_erl74_145:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1crek_145:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1crek_145:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_erl74_145:not(#\9):hover {
+.awsui_link_4c84z_1crek_145:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-secondary-hover-0kzmc4, #002b66));
 }
-.awsui_link_4c84z_erl74_145:not(#\9):focus {
+.awsui_link_4c84z_1crek_145:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_erl74_145:not(#\9):active {
+.awsui_link_4c84z_1crek_145:not(#\9):active {
   color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-secondary-hover-0kzmc4, #002b66));
 }
-.awsui_link_4c84z_erl74_145:not(#\9):active, .awsui_link_4c84z_erl74_145:not(#\9):focus, .awsui_link_4c84z_erl74_145:not(#\9):hover {
+.awsui_link_4c84z_1crek_145:not(#\9):active, .awsui_link_4c84z_1crek_145:not(#\9):focus, .awsui_link_4c84z_1crek_145:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_erl74_145.awsui_variant-recovery_4c84z_erl74_212:not(#\9) {
+.awsui_link_4c84z_1crek_145.awsui_variant-recovery_4c84z_1crek_213:not(#\9) {
   color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-default-hude44, #006ce0));
   font-weight: var(--font-link-button-weight-vslyg9, 700);
   letter-spacing: var(--font-link-button-letter-spacing-imtxwq, 0.005em);
@@ -223,30 +224,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-5rbn3k, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_erl74_145.awsui_variant-recovery_4c84z_erl74_212:not(#\9) {
+  .awsui_link_4c84z_1crek_145.awsui_variant-recovery_4c84z_1crek_213:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_erl74_145.awsui_variant-recovery_4c84z_erl74_212:not(#\9), .awsui-mode-entering .awsui_link_4c84z_erl74_145.awsui_variant-recovery_4c84z_erl74_212:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1crek_145.awsui_variant-recovery_4c84z_1crek_213:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1crek_145.awsui_variant-recovery_4c84z_1crek_213:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_erl74_145.awsui_variant-recovery_4c84z_erl74_212:not(#\9):hover {
+.awsui_link_4c84z_1crek_145.awsui_variant-recovery_4c84z_1crek_213:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-hover-2hfec2, #002b66));
 }
-.awsui_link_4c84z_erl74_145.awsui_variant-recovery_4c84z_erl74_212:not(#\9):focus {
+.awsui_link_4c84z_1crek_145.awsui_variant-recovery_4c84z_1crek_213:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_erl74_145.awsui_variant-recovery_4c84z_erl74_212:not(#\9):active {
+.awsui_link_4c84z_1crek_145.awsui_variant-recovery_4c84z_1crek_213:not(#\9):active {
   color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-hover-2hfec2, #002b66));
 }
-.awsui_link_4c84z_erl74_145.awsui_variant-recovery_4c84z_erl74_212:not(#\9):active, .awsui_link_4c84z_erl74_145.awsui_variant-recovery_4c84z_erl74_212:not(#\9):focus, .awsui_link_4c84z_erl74_145.awsui_variant-recovery_4c84z_erl74_212:not(#\9):hover {
+.awsui_link_4c84z_1crek_145.awsui_variant-recovery_4c84z_1crek_213:not(#\9):active, .awsui_link_4c84z_1crek_145.awsui_variant-recovery_4c84z_1crek_213:not(#\9):focus, .awsui_link_4c84z_1crek_145.awsui_variant-recovery_4c84z_1crek_213:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-button-underline-hover-cn3mqh, transparent);
 }
-.awsui_link_4c84z_erl74_145.awsui_variant-secondary_4c84z_erl74_245:not(#\9) {
+.awsui_link_4c84z_1crek_145.awsui_variant-secondary_4c84z_1crek_246:not(#\9) {
   -webkit-font-smoothing: inherit;
   -moz-osx-font-smoothing: inherit;
   color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-secondary-default-4p0gj8, #006ce0));
@@ -260,65 +261,65 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-5rbn3k, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_erl74_145.awsui_variant-secondary_4c84z_erl74_245:not(#\9) {
+  .awsui_link_4c84z_1crek_145.awsui_variant-secondary_4c84z_1crek_246:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_erl74_145.awsui_variant-secondary_4c84z_erl74_245:not(#\9), .awsui-mode-entering .awsui_link_4c84z_erl74_145.awsui_variant-secondary_4c84z_erl74_245:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1crek_145.awsui_variant-secondary_4c84z_1crek_246:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1crek_145.awsui_variant-secondary_4c84z_1crek_246:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_erl74_145.awsui_variant-secondary_4c84z_erl74_245:not(#\9):hover {
+.awsui_link_4c84z_1crek_145.awsui_variant-secondary_4c84z_1crek_246:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-secondary-hover-0kzmc4, #002b66));
 }
-.awsui_link_4c84z_erl74_145.awsui_variant-secondary_4c84z_erl74_245:not(#\9):focus {
+.awsui_link_4c84z_1crek_145.awsui_variant-secondary_4c84z_1crek_246:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_erl74_145.awsui_variant-secondary_4c84z_erl74_245:not(#\9):active {
+.awsui_link_4c84z_1crek_145.awsui_variant-secondary_4c84z_1crek_246:not(#\9):active {
   color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-secondary-hover-0kzmc4, #002b66));
 }
-.awsui_link_4c84z_erl74_145.awsui_variant-secondary_4c84z_erl74_245:not(#\9):active, .awsui_link_4c84z_erl74_145.awsui_variant-secondary_4c84z_erl74_245:not(#\9):focus, .awsui_link_4c84z_erl74_145.awsui_variant-secondary_4c84z_erl74_245:not(#\9):hover {
+.awsui_link_4c84z_1crek_145.awsui_variant-secondary_4c84z_1crek_246:not(#\9):active, .awsui_link_4c84z_1crek_145.awsui_variant-secondary_4c84z_1crek_246:not(#\9):focus, .awsui_link_4c84z_1crek_145.awsui_variant-secondary_4c84z_1crek_246:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_erl74_145.awsui_variant-primary_4c84z_erl74_280:not(#\9) {
+.awsui_link_4c84z_1crek_145.awsui_variant-primary_4c84z_1crek_281:not(#\9) {
   color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-default-hude44, #006ce0));
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: underline;
-  text-decoration-color: currentColor;
+  text-decoration-color: var(--color-text-link-decoration-default-0x8fhu, currentColor);
   transition-property: color, -webkit-text-decoration;
   transition-property: color, text-decoration;
   transition-property: color, text-decoration, -webkit-text-decoration;
   transition-duration: var(--motion-duration-refresh-only-medium-5rbn3k, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_erl74_145.awsui_variant-primary_4c84z_erl74_280:not(#\9) {
+  .awsui_link_4c84z_1crek_145.awsui_variant-primary_4c84z_1crek_281:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_erl74_145.awsui_variant-primary_4c84z_erl74_280:not(#\9), .awsui-mode-entering .awsui_link_4c84z_erl74_145.awsui_variant-primary_4c84z_erl74_280:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1crek_145.awsui_variant-primary_4c84z_1crek_281:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1crek_145.awsui_variant-primary_4c84z_1crek_281:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_erl74_145.awsui_variant-primary_4c84z_erl74_280:not(#\9):hover {
+.awsui_link_4c84z_1crek_145.awsui_variant-primary_4c84z_1crek_281:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-hover-2hfec2, #002b66));
 }
-.awsui_link_4c84z_erl74_145.awsui_variant-primary_4c84z_erl74_280:not(#\9):focus {
+.awsui_link_4c84z_1crek_145.awsui_variant-primary_4c84z_1crek_281:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_erl74_145.awsui_variant-primary_4c84z_erl74_280:not(#\9):active {
+.awsui_link_4c84z_1crek_145.awsui_variant-primary_4c84z_1crek_281:not(#\9):active {
   color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-hover-2hfec2, #002b66));
 }
-.awsui_link_4c84z_erl74_145.awsui_variant-primary_4c84z_erl74_280:not(#\9):active, .awsui_link_4c84z_erl74_145.awsui_variant-primary_4c84z_erl74_280:not(#\9):focus, .awsui_link_4c84z_erl74_145.awsui_variant-primary_4c84z_erl74_280:not(#\9):hover {
+.awsui_link_4c84z_1crek_145.awsui_variant-primary_4c84z_1crek_281:not(#\9):active, .awsui_link_4c84z_1crek_145.awsui_variant-primary_4c84z_1crek_281:not(#\9):focus, .awsui_link_4c84z_1crek_145.awsui_variant-primary_4c84z_1crek_281:not(#\9):hover {
   text-decoration-line: underline;
-  text-decoration-color: currentColor;
+  text-decoration-color: var(--color-text-link-decoration-hover-kui2t9, currentColor);
 }
-.awsui_link_4c84z_erl74_145.awsui_variant-info_4c84z_erl74_313:not(#\9) {
+.awsui_link_4c84z_1crek_145.awsui_variant-info_4c84z_1crek_314:not(#\9) {
   -webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
   color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-info-default-mrmt1i, #006ce0));
@@ -332,30 +333,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-5rbn3k, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_erl74_145.awsui_variant-info_4c84z_erl74_313:not(#\9) {
+  .awsui_link_4c84z_1crek_145.awsui_variant-info_4c84z_1crek_314:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_erl74_145.awsui_variant-info_4c84z_erl74_313:not(#\9), .awsui-mode-entering .awsui_link_4c84z_erl74_145.awsui_variant-info_4c84z_erl74_313:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1crek_145.awsui_variant-info_4c84z_1crek_314:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1crek_145.awsui_variant-info_4c84z_1crek_314:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_erl74_145.awsui_variant-info_4c84z_erl74_313:not(#\9):hover {
+.awsui_link_4c84z_1crek_145.awsui_variant-info_4c84z_1crek_314:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-info-hover-mu3ega, #002b66));
 }
-.awsui_link_4c84z_erl74_145.awsui_variant-info_4c84z_erl74_313:not(#\9):focus {
+.awsui_link_4c84z_1crek_145.awsui_variant-info_4c84z_1crek_314:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_erl74_145.awsui_variant-info_4c84z_erl74_313:not(#\9):active {
+.awsui_link_4c84z_1crek_145.awsui_variant-info_4c84z_1crek_314:not(#\9):active {
   color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-info-hover-mu3ega, #002b66));
 }
-.awsui_link_4c84z_erl74_145.awsui_variant-info_4c84z_erl74_313:not(#\9):active, .awsui_link_4c84z_erl74_145.awsui_variant-info_4c84z_erl74_313:not(#\9):focus, .awsui_link_4c84z_erl74_145.awsui_variant-info_4c84z_erl74_313:not(#\9):hover {
+.awsui_link_4c84z_1crek_145.awsui_variant-info_4c84z_1crek_314:not(#\9):active, .awsui_link_4c84z_1crek_145.awsui_variant-info_4c84z_1crek_314:not(#\9):focus, .awsui_link_4c84z_1crek_145.awsui_variant-info_4c84z_1crek_314:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-button-underline-hover-cn3mqh, transparent);
 }
-.awsui_link_4c84z_erl74_145.awsui_variant-value-large_4c84z_erl74_348:not(#\9) {
+.awsui_link_4c84z_1crek_145.awsui_variant-value-large_4c84z_1crek_349:not(#\9) {
   color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-default-hude44, #006ce0));
   font-weight: var(--font-weight-display-l-h5zsi8, 700);
   text-decoration-line: underline;
@@ -366,30 +367,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-5rbn3k, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_erl74_145.awsui_variant-value-large_4c84z_erl74_348:not(#\9) {
+  .awsui_link_4c84z_1crek_145.awsui_variant-value-large_4c84z_1crek_349:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_erl74_145.awsui_variant-value-large_4c84z_erl74_348:not(#\9), .awsui-mode-entering .awsui_link_4c84z_erl74_145.awsui_variant-value-large_4c84z_erl74_348:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1crek_145.awsui_variant-value-large_4c84z_1crek_349:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1crek_145.awsui_variant-value-large_4c84z_1crek_349:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_erl74_145.awsui_variant-value-large_4c84z_erl74_348:not(#\9):hover {
+.awsui_link_4c84z_1crek_145.awsui_variant-value-large_4c84z_1crek_349:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-hover-2hfec2, #002b66));
 }
-.awsui_link_4c84z_erl74_145.awsui_variant-value-large_4c84z_erl74_348:not(#\9):focus {
+.awsui_link_4c84z_1crek_145.awsui_variant-value-large_4c84z_1crek_349:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_erl74_145.awsui_variant-value-large_4c84z_erl74_348:not(#\9):active {
+.awsui_link_4c84z_1crek_145.awsui_variant-value-large_4c84z_1crek_349:not(#\9):active {
   color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-hover-2hfec2, #002b66));
 }
-.awsui_link_4c84z_erl74_145.awsui_variant-value-large_4c84z_erl74_348:not(#\9):active, .awsui_link_4c84z_erl74_145.awsui_variant-value-large_4c84z_erl74_348:not(#\9):focus, .awsui_link_4c84z_erl74_145.awsui_variant-value-large_4c84z_erl74_348:not(#\9):hover {
+.awsui_link_4c84z_1crek_145.awsui_variant-value-large_4c84z_1crek_349:not(#\9):active, .awsui_link_4c84z_1crek_145.awsui_variant-value-large_4c84z_1crek_349:not(#\9):focus, .awsui_link_4c84z_1crek_145.awsui_variant-value-large_4c84z_1crek_349:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_erl74_145.awsui_variant-top-navigation_4c84z_erl74_380:not(#\9) {
+.awsui_link_4c84z_1crek_145.awsui_variant-top-navigation_4c84z_1crek_381:not(#\9) {
   -webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
   color: var(--awsui-style-color-default-6b9ypa, var(--color-text-interactive-default-ugh9wp, #424650));
@@ -403,30 +404,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-5rbn3k, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_erl74_145.awsui_variant-top-navigation_4c84z_erl74_380:not(#\9) {
+  .awsui_link_4c84z_1crek_145.awsui_variant-top-navigation_4c84z_1crek_381:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_erl74_145.awsui_variant-top-navigation_4c84z_erl74_380:not(#\9), .awsui-mode-entering .awsui_link_4c84z_erl74_145.awsui_variant-top-navigation_4c84z_erl74_380:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1crek_145.awsui_variant-top-navigation_4c84z_1crek_381:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1crek_145.awsui_variant-top-navigation_4c84z_1crek_381:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_erl74_145.awsui_variant-top-navigation_4c84z_erl74_380:not(#\9):hover {
+.awsui_link_4c84z_1crek_145.awsui_variant-top-navigation_4c84z_1crek_381:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-interactive-hover-6naf7i, #0f141a));
 }
-.awsui_link_4c84z_erl74_145.awsui_variant-top-navigation_4c84z_erl74_380:not(#\9):focus {
+.awsui_link_4c84z_1crek_145.awsui_variant-top-navigation_4c84z_1crek_381:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_erl74_145.awsui_variant-top-navigation_4c84z_erl74_380:not(#\9):active {
+.awsui_link_4c84z_1crek_145.awsui_variant-top-navigation_4c84z_1crek_381:not(#\9):active {
   color: var(--awsui-style-color-active-6b9ypa, var(--color-text-interactive-active-uoe6zi, #0f141a));
 }
-.awsui_link_4c84z_erl74_145.awsui_variant-top-navigation_4c84z_erl74_380:not(#\9):active, .awsui_link_4c84z_erl74_145.awsui_variant-top-navigation_4c84z_erl74_380:not(#\9):focus, .awsui_link_4c84z_erl74_145.awsui_variant-top-navigation_4c84z_erl74_380:not(#\9):hover {
+.awsui_link_4c84z_1crek_145.awsui_variant-top-navigation_4c84z_1crek_381:not(#\9):active, .awsui_link_4c84z_1crek_145.awsui_variant-top-navigation_4c84z_1crek_381:not(#\9):focus, .awsui_link_4c84z_1crek_145.awsui_variant-top-navigation_4c84z_1crek_381:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: transparent;
 }
-.awsui_link_4c84z_erl74_145.awsui_button_4c84z_erl74_415:not(#\9) {
+.awsui_link_4c84z_1crek_145.awsui_button_4c84z_1crek_416:not(#\9) {
   -webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
   color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-button-normal-default-srprth, #006ce0));
@@ -440,40 +441,40 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-5rbn3k, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_erl74_145.awsui_button_4c84z_erl74_415:not(#\9) {
+  .awsui_link_4c84z_1crek_145.awsui_button_4c84z_1crek_416:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_erl74_145.awsui_button_4c84z_erl74_415:not(#\9), .awsui-mode-entering .awsui_link_4c84z_erl74_145.awsui_button_4c84z_erl74_415:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1crek_145.awsui_button_4c84z_1crek_416:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1crek_145.awsui_button_4c84z_1crek_416:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_erl74_145.awsui_button_4c84z_erl74_415:not(#\9):hover {
+.awsui_link_4c84z_1crek_145.awsui_button_4c84z_1crek_416:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-button-normal-hover-jrnyw3, #002b66));
 }
-.awsui_link_4c84z_erl74_145.awsui_button_4c84z_erl74_415:not(#\9):focus {
+.awsui_link_4c84z_1crek_145.awsui_button_4c84z_1crek_416:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_erl74_145.awsui_button_4c84z_erl74_415:not(#\9):active {
+.awsui_link_4c84z_1crek_145.awsui_button_4c84z_1crek_416:not(#\9):active {
   color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-button-normal-active-js9ryu, #002b66));
 }
-.awsui_link_4c84z_erl74_145.awsui_button_4c84z_erl74_415:not(#\9):active, .awsui_link_4c84z_erl74_145.awsui_button_4c84z_erl74_415:not(#\9):focus, .awsui_link_4c84z_erl74_145.awsui_button_4c84z_erl74_415:not(#\9):hover {
+.awsui_link_4c84z_1crek_145.awsui_button_4c84z_1crek_416:not(#\9):active, .awsui_link_4c84z_1crek_145.awsui_button_4c84z_1crek_416:not(#\9):focus, .awsui_link_4c84z_1crek_145.awsui_button_4c84z_1crek_416:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: transparent;
 }
-.awsui_link_4c84z_erl74_145.awsui_color-inverted_4c84z_erl74_450:not(#\9) {
+.awsui_link_4c84z_1crek_145.awsui_color-inverted_4c84z_1crek_451:not(#\9) {
   color: var(--color-text-notification-default-1iey72, #f9f9fa);
 }
-.awsui_link_4c84z_erl74_145.awsui_color-inverted_4c84z_erl74_450:not(#\9):not(.awsui_button_4c84z_erl74_415) {
+.awsui_link_4c84z_1crek_145.awsui_color-inverted_4c84z_1crek_451:not(#\9):not(.awsui_button_4c84z_1crek_416) {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_erl74_145.awsui_color-inverted_4c84z_erl74_450:not(#\9):hover {
+.awsui_link_4c84z_1crek_145.awsui_color-inverted_4c84z_1crek_451:not(#\9):hover {
   color: var(--color-text-link-inverted-hover-ocd3u3, #ffffff);
 }
-body[data-awsui-focus-visible=true] .awsui_link_4c84z_erl74_145:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_link_4c84z_1crek_145:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-1p0hnu, 0);
   outline-offset: 2px;
@@ -484,76 +485,85 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_erl74_145:not(#\9):focus {
   border-end-end-radius: var(--awsui-style-focus-ring-border-radius-6b9ypa, var(--border-radius-control-default-focus-ring-1uabki, 4px));
   box-shadow: var(--awsui-style-focus-ring-box-shadow-6b9ypa);
 }
-.awsui_link_4c84z_erl74_145.awsui_font-size-body-s_4c84z_erl74_471:not(#\9) {
+.awsui_link_4c84z_1crek_145.awsui_font-size-body-s_4c84z_1crek_472:not(#\9) {
   font-size: var(--font-size-body-s-smc8cv, 12px);
   line-height: var(--line-height-body-s-nu5hx1, 16px);
   letter-spacing: var(--letter-spacing-body-s-gq78ok, 0.005em);
   text-underline-offset: 0.3em;
-  text-decoration-thickness: 1px;
+  text-decoration-thickness: var(--font-decoration-thickness-link-uesuo7, 1px);
+  text-decoration-style: var(--font-decoration-style-link-pk2xmp, solid);
 }
-.awsui_link_4c84z_erl74_145.awsui_font-size-body-m_4c84z_erl74_478:not(#\9) {
+.awsui_link_4c84z_1crek_145.awsui_font-size-body-m_4c84z_1crek_480:not(#\9) {
   font-size: var(--font-size-body-m-a7nh2n, 14px);
   line-height: var(--line-height-body-m-2mh3ke, 20px);
   text-underline-offset: 0.25em;
-  text-decoration-thickness: 1px;
+  text-decoration-thickness: var(--font-decoration-thickness-link-uesuo7, 1px);
+  text-decoration-style: var(--font-decoration-style-link-pk2xmp, solid);
 }
-.awsui_link_4c84z_erl74_145.awsui_font-size-heading-xs_4c84z_erl74_484:not(#\9) {
+.awsui_link_4c84z_1crek_145.awsui_font-size-heading-xs_4c84z_1crek_487:not(#\9) {
   font-size: var(--font-size-heading-xs-j8yzxv, 14px);
   line-height: var(--line-height-heading-xs-q9j004, 18px);
   letter-spacing: var(--letter-spacing-heading-xs-fgog7a, normal);
   text-underline-offset: 0.25em;
-  text-decoration-thickness: 1px;
+  text-decoration-thickness: var(--font-decoration-thickness-link-uesuo7, 1px);
+  text-decoration-style: var(--font-decoration-style-link-pk2xmp, solid);
 }
-.awsui_link_4c84z_erl74_145.awsui_font-size-heading-s_4c84z_erl74_491:not(#\9) {
+.awsui_link_4c84z_1crek_145.awsui_font-size-heading-s_4c84z_1crek_495:not(#\9) {
   font-size: var(--font-size-heading-s-zp08en, 16px);
   line-height: var(--line-height-heading-s-hmi4vc, 20px);
   letter-spacing: var(--letter-spacing-heading-s-4st9ep, -0.005em);
   text-underline-offset: 0.3em;
-  text-decoration-thickness: 1px;
+  text-decoration-thickness: var(--font-decoration-thickness-link-uesuo7, 1px);
+  text-decoration-style: var(--font-decoration-style-link-pk2xmp, solid);
 }
-.awsui_link_4c84z_erl74_145.awsui_font-size-heading-m_4c84z_erl74_498:not(#\9) {
+.awsui_link_4c84z_1crek_145.awsui_font-size-heading-m_4c84z_1crek_503:not(#\9) {
   font-size: var(--font-size-heading-m-170yiy, 18px);
   line-height: var(--line-height-heading-m-uoaqdh, 22px);
   letter-spacing: var(--letter-spacing-heading-m-29ewnk, -0.01em);
   text-underline-offset: 0.25em;
-  text-decoration-thickness: 1px;
+  text-decoration-thickness: var(--font-decoration-thickness-link-uesuo7, 1px);
+  text-decoration-style: var(--font-decoration-style-link-pk2xmp, solid);
 }
-.awsui_link_4c84z_erl74_145.awsui_font-size-heading-l_4c84z_erl74_505:not(#\9) {
+.awsui_link_4c84z_1crek_145.awsui_font-size-heading-l_4c84z_1crek_511:not(#\9) {
   font-size: var(--font-size-heading-l-vnacx6, 20px);
   line-height: var(--line-height-heading-l-mg5bx6, 24px);
   letter-spacing: var(--letter-spacing-heading-l-5v6ibv, -0.015em);
   text-underline-offset: 0.25em;
-  text-decoration-thickness: 1px;
+  text-decoration-thickness: var(--font-decoration-thickness-link-uesuo7, 1px);
+  text-decoration-style: var(--font-decoration-style-link-pk2xmp, solid);
 }
-.awsui_link_4c84z_erl74_145.awsui_font-size-heading-xl_4c84z_erl74_512:not(#\9) {
+.awsui_link_4c84z_1crek_145.awsui_font-size-heading-xl_4c84z_1crek_519:not(#\9) {
   font-size: var(--font-size-heading-xl-wvkbur, 24px);
   line-height: var(--line-height-heading-xl-hko6p0, 30px);
   letter-spacing: var(--letter-spacing-heading-xl-ckkb6u, -0.02em);
   text-underline-offset: 0.25em;
-  text-decoration-thickness: 1px;
+  text-decoration-thickness: var(--font-decoration-thickness-link-uesuo7, 1px);
+  text-decoration-style: var(--font-decoration-style-link-pk2xmp, solid);
 }
-.awsui_link_4c84z_erl74_145.awsui_font-size-display-l_4c84z_erl74_519:not(#\9) {
+.awsui_link_4c84z_1crek_145.awsui_font-size-display-l_4c84z_1crek_527:not(#\9) {
   font-size: var(--font-size-display-l-wa6woo, 42px);
   line-height: var(--line-height-display-l-vwanzp, 48px);
   letter-spacing: var(--letter-spacing-display-l-elyyxk, -0.03em);
   text-underline-offset: 0.25em;
-  text-decoration-thickness: 2px;
+  text-decoration-thickness: var(--font-decoration-thickness-link-display-l-6g5fyl, 2px);
+  text-decoration-style: var(--font-decoration-style-link-pk2xmp, solid);
 }
-.awsui_link_4c84z_erl74_145.awsui_font-size-inherit_4c84z_erl74_526:not(#\9) {
+.awsui_link_4c84z_1crek_145.awsui_font-size-inherit_4c84z_1crek_535:not(#\9) {
   font-size: inherit;
   line-height: inherit;
   letter-spacing: inherit;
   text-underline-offset: 0.25em;
-  text-decoration-thickness: 1px;
+  text-decoration-thickness: var(--font-decoration-thickness-link-uesuo7, 1px);
+  text-decoration-style: var(--font-decoration-style-link-pk2xmp, solid);
 }
-.awsui_link_4c84z_erl74_145.awsui_in-inline-token_4c84z_erl74_533:not(#\9) {
+.awsui_link_4c84z_1crek_145.awsui_in-inline-token_4c84z_1crek_543:not(#\9) {
   text-underline-offset: 0.15em;
 }
 
-.awsui_icon-wrapper_4c84z_erl74_537:not(#\9) {
+.awsui_icon-wrapper_4c84z_1crek_547:not(#\9) {
   white-space: nowrap;
 }
 
-.awsui_icon_4c84z_erl74_537:not(#\9) {
+.awsui_icon_4c84z_1crek_547:not(#\9) {
   display: inline-block;
 }

package/link/styles.selectors.js

@@ -2,26 +2,26 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "link": "awsui_link_4c84z_erl74_145",
-  "variant-recovery": "awsui_variant-recovery_4c84z_erl74_212",
-  "variant-secondary": "awsui_variant-secondary_4c84z_erl74_245",
-  "variant-primary": "awsui_variant-primary_4c84z_erl74_280",
-  "variant-info": "awsui_variant-info_4c84z_erl74_313",
-  "variant-value-large": "awsui_variant-value-large_4c84z_erl74_348",
-  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_erl74_380",
-  "button": "awsui_button_4c84z_erl74_415",
-  "color-inverted": "awsui_color-inverted_4c84z_erl74_450",
-  "font-size-body-s": "awsui_font-size-body-s_4c84z_erl74_471",
-  "font-size-body-m": "awsui_font-size-body-m_4c84z_erl74_478",
-  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_erl74_484",
-  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_erl74_491",
-  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_erl74_498",
-  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_erl74_505",
-  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_erl74_512",
-  "font-size-display-l": "awsui_font-size-display-l_4c84z_erl74_519",
-  "font-size-inherit": "awsui_font-size-inherit_4c84z_erl74_526",
-  "in-inline-token": "awsui_in-inline-token_4c84z_erl74_533",
-  "icon-wrapper": "awsui_icon-wrapper_4c84z_erl74_537",
-  "icon": "awsui_icon_4c84z_erl74_537"
+  "link": "awsui_link_4c84z_1crek_145",
+  "variant-recovery": "awsui_variant-recovery_4c84z_1crek_213",
+  "variant-secondary": "awsui_variant-secondary_4c84z_1crek_246",
+  "variant-primary": "awsui_variant-primary_4c84z_1crek_281",
+  "variant-info": "awsui_variant-info_4c84z_1crek_314",
+  "variant-value-large": "awsui_variant-value-large_4c84z_1crek_349",
+  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1crek_381",
+  "button": "awsui_button_4c84z_1crek_416",
+  "color-inverted": "awsui_color-inverted_4c84z_1crek_451",
+  "font-size-body-s": "awsui_font-size-body-s_4c84z_1crek_472",
+  "font-size-body-m": "awsui_font-size-body-m_4c84z_1crek_480",
+  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1crek_487",
+  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1crek_495",
+  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1crek_503",
+  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1crek_511",
+  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1crek_519",
+  "font-size-display-l": "awsui_font-size-display-l_4c84z_1crek_527",
+  "font-size-inherit": "awsui_font-size-inherit_4c84z_1crek_535",
+  "in-inline-token": "awsui_in-inline-token_4c84z_1crek_543",
+  "icon-wrapper": "awsui_icon-wrapper_4c84z_1crek_547",
+  "icon": "awsui_icon_4c84z_1crek_547"
 };
   

package/live-region/internal.d.ts

@@ -8,6 +8,11 @@ interface InternalLiveRegionProps extends InternalBaseComponentProps, LiveRegion
    * interrupted by other actions (like text entry in text filtering).
    */
   delay?: number;
+  /**
+   * By default, the live region will announce the message immediately on mount.
+   * This attribute prevents that.
+   */
+  preventInitialAnnouncement?: boolean;
   /**
    * Use a list of strings and/or refs to existing elements for building the
    * announcement text. If this property is set, `children` and `message` will

package/live-region/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/live-region/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAMtE,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAK/C,UAAU,uBAAwB,SAAQ,0BAA0B,EAAE,eAAe;IACnF;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;OAIG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC,CAAC;CAC5E;AAED,MAAM,WAAW,qBAAqB;IACpC;;;;;;;OAOG;IACH,UAAU,IAAI,IAAI,CAAC;CACpB;;AAED,wBAyEG;AAcH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,WAAW,GAAG,MAAM,CAU5D"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/live-region/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAMtE,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAK/C,UAAU,uBAAwB,SAAQ,0BAA0B,EAAE,eAAe;IACnF;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,0BAA0B,CAAC,EAAE,OAAO,CAAC;IAErC;;;;OAIG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC,CAAC;CAC5E;AAED,MAAM,WAAW,qBAAqB;IACpC;;;;;;;OAOG;IACH,UAAU,IAAI,IAAI,CAAC;CACpB;;AAED,wBAmFG;AAcH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,WAAW,GAAG,MAAM,CAU5D"}

package/live-region/internal.js

@@ -7,7 +7,7 @@ import { getBaseProps } from '../internal/base-component';
 import { LiveRegionController } from './controller';
 import styles from './styles.css.js';
 import testUtilStyles from './test-classes/styles.css.js';
-export default React.forwardRef(function InternalLiveRegion({ assertive = false, hidden = false, tagName: TagName = 'div', delay, sources, children, __internalRootRef, className, ...restProps }, ref) {
+export default React.forwardRef(function InternalLiveRegion({ assertive = false, hidden = false, tagName: TagName = 'div', delay, sources, preventInitialAnnouncement, children, __internalRootRef, className, ...restProps }, ref) {
     const baseProps = getBaseProps(restProps);
     const childrenRef = useRef(null);
     const mergedRef = useMergeRefs(childrenRef, __internalRootRef);
@@ -41,11 +41,19 @@ export default React.forwardRef(function InternalLiveRegion({ assertive = false,
             return extractTextContent(childrenRef.current);
         }
     };
+    const initialAnnouncementContent = useRef();
     // Call the controller on every render. The controller will deduplicate the
     // message against the previous announcement internally.
     useEffect(() => {
         var _a;
-        (_a = liveRegionControllerRef.current) === null || _a === void 0 ? void 0 : _a.announce({ message: getContent() });
+        const message = getContent();
+        if (initialAnnouncementContent.current === undefined) {
+            initialAnnouncementContent.current = message;
+        }
+        if (preventInitialAnnouncement && initialAnnouncementContent.current === message) {
+            return;
+        }
+        (_a = liveRegionControllerRef.current) === null || _a === void 0 ? void 0 : _a.announce({ message });
     });
     useImperativeHandle(ref, () => ({
         reannounce() {

package/live-region/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/live-region/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { useEffect, useImperativeHandle, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { LiveRegionController } from './controller';\nimport { LiveRegionProps } from './interfaces';\n\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\ninterface InternalLiveRegionProps extends InternalBaseComponentProps, LiveRegionProps {\n  /**\n   * The delay between each announcement from this live region. You should\n   * leave this set to the default unless this live region is commonly\n   * interrupted by other actions (like text entry in text filtering).\n   */\n  delay?: number;\n\n  /**\n   * Use a list of strings and/or refs to existing elements for building the\n   * announcement text. If this property is set, `children` and `message` will\n   * be ignored.\n   */\n  sources?: ReadonlyArray<string | React.RefObject<HTMLElement> | undefined>;\n}\n\nexport interface InternalLiveRegionRef {\n  /**\n   * Force the live region to announce the message, even if it's the same as\n   * the previously announced message.\n   *\n   * This is useful when making status updates after a change (e.g. filtering)\n   * where the new message might be the same as the old one, but the announcement\n   * also serves to tell screen reader users that the action was performed.\n   */\n  reannounce(): void;\n}\n\nexport default React.forwardRef(function InternalLiveRegion(\n  {\n    assertive = false,\n    hidden = false,\n    tagName: TagName = 'div',\n    delay,\n    sources,\n    children,\n    __internalRootRef,\n    className,\n    ...restProps\n  }: InternalLiveRegionProps,\n  ref: React.Ref<InternalLiveRegionRef>\n) {\n  const baseProps = getBaseProps(restProps);\n  const childrenRef = useRef<HTMLSpanElement & HTMLDivElement>(null);\n  const mergedRef = useMergeRefs(childrenRef, __internalRootRef);\n\n  useEffect(() => {\n    // We have to do this because `inert` isn't properly supported until\n    // React 19 and this seems much more maintainable than version detection.\n    // `inert` is better than `hidden` because it also blocks pointer and\n    // focus events as well as hiding the contents from screen readers.\n    // https://github.com/facebook/react/issues/17157\n    if (childrenRef.current) {\n      childrenRef.current.inert = hidden;\n    }\n  }, [hidden]);\n\n  // Initialize the live region controller inside an effect. We have to do this\n  // because the controller depends on DOM elements, which aren't available on the\n  // server.\n  const liveRegionControllerRef = useRef<LiveRegionController | undefined>();\n  useEffect(() => {\n    const liveRegionController = new LiveRegionController(assertive ? 'assertive' : 'polite', delay);\n    liveRegionControllerRef.current = liveRegionController;\n    return () => {\n      liveRegionController.destroy();\n      liveRegionControllerRef.current = undefined;\n    };\n  }, [assertive, delay]);\n\n  const getContent = () => {\n    if (sources) {\n      return getSourceContent(sources);\n    }\n    if (childrenRef.current) {\n      return extractTextContent(childrenRef.current);\n    }\n  };\n\n  // Call the controller on every render. The controller will deduplicate the\n  // message against the previous announcement internally.\n  useEffect(() => {\n    liveRegionControllerRef.current?.announce({ message: getContent() });\n  });\n\n  useImperativeHandle(ref, () => ({\n    reannounce() {\n      liveRegionControllerRef.current?.announce({ message: getContent(), forceReannounce: true });\n    },\n  }));\n\n  return (\n    <TagName\n      ref={mergedRef}\n      {...baseProps}\n      className={clsx(styles.root, testUtilStyles.root, className)}\n      hidden={hidden}\n    >\n      {children}\n    </TagName>\n  );\n});\n\nconst processNode = (childNode: Node): string => {\n  if (childNode.nodeType === Node.TEXT_NODE) {\n    return childNode.textContent || '';\n  }\n\n  if (childNode.nodeType === Node.ELEMENT_NODE) {\n    return extractTextContent(childNode as HTMLElement);\n  }\n\n  return '';\n};\n\nexport function extractTextContent(node: HTMLElement): string {\n  // We use the text content of the node as the announcement text.\n  // This only extracts text content from the node including all its children which is enough for now.\n  // To make it more powerful, it is possible to create a more sophisticated extractor with respect to\n  // ARIA properties to ignore aria-hidden nodes and read ARIA labels from the live content.\n  if (!node || !node?.childNodes?.length) {\n    return '';\n  }\n\n  return Array.from(node.childNodes, processNode).join(' ').replace(/\\s+/g, ' ').trim();\n}\n\nfunction getSourceContent(source: ReadonlyArray<string | React.RefObject<HTMLElement> | undefined>): string {\n  return source\n    .map(item => {\n      if (!item || typeof item === 'string') {\n        return item;\n      }\n      if (item.current) {\n        return extractTextContent(item.current);\n      }\n    })\n    .filter(Boolean)\n    .join(' ');\n}\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/live-region/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { useEffect, useImperativeHandle, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { LiveRegionController } from './controller';\nimport { LiveRegionProps } from './interfaces';\n\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\ninterface InternalLiveRegionProps extends InternalBaseComponentProps, LiveRegionProps {\n  /**\n   * The delay between each announcement from this live region. You should\n   * leave this set to the default unless this live region is commonly\n   * interrupted by other actions (like text entry in text filtering).\n   */\n  delay?: number;\n\n  /**\n   * By default, the live region will announce the message immediately on mount.\n   * This attribute prevents that.\n   */\n  preventInitialAnnouncement?: boolean;\n\n  /**\n   * Use a list of strings and/or refs to existing elements for building the\n   * announcement text. If this property is set, `children` and `message` will\n   * be ignored.\n   */\n  sources?: ReadonlyArray<string | React.RefObject<HTMLElement> | undefined>;\n}\n\nexport interface InternalLiveRegionRef {\n  /**\n   * Force the live region to announce the message, even if it's the same as\n   * the previously announced message.\n   *\n   * This is useful when making status updates after a change (e.g. filtering)\n   * where the new message might be the same as the old one, but the announcement\n   * also serves to tell screen reader users that the action was performed.\n   */\n  reannounce(): void;\n}\n\nexport default React.forwardRef(function InternalLiveRegion(\n  {\n    assertive = false,\n    hidden = false,\n    tagName: TagName = 'div',\n    delay,\n    sources,\n    preventInitialAnnouncement,\n    children,\n    __internalRootRef,\n    className,\n    ...restProps\n  }: InternalLiveRegionProps,\n  ref: React.Ref<InternalLiveRegionRef>\n) {\n  const baseProps = getBaseProps(restProps);\n  const childrenRef = useRef<HTMLSpanElement & HTMLDivElement>(null);\n  const mergedRef = useMergeRefs(childrenRef, __internalRootRef);\n\n  useEffect(() => {\n    // We have to do this because `inert` isn't properly supported until\n    // React 19 and this seems much more maintainable than version detection.\n    // `inert` is better than `hidden` because it also blocks pointer and\n    // focus events as well as hiding the contents from screen readers.\n    // https://github.com/facebook/react/issues/17157\n    if (childrenRef.current) {\n      childrenRef.current.inert = hidden;\n    }\n  }, [hidden]);\n\n  // Initialize the live region controller inside an effect. We have to do this\n  // because the controller depends on DOM elements, which aren't available on the\n  // server.\n  const liveRegionControllerRef = useRef<LiveRegionController | undefined>();\n  useEffect(() => {\n    const liveRegionController = new LiveRegionController(assertive ? 'assertive' : 'polite', delay);\n    liveRegionControllerRef.current = liveRegionController;\n    return () => {\n      liveRegionController.destroy();\n      liveRegionControllerRef.current = undefined;\n    };\n  }, [assertive, delay]);\n\n  const getContent = () => {\n    if (sources) {\n      return getSourceContent(sources);\n    }\n    if (childrenRef.current) {\n      return extractTextContent(childrenRef.current);\n    }\n  };\n\n  const initialAnnouncementContent = useRef<string | undefined>();\n\n  // Call the controller on every render. The controller will deduplicate the\n  // message against the previous announcement internally.\n  useEffect(() => {\n    const message = getContent();\n    if (initialAnnouncementContent.current === undefined) {\n      initialAnnouncementContent.current = message;\n    }\n    if (preventInitialAnnouncement && initialAnnouncementContent.current === message) {\n      return;\n    }\n    liveRegionControllerRef.current?.announce({ message });\n  });\n\n  useImperativeHandle(ref, () => ({\n    reannounce() {\n      liveRegionControllerRef.current?.announce({ message: getContent(), forceReannounce: true });\n    },\n  }));\n\n  return (\n    <TagName\n      ref={mergedRef}\n      {...baseProps}\n      className={clsx(styles.root, testUtilStyles.root, className)}\n      hidden={hidden}\n    >\n      {children}\n    </TagName>\n  );\n});\n\nconst processNode = (childNode: Node): string => {\n  if (childNode.nodeType === Node.TEXT_NODE) {\n    return childNode.textContent || '';\n  }\n\n  if (childNode.nodeType === Node.ELEMENT_NODE) {\n    return extractTextContent(childNode as HTMLElement);\n  }\n\n  return '';\n};\n\nexport function extractTextContent(node: HTMLElement): string {\n  // We use the text content of the node as the announcement text.\n  // This only extracts text content from the node including all its children which is enough for now.\n  // To make it more powerful, it is possible to create a more sophisticated extractor with respect to\n  // ARIA properties to ignore aria-hidden nodes and read ARIA labels from the live content.\n  if (!node || !node?.childNodes?.length) {\n    return '';\n  }\n\n  return Array.from(node.childNodes, processNode).join(' ').replace(/\\s+/g, ' ').trim();\n}\n\nfunction getSourceContent(source: ReadonlyArray<string | React.RefObject<HTMLElement> | undefined>): string {\n  return source\n    .map(item => {\n      if (!item || typeof item === 'string') {\n        return item;\n      }\n      if (item.current) {\n        return extractTextContent(item.current);\n      }\n    })\n    .filter(Boolean)\n    .join(' ');\n}\n"]}

package/package.json

@@ -103,6 +103,7 @@
     "./segmented-control": "./segmented-control/index.js",
     "./select": "./select/index.js",
     "./side-navigation": "./side-navigation/index.js",
+    "./skeleton": "./skeleton/index.js",
     "./slider": "./slider/index.js",
     "./space-between": "./space-between/index.js",
     "./spinner": "./spinner/index.js",
@@ -165,7 +166,7 @@
     "./internal/base-component/index.js",
     "./internal/base-component/styles.css.js"
   ],
-  "version": "3.0.1297",
+  "version": "3.0.1299",
   "repository": {
     "type": "git",
     "url": "https://github.com/cloudscape-design/components.git"

package/pagination/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pagination/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAG/C,OAAO,EAAE,eAAe,EAAE,CAAC;AAE3B,QAAA,MAAM,UAAU,6FAoBd,CAAC;AAIH,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pagination/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAG/C,OAAO,EAAE,eAAe,EAAE,CAAC;AAE3B,QAAA,MAAM,UAAU,6FAuBd,CAAC;AAIH,eAAe,UAAU,CAAC"}