npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.961 → 3.0.963 - Mend

@cloudscape-design/components-themeable 3.0.961 → 3.0.963

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 (599) 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_na7kp_145:not(#\9) {
+.awsui_link_4c84z_1x9wg_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -166,18 +166,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   visibility: visible;
   white-space: normal;
   word-spacing: normal;
-  font-size: var(--font-size-body-m-6wxxs5, 14px);
-  line-height: var(--line-height-body-m-gw0130, 22px);
-  color: var(--color-text-body-default-agk00h, #16191f);
+  font-size: var(--font-size-body-m-vv54cm, 14px);
+  line-height: var(--line-height-body-m-bedeoh, 22px);
+  color: var(--color-text-body-default-1tki40, #16191f);
   font-weight: 400;
-  font-family: var(--font-family-base-pxn2ad, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-8x5ngf, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
   display: inline;
   white-space: inherit;
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
-  color: var(--color-text-link-default-8s05yu, #0073bb);
+  color: var(--color-text-link-default-kjmmv0, #0073bb);
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: none;
@@ -185,36 +185,36 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-property: color, -webkit-text-decoration;
   transition-property: color, text-decoration;
   transition-property: color, text-decoration, -webkit-text-decoration;
-  transition-duration: var(--motion-duration-refresh-only-medium-kd6k1u, 0ms);
+  transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_na7kp_145:not(#\9) {
+  .awsui_link_4c84z_1x9wg_145:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_na7kp_145:not(#\9), .awsui-mode-entering .awsui_link_4c84z_na7kp_145:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1x9wg_145:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1x9wg_145:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_na7kp_145:not(#\9):hover {
+.awsui_link_4c84z_1x9wg_145:not(#\9):hover {
   cursor: pointer;
-  color: var(--color-text-link-hover-jvu4dp, #0a4a74);
+  color: var(--color-text-link-hover-05b2tl, #0a4a74);
 }
-.awsui_link_4c84z_na7kp_145:not(#\9):focus {
+.awsui_link_4c84z_1x9wg_145:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_na7kp_145:not(#\9):active {
-  color: var(--color-text-link-hover-jvu4dp, #0a4a74);
+.awsui_link_4c84z_1x9wg_145:not(#\9):active {
+  color: var(--color-text-link-hover-05b2tl, #0a4a74);
 }
-.awsui_link_4c84z_na7kp_145:not(#\9):active, .awsui_link_4c84z_na7kp_145:not(#\9):focus, .awsui_link_4c84z_na7kp_145:not(#\9):hover {
+.awsui_link_4c84z_1x9wg_145:not(#\9):active, .awsui_link_4c84z_1x9wg_145:not(#\9):focus, .awsui_link_4c84z_1x9wg_145:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_na7kp_145.awsui_variant-secondary_4c84z_na7kp_211:not(#\9) {
+.awsui_link_4c84z_1x9wg_145.awsui_variant-secondary_4c84z_1x9wg_211:not(#\9) {
   -webkit-font-smoothing: inherit;
   -moz-osx-font-smoothing: inherit;
-  color: var(--color-text-link-default-8s05yu, #0073bb);
+  color: var(--color-text-link-default-kjmmv0, #0073bb);
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: none;
@@ -222,34 +222,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-property: color, -webkit-text-decoration;
   transition-property: color, text-decoration;
   transition-property: color, text-decoration, -webkit-text-decoration;
-  transition-duration: var(--motion-duration-refresh-only-medium-kd6k1u, 0ms);
+  transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_na7kp_145.awsui_variant-secondary_4c84z_na7kp_211:not(#\9) {
+  .awsui_link_4c84z_1x9wg_145.awsui_variant-secondary_4c84z_1x9wg_211:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_na7kp_145.awsui_variant-secondary_4c84z_na7kp_211:not(#\9), .awsui-mode-entering .awsui_link_4c84z_na7kp_145.awsui_variant-secondary_4c84z_na7kp_211:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1x9wg_145.awsui_variant-secondary_4c84z_1x9wg_211:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1x9wg_145.awsui_variant-secondary_4c84z_1x9wg_211:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_na7kp_145.awsui_variant-secondary_4c84z_na7kp_211:not(#\9):hover {
+.awsui_link_4c84z_1x9wg_145.awsui_variant-secondary_4c84z_1x9wg_211:not(#\9):hover {
   cursor: pointer;
-  color: var(--color-text-link-hover-jvu4dp, #0a4a74);
+  color: var(--color-text-link-hover-05b2tl, #0a4a74);
 }
-.awsui_link_4c84z_na7kp_145.awsui_variant-secondary_4c84z_na7kp_211:not(#\9):focus {
+.awsui_link_4c84z_1x9wg_145.awsui_variant-secondary_4c84z_1x9wg_211:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_na7kp_145.awsui_variant-secondary_4c84z_na7kp_211:not(#\9):active {
-  color: var(--color-text-link-hover-jvu4dp, #0a4a74);
+.awsui_link_4c84z_1x9wg_145.awsui_variant-secondary_4c84z_1x9wg_211:not(#\9):active {
+  color: var(--color-text-link-hover-05b2tl, #0a4a74);
 }
-.awsui_link_4c84z_na7kp_145.awsui_variant-secondary_4c84z_na7kp_211:not(#\9):active, .awsui_link_4c84z_na7kp_145.awsui_variant-secondary_4c84z_na7kp_211:not(#\9):focus, .awsui_link_4c84z_na7kp_145.awsui_variant-secondary_4c84z_na7kp_211:not(#\9):hover {
+.awsui_link_4c84z_1x9wg_145.awsui_variant-secondary_4c84z_1x9wg_211:not(#\9):active, .awsui_link_4c84z_1x9wg_145.awsui_variant-secondary_4c84z_1x9wg_211:not(#\9):focus, .awsui_link_4c84z_1x9wg_145.awsui_variant-secondary_4c84z_1x9wg_211:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_na7kp_145.awsui_variant-primary_4c84z_na7kp_246:not(#\9) {
-  color: var(--color-text-link-default-8s05yu, #0073bb);
+.awsui_link_4c84z_1x9wg_145.awsui_variant-primary_4c84z_1x9wg_246:not(#\9) {
+  color: var(--color-text-link-default-kjmmv0, #0073bb);
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: underline;
@@ -257,36 +257,36 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-property: color, -webkit-text-decoration;
   transition-property: color, text-decoration;
   transition-property: color, text-decoration, -webkit-text-decoration;
-  transition-duration: var(--motion-duration-refresh-only-medium-kd6k1u, 0ms);
+  transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_na7kp_145.awsui_variant-primary_4c84z_na7kp_246:not(#\9) {
+  .awsui_link_4c84z_1x9wg_145.awsui_variant-primary_4c84z_1x9wg_246:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_na7kp_145.awsui_variant-primary_4c84z_na7kp_246:not(#\9), .awsui-mode-entering .awsui_link_4c84z_na7kp_145.awsui_variant-primary_4c84z_na7kp_246:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1x9wg_145.awsui_variant-primary_4c84z_1x9wg_246:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1x9wg_145.awsui_variant-primary_4c84z_1x9wg_246:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_na7kp_145.awsui_variant-primary_4c84z_na7kp_246:not(#\9):hover {
+.awsui_link_4c84z_1x9wg_145.awsui_variant-primary_4c84z_1x9wg_246:not(#\9):hover {
   cursor: pointer;
-  color: var(--color-text-link-hover-jvu4dp, #0a4a74);
+  color: var(--color-text-link-hover-05b2tl, #0a4a74);
 }
-.awsui_link_4c84z_na7kp_145.awsui_variant-primary_4c84z_na7kp_246:not(#\9):focus {
+.awsui_link_4c84z_1x9wg_145.awsui_variant-primary_4c84z_1x9wg_246:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_na7kp_145.awsui_variant-primary_4c84z_na7kp_246:not(#\9):active {
-  color: var(--color-text-link-hover-jvu4dp, #0a4a74);
+.awsui_link_4c84z_1x9wg_145.awsui_variant-primary_4c84z_1x9wg_246:not(#\9):active {
+  color: var(--color-text-link-hover-05b2tl, #0a4a74);
 }
-.awsui_link_4c84z_na7kp_145.awsui_variant-primary_4c84z_na7kp_246:not(#\9):active, .awsui_link_4c84z_na7kp_145.awsui_variant-primary_4c84z_na7kp_246:not(#\9):focus, .awsui_link_4c84z_na7kp_145.awsui_variant-primary_4c84z_na7kp_246:not(#\9):hover {
+.awsui_link_4c84z_1x9wg_145.awsui_variant-primary_4c84z_1x9wg_246:not(#\9):active, .awsui_link_4c84z_1x9wg_145.awsui_variant-primary_4c84z_1x9wg_246:not(#\9):focus, .awsui_link_4c84z_1x9wg_145.awsui_variant-primary_4c84z_1x9wg_246:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_na7kp_145.awsui_variant-info_4c84z_na7kp_279:not(#\9) {
-  -webkit-font-smoothing: var(--font-smoothing-webkit-trr1e8, auto);
-  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hyxkxc, auto);
-  color: var(--color-text-link-default-8s05yu, #0073bb);
+.awsui_link_4c84z_1x9wg_145.awsui_variant-info_4c84z_1x9wg_279:not(#\9) {
+  -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
+  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
+  color: var(--color-text-link-default-kjmmv0, #0073bb);
   font-weight: 700;
   letter-spacing: 0.005em;
   text-decoration-line: none;
@@ -294,68 +294,68 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-property: color, -webkit-text-decoration;
   transition-property: color, text-decoration;
   transition-property: color, text-decoration, -webkit-text-decoration;
-  transition-duration: var(--motion-duration-refresh-only-medium-kd6k1u, 0ms);
+  transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_na7kp_145.awsui_variant-info_4c84z_na7kp_279:not(#\9) {
+  .awsui_link_4c84z_1x9wg_145.awsui_variant-info_4c84z_1x9wg_279:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_na7kp_145.awsui_variant-info_4c84z_na7kp_279:not(#\9), .awsui-mode-entering .awsui_link_4c84z_na7kp_145.awsui_variant-info_4c84z_na7kp_279:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1x9wg_145.awsui_variant-info_4c84z_1x9wg_279:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1x9wg_145.awsui_variant-info_4c84z_1x9wg_279:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_na7kp_145.awsui_variant-info_4c84z_na7kp_279:not(#\9):hover {
+.awsui_link_4c84z_1x9wg_145.awsui_variant-info_4c84z_1x9wg_279:not(#\9):hover {
   cursor: pointer;
-  color: var(--color-text-link-hover-jvu4dp, #0a4a74);
+  color: var(--color-text-link-hover-05b2tl, #0a4a74);
 }
-.awsui_link_4c84z_na7kp_145.awsui_variant-info_4c84z_na7kp_279:not(#\9):focus {
+.awsui_link_4c84z_1x9wg_145.awsui_variant-info_4c84z_1x9wg_279:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_na7kp_145.awsui_variant-info_4c84z_na7kp_279:not(#\9):active {
-  color: var(--color-text-link-hover-jvu4dp, #0a4a74);
+.awsui_link_4c84z_1x9wg_145.awsui_variant-info_4c84z_1x9wg_279:not(#\9):active {
+  color: var(--color-text-link-hover-05b2tl, #0a4a74);
 }
-.awsui_link_4c84z_na7kp_145.awsui_variant-info_4c84z_na7kp_279:not(#\9):active, .awsui_link_4c84z_na7kp_145.awsui_variant-info_4c84z_na7kp_279:not(#\9):focus, .awsui_link_4c84z_na7kp_145.awsui_variant-info_4c84z_na7kp_279:not(#\9):hover {
+.awsui_link_4c84z_1x9wg_145.awsui_variant-info_4c84z_1x9wg_279:not(#\9):active, .awsui_link_4c84z_1x9wg_145.awsui_variant-info_4c84z_1x9wg_279:not(#\9):focus, .awsui_link_4c84z_1x9wg_145.awsui_variant-info_4c84z_1x9wg_279:not(#\9):hover {
   text-decoration-line: underline;
-  text-decoration-color: var(--color-text-link-button-underline-hover-9rgjgz, currentColor);
+  text-decoration-color: var(--color-text-link-button-underline-hover-s0fj6r, currentColor);
 }
-.awsui_link_4c84z_na7kp_145.awsui_variant-value-large_4c84z_na7kp_314:not(#\9) {
-  color: var(--color-text-link-default-8s05yu, #0073bb);
-  font-weight: var(--font-box-value-large-weight-sx9gnf, 300);
+.awsui_link_4c84z_1x9wg_145.awsui_variant-value-large_4c84z_1x9wg_314:not(#\9) {
+  color: var(--color-text-link-default-kjmmv0, #0073bb);
+  font-weight: var(--font-box-value-large-weight-zc1blz, 300);
   text-decoration-line: underline;
   text-decoration-color: currentColor;
   transition-property: color, -webkit-text-decoration;
   transition-property: color, text-decoration;
   transition-property: color, text-decoration, -webkit-text-decoration;
-  transition-duration: var(--motion-duration-refresh-only-medium-kd6k1u, 0ms);
+  transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_na7kp_145.awsui_variant-value-large_4c84z_na7kp_314:not(#\9) {
+  .awsui_link_4c84z_1x9wg_145.awsui_variant-value-large_4c84z_1x9wg_314:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_na7kp_145.awsui_variant-value-large_4c84z_na7kp_314:not(#\9), .awsui-mode-entering .awsui_link_4c84z_na7kp_145.awsui_variant-value-large_4c84z_na7kp_314:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1x9wg_145.awsui_variant-value-large_4c84z_1x9wg_314:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1x9wg_145.awsui_variant-value-large_4c84z_1x9wg_314:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_na7kp_145.awsui_variant-value-large_4c84z_na7kp_314:not(#\9):hover {
+.awsui_link_4c84z_1x9wg_145.awsui_variant-value-large_4c84z_1x9wg_314:not(#\9):hover {
   cursor: pointer;
-  color: var(--color-text-link-hover-jvu4dp, #0a4a74);
+  color: var(--color-text-link-hover-05b2tl, #0a4a74);
 }
-.awsui_link_4c84z_na7kp_145.awsui_variant-value-large_4c84z_na7kp_314:not(#\9):focus {
+.awsui_link_4c84z_1x9wg_145.awsui_variant-value-large_4c84z_1x9wg_314:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_na7kp_145.awsui_variant-value-large_4c84z_na7kp_314:not(#\9):active {
-  color: var(--color-text-link-hover-jvu4dp, #0a4a74);
+.awsui_link_4c84z_1x9wg_145.awsui_variant-value-large_4c84z_1x9wg_314:not(#\9):active {
+  color: var(--color-text-link-hover-05b2tl, #0a4a74);
 }
-.awsui_link_4c84z_na7kp_145.awsui_variant-value-large_4c84z_na7kp_314:not(#\9):active, .awsui_link_4c84z_na7kp_145.awsui_variant-value-large_4c84z_na7kp_314:not(#\9):focus, .awsui_link_4c84z_na7kp_145.awsui_variant-value-large_4c84z_na7kp_314:not(#\9):hover {
+.awsui_link_4c84z_1x9wg_145.awsui_variant-value-large_4c84z_1x9wg_314:not(#\9):active, .awsui_link_4c84z_1x9wg_145.awsui_variant-value-large_4c84z_1x9wg_314:not(#\9):focus, .awsui_link_4c84z_1x9wg_145.awsui_variant-value-large_4c84z_1x9wg_314:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_na7kp_145.awsui_variant-top-navigation_4c84z_na7kp_346:not(#\9) {
-  color: var(--color-text-interactive-default-t1snbz, #545b64);
+.awsui_link_4c84z_1x9wg_145.awsui_variant-top-navigation_4c84z_1x9wg_346:not(#\9) {
+  color: var(--color-text-interactive-default-mf3cev, #545b64);
   font-weight: 700;
   letter-spacing: 0.005em;
   text-decoration-line: none;
@@ -363,180 +363,180 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-property: color, -webkit-text-decoration;
   transition-property: color, text-decoration;
   transition-property: color, text-decoration, -webkit-text-decoration;
-  transition-duration: var(--motion-duration-refresh-only-medium-kd6k1u, 0ms);
+  transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_na7kp_145.awsui_variant-top-navigation_4c84z_na7kp_346:not(#\9) {
+  .awsui_link_4c84z_1x9wg_145.awsui_variant-top-navigation_4c84z_1x9wg_346:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_na7kp_145.awsui_variant-top-navigation_4c84z_na7kp_346:not(#\9), .awsui-mode-entering .awsui_link_4c84z_na7kp_145.awsui_variant-top-navigation_4c84z_na7kp_346:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1x9wg_145.awsui_variant-top-navigation_4c84z_1x9wg_346:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1x9wg_145.awsui_variant-top-navigation_4c84z_1x9wg_346:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_na7kp_145.awsui_variant-top-navigation_4c84z_na7kp_346:not(#\9):hover {
+.awsui_link_4c84z_1x9wg_145.awsui_variant-top-navigation_4c84z_1x9wg_346:not(#\9):hover {
   cursor: pointer;
-  color: var(--color-text-interactive-hover-kxltdh, #16191f);
+  color: var(--color-text-interactive-hover-kceoak, #16191f);
 }
-.awsui_link_4c84z_na7kp_145.awsui_variant-top-navigation_4c84z_na7kp_346:not(#\9):focus {
+.awsui_link_4c84z_1x9wg_145.awsui_variant-top-navigation_4c84z_1x9wg_346:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_na7kp_145.awsui_variant-top-navigation_4c84z_na7kp_346:not(#\9):active {
-  color: var(--color-text-interactive-active-xcqmut, #16191f);
+.awsui_link_4c84z_1x9wg_145.awsui_variant-top-navigation_4c84z_1x9wg_346:not(#\9):active {
+  color: var(--color-text-interactive-active-8tdg02, #16191f);
 }
-.awsui_link_4c84z_na7kp_145.awsui_variant-top-navigation_4c84z_na7kp_346:not(#\9):active, .awsui_link_4c84z_na7kp_145.awsui_variant-top-navigation_4c84z_na7kp_346:not(#\9):focus, .awsui_link_4c84z_na7kp_145.awsui_variant-top-navigation_4c84z_na7kp_346:not(#\9):hover {
+.awsui_link_4c84z_1x9wg_145.awsui_variant-top-navigation_4c84z_1x9wg_346:not(#\9):active, .awsui_link_4c84z_1x9wg_145.awsui_variant-top-navigation_4c84z_1x9wg_346:not(#\9):focus, .awsui_link_4c84z_1x9wg_145.awsui_variant-top-navigation_4c84z_1x9wg_346:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: transparent;
 }
-.awsui_link_4c84z_na7kp_145.awsui_variant-recovery_4c84z_na7kp_379:not(#\9) {
-  color: var(--color-text-link-default-8s05yu, #0073bb);
-  font-weight: var(--font-link-button-weight-ww83l7, 400);
-  letter-spacing: var(--font-link-button-letter-spacing-9bbd1q, normal);
+.awsui_link_4c84z_1x9wg_145.awsui_variant-recovery_4c84z_1x9wg_379:not(#\9) {
+  color: var(--color-text-link-default-kjmmv0, #0073bb);
+  font-weight: var(--font-link-button-weight-bnpz8h, 400);
+  letter-spacing: var(--font-link-button-letter-spacing-yobz7z, normal);
   text-decoration-line: underline;
-  text-decoration-color: var(--color-text-link-button-underline-6kk7z5, currentColor);
+  text-decoration-color: var(--color-text-link-button-underline-oppwik, currentColor);
   transition-property: color, -webkit-text-decoration;
   transition-property: color, text-decoration;
   transition-property: color, text-decoration, -webkit-text-decoration;
-  transition-duration: var(--motion-duration-refresh-only-medium-kd6k1u, 0ms);
+  transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_na7kp_145.awsui_variant-recovery_4c84z_na7kp_379:not(#\9) {
+  .awsui_link_4c84z_1x9wg_145.awsui_variant-recovery_4c84z_1x9wg_379:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_na7kp_145.awsui_variant-recovery_4c84z_na7kp_379:not(#\9), .awsui-mode-entering .awsui_link_4c84z_na7kp_145.awsui_variant-recovery_4c84z_na7kp_379:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1x9wg_145.awsui_variant-recovery_4c84z_1x9wg_379:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1x9wg_145.awsui_variant-recovery_4c84z_1x9wg_379:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_na7kp_145.awsui_variant-recovery_4c84z_na7kp_379:not(#\9):hover {
+.awsui_link_4c84z_1x9wg_145.awsui_variant-recovery_4c84z_1x9wg_379:not(#\9):hover {
   cursor: pointer;
-  color: var(--color-text-link-hover-jvu4dp, #0a4a74);
+  color: var(--color-text-link-hover-05b2tl, #0a4a74);
 }
-.awsui_link_4c84z_na7kp_145.awsui_variant-recovery_4c84z_na7kp_379:not(#\9):focus {
+.awsui_link_4c84z_1x9wg_145.awsui_variant-recovery_4c84z_1x9wg_379:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_na7kp_145.awsui_variant-recovery_4c84z_na7kp_379:not(#\9):active {
-  color: var(--color-text-link-hover-jvu4dp, #0a4a74);
+.awsui_link_4c84z_1x9wg_145.awsui_variant-recovery_4c84z_1x9wg_379:not(#\9):active {
+  color: var(--color-text-link-hover-05b2tl, #0a4a74);
 }
-.awsui_link_4c84z_na7kp_145.awsui_variant-recovery_4c84z_na7kp_379:not(#\9):active, .awsui_link_4c84z_na7kp_145.awsui_variant-recovery_4c84z_na7kp_379:not(#\9):focus, .awsui_link_4c84z_na7kp_145.awsui_variant-recovery_4c84z_na7kp_379:not(#\9):hover {
+.awsui_link_4c84z_1x9wg_145.awsui_variant-recovery_4c84z_1x9wg_379:not(#\9):active, .awsui_link_4c84z_1x9wg_145.awsui_variant-recovery_4c84z_1x9wg_379:not(#\9):focus, .awsui_link_4c84z_1x9wg_145.awsui_variant-recovery_4c84z_1x9wg_379:not(#\9):hover {
   text-decoration-line: underline;
-  text-decoration-color: var(--color-text-link-button-underline-hover-9rgjgz, currentColor);
+  text-decoration-color: var(--color-text-link-button-underline-hover-s0fj6r, currentColor);
 }
-.awsui_link_4c84z_na7kp_145.awsui_button_4c84z_na7kp_412:not(#\9) {
-  -webkit-font-smoothing: var(--font-smoothing-webkit-trr1e8, auto);
-  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hyxkxc, auto);
-  color: var(--color-text-link-button-normal-default-8bpyvm, #545b64);
+.awsui_link_4c84z_1x9wg_145.awsui_button_4c84z_1x9wg_412:not(#\9) {
+  -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
+  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
+  color: var(--color-text-link-button-normal-default-7njzn7, #545b64);
   font-weight: 700;
-  letter-spacing: var(--font-button-letter-spacing-47n0nr, 0.25px);
+  letter-spacing: var(--font-button-letter-spacing-9h7rbb, 0.25px);
   text-decoration-line: none;
   text-decoration-color: transparent;
   transition-property: color, -webkit-text-decoration;
   transition-property: color, text-decoration;
   transition-property: color, text-decoration, -webkit-text-decoration;
-  transition-duration: var(--motion-duration-refresh-only-medium-kd6k1u, 0ms);
+  transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_na7kp_145.awsui_button_4c84z_na7kp_412:not(#\9) {
+  .awsui_link_4c84z_1x9wg_145.awsui_button_4c84z_1x9wg_412:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_na7kp_145.awsui_button_4c84z_na7kp_412:not(#\9), .awsui-mode-entering .awsui_link_4c84z_na7kp_145.awsui_button_4c84z_na7kp_412:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1x9wg_145.awsui_button_4c84z_1x9wg_412:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1x9wg_145.awsui_button_4c84z_1x9wg_412:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_na7kp_145.awsui_button_4c84z_na7kp_412:not(#\9):hover {
+.awsui_link_4c84z_1x9wg_145.awsui_button_4c84z_1x9wg_412:not(#\9):hover {
   cursor: pointer;
-  color: var(--color-text-link-button-normal-hover-mufr35, #16191f);
+  color: var(--color-text-link-button-normal-hover-1v61nm, #16191f);
 }
-.awsui_link_4c84z_na7kp_145.awsui_button_4c84z_na7kp_412:not(#\9):focus {
+.awsui_link_4c84z_1x9wg_145.awsui_button_4c84z_1x9wg_412:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_na7kp_145.awsui_button_4c84z_na7kp_412:not(#\9):active {
-  color: var(--color-text-link-button-normal-active-qa6axb, #16191f);
+.awsui_link_4c84z_1x9wg_145.awsui_button_4c84z_1x9wg_412:not(#\9):active {
+  color: var(--color-text-link-button-normal-active-4k7lx5, #16191f);
 }
-.awsui_link_4c84z_na7kp_145.awsui_button_4c84z_na7kp_412:not(#\9):active, .awsui_link_4c84z_na7kp_145.awsui_button_4c84z_na7kp_412:not(#\9):focus, .awsui_link_4c84z_na7kp_145.awsui_button_4c84z_na7kp_412:not(#\9):hover {
+.awsui_link_4c84z_1x9wg_145.awsui_button_4c84z_1x9wg_412:not(#\9):active, .awsui_link_4c84z_1x9wg_145.awsui_button_4c84z_1x9wg_412:not(#\9):focus, .awsui_link_4c84z_1x9wg_145.awsui_button_4c84z_1x9wg_412:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: transparent;
 }
-.awsui_link_4c84z_na7kp_145.awsui_color-inverted_4c84z_na7kp_447:not(#\9) {
-  color: var(--color-text-notification-default-iisqj9, #fafafa);
+.awsui_link_4c84z_1x9wg_145.awsui_color-inverted_4c84z_1x9wg_447:not(#\9) {
+  color: var(--color-text-notification-default-fmebm4, #fafafa);
 }
-.awsui_link_4c84z_na7kp_145.awsui_color-inverted_4c84z_na7kp_447:not(#\9):not(.awsui_button_4c84z_na7kp_412) {
+.awsui_link_4c84z_1x9wg_145.awsui_color-inverted_4c84z_1x9wg_447:not(#\9):not(.awsui_button_4c84z_1x9wg_412) {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_na7kp_145.awsui_color-inverted_4c84z_na7kp_447:not(#\9):hover {
-  color: var(--color-text-link-inverted-hover-7na5ek, #fafafa);
+.awsui_link_4c84z_1x9wg_145.awsui_color-inverted_4c84z_1x9wg_447:not(#\9):hover {
+  color: var(--color-text-link-inverted-hover-7jk1d1, #fafafa);
 }
-body[data-awsui-focus-visible=true] .awsui_link_4c84z_na7kp_145:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_link_4c84z_1x9wg_145:not(#\9):focus {
   outline: thin dotted;
-  outline: var(--border-link-focus-ring-outline-bptw2p, 5px auto Highlight);
+  outline: var(--border-link-focus-ring-outline-c5423y, 5px auto Highlight);
   outline-offset: 2px;
-  outline-color: var(--color-border-item-focused-q68bgg, #0073bb);
-  border-start-start-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
-  border-start-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
-  border-end-start-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
-  border-end-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
-  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-yrkso1, 0px) var(--color-border-item-focused-q68bgg, #0073bb);
-}
-.awsui_link_4c84z_na7kp_145.awsui_font-size-body-s_4c84z_na7kp_468:not(#\9) {
-  font-size: var(--font-size-body-s-4dzx5q, 12px);
-  line-height: var(--line-height-body-s-egzl4q, 16px);
-  letter-spacing: var(--letter-spacing-body-s-cbaxyl, normal);
+  outline-color: var(--color-border-item-focused-vx5mpq, #0073bb);
+  border-start-start-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
+  border-start-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
+  border-end-start-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
+  border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
+  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-woh62o, 0px) var(--color-border-item-focused-vx5mpq, #0073bb);
+}
+.awsui_link_4c84z_1x9wg_145.awsui_font-size-body-s_4c84z_1x9wg_468: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_na7kp_145.awsui_font-size-body-m_4c84z_na7kp_475:not(#\9) {
-  font-size: var(--font-size-body-m-6wxxs5, 14px);
-  line-height: var(--line-height-body-m-gw0130, 22px);
+.awsui_link_4c84z_1x9wg_145.awsui_font-size-body-m_4c84z_1x9wg_475: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_na7kp_145.awsui_font-size-heading-xs_4c84z_na7kp_481:not(#\9) {
-  font-size: var(--font-size-heading-xs-grnyyg, 16px);
-  line-height: var(--line-height-heading-xs-funjxm, 20px);
+.awsui_link_4c84z_1x9wg_145.awsui_font-size-heading-xs_4c84z_1x9wg_481: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_na7kp_145.awsui_font-size-heading-s_4c84z_na7kp_487:not(#\9) {
-  font-size: var(--font-size-heading-s-1xsp6b, 16px);
-  line-height: var(--line-height-heading-s-av19j1, 20px);
-  letter-spacing: var(--letter-spacing-heading-s-zr7975, normal);
+.awsui_link_4c84z_1x9wg_145.awsui_font-size-heading-s_4c84z_1x9wg_487: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_na7kp_145.awsui_font-size-heading-m_4c84z_na7kp_494:not(#\9) {
-  font-size: var(--font-size-heading-m-abxcoe, 18px);
-  line-height: var(--line-height-heading-m-v86qsm, 22px);
-  letter-spacing: var(--letter-spacing-heading-m-790tuq, normal);
+.awsui_link_4c84z_1x9wg_145.awsui_font-size-heading-m_4c84z_1x9wg_494: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_na7kp_145.awsui_font-size-heading-l_4c84z_na7kp_501:not(#\9) {
-  font-size: var(--font-size-heading-l-51gng7, 18px);
-  line-height: var(--line-height-heading-l-643aq3, 22px);
-  letter-spacing: var(--letter-spacing-heading-l-ty6arx, normal);
+.awsui_link_4c84z_1x9wg_145.awsui_font-size-heading-l_4c84z_1x9wg_501: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_na7kp_145.awsui_font-size-heading-xl_4c84z_na7kp_508:not(#\9) {
-  font-size: var(--font-size-heading-xl-93wrkf, 28px);
-  line-height: var(--line-height-heading-xl-66u22x, 36px);
-  letter-spacing: var(--letter-spacing-heading-xl-oxckqz, normal);
+.awsui_link_4c84z_1x9wg_145.awsui_font-size-heading-xl_4c84z_1x9wg_508: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_na7kp_145.awsui_font-size-display-l_4c84z_na7kp_515:not(#\9) {
-  font-size: var(--font-size-display-l-oyl2ul, 44px);
-  line-height: var(--line-height-display-l-cdad2p, 56px);
-  letter-spacing: var(--letter-spacing-display-l-rml65p, normal);
+.awsui_link_4c84z_1x9wg_145.awsui_font-size-display-l_4c84z_1x9wg_515: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_na7kp_145.awsui_font-size-inherit_4c84z_na7kp_522:not(#\9) {
+.awsui_link_4c84z_1x9wg_145.awsui_font-size-inherit_4c84z_1x9wg_522:not(#\9) {
   font-size: inherit;
   line-height: inherit;
   letter-spacing: inherit;
@@ -544,10 +544,10 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_na7kp_145:not(#\9):focus {
   text-decoration-thickness: 1px;
 }
-.awsui_icon-wrapper_4c84z_na7kp_530:not(#\9) {
+.awsui_icon-wrapper_4c84z_1x9wg_530:not(#\9) {
   white-space: nowrap;
 }
-.awsui_icon_4c84z_na7kp_530:not(#\9) {
+.awsui_icon_4c84z_1x9wg_530: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_na7kp_145",
-  "variant-secondary": "awsui_variant-secondary_4c84z_na7kp_211",
-  "variant-primary": "awsui_variant-primary_4c84z_na7kp_246",
-  "variant-info": "awsui_variant-info_4c84z_na7kp_279",
-  "variant-value-large": "awsui_variant-value-large_4c84z_na7kp_314",
-  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_na7kp_346",
-  "variant-recovery": "awsui_variant-recovery_4c84z_na7kp_379",
-  "button": "awsui_button_4c84z_na7kp_412",
-  "color-inverted": "awsui_color-inverted_4c84z_na7kp_447",
-  "font-size-body-s": "awsui_font-size-body-s_4c84z_na7kp_468",
-  "font-size-body-m": "awsui_font-size-body-m_4c84z_na7kp_475",
-  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_na7kp_481",
-  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_na7kp_487",
-  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_na7kp_494",
-  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_na7kp_501",
-  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_na7kp_508",
-  "font-size-display-l": "awsui_font-size-display-l_4c84z_na7kp_515",
-  "font-size-inherit": "awsui_font-size-inherit_4c84z_na7kp_522",
-  "icon-wrapper": "awsui_icon-wrapper_4c84z_na7kp_530",
-  "icon": "awsui_icon_4c84z_na7kp_530"
+  "link": "awsui_link_4c84z_1x9wg_145",
+  "variant-secondary": "awsui_variant-secondary_4c84z_1x9wg_211",
+  "variant-primary": "awsui_variant-primary_4c84z_1x9wg_246",
+  "variant-info": "awsui_variant-info_4c84z_1x9wg_279",
+  "variant-value-large": "awsui_variant-value-large_4c84z_1x9wg_314",
+  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1x9wg_346",
+  "variant-recovery": "awsui_variant-recovery_4c84z_1x9wg_379",
+  "button": "awsui_button_4c84z_1x9wg_412",
+  "color-inverted": "awsui_color-inverted_4c84z_1x9wg_447",
+  "font-size-body-s": "awsui_font-size-body-s_4c84z_1x9wg_468",
+  "font-size-body-m": "awsui_font-size-body-m_4c84z_1x9wg_475",
+  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1x9wg_481",
+  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1x9wg_487",
+  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1x9wg_494",
+  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1x9wg_501",
+  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1x9wg_508",
+  "font-size-display-l": "awsui_font-size-display-l_4c84z_1x9wg_515",
+  "font-size-inherit": "awsui_font-size-inherit_4c84z_1x9wg_522",
+  "icon-wrapper": "awsui_icon-wrapper_4c84z_1x9wg_530",
+  "icon": "awsui_icon_4c84z_1x9wg_530"
 };

package/lib/internal/template/mixed-line-bar-chart/chart-legend.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"chart-legend.d.ts","sourceRoot":"","sources":["../../../src/mixed-line-bar-chart/chart-legend.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;~~AAIvC~~,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAG3F,UAAU,wBAAwB,CAAC,CAAC,SAAS,cAAc;IACzD,MAAM,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9C,aAAa,EAAE,aAAa,CAAC,sBAAsB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IACpE,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAClD,iBAAiB,CAAC,EAAE,sBAAsB,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IACjE,iBAAiB,EAAE,CAAC,MAAM,EAAE,sBAAsB,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IAClF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,IAAI,EAAE,EAC5E,MAAM,EACN,aAAa,EACb,iBAAiB,EACjB,iBAAiB,EACjB,WAAW,EACX,SAAS,EACT,gBAAgB,GACjB,EAAE,wBAAwB,CAAC,CAAC,CAAC,~~eAsB7B~~"}
1	+ {"version":3,"file":"chart-legend.d.ts","sourceRoot":"","sources":["../../../src/mixed-line-bar-chart/chart-legend.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAKvC,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAG3F,UAAU,wBAAwB,CAAC,CAAC,SAAS,cAAc;IACzD,MAAM,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9C,aAAa,EAAE,aAAa,CAAC,sBAAsB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IACpE,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAClD,iBAAiB,CAAC,EAAE,sBAAsB,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IACjE,iBAAiB,EAAE,CAAC,MAAM,EAAE,sBAAsB,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IAClF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,IAAI,EAAE,EAC5E,MAAM,EACN,aAAa,EACb,iBAAiB,EACjB,iBAAiB,EACjB,WAAW,EACX,SAAS,EACT,gBAAgB,GACjB,EAAE,wBAAwB,CAAC,CAAC,CAAC,eAqB7B"}

package/lib/internal/template/mixed-line-bar-chart/chart-legend.js CHANGED Viewed

@@ -2,6 +2,7 @@
 // SPDX-License-Identifier: Apache-2.0
 import React, { useMemo } from 'react';
 import ChartLegend from '../internal/components/chart-legend';
+import ChartSeriesMarker from '../internal/components/chart-series-marker';
 import { chartLegendMap } from './utils';
 export default function InternalChartLegend({ series, visibleSeries, highlightedSeries, onHighlightChange, legendTitle, ariaLabel, plotContainerRef, }) {
     const legendItems = useMemo(() => {
@@ -9,8 +10,7 @@ export default function InternalChartLegend({ series, visibleSeries, highlighted
             .filter(s => visibleSeries.indexOf(s.series) !== -1)
             .map(({ series, color }) => ({
             label: series.title,
-            type: chartLegendMap[series.type],
-            color,
+            marker: React.createElement(ChartSeriesMarker, { color: color, type: chartLegendMap[series.type] }),
             datum: series,
         }));
     }, [series, visibleSeries]);