npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1210 → 3.0.1212 - Mend

@cloudscape-design/components-themeable 3.0.1210 → 3.0.1212

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (221) hide show

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

@@ -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_1rl6a_145:not(#\9) {
+.awsui_link_4c84z_1grqn_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -174,10 +174,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
   display: inline;
   white-space: inherit;
-  --awsui-style-focus-ring-box-shadow-4hh3rt: 0 0 0 var(--awsui-style-focus-ring-border-width-4hh3rt, var(--border-link-focus-ring-shadow-spread-woh62o, 0px)) var(--awsui-style-focus-ring-border-color-4hh3rt, var(--color-border-item-focused-r5f6xl, #0073bb));
+  --awsui-style-focus-ring-box-shadow-c5ek4l: 0 0 0 var(--awsui-style-focus-ring-border-width-c5ek4l, var(--border-link-focus-ring-shadow-spread-woh62o, 0px)) var(--awsui-style-focus-ring-border-color-c5ek4l, var(--color-border-item-focused-r5f6xl, #0073bb));
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
-  color: var(--awsui-style-color-default-4hh3rt, var(--color-text-link-default-z7zuy8, #0073bb));
+  color: var(--awsui-style-color-default-c5ek4l, var(--color-text-link-default-z7zuy8, #0073bb));
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: none;
@@ -188,33 +188,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1rl6a_145:not(#\9) {
+  .awsui_link_4c84z_1grqn_145:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1rl6a_145:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1rl6a_145:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1grqn_145:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1grqn_145:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1rl6a_145:not(#\9):hover {
+.awsui_link_4c84z_1grqn_145:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-4hh3rt, var(--color-text-link-hover-pqxtsy, #0a4a74));
+  color: var(--awsui-style-color-hover-c5ek4l, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_1rl6a_145:not(#\9):focus {
+.awsui_link_4c84z_1grqn_145:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1rl6a_145:not(#\9):active {
-  color: var(--awsui-style-color-active-4hh3rt, var(--color-text-link-hover-pqxtsy, #0a4a74));
+.awsui_link_4c84z_1grqn_145:not(#\9):active {
+  color: var(--awsui-style-color-active-c5ek4l, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_1rl6a_145:not(#\9):active, .awsui_link_4c84z_1rl6a_145:not(#\9):focus, .awsui_link_4c84z_1rl6a_145:not(#\9):hover {
+.awsui_link_4c84z_1grqn_145:not(#\9):active, .awsui_link_4c84z_1grqn_145:not(#\9):focus, .awsui_link_4c84z_1grqn_145:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1rl6a_145.awsui_variant-secondary_4c84z_1rl6a_212:not(#\9) {
+.awsui_link_4c84z_1grqn_145.awsui_variant-secondary_4c84z_1grqn_212:not(#\9) {
   -webkit-font-smoothing: inherit;
   -moz-osx-font-smoothing: inherit;
-  color: var(--awsui-style-color-default-4hh3rt, var(--color-text-link-default-z7zuy8, #0073bb));
+  color: var(--awsui-style-color-default-c5ek4l, var(--color-text-link-default-z7zuy8, #0073bb));
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: none;
@@ -225,31 +225,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1rl6a_145.awsui_variant-secondary_4c84z_1rl6a_212:not(#\9) {
+  .awsui_link_4c84z_1grqn_145.awsui_variant-secondary_4c84z_1grqn_212:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1rl6a_145.awsui_variant-secondary_4c84z_1rl6a_212:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1rl6a_145.awsui_variant-secondary_4c84z_1rl6a_212:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1grqn_145.awsui_variant-secondary_4c84z_1grqn_212:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1grqn_145.awsui_variant-secondary_4c84z_1grqn_212:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1rl6a_145.awsui_variant-secondary_4c84z_1rl6a_212:not(#\9):hover {
+.awsui_link_4c84z_1grqn_145.awsui_variant-secondary_4c84z_1grqn_212:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-4hh3rt, var(--color-text-link-hover-pqxtsy, #0a4a74));
+  color: var(--awsui-style-color-hover-c5ek4l, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_1rl6a_145.awsui_variant-secondary_4c84z_1rl6a_212:not(#\9):focus {
+.awsui_link_4c84z_1grqn_145.awsui_variant-secondary_4c84z_1grqn_212:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1rl6a_145.awsui_variant-secondary_4c84z_1rl6a_212:not(#\9):active {
-  color: var(--awsui-style-color-active-4hh3rt, var(--color-text-link-hover-pqxtsy, #0a4a74));
+.awsui_link_4c84z_1grqn_145.awsui_variant-secondary_4c84z_1grqn_212:not(#\9):active {
+  color: var(--awsui-style-color-active-c5ek4l, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_1rl6a_145.awsui_variant-secondary_4c84z_1rl6a_212:not(#\9):active, .awsui_link_4c84z_1rl6a_145.awsui_variant-secondary_4c84z_1rl6a_212:not(#\9):focus, .awsui_link_4c84z_1rl6a_145.awsui_variant-secondary_4c84z_1rl6a_212:not(#\9):hover {
+.awsui_link_4c84z_1grqn_145.awsui_variant-secondary_4c84z_1grqn_212:not(#\9):active, .awsui_link_4c84z_1grqn_145.awsui_variant-secondary_4c84z_1grqn_212:not(#\9):focus, .awsui_link_4c84z_1grqn_145.awsui_variant-secondary_4c84z_1grqn_212:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1rl6a_145.awsui_variant-primary_4c84z_1rl6a_247:not(#\9) {
-  color: var(--awsui-style-color-default-4hh3rt, var(--color-text-link-default-z7zuy8, #0073bb));
+.awsui_link_4c84z_1grqn_145.awsui_variant-primary_4c84z_1grqn_247:not(#\9) {
+  color: var(--awsui-style-color-default-c5ek4l, var(--color-text-link-default-z7zuy8, #0073bb));
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: underline;
@@ -260,33 +260,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1rl6a_145.awsui_variant-primary_4c84z_1rl6a_247:not(#\9) {
+  .awsui_link_4c84z_1grqn_145.awsui_variant-primary_4c84z_1grqn_247:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1rl6a_145.awsui_variant-primary_4c84z_1rl6a_247:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1rl6a_145.awsui_variant-primary_4c84z_1rl6a_247:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1grqn_145.awsui_variant-primary_4c84z_1grqn_247:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1grqn_145.awsui_variant-primary_4c84z_1grqn_247:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1rl6a_145.awsui_variant-primary_4c84z_1rl6a_247:not(#\9):hover {
+.awsui_link_4c84z_1grqn_145.awsui_variant-primary_4c84z_1grqn_247:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-4hh3rt, var(--color-text-link-hover-pqxtsy, #0a4a74));
+  color: var(--awsui-style-color-hover-c5ek4l, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_1rl6a_145.awsui_variant-primary_4c84z_1rl6a_247:not(#\9):focus {
+.awsui_link_4c84z_1grqn_145.awsui_variant-primary_4c84z_1grqn_247:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1rl6a_145.awsui_variant-primary_4c84z_1rl6a_247:not(#\9):active {
-  color: var(--awsui-style-color-active-4hh3rt, var(--color-text-link-hover-pqxtsy, #0a4a74));
+.awsui_link_4c84z_1grqn_145.awsui_variant-primary_4c84z_1grqn_247:not(#\9):active {
+  color: var(--awsui-style-color-active-c5ek4l, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_1rl6a_145.awsui_variant-primary_4c84z_1rl6a_247:not(#\9):active, .awsui_link_4c84z_1rl6a_145.awsui_variant-primary_4c84z_1rl6a_247:not(#\9):focus, .awsui_link_4c84z_1rl6a_145.awsui_variant-primary_4c84z_1rl6a_247:not(#\9):hover {
+.awsui_link_4c84z_1grqn_145.awsui_variant-primary_4c84z_1grqn_247:not(#\9):active, .awsui_link_4c84z_1grqn_145.awsui_variant-primary_4c84z_1grqn_247:not(#\9):focus, .awsui_link_4c84z_1grqn_145.awsui_variant-primary_4c84z_1grqn_247:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1rl6a_145.awsui_variant-info_4c84z_1rl6a_280:not(#\9) {
+.awsui_link_4c84z_1grqn_145.awsui_variant-info_4c84z_1grqn_280:not(#\9) {
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
-  color: var(--awsui-style-color-default-4hh3rt, var(--color-text-link-default-z7zuy8, #0073bb));
+  color: var(--awsui-style-color-default-c5ek4l, var(--color-text-link-default-z7zuy8, #0073bb));
   font-weight: 700;
   letter-spacing: 0.005em;
   text-decoration-line: none;
@@ -297,31 +297,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1rl6a_145.awsui_variant-info_4c84z_1rl6a_280:not(#\9) {
+  .awsui_link_4c84z_1grqn_145.awsui_variant-info_4c84z_1grqn_280:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1rl6a_145.awsui_variant-info_4c84z_1rl6a_280:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1rl6a_145.awsui_variant-info_4c84z_1rl6a_280:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1grqn_145.awsui_variant-info_4c84z_1grqn_280:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1grqn_145.awsui_variant-info_4c84z_1grqn_280:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1rl6a_145.awsui_variant-info_4c84z_1rl6a_280:not(#\9):hover {
+.awsui_link_4c84z_1grqn_145.awsui_variant-info_4c84z_1grqn_280:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-4hh3rt, var(--color-text-link-hover-pqxtsy, #0a4a74));
+  color: var(--awsui-style-color-hover-c5ek4l, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_1rl6a_145.awsui_variant-info_4c84z_1rl6a_280:not(#\9):focus {
+.awsui_link_4c84z_1grqn_145.awsui_variant-info_4c84z_1grqn_280:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1rl6a_145.awsui_variant-info_4c84z_1rl6a_280:not(#\9):active {
-  color: var(--awsui-style-color-active-4hh3rt, var(--color-text-link-hover-pqxtsy, #0a4a74));
+.awsui_link_4c84z_1grqn_145.awsui_variant-info_4c84z_1grqn_280:not(#\9):active {
+  color: var(--awsui-style-color-active-c5ek4l, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_1rl6a_145.awsui_variant-info_4c84z_1rl6a_280:not(#\9):active, .awsui_link_4c84z_1rl6a_145.awsui_variant-info_4c84z_1rl6a_280:not(#\9):focus, .awsui_link_4c84z_1rl6a_145.awsui_variant-info_4c84z_1rl6a_280:not(#\9):hover {
+.awsui_link_4c84z_1grqn_145.awsui_variant-info_4c84z_1grqn_280:not(#\9):active, .awsui_link_4c84z_1grqn_145.awsui_variant-info_4c84z_1grqn_280:not(#\9):focus, .awsui_link_4c84z_1grqn_145.awsui_variant-info_4c84z_1grqn_280:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-button-underline-hover-s0fj6r, currentColor);
 }
-.awsui_link_4c84z_1rl6a_145.awsui_variant-value-large_4c84z_1rl6a_315:not(#\9) {
-  color: var(--awsui-style-color-default-4hh3rt, var(--color-text-link-default-z7zuy8, #0073bb));
+.awsui_link_4c84z_1grqn_145.awsui_variant-value-large_4c84z_1grqn_315:not(#\9) {
+  color: var(--awsui-style-color-default-c5ek4l, var(--color-text-link-default-z7zuy8, #0073bb));
   font-weight: var(--font-box-value-large-weight-zc1blz, 300);
   text-decoration-line: underline;
   text-decoration-color: currentColor;
@@ -331,33 +331,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1rl6a_145.awsui_variant-value-large_4c84z_1rl6a_315:not(#\9) {
+  .awsui_link_4c84z_1grqn_145.awsui_variant-value-large_4c84z_1grqn_315:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1rl6a_145.awsui_variant-value-large_4c84z_1rl6a_315:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1rl6a_145.awsui_variant-value-large_4c84z_1rl6a_315:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1grqn_145.awsui_variant-value-large_4c84z_1grqn_315:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1grqn_145.awsui_variant-value-large_4c84z_1grqn_315:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1rl6a_145.awsui_variant-value-large_4c84z_1rl6a_315:not(#\9):hover {
+.awsui_link_4c84z_1grqn_145.awsui_variant-value-large_4c84z_1grqn_315:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-4hh3rt, var(--color-text-link-hover-pqxtsy, #0a4a74));
+  color: var(--awsui-style-color-hover-c5ek4l, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_1rl6a_145.awsui_variant-value-large_4c84z_1rl6a_315:not(#\9):focus {
+.awsui_link_4c84z_1grqn_145.awsui_variant-value-large_4c84z_1grqn_315:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1rl6a_145.awsui_variant-value-large_4c84z_1rl6a_315:not(#\9):active {
-  color: var(--awsui-style-color-active-4hh3rt, var(--color-text-link-hover-pqxtsy, #0a4a74));
+.awsui_link_4c84z_1grqn_145.awsui_variant-value-large_4c84z_1grqn_315:not(#\9):active {
+  color: var(--awsui-style-color-active-c5ek4l, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_1rl6a_145.awsui_variant-value-large_4c84z_1rl6a_315:not(#\9):active, .awsui_link_4c84z_1rl6a_145.awsui_variant-value-large_4c84z_1rl6a_315:not(#\9):focus, .awsui_link_4c84z_1rl6a_145.awsui_variant-value-large_4c84z_1rl6a_315:not(#\9):hover {
+.awsui_link_4c84z_1grqn_145.awsui_variant-value-large_4c84z_1grqn_315:not(#\9):active, .awsui_link_4c84z_1grqn_145.awsui_variant-value-large_4c84z_1grqn_315:not(#\9):focus, .awsui_link_4c84z_1grqn_145.awsui_variant-value-large_4c84z_1grqn_315:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1rl6a_145.awsui_variant-top-navigation_4c84z_1rl6a_347:not(#\9) {
+.awsui_link_4c84z_1grqn_145.awsui_variant-top-navigation_4c84z_1grqn_347:not(#\9) {
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
-  color: var(--awsui-style-color-default-4hh3rt, var(--color-text-interactive-default-qwoe3g, #545b64));
+  color: var(--awsui-style-color-default-c5ek4l, var(--color-text-interactive-default-qwoe3g, #545b64));
   font-weight: 700;
   letter-spacing: 0.005em;
   text-decoration-line: none;
@@ -368,31 +368,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1rl6a_145.awsui_variant-top-navigation_4c84z_1rl6a_347:not(#\9) {
+  .awsui_link_4c84z_1grqn_145.awsui_variant-top-navigation_4c84z_1grqn_347:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1rl6a_145.awsui_variant-top-navigation_4c84z_1rl6a_347:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1rl6a_145.awsui_variant-top-navigation_4c84z_1rl6a_347:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1grqn_145.awsui_variant-top-navigation_4c84z_1grqn_347:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1grqn_145.awsui_variant-top-navigation_4c84z_1grqn_347:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1rl6a_145.awsui_variant-top-navigation_4c84z_1rl6a_347:not(#\9):hover {
+.awsui_link_4c84z_1grqn_145.awsui_variant-top-navigation_4c84z_1grqn_347:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-4hh3rt, var(--color-text-interactive-hover-bu4gls, #16191f));
+  color: var(--awsui-style-color-hover-c5ek4l, var(--color-text-interactive-hover-bu4gls, #16191f));
 }
-.awsui_link_4c84z_1rl6a_145.awsui_variant-top-navigation_4c84z_1rl6a_347:not(#\9):focus {
+.awsui_link_4c84z_1grqn_145.awsui_variant-top-navigation_4c84z_1grqn_347:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1rl6a_145.awsui_variant-top-navigation_4c84z_1rl6a_347:not(#\9):active {
-  color: var(--awsui-style-color-active-4hh3rt, var(--color-text-interactive-active-c44vdq, #16191f));
+.awsui_link_4c84z_1grqn_145.awsui_variant-top-navigation_4c84z_1grqn_347:not(#\9):active {
+  color: var(--awsui-style-color-active-c5ek4l, var(--color-text-interactive-active-c44vdq, #16191f));
 }
-.awsui_link_4c84z_1rl6a_145.awsui_variant-top-navigation_4c84z_1rl6a_347:not(#\9):active, .awsui_link_4c84z_1rl6a_145.awsui_variant-top-navigation_4c84z_1rl6a_347:not(#\9):focus, .awsui_link_4c84z_1rl6a_145.awsui_variant-top-navigation_4c84z_1rl6a_347:not(#\9):hover {
+.awsui_link_4c84z_1grqn_145.awsui_variant-top-navigation_4c84z_1grqn_347:not(#\9):active, .awsui_link_4c84z_1grqn_145.awsui_variant-top-navigation_4c84z_1grqn_347:not(#\9):focus, .awsui_link_4c84z_1grqn_145.awsui_variant-top-navigation_4c84z_1grqn_347:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: transparent;
 }
-.awsui_link_4c84z_1rl6a_145.awsui_variant-recovery_4c84z_1rl6a_382:not(#\9) {
-  color: var(--awsui-style-color-default-4hh3rt, var(--color-text-link-default-z7zuy8, #0073bb));
+.awsui_link_4c84z_1grqn_145.awsui_variant-recovery_4c84z_1grqn_382:not(#\9) {
+  color: var(--awsui-style-color-default-c5ek4l, var(--color-text-link-default-z7zuy8, #0073bb));
   font-weight: var(--font-link-button-weight-bnpz8h, 400);
   letter-spacing: var(--font-link-button-letter-spacing-yobz7z, normal);
   text-decoration-line: underline;
@@ -403,33 +403,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1rl6a_145.awsui_variant-recovery_4c84z_1rl6a_382:not(#\9) {
+  .awsui_link_4c84z_1grqn_145.awsui_variant-recovery_4c84z_1grqn_382:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1rl6a_145.awsui_variant-recovery_4c84z_1rl6a_382:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1rl6a_145.awsui_variant-recovery_4c84z_1rl6a_382:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1grqn_145.awsui_variant-recovery_4c84z_1grqn_382:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1grqn_145.awsui_variant-recovery_4c84z_1grqn_382:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1rl6a_145.awsui_variant-recovery_4c84z_1rl6a_382:not(#\9):hover {
+.awsui_link_4c84z_1grqn_145.awsui_variant-recovery_4c84z_1grqn_382:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-4hh3rt, var(--color-text-link-hover-pqxtsy, #0a4a74));
+  color: var(--awsui-style-color-hover-c5ek4l, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_1rl6a_145.awsui_variant-recovery_4c84z_1rl6a_382:not(#\9):focus {
+.awsui_link_4c84z_1grqn_145.awsui_variant-recovery_4c84z_1grqn_382:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1rl6a_145.awsui_variant-recovery_4c84z_1rl6a_382:not(#\9):active {
-  color: var(--awsui-style-color-active-4hh3rt, var(--color-text-link-hover-pqxtsy, #0a4a74));
+.awsui_link_4c84z_1grqn_145.awsui_variant-recovery_4c84z_1grqn_382:not(#\9):active {
+  color: var(--awsui-style-color-active-c5ek4l, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_1rl6a_145.awsui_variant-recovery_4c84z_1rl6a_382:not(#\9):active, .awsui_link_4c84z_1rl6a_145.awsui_variant-recovery_4c84z_1rl6a_382:not(#\9):focus, .awsui_link_4c84z_1rl6a_145.awsui_variant-recovery_4c84z_1rl6a_382:not(#\9):hover {
+.awsui_link_4c84z_1grqn_145.awsui_variant-recovery_4c84z_1grqn_382:not(#\9):active, .awsui_link_4c84z_1grqn_145.awsui_variant-recovery_4c84z_1grqn_382:not(#\9):focus, .awsui_link_4c84z_1grqn_145.awsui_variant-recovery_4c84z_1grqn_382:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-button-underline-hover-s0fj6r, currentColor);
 }
-.awsui_link_4c84z_1rl6a_145.awsui_button_4c84z_1rl6a_415:not(#\9) {
+.awsui_link_4c84z_1grqn_145.awsui_button_4c84z_1grqn_415:not(#\9) {
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
-  color: var(--awsui-style-color-default-4hh3rt, var(--color-text-link-button-normal-default-dm02c2, #545b64));
+  color: var(--awsui-style-color-default-c5ek4l, var(--color-text-link-button-normal-default-dm02c2, #545b64));
   font-weight: 700;
   letter-spacing: var(--font-button-letter-spacing-9h7rbb, 0.25px);
   text-decoration-line: none;
@@ -440,105 +440,105 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1rl6a_145.awsui_button_4c84z_1rl6a_415:not(#\9) {
+  .awsui_link_4c84z_1grqn_145.awsui_button_4c84z_1grqn_415:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1rl6a_145.awsui_button_4c84z_1rl6a_415:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1rl6a_145.awsui_button_4c84z_1rl6a_415:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1grqn_145.awsui_button_4c84z_1grqn_415:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1grqn_145.awsui_button_4c84z_1grqn_415:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1rl6a_145.awsui_button_4c84z_1rl6a_415:not(#\9):hover {
+.awsui_link_4c84z_1grqn_145.awsui_button_4c84z_1grqn_415:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-4hh3rt, var(--color-text-link-button-normal-hover-ldeaqo, #16191f));
+  color: var(--awsui-style-color-hover-c5ek4l, var(--color-text-link-button-normal-hover-ldeaqo, #16191f));
 }
-.awsui_link_4c84z_1rl6a_145.awsui_button_4c84z_1rl6a_415:not(#\9):focus {
+.awsui_link_4c84z_1grqn_145.awsui_button_4c84z_1grqn_415:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1rl6a_145.awsui_button_4c84z_1rl6a_415:not(#\9):active {
-  color: var(--awsui-style-color-active-4hh3rt, var(--color-text-link-button-normal-active-q28r86, #16191f));
+.awsui_link_4c84z_1grqn_145.awsui_button_4c84z_1grqn_415:not(#\9):active {
+  color: var(--awsui-style-color-active-c5ek4l, var(--color-text-link-button-normal-active-q28r86, #16191f));
 }
-.awsui_link_4c84z_1rl6a_145.awsui_button_4c84z_1rl6a_415:not(#\9):active, .awsui_link_4c84z_1rl6a_145.awsui_button_4c84z_1rl6a_415:not(#\9):focus, .awsui_link_4c84z_1rl6a_145.awsui_button_4c84z_1rl6a_415:not(#\9):hover {
+.awsui_link_4c84z_1grqn_145.awsui_button_4c84z_1grqn_415:not(#\9):active, .awsui_link_4c84z_1grqn_145.awsui_button_4c84z_1grqn_415:not(#\9):focus, .awsui_link_4c84z_1grqn_145.awsui_button_4c84z_1grqn_415:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: transparent;
 }
-.awsui_link_4c84z_1rl6a_145.awsui_color-inverted_4c84z_1rl6a_450:not(#\9) {
+.awsui_link_4c84z_1grqn_145.awsui_color-inverted_4c84z_1grqn_450:not(#\9) {
   color: var(--color-text-notification-default-fmebm4, #fafafa);
 }
-.awsui_link_4c84z_1rl6a_145.awsui_color-inverted_4c84z_1rl6a_450:not(#\9):not(.awsui_button_4c84z_1rl6a_415) {
+.awsui_link_4c84z_1grqn_145.awsui_color-inverted_4c84z_1grqn_450:not(#\9):not(.awsui_button_4c84z_1grqn_415) {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1rl6a_145.awsui_color-inverted_4c84z_1rl6a_450:not(#\9):hover {
+.awsui_link_4c84z_1grqn_145.awsui_color-inverted_4c84z_1grqn_450:not(#\9):hover {
   color: var(--color-text-link-inverted-hover-7jk1d1, #fafafa);
 }
-body[data-awsui-focus-visible=true] .awsui_link_4c84z_1rl6a_145:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_link_4c84z_1grqn_145:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-c5423y, 5px auto Highlight);
   outline-offset: 2px;
-  outline-color: var(--awsui-style-focus-ring-border-color-4hh3rt, var(--color-border-item-focused-r5f6xl, #0073bb));
-  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-4hh3rt, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-4hh3rt, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-4hh3rt, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-4hh3rt, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  box-shadow: var(--awsui-style-focus-ring-box-shadow-4hh3rt);
-}
-.awsui_link_4c84z_1rl6a_145.awsui_font-size-body-s_4c84z_1rl6a_471:not(#\9) {
+  outline-color: var(--awsui-style-focus-ring-border-color-c5ek4l, var(--color-border-item-focused-r5f6xl, #0073bb));
+  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-c5ek4l, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
+  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-c5ek4l, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
+  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-c5ek4l, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
+  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-c5ek4l, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
+  box-shadow: var(--awsui-style-focus-ring-box-shadow-c5ek4l);
+}
+.awsui_link_4c84z_1grqn_145.awsui_font-size-body-s_4c84z_1grqn_471:not(#\9) {
   font-size: var(--font-size-body-s-psgqn2, 12px);
   line-height: var(--line-height-body-s-otgtsr, 16px);
   letter-spacing: var(--letter-spacing-body-s-egrcsd, normal);
   text-underline-offset: 0.3em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_1rl6a_145.awsui_font-size-body-m_4c84z_1rl6a_478:not(#\9) {
+.awsui_link_4c84z_1grqn_145.awsui_font-size-body-m_4c84z_1grqn_478:not(#\9) {
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_1rl6a_145.awsui_font-size-heading-xs_4c84z_1rl6a_484:not(#\9) {
+.awsui_link_4c84z_1grqn_145.awsui_font-size-heading-xs_4c84z_1grqn_484:not(#\9) {
   font-size: var(--font-size-heading-xs-c20ika, 16px);
   line-height: var(--line-height-heading-xs-fuzanp, 20px);
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_1rl6a_145.awsui_font-size-heading-s_4c84z_1rl6a_490:not(#\9) {
+.awsui_link_4c84z_1grqn_145.awsui_font-size-heading-s_4c84z_1grqn_490:not(#\9) {
   font-size: var(--font-size-heading-s-yde02v, 16px);
   line-height: var(--line-height-heading-s-j2axh8, 20px);
   letter-spacing: var(--letter-spacing-heading-s-696sxe, normal);
   text-underline-offset: 0.3em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_1rl6a_145.awsui_font-size-heading-m_4c84z_1rl6a_497:not(#\9) {
+.awsui_link_4c84z_1grqn_145.awsui_font-size-heading-m_4c84z_1grqn_497:not(#\9) {
   font-size: var(--font-size-heading-m-56jjln, 18px);
   line-height: var(--line-height-heading-m-irezqt, 22px);
   letter-spacing: var(--letter-spacing-heading-m-93y02s, normal);
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_1rl6a_145.awsui_font-size-heading-l_4c84z_1rl6a_504:not(#\9) {
+.awsui_link_4c84z_1grqn_145.awsui_font-size-heading-l_4c84z_1grqn_504:not(#\9) {
   font-size: var(--font-size-heading-l-qgg2za, 18px);
   line-height: var(--line-height-heading-l-vhgtnq, 22px);
   letter-spacing: var(--letter-spacing-heading-l-spdx5v, normal);
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_1rl6a_145.awsui_font-size-heading-xl_4c84z_1rl6a_511:not(#\9) {
+.awsui_link_4c84z_1grqn_145.awsui_font-size-heading-xl_4c84z_1grqn_511:not(#\9) {
   font-size: var(--font-size-heading-xl-w5di2k, 28px);
   line-height: var(--line-height-heading-xl-vs1f23, 36px);
   letter-spacing: var(--letter-spacing-heading-xl-33zwds, normal);
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_1rl6a_145.awsui_font-size-display-l_4c84z_1rl6a_518:not(#\9) {
+.awsui_link_4c84z_1grqn_145.awsui_font-size-display-l_4c84z_1grqn_518:not(#\9) {
   font-size: var(--font-size-display-l-h1h1h9, 44px);
   line-height: var(--line-height-display-l-3zghmm, 56px);
   letter-spacing: var(--letter-spacing-display-l-dniym1, normal);
   text-underline-offset: 0.25em;
   text-decoration-thickness: 2px;
 }
-.awsui_link_4c84z_1rl6a_145.awsui_font-size-inherit_4c84z_1rl6a_525:not(#\9) {
+.awsui_link_4c84z_1grqn_145.awsui_font-size-inherit_4c84z_1grqn_525:not(#\9) {
   font-size: inherit;
   line-height: inherit;
   letter-spacing: inherit;
@@ -546,10 +546,10 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1rl6a_145:not(#\9):focus {
   text-decoration-thickness: 1px;
 }
-.awsui_icon-wrapper_4c84z_1rl6a_533:not(#\9) {
+.awsui_icon-wrapper_4c84z_1grqn_533:not(#\9) {
   white-space: nowrap;
 }
-.awsui_icon_4c84z_1rl6a_533:not(#\9) {
+.awsui_icon_4c84z_1grqn_533:not(#\9) {
   display: inline-block;
 }

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

@@ -2,25 +2,25 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "link": "awsui_link_4c84z_1rl6a_145",
-  "variant-secondary": "awsui_variant-secondary_4c84z_1rl6a_212",
-  "variant-primary": "awsui_variant-primary_4c84z_1rl6a_247",
-  "variant-info": "awsui_variant-info_4c84z_1rl6a_280",
-  "variant-value-large": "awsui_variant-value-large_4c84z_1rl6a_315",
-  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1rl6a_347",
-  "variant-recovery": "awsui_variant-recovery_4c84z_1rl6a_382",
-  "button": "awsui_button_4c84z_1rl6a_415",
-  "color-inverted": "awsui_color-inverted_4c84z_1rl6a_450",
-  "font-size-body-s": "awsui_font-size-body-s_4c84z_1rl6a_471",
-  "font-size-body-m": "awsui_font-size-body-m_4c84z_1rl6a_478",
-  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1rl6a_484",
-  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1rl6a_490",
-  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1rl6a_497",
-  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1rl6a_504",
-  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1rl6a_511",
-  "font-size-display-l": "awsui_font-size-display-l_4c84z_1rl6a_518",
-  "font-size-inherit": "awsui_font-size-inherit_4c84z_1rl6a_525",
-  "icon-wrapper": "awsui_icon-wrapper_4c84z_1rl6a_533",
-  "icon": "awsui_icon_4c84z_1rl6a_533"
+  "link": "awsui_link_4c84z_1grqn_145",
+  "variant-secondary": "awsui_variant-secondary_4c84z_1grqn_212",
+  "variant-primary": "awsui_variant-primary_4c84z_1grqn_247",
+  "variant-info": "awsui_variant-info_4c84z_1grqn_280",
+  "variant-value-large": "awsui_variant-value-large_4c84z_1grqn_315",
+  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1grqn_347",
+  "variant-recovery": "awsui_variant-recovery_4c84z_1grqn_382",
+  "button": "awsui_button_4c84z_1grqn_415",
+  "color-inverted": "awsui_color-inverted_4c84z_1grqn_450",
+  "font-size-body-s": "awsui_font-size-body-s_4c84z_1grqn_471",
+  "font-size-body-m": "awsui_font-size-body-m_4c84z_1grqn_478",
+  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1grqn_484",
+  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1grqn_490",
+  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1grqn_497",
+  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1grqn_504",
+  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1grqn_511",
+  "font-size-display-l": "awsui_font-size-display-l_4c84z_1grqn_518",
+  "font-size-inherit": "awsui_font-size-inherit_4c84z_1grqn_525",
+  "icon-wrapper": "awsui_icon-wrapper_4c84z_1grqn_533",
+  "icon": "awsui_icon_4c84z_1grqn_533"
 };

package/lib/internal/template/multiselect/internal.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/multiselect/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2B,MAAM,OAAO,CAAC;~~AAWhD~~,OAAO,EAAE,0BAA0B,EAAE,MAAM,+CAA+C,CAAC;AAS3F,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAahD,QAAA,MAAM,mBAAmB;;;;;;;~~2EA6LxB~~,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
1	+ {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/multiselect/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAYhD,OAAO,EAAE,0BAA0B,EAAE,MAAM,+CAA+C,CAAC;AAS3F,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAahD,QAAA,MAAM,mBAAmB;;;;;;;2EA4LxB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/lib/internal/template/multiselect/internal.js CHANGED Viewed

@@ -5,6 +5,7 @@ import clsx from 'clsx';
 import { useUniqueId } from '@cloudscape-design/component-toolkit/internal';
 import { useInternalI18n } from '../i18n/context';
 import { getBaseProps } from '../internal/base-component';
+import { getBreakpointValue } from '../internal/breakpoints';
 import Dropdown from '../internal/components/dropdown';
 import DropdownFooter from '../internal/components/dropdown-footer/index.js';
 import ScreenreaderOnly from '../internal/components/screenreader-only';
@@ -70,7 +71,7 @@ const InternalMultiselect = React.forwardRef(({ options, filteringType, filterin
     const hasOptions = useRef(options.length > 0);
     hasOptions.current = hasOptions.current || options.length > 0;
     return (React.createElement("div", { ...baseProps, ref: __internalRootRef, className: clsx(styles.root, baseProps.className), ...multiselectProps.getWrapperProps() },
-        React.createElement(Dropdown, { ...dropdownProps, ariaLabelledby: dropdownProps.dropdownContentRole ? joinStrings(ariaLabelId, controlId) : undefined, ariaDescribedby: dropdownProps.dropdownContentRole ? (dropdownStatus.content ? footerId : undefined) : undefined, open: multiselectProps.isOpen, trigger: trigger, header: filter, footer: dropdownStatus.isSticky ? (React.createElement(DropdownFooter, { content: multiselectProps.isOpen ? dropdownStatus.content : null, id: footerId })) : null, expandToViewport: expandToViewport, stretchBeyondTriggerWidth: true,
+        React.createElement(Dropdown, { ...dropdownProps, ariaLabelledby: dropdownProps.ariaRole ? joinStrings(ariaLabelId, controlId) : undefined, ariaDescribedby: dropdownProps.ariaRole ? (dropdownStatus.content ? footerId : undefined) : undefined, open: multiselectProps.isOpen, minWidth: expandToViewport ? undefined : 'trigger', maxWidth: getBreakpointValue('xxs'), trigger: trigger, header: filter, footer: dropdownStatus.isSticky ? (React.createElement(DropdownFooter, { content: multiselectProps.isOpen ? dropdownStatus.content : null, id: footerId })) : null, expandToViewport: expandToViewport,
             // Forces dropdown position recalculation when new options are loaded
             contentKey: hasOptions.current.toString(), content: React.createElement(ListComponent, { renderOption: renderOption, listBottom: !dropdownStatus.isSticky ? (React.createElement(DropdownFooter, { content: multiselectProps.isOpen ? dropdownStatus.content : null, id: footerId })) : null, menuProps: multiselectProps.getMenuProps(), getOptionProps: multiselectProps.getOptionProps, filteredOptions: multiselectProps.filteredOptions, filteringValue: filteringValue, ref: multiselectProps.scrollToIndex, hasDropdownStatus: dropdownStatus.content !== null, checkboxes: true, useInteractiveGroups: true, screenReaderContent: multiselectProps.announcement, highlightType: multiselectProps.highlightType, firstOptionSticky: hasFilteredOptions && enableSelectAll, isMultiSelect: true }) }),
         showTokens && (React.createElement(InternalTokenGroup, { ...multiselectProps.getTokenProps(), className: styles.tokens, alignment: "horizontal", limit: tokenLimit, items: tokens, i18nStrings: tokenGroupI18nStrings, limitShowMoreAriaLabel: tokenLimitShowMoreAriaLabel, limitShowFewerAriaLabel: tokenLimitShowFewerAriaLabel, disableOuterPadding: true, readOnly: readOnly, isItemReadOnly: item => item._readOnly })),

package/lib/internal/template/multiselect/internal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/multiselect/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, { useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useUniqueId } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useInternalI18n } from '../i18n/context';\nimport { getBaseProps } from '../internal/base-component';\nimport Dropdown from '../internal/components/dropdown';\nimport DropdownFooter from '../internal/components/dropdown-footer/index.js';\nimport ScreenreaderOnly from '../internal/components/screenreader-only';\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component/index.js';\nimport { SomeRequired } from '../internal/types';\nimport { joinStrings } from '../internal/utils/strings';\nimport Filter from '../select/parts/filter';\nimport PlainList from '../select/parts/plain-list';\nimport Trigger from '../select/parts/trigger';\nimport VirtualList from '../select/parts/virtual-list';\nimport { TokenGroupProps } from '../token-group/interfaces';\nimport InternalTokenGroup from '../token-group/internal';\nimport { MultiselectProps } from './interfaces';\nimport { useMultiselect } from './use-multiselect';\n\nimport styles from './styles.css.js';\n\ntype InternalMultiselectProps = SomeRequired<\n MultiselectProps,\n 'options' \| 'selectedOptions' \| 'filteringType' \| 'statusType' \| 'keepOpen' \| 'hideTokens'\n> &\n InternalBaseComponentProps;\n\ntype ExtendedToken = TokenGroupProps.Item & { _readOnly: boolean };\n\nconst InternalMultiselect = React.forwardRef(\n (\n {\n options,\n filteringType,\n filteringPlaceholder,\n filteringAriaLabel,\n filteringClearAriaLabel,\n ariaRequired,\n placeholder,\n disabled,\n readOnly,\n ariaLabel,\n inlineLabelText,\n selectedOptions,\n deselectAriaLabel,\n tokenLimit,\n i18nStrings,\n virtualScroll,\n inlineTokens = false,\n hideTokens,\n expandToViewport,\n tokenLimitShowFewerAriaLabel,\n tokenLimitShowMoreAriaLabel,\n __internalRootRef,\n autoFocus,\n enableSelectAll,\n renderOption,\n ...restProps\n }: InternalMultiselectProps,\n externalRef: React.Ref<MultiselectProps.Ref>\n ) => {\n const baseProps = getBaseProps(restProps);\n const formFieldContext = useFormFieldContext(restProps);\n const i18n = useInternalI18n('multiselect');\n\n const selfControlId = useUniqueId('trigger');\n const controlId = formFieldContext.controlId ?? selfControlId;\n const ariaLabelId = useUniqueId('multiselect-ariaLabel-');\n const footerId = useUniqueId('multiselect-footer-');\n\n const [filteringValue, setFilteringValue] = useState('');\n const multiselectProps = useMultiselect({\n options,\n selectedOptions,\n filteringType,\n disabled,\n deselectAriaLabel,\n controlId,\n ariaLabelId,\n footerId,\n filteringValue,\n setFilteringValue,\n externalRef,\n enableSelectAll,\n i18nStrings,\n ...restProps,\n });\n\n const filter = (\n <Filter\n clearAriaLabel={filteringClearAriaLabel}\n filteringType={filteringType}\n placeholder={filteringPlaceholder}\n ariaLabel={filteringAriaLabel}\n ariaRequired={ariaRequired}\n value={filteringValue}\n {...multiselectProps.getFilterProps()}\n />\n );\n\n const trigger = (\n <Trigger\n placeholder={placeholder}\n disabled={disabled}\n readOnly={readOnly}\n triggerProps={multiselectProps.getTriggerProps(disabled, autoFocus)}\n selectedOption={null}\n selectedOptions={selectedOptions}\n triggerVariant={inlineTokens ? 'tokens' : 'placeholder'}\n isOpen={multiselectProps.isOpen}\n inlineLabelText={inlineLabelText}\n {...formFieldContext}\n controlId={controlId}\n ariaLabelledby={joinStrings(formFieldContext.ariaLabelledby, ariaLabelId)}\n />\n );\n\n const tokens: Array<ExtendedToken> = selectedOptions.map(option => ({\n label: option.label,\n disabled,\n labelTag: option.labelTag,\n description: option.description,\n iconAlt: option.iconAlt,\n iconName: option.iconName,\n iconUrl: option.iconUrl,\n iconSvg: option.iconSvg,\n tags: option.tags,\n dismissLabel: i18n('deselectAriaLabel', deselectAriaLabel?.(option), format =>\n format({ option__label: option.label ?? '' })\n ),\n _readOnly: !!option.disabled,\n }));\n\n const ListComponent = virtualScroll ? VirtualList : PlainList;\n\n const showTokens = !hideTokens && !inlineTokens && tokens.length > 0;\n\n const tokenGroupI18nStrings: TokenGroupProps.I18nStrings = {\n limitShowFewer: i18nStrings?.tokenLimitShowFewer,\n limitShowMore: i18nStrings?.tokenLimitShowMore,\n };\n\n const dropdownStatus = multiselectProps.dropdownStatus;\n const dropdownProps = multiselectProps.getDropdownProps();\n const hasFilteredOptions = multiselectProps.filteredOptions.length > 0;\n\n const hasOptions = useRef(options.length > 0);\n hasOptions.current = hasOptions.current \|\| options.length > 0;\n\n return (\n <div\n {...baseProps}\n ref={__internalRootRef}\n className={clsx(styles.root, baseProps.className)}\n {...multiselectProps.getWrapperProps()}\n >\n <Dropdown\n {...dropdownProps}\n ariaLabelledby={dropdownProps.dropdownContentRole ? joinStrings(ariaLabelId, controlId) : undefined}\n ariaDescribedby={\n dropdownProps.dropdownContentRole ? (dropdownStatus.content ? footerId : undefined) : undefined\n }\n open={multiselectProps.isOpen}\n trigger={trigger}\n header={filter}\n footer={\n dropdownStatus.isSticky ? (\n <DropdownFooter content={multiselectProps.isOpen ? dropdownStatus.content : null} id={footerId} />\n ) : null\n }\n expandToViewport={expandToViewport}\n stretchBeyondTriggerWidth={true}\n // Forces dropdown position recalculation when new options are loaded\n contentKey={hasOptions.current.toString()}\n content={\n <ListComponent\n renderOption={renderOption}\n listBottom={\n !dropdownStatus.isSticky ? (\n <DropdownFooter content={multiselectProps.isOpen ? dropdownStatus.content : null} id={footerId} />\n ) : null\n }\n menuProps={multiselectProps.getMenuProps()}\n getOptionProps={multiselectProps.getOptionProps}\n filteredOptions={multiselectProps.filteredOptions}\n filteringValue={filteringValue}\n ref={multiselectProps.scrollToIndex}\n hasDropdownStatus={dropdownStatus.content !== null}\n checkboxes={true}\n useInteractiveGroups={true}\n screenReaderContent={multiselectProps.announcement}\n highlightType={multiselectProps.highlightType}\n firstOptionSticky={hasFilteredOptions && enableSelectAll}\n isMultiSelect={true}\n />\n }\n />\n\n {showTokens && (\n <InternalTokenGroup\n {...multiselectProps.getTokenProps()}\n className={styles.tokens}\n alignment=\"horizontal\"\n limit={tokenLimit}\n items={tokens}\n i18nStrings={tokenGroupI18nStrings}\n limitShowMoreAriaLabel={tokenLimitShowMoreAriaLabel}\n limitShowFewerAriaLabel={tokenLimitShowFewerAriaLabel}\n disableOuterPadding={true}\n readOnly={readOnly}\n isItemReadOnly={item => (item as ExtendedToken)._readOnly}\n />\n )}\n\n <ScreenreaderOnly id={ariaLabelId}>{ariaLabel \|\| inlineLabelText}</ScreenreaderOnly>\n </div>\n );\n }\n);\n\nexport default InternalMultiselect;\n"]}
1	+ {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/multiselect/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, { useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useUniqueId } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useInternalI18n } from '../i18n/context';\nimport { getBaseProps } from '../internal/base-component';\nimport { getBreakpointValue } from '../internal/breakpoints';\nimport Dropdown from '../internal/components/dropdown';\nimport DropdownFooter from '../internal/components/dropdown-footer/index.js';\nimport ScreenreaderOnly from '../internal/components/screenreader-only';\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component/index.js';\nimport { SomeRequired } from '../internal/types';\nimport { joinStrings } from '../internal/utils/strings';\nimport Filter from '../select/parts/filter';\nimport PlainList from '../select/parts/plain-list';\nimport Trigger from '../select/parts/trigger';\nimport VirtualList from '../select/parts/virtual-list';\nimport { TokenGroupProps } from '../token-group/interfaces';\nimport InternalTokenGroup from '../token-group/internal';\nimport { MultiselectProps } from './interfaces';\nimport { useMultiselect } from './use-multiselect';\n\nimport styles from './styles.css.js';\n\ntype InternalMultiselectProps = SomeRequired<\n MultiselectProps,\n 'options' \| 'selectedOptions' \| 'filteringType' \| 'statusType' \| 'keepOpen' \| 'hideTokens'\n> &\n InternalBaseComponentProps;\n\ntype ExtendedToken = TokenGroupProps.Item & { _readOnly: boolean };\n\nconst InternalMultiselect = React.forwardRef(\n (\n {\n options,\n filteringType,\n filteringPlaceholder,\n filteringAriaLabel,\n filteringClearAriaLabel,\n ariaRequired,\n placeholder,\n disabled,\n readOnly,\n ariaLabel,\n inlineLabelText,\n selectedOptions,\n deselectAriaLabel,\n tokenLimit,\n i18nStrings,\n virtualScroll,\n inlineTokens = false,\n hideTokens,\n expandToViewport,\n tokenLimitShowFewerAriaLabel,\n tokenLimitShowMoreAriaLabel,\n __internalRootRef,\n autoFocus,\n enableSelectAll,\n renderOption,\n ...restProps\n }: InternalMultiselectProps,\n externalRef: React.Ref<MultiselectProps.Ref>\n ) => {\n const baseProps = getBaseProps(restProps);\n const formFieldContext = useFormFieldContext(restProps);\n const i18n = useInternalI18n('multiselect');\n\n const selfControlId = useUniqueId('trigger');\n const controlId = formFieldContext.controlId ?? selfControlId;\n const ariaLabelId = useUniqueId('multiselect-ariaLabel-');\n const footerId = useUniqueId('multiselect-footer-');\n\n const [filteringValue, setFilteringValue] = useState('');\n const multiselectProps = useMultiselect({\n options,\n selectedOptions,\n filteringType,\n disabled,\n deselectAriaLabel,\n controlId,\n ariaLabelId,\n footerId,\n filteringValue,\n setFilteringValue,\n externalRef,\n enableSelectAll,\n i18nStrings,\n ...restProps,\n });\n\n const filter = (\n <Filter\n clearAriaLabel={filteringClearAriaLabel}\n filteringType={filteringType}\n placeholder={filteringPlaceholder}\n ariaLabel={filteringAriaLabel}\n ariaRequired={ariaRequired}\n value={filteringValue}\n {...multiselectProps.getFilterProps()}\n />\n );\n\n const trigger = (\n <Trigger\n placeholder={placeholder}\n disabled={disabled}\n readOnly={readOnly}\n triggerProps={multiselectProps.getTriggerProps(disabled, autoFocus)}\n selectedOption={null}\n selectedOptions={selectedOptions}\n triggerVariant={inlineTokens ? 'tokens' : 'placeholder'}\n isOpen={multiselectProps.isOpen}\n inlineLabelText={inlineLabelText}\n {...formFieldContext}\n controlId={controlId}\n ariaLabelledby={joinStrings(formFieldContext.ariaLabelledby, ariaLabelId)}\n />\n );\n\n const tokens: Array<ExtendedToken> = selectedOptions.map(option => ({\n label: option.label,\n disabled,\n labelTag: option.labelTag,\n description: option.description,\n iconAlt: option.iconAlt,\n iconName: option.iconName,\n iconUrl: option.iconUrl,\n iconSvg: option.iconSvg,\n tags: option.tags,\n dismissLabel: i18n('deselectAriaLabel', deselectAriaLabel?.(option), format =>\n format({ option__label: option.label ?? '' })\n ),\n _readOnly: !!option.disabled,\n }));\n\n const ListComponent = virtualScroll ? VirtualList : PlainList;\n\n const showTokens = !hideTokens && !inlineTokens && tokens.length > 0;\n\n const tokenGroupI18nStrings: TokenGroupProps.I18nStrings = {\n limitShowFewer: i18nStrings?.tokenLimitShowFewer,\n limitShowMore: i18nStrings?.tokenLimitShowMore,\n };\n\n const dropdownStatus = multiselectProps.dropdownStatus;\n const dropdownProps = multiselectProps.getDropdownProps();\n const hasFilteredOptions = multiselectProps.filteredOptions.length > 0;\n\n const hasOptions = useRef(options.length > 0);\n hasOptions.current = hasOptions.current \|\| options.length > 0;\n\n return (\n <div\n {...baseProps}\n ref={__internalRootRef}\n className={clsx(styles.root, baseProps.className)}\n {...multiselectProps.getWrapperProps()}\n >\n <Dropdown\n {...dropdownProps}\n ariaLabelledby={dropdownProps.ariaRole ? joinStrings(ariaLabelId, controlId) : undefined}\n ariaDescribedby={dropdownProps.ariaRole ? (dropdownStatus.content ? footerId : undefined) : undefined}\n open={multiselectProps.isOpen}\n minWidth={expandToViewport ? undefined : 'trigger'}\n maxWidth={getBreakpointValue('xxs')} // AWSUI-19898\n trigger={trigger}\n header={filter}\n footer={\n dropdownStatus.isSticky ? (\n <DropdownFooter content={multiselectProps.isOpen ? dropdownStatus.content : null} id={footerId} />\n ) : null\n }\n expandToViewport={expandToViewport}\n // Forces dropdown position recalculation when new options are loaded\n contentKey={hasOptions.current.toString()}\n content={\n <ListComponent\n renderOption={renderOption}\n listBottom={\n !dropdownStatus.isSticky ? (\n <DropdownFooter content={multiselectProps.isOpen ? dropdownStatus.content : null} id={footerId} />\n ) : null\n }\n menuProps={multiselectProps.getMenuProps()}\n getOptionProps={multiselectProps.getOptionProps}\n filteredOptions={multiselectProps.filteredOptions}\n filteringValue={filteringValue}\n ref={multiselectProps.scrollToIndex}\n hasDropdownStatus={dropdownStatus.content !== null}\n checkboxes={true}\n useInteractiveGroups={true}\n screenReaderContent={multiselectProps.announcement}\n highlightType={multiselectProps.highlightType}\n firstOptionSticky={hasFilteredOptions && enableSelectAll}\n isMultiSelect={true}\n />\n }\n />\n\n {showTokens && (\n <InternalTokenGroup\n {...multiselectProps.getTokenProps()}\n className={styles.tokens}\n alignment=\"horizontal\"\n limit={tokenLimit}\n items={tokens}\n i18nStrings={tokenGroupI18nStrings}\n limitShowMoreAriaLabel={tokenLimitShowMoreAriaLabel}\n limitShowFewerAriaLabel={tokenLimitShowFewerAriaLabel}\n disableOuterPadding={true}\n readOnly={readOnly}\n isItemReadOnly={item => (item as ExtendedToken)._readOnly}\n />\n )}\n\n <ScreenreaderOnly id={ariaLabelId}>{ariaLabel \|\| inlineLabelText}</ScreenreaderOnly>\n </div>\n );\n }\n);\n\nexport default InternalMultiselect;\n"]}