@cloudscape-design/components 3.0.1269 → 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_1awr6_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_1awr6_145:not(#\9) {
+  .awsui_link_4c84z_82ubk_145:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1awr6_145:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1awr6_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_1awr6_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_1awr6_145:not(#\9):focus {
+.awsui_link_4c84z_82ubk_145:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1awr6_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_1awr6_145:not(#\9):active, .awsui_link_4c84z_1awr6_145:not(#\9):focus, .awsui_link_4c84z_1awr6_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_1awr6_145.awsui_variant-secondary_4c84z_1awr6_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_1awr6_145.awsui_variant-secondary_4c84z_1awr6_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_1awr6_145.awsui_variant-secondary_4c84z_1awr6_212:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1awr6_145.awsui_variant-secondary_4c84z_1awr6_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_1awr6_145.awsui_variant-secondary_4c84z_1awr6_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_1awr6_145.awsui_variant-secondary_4c84z_1awr6_212:not(#\9):focus {
+.awsui_link_4c84z_82ubk_145.awsui_variant-secondary_4c84z_82ubk_212:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1awr6_145.awsui_variant-secondary_4c84z_1awr6_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_1awr6_145.awsui_variant-secondary_4c84z_1awr6_212:not(#\9):active, .awsui_link_4c84z_1awr6_145.awsui_variant-secondary_4c84z_1awr6_212:not(#\9):focus, .awsui_link_4c84z_1awr6_145.awsui_variant-secondary_4c84z_1awr6_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_1awr6_145.awsui_variant-primary_4c84z_1awr6_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_1awr6_145.awsui_variant-primary_4c84z_1awr6_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_1awr6_145.awsui_variant-primary_4c84z_1awr6_247:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1awr6_145.awsui_variant-primary_4c84z_1awr6_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_1awr6_145.awsui_variant-primary_4c84z_1awr6_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_1awr6_145.awsui_variant-primary_4c84z_1awr6_247:not(#\9):focus {
+.awsui_link_4c84z_82ubk_145.awsui_variant-primary_4c84z_82ubk_247:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1awr6_145.awsui_variant-primary_4c84z_1awr6_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_1awr6_145.awsui_variant-primary_4c84z_1awr6_247:not(#\9):active, .awsui_link_4c84z_1awr6_145.awsui_variant-primary_4c84z_1awr6_247:not(#\9):focus, .awsui_link_4c84z_1awr6_145.awsui_variant-primary_4c84z_1awr6_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_1awr6_145.awsui_variant-info_4c84z_1awr6_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_1awr6_145.awsui_variant-info_4c84z_1awr6_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_1awr6_145.awsui_variant-info_4c84z_1awr6_280:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1awr6_145.awsui_variant-info_4c84z_1awr6_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_1awr6_145.awsui_variant-info_4c84z_1awr6_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_1awr6_145.awsui_variant-info_4c84z_1awr6_280:not(#\9):focus {
+.awsui_link_4c84z_82ubk_145.awsui_variant-info_4c84z_82ubk_280:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1awr6_145.awsui_variant-info_4c84z_1awr6_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_1awr6_145.awsui_variant-info_4c84z_1awr6_280:not(#\9):active, .awsui_link_4c84z_1awr6_145.awsui_variant-info_4c84z_1awr6_280:not(#\9):focus, .awsui_link_4c84z_1awr6_145.awsui_variant-info_4c84z_1awr6_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_1awr6_145.awsui_variant-value-large_4c84z_1awr6_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_1awr6_145.awsui_variant-value-large_4c84z_1awr6_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_1awr6_145.awsui_variant-value-large_4c84z_1awr6_315:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1awr6_145.awsui_variant-value-large_4c84z_1awr6_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_1awr6_145.awsui_variant-value-large_4c84z_1awr6_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_1awr6_145.awsui_variant-value-large_4c84z_1awr6_315:not(#\9):focus {
+.awsui_link_4c84z_82ubk_145.awsui_variant-value-large_4c84z_82ubk_315:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1awr6_145.awsui_variant-value-large_4c84z_1awr6_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_1awr6_145.awsui_variant-value-large_4c84z_1awr6_315:not(#\9):active, .awsui_link_4c84z_1awr6_145.awsui_variant-value-large_4c84z_1awr6_315:not(#\9):focus, .awsui_link_4c84z_1awr6_145.awsui_variant-value-large_4c84z_1awr6_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_1awr6_145.awsui_variant-top-navigation_4c84z_1awr6_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_1awr6_145.awsui_variant-top-navigation_4c84z_1awr6_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_1awr6_145.awsui_variant-top-navigation_4c84z_1awr6_347:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1awr6_145.awsui_variant-top-navigation_4c84z_1awr6_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_1awr6_145.awsui_variant-top-navigation_4c84z_1awr6_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_1awr6_145.awsui_variant-top-navigation_4c84z_1awr6_347:not(#\9):focus {
+.awsui_link_4c84z_82ubk_145.awsui_variant-top-navigation_4c84z_82ubk_347:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1awr6_145.awsui_variant-top-navigation_4c84z_1awr6_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_1awr6_145.awsui_variant-top-navigation_4c84z_1awr6_347:not(#\9):active, .awsui_link_4c84z_1awr6_145.awsui_variant-top-navigation_4c84z_1awr6_347:not(#\9):focus, .awsui_link_4c84z_1awr6_145.awsui_variant-top-navigation_4c84z_1awr6_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_1awr6_145.awsui_variant-recovery_4c84z_1awr6_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_1awr6_145.awsui_variant-recovery_4c84z_1awr6_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_1awr6_145.awsui_variant-recovery_4c84z_1awr6_382:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1awr6_145.awsui_variant-recovery_4c84z_1awr6_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_1awr6_145.awsui_variant-recovery_4c84z_1awr6_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_1awr6_145.awsui_variant-recovery_4c84z_1awr6_382:not(#\9):focus {
+.awsui_link_4c84z_82ubk_145.awsui_variant-recovery_4c84z_82ubk_382:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1awr6_145.awsui_variant-recovery_4c84z_1awr6_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_1awr6_145.awsui_variant-recovery_4c84z_1awr6_382:not(#\9):active, .awsui_link_4c84z_1awr6_145.awsui_variant-recovery_4c84z_1awr6_382:not(#\9):focus, .awsui_link_4c84z_1awr6_145.awsui_variant-recovery_4c84z_1awr6_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_1awr6_145.awsui_button_4c84z_1awr6_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_1awr6_145.awsui_button_4c84z_1awr6_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_1awr6_145.awsui_button_4c84z_1awr6_415:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1awr6_145.awsui_button_4c84z_1awr6_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_1awr6_145.awsui_button_4c84z_1awr6_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_1awr6_145.awsui_button_4c84z_1awr6_415:not(#\9):focus {
+.awsui_link_4c84z_82ubk_145.awsui_button_4c84z_82ubk_415:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1awr6_145.awsui_button_4c84z_1awr6_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_1awr6_145.awsui_button_4c84z_1awr6_415:not(#\9):active, .awsui_link_4c84z_1awr6_145.awsui_button_4c84z_1awr6_415:not(#\9):focus, .awsui_link_4c84z_1awr6_145.awsui_button_4c84z_1awr6_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_1awr6_145.awsui_color-inverted_4c84z_1awr6_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_1awr6_145.awsui_color-inverted_4c84z_1awr6_450:not(#\9):not(.awsui_button_4c84z_1awr6_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_1awr6_145.awsui_color-inverted_4c84z_1awr6_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_1awr6_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,73 +484,76 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1awr6_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_1awr6_145.awsui_font-size-body-s_4c84z_1awr6_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_1awr6_145.awsui_font-size-body-m_4c84z_1awr6_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_1awr6_145.awsui_font-size-heading-xs_4c84z_1awr6_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_1awr6_145.awsui_font-size-heading-s_4c84z_1awr6_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_1awr6_145.awsui_font-size-heading-m_4c84z_1awr6_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_1awr6_145.awsui_font-size-heading-l_4c84z_1awr6_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_1awr6_145.awsui_font-size-heading-xl_4c84z_1awr6_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_1awr6_145.awsui_font-size-display-l_4c84z_1awr6_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_1awr6_145.awsui_font-size-inherit_4c84z_1awr6_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_82ubk_145.awsui_in-inline-token_4c84z_82ubk_533:not(#\9) {
+  text-underline-offset: 0.15em;
+}
 
-.awsui_icon-wrapper_4c84z_1awr6_534:not(#\9) {
+.awsui_icon-wrapper_4c84z_82ubk_537:not(#\9) {
   white-space: nowrap;
 }
 
-.awsui_icon_4c84z_1awr6_534:not(#\9) {
+.awsui_icon_4c84z_82ubk_537:not(#\9) {
   display: inline-block;
 }

package/link/styles.selectors.js

@@ -2,25 +2,26 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "link": "awsui_link_4c84z_1awr6_145",
-  "variant-secondary": "awsui_variant-secondary_4c84z_1awr6_212",
-  "variant-primary": "awsui_variant-primary_4c84z_1awr6_247",
-  "variant-info": "awsui_variant-info_4c84z_1awr6_280",
-  "variant-value-large": "awsui_variant-value-large_4c84z_1awr6_315",
-  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1awr6_347",
-  "variant-recovery": "awsui_variant-recovery_4c84z_1awr6_382",
-  "button": "awsui_button_4c84z_1awr6_415",
-  "color-inverted": "awsui_color-inverted_4c84z_1awr6_450",
-  "font-size-body-s": "awsui_font-size-body-s_4c84z_1awr6_471",
-  "font-size-body-m": "awsui_font-size-body-m_4c84z_1awr6_478",
-  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1awr6_484",
-  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1awr6_491",
-  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1awr6_498",
-  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1awr6_505",
-  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1awr6_512",
-  "font-size-display-l": "awsui_font-size-display-l_4c84z_1awr6_519",
-  "font-size-inherit": "awsui_font-size-inherit_4c84z_1awr6_526",
-  "icon-wrapper": "awsui_icon-wrapper_4c84z_1awr6_534",
-  "icon": "awsui_icon_4c84z_1awr6_534"
+  "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.1269",
+  "version": "3.0.1271",
   "repository": {
     "type": "git",
     "url": "https://github.com/cloudscape-design/components.git"

package/popover/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/popover/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAW7F,OAAO,EAA0B,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAC7F,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAOlF,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAI5C,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,YAAY,EAAE,aAAa,GAAG,MAAM,CAAC,EAAE,0BAA0B;IAClH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC;IAC3C,WAAW,CAAC,EAAE,YAAY,CAAC,WAAW,GAAG,iBAAiB,CAAC;IAC3D,IAAI,EAAE,YAAY,CAAC,IAAI,GAAG,SAAS,CAAC;IACpC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;;AAED,wBAAiD"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/popover/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAY7F,OAAO,EAA0B,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAC7F,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAOlF,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAI5C,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,YAAY,EAAE,aAAa,GAAG,MAAM,CAAC,EAAE,0BAA0B;IAClH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC;IAC3C,WAAW,CAAC,EAAE,YAAY,CAAC,WAAW,GAAG,iBAAiB,CAAC;IAC3D,IAAI,EAAE,YAAY,CAAC,IAAI,GAAG,SAAS,CAAC;IACpC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;;AAED,wBAAiD"}

package/popover/internal.js

@@ -9,6 +9,7 @@ import { getBaseProps } from '../internal/base-component';
 import { getFirstFocusable } from '../internal/components/focus-lock/utils';
 import { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';
 import ResetContextsForModal from '../internal/context/reset-contexts-for-modal';
+import { useTokenInlineContext } from '../internal/context/token-inline-context';
 import { fireNonCancelableEvent } from '../internal/events/index';
 import { usePortalModeClasses } from '../internal/hooks/use-portal-mode-classes';
 import { KeyCode } from '../internal/keycode';
@@ -79,12 +80,13 @@ function InternalPopover({ position = 'right', size = 'medium', fixedWidth = fal
         };
     }, []);
     const popoverClasses = usePortalModeClasses(triggerRef, { resetVisualContext: true });
+    const { isInlineToken } = useTokenInlineContext();
     const triggerProps = {
         // https://github.com/microsoft/TypeScript/issues/36659
         ref: triggerRef,
         onClick: onTriggerClick,
         onKeyDown: onTriggerKeyDown,
-        className: clsx(styles.trigger, styles[`trigger-type-${triggerType}`]),
+        className: clsx(styles.trigger, styles[`trigger-type-${triggerType}`], isInlineToken && styles['in-inline-token']),
     };
     const { tabIndex: triggerTabIndex } = useSingleTabStopNavigation(triggerRef);
     const referrerId = useUniqueId();

package/popover/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/popover/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\nimport React, { useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { Portal, useMergeRefs, useUniqueId } from '@cloudscape-design/component-toolkit/internal';\nimport { useSingleTabStopNavigation } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useInternalI18n } from '../i18n/context';\nimport { getBaseProps } from '../internal/base-component';\nimport { getFirstFocusable } from '../internal/components/focus-lock/utils';\nimport { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';\nimport ResetContextsForModal from '../internal/context/reset-contexts-for-modal';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../internal/events/index';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { usePortalModeClasses } from '../internal/hooks/use-portal-mode-classes';\nimport { KeyCode } from '../internal/keycode';\nimport Arrow from './arrow';\nimport PopoverBody from './body';\nimport ConditionalLiveRegion from './conditional-live-region';\nimport PopoverContainer from './container';\nimport { PopoverProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\nexport interface InternalPopoverProps extends Omit<PopoverProps, 'triggerType' | 'size'>, InternalBaseComponentProps {\n  __onOpen?: NonCancelableEventHandler<null>;\n  triggerType?: PopoverProps.TriggerType | 'filtering-token';\n  size: PopoverProps.Size | 'content';\n  __closeAnalyticsAction?: string;\n  isInline?: boolean;\n}\n\nexport default React.forwardRef(InternalPopover);\n\nfunction InternalPopover(\n  {\n    position = 'right',\n    size = 'medium',\n    fixedWidth = false,\n    triggerType = 'text',\n    dismissButton = true,\n\n    children,\n    header,\n    content,\n    triggerAriaLabel,\n\n    wrapTriggerText = true,\n    isInline = false,\n    renderWithPortal = false,\n\n    __onOpen,\n    __internalRootRef,\n    __closeAnalyticsAction,\n\n    ...restProps\n  }: InternalPopoverProps,\n  ref: React.Ref<PopoverProps.Ref>\n) {\n  const baseProps = getBaseProps(restProps);\n  const triggerRef = useRef<HTMLElement | null>(null);\n  const popoverRef = useRef<HTMLDivElement | null>(null);\n\n  const i18n = useInternalI18n('popover');\n  const dismissAriaLabel = i18n('dismissAriaLabel', restProps.dismissAriaLabel);\n\n  const [visible, setVisible] = useState(false);\n\n  const focusTrigger = useCallback(() => {\n    if (['text', 'text-inline'].includes(triggerType)) {\n      triggerRef.current?.focus();\n    } else if (triggerRef.current) {\n      getFirstFocusable(triggerRef.current)?.focus();\n    }\n  }, [triggerType]);\n\n  const onTriggerClick = useCallback(() => {\n    fireNonCancelableEvent(__onOpen);\n    setVisible(true);\n  }, [__onOpen]);\n\n  const onDismiss = useCallback(() => {\n    setVisible(false);\n    focusTrigger();\n  }, [focusTrigger]);\n\n  const onTriggerKeyDown = useCallback(\n    (event: React.KeyboardEvent) => {\n      const isEscapeKey = event.keyCode === KeyCode.escape;\n      const isTabKey = event.keyCode === KeyCode.tab;\n      if (isEscapeKey && visible) {\n        event.stopPropagation();\n      }\n      if (isTabKey || isEscapeKey) {\n        setVisible(false);\n      }\n    },\n    [visible]\n  );\n\n  useImperativeHandle(ref, () => ({\n    dismiss: () => {\n      setVisible(false);\n    },\n    focus: () => {\n      setVisible(false);\n      focusTrigger();\n    },\n  }));\n\n  const clickFrameId = useRef<number | null>(null);\n  useEffect(() => {\n    if (!triggerRef.current) {\n      return;\n    }\n    const document = triggerRef.current.ownerDocument;\n\n    const onDocumentClick = () => {\n      // Dismiss popover unless there was a click inside within the last animation frame.\n      if (clickFrameId.current === null) {\n        setVisible(false);\n      }\n    };\n\n    document.addEventListener('mousedown', onDocumentClick);\n\n    return () => {\n      document.removeEventListener('mousedown', onDocumentClick);\n    };\n  }, []);\n\n  const popoverClasses = usePortalModeClasses(triggerRef, { resetVisualContext: true });\n\n  const triggerProps = {\n    // https://github.com/microsoft/TypeScript/issues/36659\n    ref: triggerRef as any,\n    onClick: onTriggerClick,\n    onKeyDown: onTriggerKeyDown,\n    className: clsx(styles.trigger, styles[`trigger-type-${triggerType}`]),\n  };\n  const { tabIndex: triggerTabIndex } = useSingleTabStopNavigation(triggerRef);\n\n  const referrerId = useUniqueId();\n\n  const popoverContent = (\n    <div\n      className={clsx(popoverClasses, !renderWithPortal && styles['popover-inline-content'])}\n      data-awsui-referrer-id={referrerId}\n    >\n      <PopoverContainer\n        size={size}\n        fixedWidth={fixedWidth}\n        position={position}\n        trackRef={triggerRef}\n        arrow={position => <Arrow position={position} />}\n        renderWithPortal={renderWithPortal}\n        zIndex={renderWithPortal ? 7000 : undefined}\n      >\n        <LinkDefaultVariantContext.Provider value={{ defaultVariant: 'primary' }}>\n          <PopoverBody\n            dismissButton={dismissButton}\n            dismissAriaLabel={dismissAriaLabel}\n            header={header}\n            onDismiss={onDismiss}\n            overflowVisible=\"both\"\n            closeAnalyticsAction={__closeAnalyticsAction}\n          >\n            <ConditionalLiveRegion condition={!dismissButton}>{content}</ConditionalLiveRegion>\n          </PopoverBody>\n        </LinkDefaultVariantContext.Provider>\n      </PopoverContainer>\n    </div>\n  );\n\n  const mergedRef = useMergeRefs(popoverRef, __internalRootRef);\n\n  return (\n    <span\n      {...baseProps}\n      className={clsx(\n        styles.root,\n        baseProps.className,\n        triggerType === 'filtering-token' && styles['root-filtering-token'],\n        isInline && styles['no-wrap']\n      )}\n      ref={mergedRef}\n      onMouseDown={() => {\n        // Indicate there was a click inside popover recently, including nested portals.\n        clickFrameId.current = requestAnimationFrame(() => {\n          clickFrameId.current = null;\n        });\n      }}\n    >\n      {['text', 'text-inline'].includes(triggerType) ? (\n        <button\n          {...triggerProps}\n          className={clsx(triggerProps.className, wrapTriggerText === false && styles['overflow-ellipsis'])}\n          tabIndex={triggerTabIndex}\n          type=\"button\"\n          aria-haspopup=\"dialog\"\n          id={referrerId}\n          aria-label={triggerAriaLabel}\n        >\n          {children}\n        </button>\n      ) : (\n        <span {...triggerProps} id={referrerId}>\n          {children}\n        </span>\n      )}\n      {visible && (\n        <ResetContextsForModal>\n          {renderWithPortal ? <Portal>{popoverContent}</Portal> : popoverContent}\n        </ResetContextsForModal>\n      )}\n    </span>\n  );\n}\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/popover/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\nimport React, { useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { Portal, useMergeRefs, useUniqueId } from '@cloudscape-design/component-toolkit/internal';\nimport { useSingleTabStopNavigation } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useInternalI18n } from '../i18n/context';\nimport { getBaseProps } from '../internal/base-component';\nimport { getFirstFocusable } from '../internal/components/focus-lock/utils';\nimport { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';\nimport ResetContextsForModal from '../internal/context/reset-contexts-for-modal';\nimport { useTokenInlineContext } from '../internal/context/token-inline-context';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../internal/events/index';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { usePortalModeClasses } from '../internal/hooks/use-portal-mode-classes';\nimport { KeyCode } from '../internal/keycode';\nimport Arrow from './arrow';\nimport PopoverBody from './body';\nimport ConditionalLiveRegion from './conditional-live-region';\nimport PopoverContainer from './container';\nimport { PopoverProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\nexport interface InternalPopoverProps extends Omit<PopoverProps, 'triggerType' | 'size'>, InternalBaseComponentProps {\n  __onOpen?: NonCancelableEventHandler<null>;\n  triggerType?: PopoverProps.TriggerType | 'filtering-token';\n  size: PopoverProps.Size | 'content';\n  __closeAnalyticsAction?: string;\n  isInline?: boolean;\n}\n\nexport default React.forwardRef(InternalPopover);\n\nfunction InternalPopover(\n  {\n    position = 'right',\n    size = 'medium',\n    fixedWidth = false,\n    triggerType = 'text',\n    dismissButton = true,\n\n    children,\n    header,\n    content,\n    triggerAriaLabel,\n\n    wrapTriggerText = true,\n    isInline = false,\n    renderWithPortal = false,\n\n    __onOpen,\n    __internalRootRef,\n    __closeAnalyticsAction,\n\n    ...restProps\n  }: InternalPopoverProps,\n  ref: React.Ref<PopoverProps.Ref>\n) {\n  const baseProps = getBaseProps(restProps);\n  const triggerRef = useRef<HTMLElement | null>(null);\n  const popoverRef = useRef<HTMLDivElement | null>(null);\n\n  const i18n = useInternalI18n('popover');\n  const dismissAriaLabel = i18n('dismissAriaLabel', restProps.dismissAriaLabel);\n\n  const [visible, setVisible] = useState(false);\n\n  const focusTrigger = useCallback(() => {\n    if (['text', 'text-inline'].includes(triggerType)) {\n      triggerRef.current?.focus();\n    } else if (triggerRef.current) {\n      getFirstFocusable(triggerRef.current)?.focus();\n    }\n  }, [triggerType]);\n\n  const onTriggerClick = useCallback(() => {\n    fireNonCancelableEvent(__onOpen);\n    setVisible(true);\n  }, [__onOpen]);\n\n  const onDismiss = useCallback(() => {\n    setVisible(false);\n    focusTrigger();\n  }, [focusTrigger]);\n\n  const onTriggerKeyDown = useCallback(\n    (event: React.KeyboardEvent) => {\n      const isEscapeKey = event.keyCode === KeyCode.escape;\n      const isTabKey = event.keyCode === KeyCode.tab;\n      if (isEscapeKey && visible) {\n        event.stopPropagation();\n      }\n      if (isTabKey || isEscapeKey) {\n        setVisible(false);\n      }\n    },\n    [visible]\n  );\n\n  useImperativeHandle(ref, () => ({\n    dismiss: () => {\n      setVisible(false);\n    },\n    focus: () => {\n      setVisible(false);\n      focusTrigger();\n    },\n  }));\n\n  const clickFrameId = useRef<number | null>(null);\n  useEffect(() => {\n    if (!triggerRef.current) {\n      return;\n    }\n    const document = triggerRef.current.ownerDocument;\n\n    const onDocumentClick = () => {\n      // Dismiss popover unless there was a click inside within the last animation frame.\n      if (clickFrameId.current === null) {\n        setVisible(false);\n      }\n    };\n\n    document.addEventListener('mousedown', onDocumentClick);\n\n    return () => {\n      document.removeEventListener('mousedown', onDocumentClick);\n    };\n  }, []);\n\n  const popoverClasses = usePortalModeClasses(triggerRef, { resetVisualContext: true });\n  const { isInlineToken } = useTokenInlineContext();\n\n  const triggerProps = {\n    // https://github.com/microsoft/TypeScript/issues/36659\n    ref: triggerRef as any,\n    onClick: onTriggerClick,\n    onKeyDown: onTriggerKeyDown,\n    className: clsx(styles.trigger, styles[`trigger-type-${triggerType}`], isInlineToken && styles['in-inline-token']),\n  };\n  const { tabIndex: triggerTabIndex } = useSingleTabStopNavigation(triggerRef);\n\n  const referrerId = useUniqueId();\n\n  const popoverContent = (\n    <div\n      className={clsx(popoverClasses, !renderWithPortal && styles['popover-inline-content'])}\n      data-awsui-referrer-id={referrerId}\n    >\n      <PopoverContainer\n        size={size}\n        fixedWidth={fixedWidth}\n        position={position}\n        trackRef={triggerRef}\n        arrow={position => <Arrow position={position} />}\n        renderWithPortal={renderWithPortal}\n        zIndex={renderWithPortal ? 7000 : undefined}\n      >\n        <LinkDefaultVariantContext.Provider value={{ defaultVariant: 'primary' }}>\n          <PopoverBody\n            dismissButton={dismissButton}\n            dismissAriaLabel={dismissAriaLabel}\n            header={header}\n            onDismiss={onDismiss}\n            overflowVisible=\"both\"\n            closeAnalyticsAction={__closeAnalyticsAction}\n          >\n            <ConditionalLiveRegion condition={!dismissButton}>{content}</ConditionalLiveRegion>\n          </PopoverBody>\n        </LinkDefaultVariantContext.Provider>\n      </PopoverContainer>\n    </div>\n  );\n\n  const mergedRef = useMergeRefs(popoverRef, __internalRootRef);\n\n  return (\n    <span\n      {...baseProps}\n      className={clsx(\n        styles.root,\n        baseProps.className,\n        triggerType === 'filtering-token' && styles['root-filtering-token'],\n        isInline && styles['no-wrap']\n      )}\n      ref={mergedRef}\n      onMouseDown={() => {\n        // Indicate there was a click inside popover recently, including nested portals.\n        clickFrameId.current = requestAnimationFrame(() => {\n          clickFrameId.current = null;\n        });\n      }}\n    >\n      {['text', 'text-inline'].includes(triggerType) ? (\n        <button\n          {...triggerProps}\n          className={clsx(triggerProps.className, wrapTriggerText === false && styles['overflow-ellipsis'])}\n          tabIndex={triggerTabIndex}\n          type=\"button\"\n          aria-haspopup=\"dialog\"\n          id={referrerId}\n          aria-label={triggerAriaLabel}\n        >\n          {children}\n        </button>\n      ) : (\n        <span {...triggerProps} id={referrerId}>\n          {children}\n        </span>\n      )}\n      {visible && (\n        <ResetContextsForModal>\n          {renderWithPortal ? <Portal>{popoverContent}</Portal> : popoverContent}\n        </ResetContextsForModal>\n      )}\n    </span>\n  );\n}\n"]}