@cloudscape-design/components 3.0.1270 → 3.0.1271

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_19rql_145:not(#\9) {
+.awsui_link_4c84z_82ubk_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -177,7 +177,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   --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;
-  color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-default-hude44, #006ce0));
+  color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-secondary-default-4p0gj8, #006ce0));
   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-5rbn3k, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_19rql_145:not(#\9) {
+  .awsui_link_4c84z_82ubk_145:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_19rql_145:not(#\9), .awsui-mode-entering .awsui_link_4c84z_19rql_145:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_82ubk_145:not(#\9), .awsui-mode-entering .awsui_link_4c84z_82ubk_145:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_19rql_145:not(#\9):hover {
+.awsui_link_4c84z_82ubk_145:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-hover-2hfec2, #002b66));
+  color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-secondary-hover-0kzmc4, #002b66));
 }
-.awsui_link_4c84z_19rql_145:not(#\9):focus {
+.awsui_link_4c84z_82ubk_145:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_19rql_145:not(#\9):active {
-  color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-hover-2hfec2, #002b66));
+.awsui_link_4c84z_82ubk_145:not(#\9):active {
+  color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-secondary-hover-0kzmc4, #002b66));
 }
-.awsui_link_4c84z_19rql_145:not(#\9):active, .awsui_link_4c84z_19rql_145:not(#\9):focus, .awsui_link_4c84z_19rql_145:not(#\9):hover {
+.awsui_link_4c84z_82ubk_145:not(#\9):active, .awsui_link_4c84z_82ubk_145:not(#\9):focus, .awsui_link_4c84z_82ubk_145:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_19rql_145.awsui_variant-secondary_4c84z_19rql_212:not(#\9) {
+.awsui_link_4c84z_82ubk_145.awsui_variant-secondary_4c84z_82ubk_212:not(#\9) {
   -webkit-font-smoothing: inherit;
   -moz-osx-font-smoothing: inherit;
-  color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-default-hude44, #006ce0));
+  color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-secondary-default-4p0gj8, #006ce0));
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: none;
@@ -225,30 +225,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_19rql_145.awsui_variant-secondary_4c84z_19rql_212:not(#\9) {
+  .awsui_link_4c84z_82ubk_145.awsui_variant-secondary_4c84z_82ubk_212:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_19rql_145.awsui_variant-secondary_4c84z_19rql_212:not(#\9), .awsui-mode-entering .awsui_link_4c84z_19rql_145.awsui_variant-secondary_4c84z_19rql_212:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_82ubk_145.awsui_variant-secondary_4c84z_82ubk_212:not(#\9), .awsui-mode-entering .awsui_link_4c84z_82ubk_145.awsui_variant-secondary_4c84z_82ubk_212:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_19rql_145.awsui_variant-secondary_4c84z_19rql_212:not(#\9):hover {
+.awsui_link_4c84z_82ubk_145.awsui_variant-secondary_4c84z_82ubk_212:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-hover-2hfec2, #002b66));
+  color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-secondary-hover-0kzmc4, #002b66));
 }
-.awsui_link_4c84z_19rql_145.awsui_variant-secondary_4c84z_19rql_212:not(#\9):focus {
+.awsui_link_4c84z_82ubk_145.awsui_variant-secondary_4c84z_82ubk_212:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_19rql_145.awsui_variant-secondary_4c84z_19rql_212:not(#\9):active {
-  color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-hover-2hfec2, #002b66));
+.awsui_link_4c84z_82ubk_145.awsui_variant-secondary_4c84z_82ubk_212:not(#\9):active {
+  color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-secondary-hover-0kzmc4, #002b66));
 }
-.awsui_link_4c84z_19rql_145.awsui_variant-secondary_4c84z_19rql_212:not(#\9):active, .awsui_link_4c84z_19rql_145.awsui_variant-secondary_4c84z_19rql_212:not(#\9):focus, .awsui_link_4c84z_19rql_145.awsui_variant-secondary_4c84z_19rql_212:not(#\9):hover {
+.awsui_link_4c84z_82ubk_145.awsui_variant-secondary_4c84z_82ubk_212:not(#\9):active, .awsui_link_4c84z_82ubk_145.awsui_variant-secondary_4c84z_82ubk_212:not(#\9):focus, .awsui_link_4c84z_82ubk_145.awsui_variant-secondary_4c84z_82ubk_212:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_19rql_145.awsui_variant-primary_4c84z_19rql_247:not(#\9) {
+.awsui_link_4c84z_82ubk_145.awsui_variant-primary_4c84z_82ubk_247:not(#\9) {
   color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-default-hude44, #006ce0));
   font-weight: inherit;
   letter-spacing: normal;
@@ -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-5rbn3k, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_19rql_145.awsui_variant-primary_4c84z_19rql_247:not(#\9) {
+  .awsui_link_4c84z_82ubk_145.awsui_variant-primary_4c84z_82ubk_247:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_19rql_145.awsui_variant-primary_4c84z_19rql_247:not(#\9), .awsui-mode-entering .awsui_link_4c84z_19rql_145.awsui_variant-primary_4c84z_19rql_247:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_82ubk_145.awsui_variant-primary_4c84z_82ubk_247:not(#\9), .awsui-mode-entering .awsui_link_4c84z_82ubk_145.awsui_variant-primary_4c84z_82ubk_247:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_19rql_145.awsui_variant-primary_4c84z_19rql_247:not(#\9):hover {
+.awsui_link_4c84z_82ubk_145.awsui_variant-primary_4c84z_82ubk_247:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-hover-2hfec2, #002b66));
 }
-.awsui_link_4c84z_19rql_145.awsui_variant-primary_4c84z_19rql_247:not(#\9):focus {
+.awsui_link_4c84z_82ubk_145.awsui_variant-primary_4c84z_82ubk_247:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_19rql_145.awsui_variant-primary_4c84z_19rql_247:not(#\9):active {
+.awsui_link_4c84z_82ubk_145.awsui_variant-primary_4c84z_82ubk_247:not(#\9):active {
   color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-hover-2hfec2, #002b66));
 }
-.awsui_link_4c84z_19rql_145.awsui_variant-primary_4c84z_19rql_247:not(#\9):active, .awsui_link_4c84z_19rql_145.awsui_variant-primary_4c84z_19rql_247:not(#\9):focus, .awsui_link_4c84z_19rql_145.awsui_variant-primary_4c84z_19rql_247:not(#\9):hover {
+.awsui_link_4c84z_82ubk_145.awsui_variant-primary_4c84z_82ubk_247:not(#\9):active, .awsui_link_4c84z_82ubk_145.awsui_variant-primary_4c84z_82ubk_247:not(#\9):focus, .awsui_link_4c84z_82ubk_145.awsui_variant-primary_4c84z_82ubk_247:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_19rql_145.awsui_variant-info_4c84z_19rql_280:not(#\9) {
+.awsui_link_4c84z_82ubk_145.awsui_variant-info_4c84z_82ubk_280: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-default-hude44, #006ce0));
+  color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-info-default-mrmt1i, #006ce0));
   font-weight: 700;
   letter-spacing: 0.005em;
   text-decoration-line: none;
@@ -297,30 +297,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_19rql_145.awsui_variant-info_4c84z_19rql_280:not(#\9) {
+  .awsui_link_4c84z_82ubk_145.awsui_variant-info_4c84z_82ubk_280:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_19rql_145.awsui_variant-info_4c84z_19rql_280:not(#\9), .awsui-mode-entering .awsui_link_4c84z_19rql_145.awsui_variant-info_4c84z_19rql_280:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_82ubk_145.awsui_variant-info_4c84z_82ubk_280:not(#\9), .awsui-mode-entering .awsui_link_4c84z_82ubk_145.awsui_variant-info_4c84z_82ubk_280:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_19rql_145.awsui_variant-info_4c84z_19rql_280:not(#\9):hover {
+.awsui_link_4c84z_82ubk_145.awsui_variant-info_4c84z_82ubk_280:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-hover-2hfec2, #002b66));
+  color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-info-hover-mu3ega, #002b66));
 }
-.awsui_link_4c84z_19rql_145.awsui_variant-info_4c84z_19rql_280:not(#\9):focus {
+.awsui_link_4c84z_82ubk_145.awsui_variant-info_4c84z_82ubk_280:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_19rql_145.awsui_variant-info_4c84z_19rql_280:not(#\9):active {
-  color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-hover-2hfec2, #002b66));
+.awsui_link_4c84z_82ubk_145.awsui_variant-info_4c84z_82ubk_280:not(#\9):active {
+  color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-info-hover-mu3ega, #002b66));
 }
-.awsui_link_4c84z_19rql_145.awsui_variant-info_4c84z_19rql_280:not(#\9):active, .awsui_link_4c84z_19rql_145.awsui_variant-info_4c84z_19rql_280:not(#\9):focus, .awsui_link_4c84z_19rql_145.awsui_variant-info_4c84z_19rql_280:not(#\9):hover {
+.awsui_link_4c84z_82ubk_145.awsui_variant-info_4c84z_82ubk_280:not(#\9):active, .awsui_link_4c84z_82ubk_145.awsui_variant-info_4c84z_82ubk_280:not(#\9):focus, .awsui_link_4c84z_82ubk_145.awsui_variant-info_4c84z_82ubk_280:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-button-underline-hover-cn3mqh, transparent);
 }
-.awsui_link_4c84z_19rql_145.awsui_variant-value-large_4c84z_19rql_315:not(#\9) {
+.awsui_link_4c84z_82ubk_145.awsui_variant-value-large_4c84z_82ubk_315:not(#\9) {
   color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-default-hude44, #006ce0));
   font-weight: var(--font-box-value-large-weight-wr00sw, 700);
   text-decoration-line: underline;
@@ -331,30 +331,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_19rql_145.awsui_variant-value-large_4c84z_19rql_315:not(#\9) {
+  .awsui_link_4c84z_82ubk_145.awsui_variant-value-large_4c84z_82ubk_315:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_19rql_145.awsui_variant-value-large_4c84z_19rql_315:not(#\9), .awsui-mode-entering .awsui_link_4c84z_19rql_145.awsui_variant-value-large_4c84z_19rql_315:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_82ubk_145.awsui_variant-value-large_4c84z_82ubk_315:not(#\9), .awsui-mode-entering .awsui_link_4c84z_82ubk_145.awsui_variant-value-large_4c84z_82ubk_315:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_19rql_145.awsui_variant-value-large_4c84z_19rql_315:not(#\9):hover {
+.awsui_link_4c84z_82ubk_145.awsui_variant-value-large_4c84z_82ubk_315:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-hover-2hfec2, #002b66));
 }
-.awsui_link_4c84z_19rql_145.awsui_variant-value-large_4c84z_19rql_315:not(#\9):focus {
+.awsui_link_4c84z_82ubk_145.awsui_variant-value-large_4c84z_82ubk_315:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_19rql_145.awsui_variant-value-large_4c84z_19rql_315:not(#\9):active {
+.awsui_link_4c84z_82ubk_145.awsui_variant-value-large_4c84z_82ubk_315:not(#\9):active {
   color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-hover-2hfec2, #002b66));
 }
-.awsui_link_4c84z_19rql_145.awsui_variant-value-large_4c84z_19rql_315:not(#\9):active, .awsui_link_4c84z_19rql_145.awsui_variant-value-large_4c84z_19rql_315:not(#\9):focus, .awsui_link_4c84z_19rql_145.awsui_variant-value-large_4c84z_19rql_315:not(#\9):hover {
+.awsui_link_4c84z_82ubk_145.awsui_variant-value-large_4c84z_82ubk_315:not(#\9):active, .awsui_link_4c84z_82ubk_145.awsui_variant-value-large_4c84z_82ubk_315:not(#\9):focus, .awsui_link_4c84z_82ubk_145.awsui_variant-value-large_4c84z_82ubk_315:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_19rql_145.awsui_variant-top-navigation_4c84z_19rql_347:not(#\9) {
+.awsui_link_4c84z_82ubk_145.awsui_variant-top-navigation_4c84z_82ubk_347: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));
@@ -368,30 +368,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_19rql_145.awsui_variant-top-navigation_4c84z_19rql_347:not(#\9) {
+  .awsui_link_4c84z_82ubk_145.awsui_variant-top-navigation_4c84z_82ubk_347:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_19rql_145.awsui_variant-top-navigation_4c84z_19rql_347:not(#\9), .awsui-mode-entering .awsui_link_4c84z_19rql_145.awsui_variant-top-navigation_4c84z_19rql_347:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_82ubk_145.awsui_variant-top-navigation_4c84z_82ubk_347:not(#\9), .awsui-mode-entering .awsui_link_4c84z_82ubk_145.awsui_variant-top-navigation_4c84z_82ubk_347:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_19rql_145.awsui_variant-top-navigation_4c84z_19rql_347:not(#\9):hover {
+.awsui_link_4c84z_82ubk_145.awsui_variant-top-navigation_4c84z_82ubk_347:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-interactive-hover-6naf7i, #0f141a));
 }
-.awsui_link_4c84z_19rql_145.awsui_variant-top-navigation_4c84z_19rql_347:not(#\9):focus {
+.awsui_link_4c84z_82ubk_145.awsui_variant-top-navigation_4c84z_82ubk_347:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_19rql_145.awsui_variant-top-navigation_4c84z_19rql_347:not(#\9):active {
+.awsui_link_4c84z_82ubk_145.awsui_variant-top-navigation_4c84z_82ubk_347:not(#\9):active {
   color: var(--awsui-style-color-active-6b9ypa, var(--color-text-interactive-active-uoe6zi, #0f141a));
 }
-.awsui_link_4c84z_19rql_145.awsui_variant-top-navigation_4c84z_19rql_347:not(#\9):active, .awsui_link_4c84z_19rql_145.awsui_variant-top-navigation_4c84z_19rql_347:not(#\9):focus, .awsui_link_4c84z_19rql_145.awsui_variant-top-navigation_4c84z_19rql_347:not(#\9):hover {
+.awsui_link_4c84z_82ubk_145.awsui_variant-top-navigation_4c84z_82ubk_347:not(#\9):active, .awsui_link_4c84z_82ubk_145.awsui_variant-top-navigation_4c84z_82ubk_347:not(#\9):focus, .awsui_link_4c84z_82ubk_145.awsui_variant-top-navigation_4c84z_82ubk_347:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: transparent;
 }
-.awsui_link_4c84z_19rql_145.awsui_variant-recovery_4c84z_19rql_382:not(#\9) {
+.awsui_link_4c84z_82ubk_145.awsui_variant-recovery_4c84z_82ubk_382: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);
@@ -403,30 +403,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_19rql_145.awsui_variant-recovery_4c84z_19rql_382:not(#\9) {
+  .awsui_link_4c84z_82ubk_145.awsui_variant-recovery_4c84z_82ubk_382:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_19rql_145.awsui_variant-recovery_4c84z_19rql_382:not(#\9), .awsui-mode-entering .awsui_link_4c84z_19rql_145.awsui_variant-recovery_4c84z_19rql_382:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_82ubk_145.awsui_variant-recovery_4c84z_82ubk_382:not(#\9), .awsui-mode-entering .awsui_link_4c84z_82ubk_145.awsui_variant-recovery_4c84z_82ubk_382:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_19rql_145.awsui_variant-recovery_4c84z_19rql_382:not(#\9):hover {
+.awsui_link_4c84z_82ubk_145.awsui_variant-recovery_4c84z_82ubk_382:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-hover-2hfec2, #002b66));
 }
-.awsui_link_4c84z_19rql_145.awsui_variant-recovery_4c84z_19rql_382:not(#\9):focus {
+.awsui_link_4c84z_82ubk_145.awsui_variant-recovery_4c84z_82ubk_382:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_19rql_145.awsui_variant-recovery_4c84z_19rql_382:not(#\9):active {
+.awsui_link_4c84z_82ubk_145.awsui_variant-recovery_4c84z_82ubk_382:not(#\9):active {
   color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-hover-2hfec2, #002b66));
 }
-.awsui_link_4c84z_19rql_145.awsui_variant-recovery_4c84z_19rql_382:not(#\9):active, .awsui_link_4c84z_19rql_145.awsui_variant-recovery_4c84z_19rql_382:not(#\9):focus, .awsui_link_4c84z_19rql_145.awsui_variant-recovery_4c84z_19rql_382:not(#\9):hover {
+.awsui_link_4c84z_82ubk_145.awsui_variant-recovery_4c84z_82ubk_382:not(#\9):active, .awsui_link_4c84z_82ubk_145.awsui_variant-recovery_4c84z_82ubk_382:not(#\9):focus, .awsui_link_4c84z_82ubk_145.awsui_variant-recovery_4c84z_82ubk_382:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-button-underline-hover-cn3mqh, transparent);
 }
-.awsui_link_4c84z_19rql_145.awsui_button_4c84z_19rql_415:not(#\9) {
+.awsui_link_4c84z_82ubk_145.awsui_button_4c84z_82ubk_415: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 +440,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_19rql_145.awsui_button_4c84z_19rql_415:not(#\9) {
+  .awsui_link_4c84z_82ubk_145.awsui_button_4c84z_82ubk_415:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_19rql_145.awsui_button_4c84z_19rql_415:not(#\9), .awsui-mode-entering .awsui_link_4c84z_19rql_145.awsui_button_4c84z_19rql_415:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_82ubk_145.awsui_button_4c84z_82ubk_415:not(#\9), .awsui-mode-entering .awsui_link_4c84z_82ubk_145.awsui_button_4c84z_82ubk_415:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_19rql_145.awsui_button_4c84z_19rql_415:not(#\9):hover {
+.awsui_link_4c84z_82ubk_145.awsui_button_4c84z_82ubk_415:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-button-normal-hover-jrnyw3, #002b66));
 }
-.awsui_link_4c84z_19rql_145.awsui_button_4c84z_19rql_415:not(#\9):focus {
+.awsui_link_4c84z_82ubk_145.awsui_button_4c84z_82ubk_415:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_19rql_145.awsui_button_4c84z_19rql_415:not(#\9):active {
+.awsui_link_4c84z_82ubk_145.awsui_button_4c84z_82ubk_415:not(#\9):active {
   color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-button-normal-active-js9ryu, #002b66));
 }
-.awsui_link_4c84z_19rql_145.awsui_button_4c84z_19rql_415:not(#\9):active, .awsui_link_4c84z_19rql_145.awsui_button_4c84z_19rql_415:not(#\9):focus, .awsui_link_4c84z_19rql_145.awsui_button_4c84z_19rql_415:not(#\9):hover {
+.awsui_link_4c84z_82ubk_145.awsui_button_4c84z_82ubk_415:not(#\9):active, .awsui_link_4c84z_82ubk_145.awsui_button_4c84z_82ubk_415:not(#\9):focus, .awsui_link_4c84z_82ubk_145.awsui_button_4c84z_82ubk_415:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: transparent;
 }
-.awsui_link_4c84z_19rql_145.awsui_color-inverted_4c84z_19rql_450:not(#\9) {
+.awsui_link_4c84z_82ubk_145.awsui_color-inverted_4c84z_82ubk_450:not(#\9) {
   color: var(--color-text-notification-default-1iey72, #f9f9fa);
 }
-.awsui_link_4c84z_19rql_145.awsui_color-inverted_4c84z_19rql_450:not(#\9):not(.awsui_button_4c84z_19rql_415) {
+.awsui_link_4c84z_82ubk_145.awsui_color-inverted_4c84z_82ubk_450:not(#\9):not(.awsui_button_4c84z_82ubk_415) {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_19rql_145.awsui_color-inverted_4c84z_19rql_450:not(#\9):hover {
+.awsui_link_4c84z_82ubk_145.awsui_color-inverted_4c84z_82ubk_450:not(#\9):hover {
   color: var(--color-text-link-inverted-hover-ocd3u3, #ffffff);
 }
-body[data-awsui-focus-visible=true] .awsui_link_4c84z_19rql_145:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_link_4c84z_82ubk_145:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-1p0hnu, 0);
   outline-offset: 2px;
@@ -484,76 +484,76 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_19rql_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_19rql_145.awsui_font-size-body-s_4c84z_19rql_471:not(#\9) {
+.awsui_link_4c84z_82ubk_145.awsui_font-size-body-s_4c84z_82ubk_471: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;
 }
-.awsui_link_4c84z_19rql_145.awsui_font-size-body-m_4c84z_19rql_478:not(#\9) {
+.awsui_link_4c84z_82ubk_145.awsui_font-size-body-m_4c84z_82ubk_478: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;
 }
-.awsui_link_4c84z_19rql_145.awsui_font-size-heading-xs_4c84z_19rql_484:not(#\9) {
+.awsui_link_4c84z_82ubk_145.awsui_font-size-heading-xs_4c84z_82ubk_484: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;
 }
-.awsui_link_4c84z_19rql_145.awsui_font-size-heading-s_4c84z_19rql_491:not(#\9) {
+.awsui_link_4c84z_82ubk_145.awsui_font-size-heading-s_4c84z_82ubk_491: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;
 }
-.awsui_link_4c84z_19rql_145.awsui_font-size-heading-m_4c84z_19rql_498:not(#\9) {
+.awsui_link_4c84z_82ubk_145.awsui_font-size-heading-m_4c84z_82ubk_498: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;
 }
-.awsui_link_4c84z_19rql_145.awsui_font-size-heading-l_4c84z_19rql_505:not(#\9) {
+.awsui_link_4c84z_82ubk_145.awsui_font-size-heading-l_4c84z_82ubk_505: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;
 }
-.awsui_link_4c84z_19rql_145.awsui_font-size-heading-xl_4c84z_19rql_512:not(#\9) {
+.awsui_link_4c84z_82ubk_145.awsui_font-size-heading-xl_4c84z_82ubk_512: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;
 }
-.awsui_link_4c84z_19rql_145.awsui_font-size-display-l_4c84z_19rql_519:not(#\9) {
+.awsui_link_4c84z_82ubk_145.awsui_font-size-display-l_4c84z_82ubk_519: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;
 }
-.awsui_link_4c84z_19rql_145.awsui_font-size-inherit_4c84z_19rql_526:not(#\9) {
+.awsui_link_4c84z_82ubk_145.awsui_font-size-inherit_4c84z_82ubk_526:not(#\9) {
   font-size: inherit;
   line-height: inherit;
   letter-spacing: inherit;
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_19rql_145.awsui_in-inline-token_4c84z_19rql_533:not(#\9) {
+.awsui_link_4c84z_82ubk_145.awsui_in-inline-token_4c84z_82ubk_533:not(#\9) {
   text-underline-offset: 0.15em;
 }
 
-.awsui_icon-wrapper_4c84z_19rql_537:not(#\9) {
+.awsui_icon-wrapper_4c84z_82ubk_537:not(#\9) {
   white-space: nowrap;
 }
 
-.awsui_icon_4c84z_19rql_537:not(#\9) {
+.awsui_icon_4c84z_82ubk_537: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_19rql_145",
-  "variant-secondary": "awsui_variant-secondary_4c84z_19rql_212",
-  "variant-primary": "awsui_variant-primary_4c84z_19rql_247",
-  "variant-info": "awsui_variant-info_4c84z_19rql_280",
-  "variant-value-large": "awsui_variant-value-large_4c84z_19rql_315",
-  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_19rql_347",
-  "variant-recovery": "awsui_variant-recovery_4c84z_19rql_382",
-  "button": "awsui_button_4c84z_19rql_415",
-  "color-inverted": "awsui_color-inverted_4c84z_19rql_450",
-  "font-size-body-s": "awsui_font-size-body-s_4c84z_19rql_471",
-  "font-size-body-m": "awsui_font-size-body-m_4c84z_19rql_478",
-  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_19rql_484",
-  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_19rql_491",
-  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_19rql_498",
-  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_19rql_505",
-  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_19rql_512",
-  "font-size-display-l": "awsui_font-size-display-l_4c84z_19rql_519",
-  "font-size-inherit": "awsui_font-size-inherit_4c84z_19rql_526",
-  "in-inline-token": "awsui_in-inline-token_4c84z_19rql_533",
-  "icon-wrapper": "awsui_icon-wrapper_4c84z_19rql_537",
-  "icon": "awsui_icon_4c84z_19rql_537"
+  "link": "awsui_link_4c84z_82ubk_145",
+  "variant-secondary": "awsui_variant-secondary_4c84z_82ubk_212",
+  "variant-primary": "awsui_variant-primary_4c84z_82ubk_247",
+  "variant-info": "awsui_variant-info_4c84z_82ubk_280",
+  "variant-value-large": "awsui_variant-value-large_4c84z_82ubk_315",
+  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_82ubk_347",
+  "variant-recovery": "awsui_variant-recovery_4c84z_82ubk_382",
+  "button": "awsui_button_4c84z_82ubk_415",
+  "color-inverted": "awsui_color-inverted_4c84z_82ubk_450",
+  "font-size-body-s": "awsui_font-size-body-s_4c84z_82ubk_471",
+  "font-size-body-m": "awsui_font-size-body-m_4c84z_82ubk_478",
+  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_82ubk_484",
+  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_82ubk_491",
+  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_82ubk_498",
+  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_82ubk_505",
+  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_82ubk_512",
+  "font-size-display-l": "awsui_font-size-display-l_4c84z_82ubk_519",
+  "font-size-inherit": "awsui_font-size-inherit_4c84z_82ubk_526",
+  "in-inline-token": "awsui_in-inline-token_4c84z_82ubk_533",
+  "icon-wrapper": "awsui_icon-wrapper_4c84z_82ubk_537",
+  "icon": "awsui_icon_4c84z_82ubk_537"
 };
   

package/package.json

@@ -163,7 +163,7 @@
     "./internal/base-component/index.js",
     "./internal/base-component/styles.css.js"
   ],
-  "version": "3.0.1270",
+  "version": "3.0.1271",
   "repository": {
     "type": "git",
     "url": "https://github.com/cloudscape-design/components.git"

package/prompt-input/components/menu-dropdown.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { MenuItemsHandlers, MenuItemsState } from '../core/menu-state';
+import { PromptInputProps } from '../interfaces';
+/** Props for the menu options list rendered inside the trigger dropdown. */
+interface MenuDropdownProps {
+  menu: PromptInputProps.MenuDefinition;
+  statusType: PromptInputProps.MenuDefinition['statusType'];
+  menuItemsState: MenuItemsState;
+  menuItemsHandlers: MenuItemsHandlers;
+  highlightedOptionId?: string;
+  highlightText: string;
+  listId: string;
+  controlId: string;
+  handleLoadMore: () => void;
+  hasDropdownStatus?: boolean;
+  listBottom?: React.ReactNode;
+  ariaDescribedby?: string;
+}
+export default function MenuDropdown({
+  menu,
+  statusType,
+  menuItemsState,
+  menuItemsHandlers,
+  highlightedOptionId,
+  highlightText,
+  listId,
+  controlId,
+  handleLoadMore,
+  hasDropdownStatus,
+  listBottom,
+  ariaDescribedby
+}: MenuDropdownProps): JSX.Element;
+export {};

package/prompt-input/components/menu-dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-dropdown.d.ts","sourceRoot":"","sources":["../../../../src/prompt-input/components/menu-dropdown.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAMjD,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEjD,4EAA4E;AAC5E,UAAU,iBAAiB;IACzB,IAAI,EAAE,gBAAgB,CAAC,cAAc,CAAC;IACtC,UAAU,EAAE,gBAAgB,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;IAC1D,cAAc,EAAE,cAAc,CAAC;IAC/B,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAQD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,IAAI,EACJ,UAAU,EACV,cAAc,EACd,iBAAiB,EACjB,mBAAmB,EACnB,aAAa,EACb,MAAM,EACN,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,UAAU,EACV,eAAe,GAChB,EAAE,iBAAiB,eAmDnB"}

package/prompt-input/components/menu-dropdown.js

@@ -0,0 +1,48 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React, { useEffect, useRef } from 'react';
+import PlainList from '../../autosuggest/plain-list';
+import VirtualList from '../../autosuggest/virtual-list';
+import InternalLiveRegion from '../../live-region/internal';
+import { useAnnouncement } from '../../select/utils/use-announcement';
+const createMouseEventHandler = (handler) => (itemIndex) => {
+    if (itemIndex > -1) {
+        handler(itemIndex);
+    }
+};
+export default function MenuDropdown({ menu, statusType, menuItemsState, menuItemsHandlers, highlightedOptionId, highlightText, listId, controlId, handleLoadMore, hasDropdownStatus, listBottom, ariaDescribedby, }) {
+    const handleMouseUp = createMouseEventHandler(menuItemsHandlers.selectVisibleOptionWithMouse);
+    const handleMouseMove = createMouseEventHandler(menuItemsHandlers.highlightVisibleOptionWithMouse);
+    const ListComponent = menu.virtualScroll ? VirtualList : PlainList;
+    const announcement = useAnnouncement({
+        highlightText,
+        announceSelected: false,
+        highlightedOption: menuItemsState.highlightedOption,
+        getParent: option => menuItemsState.getItemGroup(option),
+    });
+    // Force re-announcement when the filtered items list changes.
+    // The screenReaderContent on SelectableItem only works for keyboard
+    // navigation (highlight moving between existing items). When filtering
+    // replaces the entire list, new items mount already highlighted and
+    // the SR doesn't pick up the initial textContent set.
+    const liveRegionRef = useRef(null);
+    const prevItemsLengthRef = useRef(menuItemsState.items.length);
+    useEffect(() => {
+        var _a;
+        if (menuItemsState.items.length !== prevItemsLengthRef.current && announcement) {
+            (_a = liveRegionRef.current) === null || _a === void 0 ? void 0 : _a.reannounce();
+        }
+        prevItemsLengthRef.current = menuItemsState.items.length;
+    }, [menuItemsState.items.length, announcement]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(InternalLiveRegion, { ref: liveRegionRef, tagName: "span", hidden: true }, announcement),
+        React.createElement(ListComponent, { listBottom: listBottom, handleLoadMore: handleLoadMore, autosuggestItemsState: menuItemsState, highlightText: highlightText, highlightedA11yProps: highlightedOptionId ? { id: highlightedOptionId } : {}, hasDropdownStatus: hasDropdownStatus, menuProps: {
+                id: listId,
+                ariaLabelledby: controlId,
+                onMouseUp: handleMouseUp,
+                onMouseMove: handleMouseMove,
+                ariaDescribedby,
+                statusType: statusType !== null && statusType !== void 0 ? statusType : 'finished',
+            }, screenReaderContent: announcement })));
+}
+//# sourceMappingURL=menu-dropdown.js.map

package/prompt-input/components/menu-dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-dropdown.js","sourceRoot":"","sources":["../../../../src/prompt-input/components/menu-dropdown.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,SAAS,MAAM,8BAA8B,CAAC;AACrD,OAAO,WAAW,MAAM,gCAAgC,CAAC;AACzD,OAAO,kBAA6C,MAAM,4BAA4B,CAAC;AACvF,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAoBtE,MAAM,uBAAuB,GAAG,CAAC,OAAgC,EAAE,EAAE,CAAC,CAAC,SAAiB,EAAE,EAAE;IAC1F,IAAI,SAAS,GAAG,CAAC,CAAC,EAAE,CAAC;QACnB,OAAO,CAAC,SAAS,CAAC,CAAC;IACrB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,IAAI,EACJ,UAAU,EACV,cAAc,EACd,iBAAiB,EACjB,mBAAmB,EACnB,aAAa,EACb,MAAM,EACN,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,UAAU,EACV,eAAe,GACG;IAClB,MAAM,aAAa,GAAG,uBAAuB,CAAC,iBAAiB,CAAC,4BAA4B,CAAC,CAAC;IAC9F,MAAM,eAAe,GAAG,uBAAuB,CAAC,iBAAiB,CAAC,+BAA+B,CAAC,CAAC;IAEnG,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC;IAEnE,MAAM,YAAY,GAAG,eAAe,CAAC;QACnC,aAAa;QACb,gBAAgB,EAAE,KAAK;QACvB,iBAAiB,EAAE,cAAc,CAAC,iBAAiB;QACnD,SAAS,EAAE,MAAM,CAAC,EAAE,CAAC,cAAc,CAAC,YAAY,CAAC,MAAM,CAAC;KACzD,CAAC,CAAC;IAEH,8DAA8D;IAC9D,oEAAoE;IACpE,uEAAuE;IACvE,oEAAoE;IACpE,sDAAsD;IACtD,MAAM,aAAa,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAC1D,MAAM,kBAAkB,GAAG,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAC/D,SAAS,CAAC,GAAG,EAAE;;QACb,IAAI,cAAc,CAAC,KAAK,CAAC,MAAM,KAAK,kBAAkB,CAAC,OAAO,IAAI,YAAY,EAAE,CAAC;YAC/E,MAAA,aAAa,CAAC,OAAO,0CAAE,UAAU,EAAE,CAAC;QACtC,CAAC;QACD,kBAAkB,CAAC,OAAO,GAAG,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC;IAC3D,CAAC,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;IAEhD,OAAO,CACL;QACE,oBAAC,kBAAkB,IAAC,GAAG,EAAE,aAAa,EAAE,OAAO,EAAC,MAAM,EAAC,MAAM,EAAE,IAAI,IAChE,YAAY,CACM;QACrB,oBAAC,aAAa,IACZ,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,qBAAqB,EAAE,cAAc,EACrC,aAAa,EAAE,aAAa,EAC5B,oBAAoB,EAAE,mBAAmB,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,mBAAmB,EAAE,CAAC,CAAC,CAAC,EAAE,EAC5E,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE;gBACT,EAAE,EAAE,MAAM;gBACV,cAAc,EAAE,SAAS;gBACzB,SAAS,EAAE,aAAa;gBACxB,WAAW,EAAE,eAAe;gBAC5B,eAAe;gBACf,UAAU,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,UAAU;aACrC,EACD,mBAAmB,EAAE,YAAY,GACjC,CACD,CACJ,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { useEffect, useRef } from 'react';\n\nimport PlainList from '../../autosuggest/plain-list';\nimport VirtualList from '../../autosuggest/virtual-list';\nimport InternalLiveRegion, { InternalLiveRegionRef } from '../../live-region/internal';\nimport { useAnnouncement } from '../../select/utils/use-announcement';\nimport { MenuItemsHandlers, MenuItemsState } from '../core/menu-state';\nimport { PromptInputProps } from '../interfaces';\n\n/** Props for the menu options list rendered inside the trigger dropdown. */\ninterface MenuDropdownProps {\n  menu: PromptInputProps.MenuDefinition;\n  statusType: PromptInputProps.MenuDefinition['statusType'];\n  menuItemsState: MenuItemsState;\n  menuItemsHandlers: MenuItemsHandlers;\n  highlightedOptionId?: string;\n  highlightText: string;\n  listId: string;\n  controlId: string;\n  handleLoadMore: () => void;\n  hasDropdownStatus?: boolean;\n  listBottom?: React.ReactNode;\n  ariaDescribedby?: string;\n}\n\nconst createMouseEventHandler = (handler: (index: number) => void) => (itemIndex: number) => {\n  if (itemIndex > -1) {\n    handler(itemIndex);\n  }\n};\n\nexport default function MenuDropdown({\n  menu,\n  statusType,\n  menuItemsState,\n  menuItemsHandlers,\n  highlightedOptionId,\n  highlightText,\n  listId,\n  controlId,\n  handleLoadMore,\n  hasDropdownStatus,\n  listBottom,\n  ariaDescribedby,\n}: MenuDropdownProps) {\n  const handleMouseUp = createMouseEventHandler(menuItemsHandlers.selectVisibleOptionWithMouse);\n  const handleMouseMove = createMouseEventHandler(menuItemsHandlers.highlightVisibleOptionWithMouse);\n\n  const ListComponent = menu.virtualScroll ? VirtualList : PlainList;\n\n  const announcement = useAnnouncement({\n    highlightText,\n    announceSelected: false,\n    highlightedOption: menuItemsState.highlightedOption,\n    getParent: option => menuItemsState.getItemGroup(option),\n  });\n\n  // Force re-announcement when the filtered items list changes.\n  // The screenReaderContent on SelectableItem only works for keyboard\n  // navigation (highlight moving between existing items). When filtering\n  // replaces the entire list, new items mount already highlighted and\n  // the SR doesn't pick up the initial textContent set.\n  const liveRegionRef = useRef<InternalLiveRegionRef>(null);\n  const prevItemsLengthRef = useRef(menuItemsState.items.length);\n  useEffect(() => {\n    if (menuItemsState.items.length !== prevItemsLengthRef.current && announcement) {\n      liveRegionRef.current?.reannounce();\n    }\n    prevItemsLengthRef.current = menuItemsState.items.length;\n  }, [menuItemsState.items.length, announcement]);\n\n  return (\n    <>\n      <InternalLiveRegion ref={liveRegionRef} tagName=\"span\" hidden={true}>\n        {announcement}\n      </InternalLiveRegion>\n      <ListComponent\n        listBottom={listBottom}\n        handleLoadMore={handleLoadMore}\n        autosuggestItemsState={menuItemsState}\n        highlightText={highlightText}\n        highlightedA11yProps={highlightedOptionId ? { id: highlightedOptionId } : {}}\n        hasDropdownStatus={hasDropdownStatus}\n        menuProps={{\n          id: listId,\n          ariaLabelledby: controlId,\n          onMouseUp: handleMouseUp,\n          onMouseMove: handleMouseMove,\n          ariaDescribedby,\n          statusType: statusType ?? 'finished',\n        }}\n        screenReaderContent={announcement}\n      />\n    </>\n  );\n}\n"]}

package/prompt-input/components/textarea-mode.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+/** Props for when using standard PromptInput. */
+interface TextareaModeProps {
+  textareaRef: React.RefObject<HTMLTextAreaElement>;
+  controlId?: string;
+  textareaAttributes: React.TextareaHTMLAttributes<HTMLTextAreaElement>;
+  nativeTextareaAttributes?: Record<string, any>;
+}
+export default function TextareaMode({
+  textareaRef,
+  controlId,
+  textareaAttributes,
+  nativeTextareaAttributes
+}: TextareaModeProps): JSX.Element;
+export {};

package/prompt-input/components/textarea-mode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea-mode.d.ts","sourceRoot":"","sources":["../../../../src/prompt-input/components/textarea-mode.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,iDAAiD;AACjD,UAAU,iBAAiB;IACzB,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,EAAE,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,CAAC;IACtE,wBAAwB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAChD;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,WAAW,EACX,SAAS,EACT,kBAAkB,EAClB,wBAAwB,GACzB,EAAE,iBAAiB,eAWnB"}

package/prompt-input/components/textarea-mode.js

@@ -0,0 +1,8 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+import WithNativeAttributes from '../../internal/utils/with-native-attributes';
+export default function TextareaMode({ textareaRef, controlId, textareaAttributes, nativeTextareaAttributes, }) {
+    return (React.createElement(WithNativeAttributes, { ...textareaAttributes, tag: "textarea", componentName: "PromptInput", nativeAttributes: nativeTextareaAttributes, ref: textareaRef, id: controlId }));
+}
+//# sourceMappingURL=textarea-mode.js.map