@cloudscape-design/chart-components 1.0.33 → 1.0.35

package/internal/components/chart-legend/styles.scoped.css

@@ -12,7 +12,7 @@
 */
 /* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
-body[data-awsui-focus-visible=true] .awsui_focus-outline_1kjc7_1mq3w_15:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_focus-outline_1kjc7_16cox_15:not(#\9) {
   stroke: var(--color-border-item-focused-uk47pl, #006ce0);
 }
 
@@ -24,21 +24,21 @@ body[data-awsui-focus-visible=true] .awsui_focus-outline_1kjc7_1mq3w_15:not(#\9)
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_item_1kjc7_1mq3w_27:not(#\9) {
+.awsui_item_1kjc7_16cox_27:not(#\9) {
   transition: opacity 90ms linear;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_item_1kjc7_1mq3w_27:not(#\9) {
+  .awsui_item_1kjc7_16cox_27:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_item_1kjc7_1mq3w_27:not(#\9), .awsui-mode-entering .awsui_item_1kjc7_1mq3w_27:not(#\9) {
+.awsui-motion-disabled .awsui_item_1kjc7_16cox_27:not(#\9), .awsui-mode-entering .awsui_item_1kjc7_16cox_27:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_1kjc7_1mq3w_41:not(#\9) {
+.awsui_root_1kjc7_16cox_41:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -78,11 +78,11 @@ body[data-awsui-focus-visible=true] .awsui_focus-outline_1kjc7_1mq3w_15:not(#\9)
   inline-size: 100%;
   max-block-size: inherit;
 }
-.awsui_root_1kjc7_1mq3w_41:not(#\9):focus {
+.awsui_root_1kjc7_16cox_41:not(#\9):focus {
   outline: none;
 }
 
-.awsui_list_1kjc7_1mq3w_85:not(#\9) {
+.awsui_list_1kjc7_16cox_85:not(#\9) {
   display: flex;
   overflow-y: auto;
   list-style: none;
@@ -93,27 +93,27 @@ body[data-awsui-focus-visible=true] .awsui_focus-outline_1kjc7_1mq3w_15:not(#\9)
   margin-block-start: var(--space-scaled-xs-xwoogq, 8px);
 }
 
-.awsui_list-bottom_1kjc7_1mq3w_96:not(#\9) {
+.awsui_list-bottom_1kjc7_16cox_96:not(#\9) {
   flex-wrap: wrap;
-  gap: var(--space-scaled-xxs-pfm1nx, 4px) var(--space-static-m-m6qboo, 16px);
+  gap: var(--space-scaled-xxs-pfm1nx, 4px) var(--space-static-xl-4tedi6, 24px);
 }
-.awsui_list-bottom_1kjc7_1mq3w_96.awsui_list-bottom-start_1kjc7_1mq3w_100:not(#\9) {
+.awsui_list-bottom_1kjc7_16cox_96.awsui_list-bottom-start_1kjc7_16cox_100:not(#\9) {
   justify-content: start;
 }
-.awsui_list-bottom_1kjc7_1mq3w_96.awsui_list-bottom-center_1kjc7_1mq3w_103:not(#\9) {
+.awsui_list-bottom_1kjc7_16cox_96.awsui_list-bottom-center_1kjc7_16cox_103:not(#\9) {
   justify-content: center;
 }
-.awsui_list-bottom_1kjc7_1mq3w_96.awsui_list-bottom-end_1kjc7_1mq3w_106:not(#\9) {
+.awsui_list-bottom_1kjc7_16cox_96.awsui_list-bottom-end_1kjc7_16cox_106:not(#\9) {
   justify-content: end;
 }
 
-.awsui_list-side_1kjc7_1mq3w_110:not(#\9) {
+.awsui_list-side_1kjc7_16cox_110:not(#\9) {
   flex-wrap: nowrap;
   flex-direction: column;
   gap: var(--space-scaled-xxs-pfm1nx, 4px) var(--space-static-m-m6qboo, 16px);
 }
 
-.awsui_item_1kjc7_1mq3w_27:not(#\9) {
+.awsui_item_1kjc7_16cox_27:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -156,16 +156,16 @@ body[data-awsui-focus-visible=true] .awsui_focus-outline_1kjc7_1mq3w_15:not(#\9)
   opacity: 1;
   max-inline-size: 100%;
 }
-.awsui_item_1kjc7_1mq3w_27:not(#\9):focus {
+.awsui_item_1kjc7_16cox_27:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_item_1kjc7_1mq3w_27:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_item_1kjc7_16cox_27:not(#\9):focus {
   position: relative;
   box-sizing: border-box;
   outline: 2px dotted transparent;
   outline-offset: 1px;
 }
-body[data-awsui-focus-visible=true] .awsui_item_1kjc7_1mq3w_27:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_item_1kjc7_16cox_27:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -177,17 +177,17 @@ body[data-awsui-focus-visible=true] .awsui_item_1kjc7_1mq3w_27:not(#\9):focus::b
   border-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
   border: 2px solid var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_item_1kjc7_1mq3w_27.awsui_item--inactive_1kjc7_1mq3w_180:not(#\9) {
+.awsui_item_1kjc7_16cox_27.awsui_item--inactive_1kjc7_16cox_180:not(#\9) {
   color: var(--color-text-interactive-default-ugh9wp, #424650);
   text-decoration: line-through;
   text-decoration-thickness: 2px;
   text-decoration-color: var(--color-text-interactive-default-ugh9wp, #424650);
 }
-.awsui_item_1kjc7_1mq3w_27.awsui_item--dimmed_1kjc7_1mq3w_186:not(#\9) {
+.awsui_item_1kjc7_16cox_27.awsui_item--dimmed_1kjc7_16cox_186:not(#\9) {
   opacity: 0.35;
 }
 
-.awsui_item-label_1kjc7_1mq3w_190:not(#\9) {
+.awsui_item-label_1kjc7_16cox_190:not(#\9) {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -197,28 +197,28 @@ body[data-awsui-focus-visible=true] .awsui_item_1kjc7_1mq3w_27:not(#\9):focus::b
   -webkit-box-orient: vertical;
 }
 
-.awsui_actions_1kjc7_1mq3w_200:not(#\9) {
+.awsui_actions_1kjc7_16cox_200:not(#\9) {
   display: flex;
   align-items: center;
 }
 
-.awsui_actions-bottom_1kjc7_1mq3w_205:not(#\9) {
+.awsui_actions-bottom_1kjc7_16cox_205:not(#\9) {
   flex-direction: row;
 }
 
-.awsui_actions-side_1kjc7_1mq3w_209:not(#\9) {
+.awsui_actions-side_1kjc7_16cox_209:not(#\9) {
   flex-direction: column;
   align-items: flex-start;
 }
 
-.awsui_actions-divider-bottom_1kjc7_1mq3w_214:not(#\9) {
+.awsui_actions-divider-bottom_1kjc7_16cox_214:not(#\9) {
   inline-size: 1px;
   block-size: 80%;
   margin-inline: var(--space-scaled-xs-xwoogq, 8px);
   background: var(--color-border-divider-default-nr68jt, #c6c6cd);
 }
 
-.awsui_actions-divider-side_1kjc7_1mq3w_221:not(#\9) {
+.awsui_actions-divider-side_1kjc7_16cox_221:not(#\9) {
   display: block;
   border: 0;
   padding: 0;

package/internal/components/chart-legend/styles.selectors.js

@@ -2,22 +2,22 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "focus-outline": "awsui_focus-outline_1kjc7_1mq3w_15",
-  "item": "awsui_item_1kjc7_1mq3w_27",
-  "root": "awsui_root_1kjc7_1mq3w_41",
-  "list": "awsui_list_1kjc7_1mq3w_85",
-  "list-bottom": "awsui_list-bottom_1kjc7_1mq3w_96",
-  "list-bottom-start": "awsui_list-bottom-start_1kjc7_1mq3w_100",
-  "list-bottom-center": "awsui_list-bottom-center_1kjc7_1mq3w_103",
-  "list-bottom-end": "awsui_list-bottom-end_1kjc7_1mq3w_106",
-  "list-side": "awsui_list-side_1kjc7_1mq3w_110",
-  "item--inactive": "awsui_item--inactive_1kjc7_1mq3w_180",
-  "item--dimmed": "awsui_item--dimmed_1kjc7_1mq3w_186",
-  "item-label": "awsui_item-label_1kjc7_1mq3w_190",
-  "actions": "awsui_actions_1kjc7_1mq3w_200",
-  "actions-bottom": "awsui_actions-bottom_1kjc7_1mq3w_205",
-  "actions-side": "awsui_actions-side_1kjc7_1mq3w_209",
-  "actions-divider-bottom": "awsui_actions-divider-bottom_1kjc7_1mq3w_214",
-  "actions-divider-side": "awsui_actions-divider-side_1kjc7_1mq3w_221"
+  "focus-outline": "awsui_focus-outline_1kjc7_16cox_15",
+  "item": "awsui_item_1kjc7_16cox_27",
+  "root": "awsui_root_1kjc7_16cox_41",
+  "list": "awsui_list_1kjc7_16cox_85",
+  "list-bottom": "awsui_list-bottom_1kjc7_16cox_96",
+  "list-bottom-start": "awsui_list-bottom-start_1kjc7_16cox_100",
+  "list-bottom-center": "awsui_list-bottom-center_1kjc7_16cox_103",
+  "list-bottom-end": "awsui_list-bottom-end_1kjc7_16cox_106",
+  "list-side": "awsui_list-side_1kjc7_16cox_110",
+  "item--inactive": "awsui_item--inactive_1kjc7_16cox_180",
+  "item--dimmed": "awsui_item--dimmed_1kjc7_16cox_186",
+  "item-label": "awsui_item-label_1kjc7_16cox_190",
+  "actions": "awsui_actions_1kjc7_16cox_200",
+  "actions-bottom": "awsui_actions-bottom_1kjc7_16cox_205",
+  "actions-side": "awsui_actions-side_1kjc7_16cox_209",
+  "actions-divider-bottom": "awsui_actions-divider-bottom_1kjc7_16cox_214",
+  "actions-divider-side": "awsui_actions-divider-side_1kjc7_16cox_221"
 };
   

package/internal/components/series-details/styles.css.js

@@ -1,22 +1,23 @@
 
     import './styles.scoped.css';
     export default {
-  "focus-outline": "awsui_focus-outline_1no4y_g0z0r_15",
-  "marker": "awsui_marker_1no4y_g0z0r_27",
-  "value": "awsui_value_1no4y_g0z0r_65",
-  "expandable": "awsui_expandable_1no4y_g0z0r_69",
-  "list-item": "awsui_list-item_1no4y_g0z0r_73",
-  "inner-list-item": "awsui_inner-list-item_1no4y_g0z0r_74",
-  "key-value-pair": "awsui_key-value-pair_1no4y_g0z0r_80",
-  "expandable-section": "awsui_expandable-section_1no4y_g0z0r_81",
-  "key": "awsui_key_1no4y_g0z0r_80",
-  "sub-items": "awsui_sub-items_1no4y_g0z0r_96",
-  "list": "awsui_list_1no4y_g0z0r_73",
-  "dimmed": "awsui_dimmed_1no4y_g0z0r_115",
-  "compact": "awsui_compact_1no4y_g0z0r_119",
-  "with-sub-items": "awsui_with-sub-items_1no4y_g0z0r_124",
-  "description": "awsui_description_1no4y_g0z0r_129",
-  "full-width": "awsui_full-width_1no4y_g0z0r_138",
-  "highlight-indicator": "awsui_highlight-indicator_1no4y_g0z0r_142"
+  "focus-outline": "awsui_focus-outline_1no4y_iknky_15",
+  "marker": "awsui_marker_1no4y_iknky_27",
+  "visually-hidden": "awsui_visually-hidden_1no4y_iknky_64",
+  "value": "awsui_value_1no4y_iknky_70",
+  "expandable": "awsui_expandable_1no4y_iknky_74",
+  "list-item": "awsui_list-item_1no4y_iknky_78",
+  "inner-list-item": "awsui_inner-list-item_1no4y_iknky_79",
+  "key-value-pair": "awsui_key-value-pair_1no4y_iknky_85",
+  "expandable-section": "awsui_expandable-section_1no4y_iknky_86",
+  "key": "awsui_key_1no4y_iknky_85",
+  "sub-items": "awsui_sub-items_1no4y_iknky_101",
+  "list": "awsui_list_1no4y_iknky_78",
+  "dimmed": "awsui_dimmed_1no4y_iknky_120",
+  "compact": "awsui_compact_1no4y_iknky_124",
+  "with-sub-items": "awsui_with-sub-items_1no4y_iknky_129",
+  "description": "awsui_description_1no4y_iknky_134",
+  "full-width": "awsui_full-width_1no4y_iknky_143",
+  "highlight-indicator": "awsui_highlight-indicator_1no4y_iknky_147"
 };
   

package/internal/components/series-details/styles.scoped.css

@@ -12,7 +12,7 @@
 */
 /* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
-body[data-awsui-focus-visible=true] .awsui_focus-outline_1no4y_g0z0r_15:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_focus-outline_1no4y_iknky_15:not(#\9) {
   stroke: var(--color-border-item-focused-uk47pl, #006ce0);
 }
 
@@ -24,7 +24,7 @@ body[data-awsui-focus-visible=true] .awsui_focus-outline_1no4y_g0z0r_15:not(#\9)
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_marker_1no4y_g0z0r_27:not(#\9) {
+.awsui_marker_1no4y_iknky_27:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -51,59 +51,64 @@ body[data-awsui-focus-visible=true] .awsui_focus-outline_1no4y_g0z0r_15:not(#\9)
   white-space: normal;
   word-spacing: normal;
   margin-block-start: var(--space-static-xxxs-yidks1, 2px);
-  margin-inline-end: var(--space-static-xxs-ns94dp, 4px);
   border-start-start-radius: 2px;
   border-start-end-radius: 2px;
   border-end-start-radius: 2px;
   border-end-end-radius: 2px;
-  inline-size: 16px;
+  inline-size: 25px;
   block-size: 16px;
   flex-shrink: 0;
   cursor: inherit;
 }
 
-.awsui_value_1no4y_g0z0r_65:not(#\9) {
+.awsui_visually-hidden_1no4y_iknky_64:not(#\9) {
+  position: absolute !important;
+  inset-block-start: -9999px !important;
+  inset-inline-start: -9999px !important;
+}
+
+.awsui_value_1no4y_iknky_70:not(#\9) {
   text-align: end;
   margin-inline-start: var(--space-static-xxl-ifa9j8, 32px);
 }
-.awsui_value_1no4y_g0z0r_65.awsui_expandable_1no4y_g0z0r_69:not(#\9) {
+.awsui_value_1no4y_iknky_70.awsui_expandable_1no4y_iknky_74:not(#\9) {
   font-weight: var(--font-weight-heading-s-lcx0ai, 700);
 }
 
-.awsui_list-item_1no4y_g0z0r_73:not(#\9),
-.awsui_inner-list-item_1no4y_g0z0r_74:not(#\9) {
+.awsui_list-item_1no4y_iknky_78:not(#\9),
+.awsui_inner-list-item_1no4y_iknky_79:not(#\9) {
   list-style: none;
   position: relative;
 }
 
-.awsui_inner-list-item_1no4y_g0z0r_74:not(#\9),
-.awsui_list-item_1no4y_g0z0r_73 > .awsui_key-value-pair_1no4y_g0z0r_80:not(#\9),
-.awsui_list-item_1no4y_g0z0r_73 > .awsui_expandable-section_1no4y_g0z0r_81:not(#\9) {
+.awsui_inner-list-item_1no4y_iknky_79:not(#\9),
+.awsui_list-item_1no4y_iknky_78 > .awsui_key-value-pair_1no4y_iknky_85:not(#\9),
+.awsui_list-item_1no4y_iknky_78 > .awsui_expandable-section_1no4y_iknky_86:not(#\9) {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   inline-size: 100%;
 }
-.awsui_inner-list-item_1no4y_g0z0r_74 > .awsui_key_1no4y_g0z0r_80:not(#\9),
-.awsui_list-item_1no4y_g0z0r_73 > .awsui_key-value-pair_1no4y_g0z0r_80 > .awsui_key_1no4y_g0z0r_80:not(#\9),
-.awsui_list-item_1no4y_g0z0r_73 > .awsui_expandable-section_1no4y_g0z0r_81 > .awsui_key_1no4y_g0z0r_80:not(#\9) {
+.awsui_inner-list-item_1no4y_iknky_79 > .awsui_key_1no4y_iknky_85:not(#\9),
+.awsui_list-item_1no4y_iknky_78 > .awsui_key-value-pair_1no4y_iknky_85 > .awsui_key_1no4y_iknky_85:not(#\9),
+.awsui_list-item_1no4y_iknky_78 > .awsui_expandable-section_1no4y_iknky_86 > .awsui_key_1no4y_iknky_85:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
   display: inline-flex;
   color: var(--color-text-group-label-a2qc05, #424650);
 }
 
-.awsui_sub-items_1no4y_g0z0r_96:not(#\9):not(.awsui_expandable_1no4y_g0z0r_69) {
+.awsui_sub-items_1no4y_iknky_101:not(#\9):not(.awsui_expandable_1no4y_iknky_74) {
   padding-inline-start: calc(16px + var(--space-static-xxs-ns94dp, 4px));
 }
-.awsui_sub-items_1no4y_g0z0r_96.awsui_expandable_1no4y_g0z0r_69:not(#\9) {
+.awsui_sub-items_1no4y_iknky_101.awsui_expandable_1no4y_iknky_74:not(#\9) {
   padding-inline-start: 0;
 }
-.awsui_sub-items_1no4y_g0z0r_96.awsui_expandable_1no4y_g0z0r_69 > .awsui_inner-list-item_1no4y_g0z0r_74 > .awsui_value_1no4y_g0z0r_65:not(#\9) {
+.awsui_sub-items_1no4y_iknky_101.awsui_expandable_1no4y_iknky_74 > .awsui_inner-list-item_1no4y_iknky_79 > .awsui_value_1no4y_iknky_70:not(#\9) {
   white-space: nowrap;
 }
 
-.awsui_list_1no4y_g0z0r_73:not(#\9) {
+.awsui_list_1no4y_iknky_78:not(#\9) {
   display: flex;
   margin-block: 0;
   margin-inline: 0;
@@ -112,34 +117,34 @@ body[data-awsui-focus-visible=true] .awsui_focus-outline_1no4y_g0z0r_15:not(#\9)
   list-style: none;
   flex-direction: column;
 }
-.awsui_list_1no4y_g0z0r_73 > .awsui_list-item_1no4y_g0z0r_73.awsui_dimmed_1no4y_g0z0r_115:not(#\9) {
+.awsui_list_1no4y_iknky_78 > .awsui_list-item_1no4y_iknky_78.awsui_dimmed_1no4y_iknky_120:not(#\9) {
   opacity: 0.35;
 }
 
-.awsui_list_1no4y_g0z0r_73:not(#\9):not(.awsui_compact_1no4y_g0z0r_119) > .awsui_list-item_1no4y_g0z0r_73:not(:first-child),
-.awsui_inner-list-item_1no4y_g0z0r_74:not(#\9) {
+.awsui_list_1no4y_iknky_78:not(#\9):not(.awsui_compact_1no4y_iknky_124) > .awsui_list-item_1no4y_iknky_78:not(:first-child),
+.awsui_inner-list-item_1no4y_iknky_79:not(#\9) {
   margin-block-start: var(--space-scaled-xxs-pfm1nx, 4px);
 }
 
-.awsui_list-item_1no4y_g0z0r_73.awsui_with-sub-items_1no4y_g0z0r_124:not(#\9):not(.awsui_expandable_1no4y_g0z0r_69) > .awsui_key-value-pair_1no4y_g0z0r_80 > .awsui_key_1no4y_g0z0r_80,
-.awsui_list-item_1no4y_g0z0r_73.awsui_with-sub-items_1no4y_g0z0r_124:not(#\9):not(.awsui_expandable_1no4y_g0z0r_69) > .awsui_key-value-pair_1no4y_g0z0r_80 > .awsui_value_1no4y_g0z0r_65 {
+.awsui_list-item_1no4y_iknky_78.awsui_with-sub-items_1no4y_iknky_129:not(#\9):not(.awsui_expandable_1no4y_iknky_74) > .awsui_key-value-pair_1no4y_iknky_85 > .awsui_key_1no4y_iknky_85,
+.awsui_list-item_1no4y_iknky_78.awsui_with-sub-items_1no4y_iknky_129:not(#\9):not(.awsui_expandable_1no4y_iknky_74) > .awsui_key-value-pair_1no4y_iknky_85 > .awsui_value_1no4y_iknky_70 {
   font-weight: var(--font-weight-heading-s-lcx0ai, 700);
 }
 
-.awsui_list-item_1no4y_g0z0r_73 .awsui_description_1no4y_g0z0r_129:not(#\9) {
+.awsui_list-item_1no4y_iknky_78 .awsui_description_1no4y_iknky_134:not(#\9) {
   color: var(--color-text-body-secondary-yna5sb, #424650);
   font-size: var(--font-size-body-s-smc8cv, 12px);
 }
 
-.awsui_list-item_1no4y_g0z0r_73.awsui_with-sub-items_1no4y_g0z0r_124 .awsui_description_1no4y_g0z0r_129:not(#\9) {
+.awsui_list-item_1no4y_iknky_78.awsui_with-sub-items_1no4y_iknky_129 .awsui_description_1no4y_iknky_134:not(#\9) {
   margin-top: var(--space-scaled-xxs-pfm1nx, 4px);
 }
 
-.awsui_full-width_1no4y_g0z0r_138:not(#\9) {
+.awsui_full-width_1no4y_iknky_143:not(#\9) {
   inline-size: 100%;
 }
 
-.awsui_highlight-indicator_1no4y_g0z0r_142:not(#\9) {
+.awsui_highlight-indicator_1no4y_iknky_147:not(#\9) {
   position: absolute;
   top: 3px;
   left: -6px;

package/internal/components/series-details/styles.selectors.js

@@ -2,22 +2,23 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "focus-outline": "awsui_focus-outline_1no4y_g0z0r_15",
-  "marker": "awsui_marker_1no4y_g0z0r_27",
-  "value": "awsui_value_1no4y_g0z0r_65",
-  "expandable": "awsui_expandable_1no4y_g0z0r_69",
-  "list-item": "awsui_list-item_1no4y_g0z0r_73",
-  "inner-list-item": "awsui_inner-list-item_1no4y_g0z0r_74",
-  "key-value-pair": "awsui_key-value-pair_1no4y_g0z0r_80",
-  "expandable-section": "awsui_expandable-section_1no4y_g0z0r_81",
-  "key": "awsui_key_1no4y_g0z0r_80",
-  "sub-items": "awsui_sub-items_1no4y_g0z0r_96",
-  "list": "awsui_list_1no4y_g0z0r_73",
-  "dimmed": "awsui_dimmed_1no4y_g0z0r_115",
-  "compact": "awsui_compact_1no4y_g0z0r_119",
-  "with-sub-items": "awsui_with-sub-items_1no4y_g0z0r_124",
-  "description": "awsui_description_1no4y_g0z0r_129",
-  "full-width": "awsui_full-width_1no4y_g0z0r_138",
-  "highlight-indicator": "awsui_highlight-indicator_1no4y_g0z0r_142"
+  "focus-outline": "awsui_focus-outline_1no4y_iknky_15",
+  "marker": "awsui_marker_1no4y_iknky_27",
+  "visually-hidden": "awsui_visually-hidden_1no4y_iknky_64",
+  "value": "awsui_value_1no4y_iknky_70",
+  "expandable": "awsui_expandable_1no4y_iknky_74",
+  "list-item": "awsui_list-item_1no4y_iknky_78",
+  "inner-list-item": "awsui_inner-list-item_1no4y_iknky_79",
+  "key-value-pair": "awsui_key-value-pair_1no4y_iknky_85",
+  "expandable-section": "awsui_expandable-section_1no4y_iknky_86",
+  "key": "awsui_key_1no4y_iknky_85",
+  "sub-items": "awsui_sub-items_1no4y_iknky_101",
+  "list": "awsui_list_1no4y_iknky_78",
+  "dimmed": "awsui_dimmed_1no4y_iknky_120",
+  "compact": "awsui_compact_1no4y_iknky_124",
+  "with-sub-items": "awsui_with-sub-items_1no4y_iknky_129",
+  "description": "awsui_description_1no4y_iknky_134",
+  "full-width": "awsui_full-width_1no4y_iknky_143",
+  "highlight-indicator": "awsui_highlight-indicator_1no4y_iknky_147"
 };
   

package/internal/components/series-marker/index.d.ts

@@ -1,8 +1,11 @@
 import { BaseComponentProps } from "@cloudscape-design/components/internal/base-component";
+import { ChartSeriesMarkerStatus } from "./interfaces";
 export type ChartSeriesMarkerType = "line" | "dashed" | "square" | "large-square" | "hollow-square" | "diamond" | "triangle" | "triangle-down" | "circle";
 export interface ChartSeriesMarkerProps extends BaseComponentProps {
     type: ChartSeriesMarkerType;
     color: string;
     visible?: boolean;
+    status?: ChartSeriesMarkerStatus;
+    ariaLabel?: string;
 }
-export declare function ChartSeriesMarker({ type, color, visible }: ChartSeriesMarkerProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChartSeriesMarker({ type, color, visible, status, ariaLabel, }: ChartSeriesMarkerProps): import("react/jsx-runtime").JSX.Element;

package/internal/components/series-marker/index.js

@@ -1,45 +1,58 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { colorTextInteractiveDisabled } from "@cloudscape-design/design-tokens";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { useUniqueId } from "@cloudscape-design/component-toolkit/internal";
+import { colorBorderStatusWarning, colorTextInteractiveDisabled } from "@cloudscape-design/design-tokens";
 import styles from "./styles.css.js";
 function scale(size, value) {
     return `translate(${size * ((1 - value) / 2)}, ${size * ((1 - value) / 2)}) scale(${value})`;
 }
-export function ChartSeriesMarker({ type = "line", color, visible = true }) {
+export function ChartSeriesMarker({ type = "line", color, visible = true, status = "default", ariaLabel, }) {
     color = visible ? color : colorTextInteractiveDisabled;
-    return (_jsx("div", { className: styles.marker, children: _jsxs("svg", { focusable: false, "aria-hidden": true, viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", children: [type === "line" && _jsx(SVGLine, { color: color }), type === "dashed" && _jsx(SVGLineDashed, { color: color }), type === "large-square" && _jsx(SVGLargeSquare, { color: color }), type === "hollow-square" && _jsx(SVGHollowSquare, { color: color }), type === "square" && _jsx(SVGSquare, { color: color }), type === "diamond" && _jsx(SVGDiamond, { color: color }), type === "triangle" && _jsx(SVGTriangle, { color: color }), type === "triangle-down" && _jsx(SVGTriangleDown, { color: color }), type === "circle" && _jsx(SVGCircle, { color: color })] }) }));
+    // As React re-renders the components, a new ID should be created for masks.
+    // Not doing so will not evaluate the mask.
+    const maskId = useUniqueId("chart-series-marker");
+    return (_jsxs("div", { className: styles.marker, children: [ariaLabel && _jsx("span", { className: styles["visually-hidden"], children: ariaLabel }), _jsxs("svg", { focusable: false, "aria-hidden": true, viewBox: "0 0 25 16", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("defs", { children: _jsxs("mask", { id: maskId, children: [_jsx("rect", { width: "100%", height: "100%", fill: "white" }), status === "warning" && _jsx(SVGWarningMask, {})] }) }), status === "warning" && _jsx(SVGWarning, {}), type === "line" && _jsx(SVGLine, { maskId: maskId, color: color }), type === "dashed" && _jsx(SVGLineDashed, { maskId: maskId, color: color }), type === "large-square" && _jsx(SVGLargeSquare, { maskId: maskId, color: color }), type === "hollow-square" && _jsx(SVGHollowSquare, { maskId: maskId, color: color }), type === "square" && _jsx(SVGSquare, { maskId: maskId, color: color }), type === "diamond" && _jsx(SVGDiamond, { maskId: maskId, color: color }), type === "triangle" && _jsx(SVGTriangle, { maskId: maskId, color: color }), type === "triangle-down" && _jsx(SVGTriangleDown, { maskId: maskId, color: color }), type === "circle" && _jsx(SVGCircle, { maskId: maskId, color: color })] })] }));
 }
-function SVGLine({ color }) {
-    return _jsx("rect", { x: 1, y: 7, height: 4, width: 14, strokeWidth: 0, rx: 2, fill: color });
+function SVGLine({ color, maskId }) {
+    return _jsx("rect", { mask: `url(#${maskId})`, x: 1, y: 7, height: 4, width: 14, strokeWidth: 0, rx: 2, fill: color });
 }
-function SVGLineDashed({ color }) {
-    return (_jsxs(_Fragment, { children: [_jsx("rect", { x: 1, y: 7, height: 4, width: 6, strokeWidth: 0, rx: 2, fill: color }), _jsx("rect", { x: 9, y: 7, height: 4, width: 6, strokeWidth: 0, rx: 2, fill: color })] }));
+function SVGLineDashed({ color, maskId }) {
+    return (_jsxs(_Fragment, { children: [_jsx("rect", { mask: `url(#${maskId})`, x: 1, y: 7, height: 4, width: 6, strokeWidth: 0, rx: 2, fill: color }), _jsx("rect", { mask: `url(#${maskId})`, x: 9, y: 7, height: 4, width: 6, strokeWidth: 0, rx: 2, fill: color })] }));
 }
-function SVGLargeSquare({ color }) {
+function SVGLargeSquare({ color, maskId }) {
     const shape = { x: 0, y: 0, width: 16, height: 16, rx: 2, transform: scale(16, 0.85) };
-    return _jsx("rect", { ...shape, strokeWidth: 0, fill: color });
+    return _jsx("rect", { mask: `url(#${maskId})`, ...shape, strokeWidth: 0, fill: color });
 }
-function SVGHollowSquare({ color }) {
+function SVGHollowSquare({ color, maskId }) {
     const size = { x: 0, y: 0, width: 16, height: 16, rx: 2, transform: scale(16, 0.75) };
-    return _jsx("rect", { ...size, strokeWidth: 2, stroke: color, fill: color, fillOpacity: "0.40" });
+    return _jsx("rect", { mask: `url(#${maskId})`, ...size, strokeWidth: 2, stroke: color, fill: color, fillOpacity: "0.40" });
 }
-function SVGSquare({ color }) {
+function SVGSquare({ color, maskId }) {
     const size = { x: 3, y: 3, width: 10, height: 10, rx: 2 };
-    return _jsx("rect", { ...size, strokeWidth: 0, fill: color });
+    return _jsx("rect", { mask: `url(#${maskId})`, ...size, strokeWidth: 0, fill: color });
 }
-function SVGDiamond({ color }) {
+function SVGDiamond({ color, maskId }) {
     const shape = { points: "8,0 16,8 8,16 0,8", transform: scale(16, 0.65) };
-    return _jsx("polygon", { ...shape, strokeWidth: 0, fill: color });
+    return _jsx("polygon", { mask: `url(#${maskId})`, ...shape, strokeWidth: 0, fill: color });
 }
-function SVGTriangle({ color }) {
+function SVGTriangle({ color, maskId }) {
     const shape = { points: "8,0 16,16 0,16", transform: scale(16, 0.65) };
-    return _jsx("polygon", { ...shape, strokeWidth: 0, fill: color });
+    return _jsx("polygon", { mask: `url(#${maskId})`, ...shape, strokeWidth: 0, fill: color });
 }
-function SVGTriangleDown({ color }) {
+function SVGTriangleDown({ color, maskId }) {
     const shape = { points: "8,16 0,0 16,0", transform: scale(16, 0.65) };
-    return _jsx("polygon", { ...shape, strokeWidth: 0, fill: color });
+    return _jsx("polygon", { mask: `url(#${maskId})`, ...shape, strokeWidth: 0, fill: color });
 }
-function SVGCircle({ color }) {
+function SVGCircle({ color, maskId }) {
     const shape = { cx: 8, cy: 8, r: 5 };
-    return _jsx("circle", { ...shape, strokeWidth: 0, fill: color });
+    return _jsx("circle", { mask: `url(#${maskId})`, ...shape, strokeWidth: 0, fill: color });
+}
+const SVGWarningTranslate = `translate(10, 1)`;
+function SVGWarning() {
+    return (_jsx("path", { "data-testid": "warning", transform: `${SVGWarningTranslate} ${scale(16, 0.8)}`, d: "M9.14157,12.3948v-1.713c0,-0.084,-0.028,-0.154,-0.085,-0.211c-0.056,-0.058,-0.123,-0.086,-0.2,-0.086h-1.713c-0.077,0,-0.144,0.028,-0.2,0.086c-0.057,0.057,-0.085,0.127,-0.085,0.211v1.713c0,0.084,0.028,0.155,0.085,0.212c0.056,0.057,0.123,0.085,0.2,0.085h1.713c0.077,0,0.144,-0.028,0.2,-0.085c0.057,-0.057,0.085,-0.128,0.085,-0.212zm-0.018,-3.371l0.161,-4.138c0,-0.072,-0.03,-0.129,-0.089,-0.171c-0.078,-0.066,-0.149,-0.099,-0.215,-0.099h-1.962c-0.065,0,-0.136,0.033,-0.214,0.099c-0.059,0.042,-0.089,0.105,-0.089,0.189l0.152,4.12c0,0.06,0.03,0.109,0.089,0.148c0.059,0.039,0.131,0.059,0.214,0.059h1.65c0.083,0,0.153,-0.02,0.21,-0.059c0.056,-0.039,0.087,-0.088,0.093,-0.148zm-0.125,-8.419l6.85,12.692c0.208,0.378,0.202,0.757,-0.018,1.136c-0.101,0.174,-0.24,0.312,-0.415,0.414c-0.175,0.102,-0.364,0.154,-0.566,0.154h-13.699c-0.202,0,-0.391,-0.052,-0.566,-0.154c-0.176,-0.102,-0.314,-0.24,-0.415,-0.414c-0.22,-0.379,-0.226,-0.758,-0.018,-1.136l6.849,-12.692c0.101,-0.187,0.241,-0.334,0.42,-0.442c0.178,-0.108,0.371,-0.162,0.579,-0.162c0.208,0,0.402,0.054,0.58,0.162c0.178,0.108,0.318,0.255,0.419,0.442z", fill: colorBorderStatusWarning }));
+}
+function SVGWarningMask() {
+    return (_jsx("path", { transform: `${SVGWarningTranslate} ${scale(16, 1.4)}`, d: "M8 0C8.2081 2.01716e-08 8.40171 0.0539363 8.58008 0.162109C8.75826 0.270216 8.898 0.417425 8.99902 0.603516L15.8486 13.2959C16.0567 13.6744 16.05 14.0531 15.8301 14.4316C15.7291 14.6058 15.5913 14.7445 15.416 14.8467C15.2407 14.9488 15.0517 15 14.8496 15H1.15039C0.94832 15 0.759318 14.9488 0.583984 14.8467C0.408709 14.7445 0.270949 14.6058 0.169922 14.4316C-0.0499612 14.0531 -0.0566966 13.6744 0.151367 13.2959L7.00098 0.603516C7.102 0.417424 7.24174 0.270216 7.41992 0.162109C7.59829 0.0539363 7.7919 0 8 0Z", fill: "black" }));
 }
 //# sourceMappingURL=index.js.map

package/internal/components/series-marker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/series-marker/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { BaseComponentProps } from \"@cloudscape-design/components/internal/base-component\";\nimport { colorTextInteractiveDisabled } from \"@cloudscape-design/design-tokens\";\n\nimport styles from \"./styles.css.js\";\n\nexport type ChartSeriesMarkerType =\n  | \"line\"\n  | \"dashed\"\n  | \"square\"\n  | \"large-square\"\n  | \"hollow-square\"\n  | \"diamond\"\n  | \"triangle\"\n  | \"triangle-down\"\n  | \"circle\";\n\nexport interface ChartSeriesMarkerProps extends BaseComponentProps {\n  type: ChartSeriesMarkerType;\n  color: string;\n  visible?: boolean;\n}\n\nfunction scale(size: number, value: number) {\n  return `translate(${size * ((1 - value) / 2)}, ${size * ((1 - value) / 2)}) scale(${value})`;\n}\n\nexport function ChartSeriesMarker({ type = \"line\", color, visible = true }: ChartSeriesMarkerProps) {\n  color = visible ? color : colorTextInteractiveDisabled;\n  return (\n    <div className={styles.marker}>\n      <svg focusable={false} aria-hidden={true} viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\">\n        {type === \"line\" && <SVGLine color={color} />}\n\n        {type === \"dashed\" && <SVGLineDashed color={color} />}\n\n        {type === \"large-square\" && <SVGLargeSquare color={color} />}\n\n        {type === \"hollow-square\" && <SVGHollowSquare color={color} />}\n\n        {type === \"square\" && <SVGSquare color={color} />}\n\n        {type === \"diamond\" && <SVGDiamond color={color} />}\n\n        {type === \"triangle\" && <SVGTriangle color={color} />}\n\n        {type === \"triangle-down\" && <SVGTriangleDown color={color} />}\n\n        {type === \"circle\" && <SVGCircle color={color} />}\n      </svg>\n    </div>\n  );\n}\n\nfunction SVGLine({ color }: { color: string }) {\n  return <rect x={1} y={7} height={4} width={14} strokeWidth={0} rx={2} fill={color} />;\n}\n\nfunction SVGLineDashed({ color }: { color: string }) {\n  return (\n    <>\n      <rect x={1} y={7} height={4} width={6} strokeWidth={0} rx={2} fill={color} />\n      <rect x={9} y={7} height={4} width={6} strokeWidth={0} rx={2} fill={color} />\n    </>\n  );\n}\n\nfunction SVGLargeSquare({ color }: { color: string }) {\n  const shape = { x: 0, y: 0, width: 16, height: 16, rx: 2, transform: scale(16, 0.85) };\n  return <rect {...shape} strokeWidth={0} fill={color} />;\n}\n\nfunction SVGHollowSquare({ color }: { color: string }) {\n  const size = { x: 0, y: 0, width: 16, height: 16, rx: 2, transform: scale(16, 0.75) };\n  return <rect {...size} strokeWidth={2} stroke={color} fill={color} fillOpacity=\"0.40\" />;\n}\n\nfunction SVGSquare({ color }: { color: string }) {\n  const size = { x: 3, y: 3, width: 10, height: 10, rx: 2 };\n  return <rect {...size} strokeWidth={0} fill={color} />;\n}\n\nfunction SVGDiamond({ color }: { color: string }) {\n  const shape = { points: \"8,0 16,8 8,16 0,8\", transform: scale(16, 0.65) };\n  return <polygon {...shape} strokeWidth={0} fill={color} />;\n}\n\nfunction SVGTriangle({ color }: { color: string }) {\n  const shape = { points: \"8,0 16,16 0,16\", transform: scale(16, 0.65) };\n  return <polygon {...shape} strokeWidth={0} fill={color} />;\n}\n\nfunction SVGTriangleDown({ color }: { color: string }) {\n  const shape = { points: \"8,16 0,0 16,0\", transform: scale(16, 0.65) };\n  return <polygon {...shape} strokeWidth={0} fill={color} />;\n}\n\nfunction SVGCircle({ color }: { color: string }) {\n  const shape = { cx: 8, cy: 8, r: 5 };\n  return <circle {...shape} strokeWidth={0} fill={color} />;\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/series-marker/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useUniqueId } from \"@cloudscape-design/component-toolkit/internal\";\nimport { BaseComponentProps } from \"@cloudscape-design/components/internal/base-component\";\nimport { colorBorderStatusWarning, colorTextInteractiveDisabled } from \"@cloudscape-design/design-tokens\";\n\nimport { ChartSeriesMarkerStatus } from \"./interfaces\";\n\nimport styles from \"./styles.css.js\";\n\nexport type ChartSeriesMarkerType =\n  | \"line\"\n  | \"dashed\"\n  | \"square\"\n  | \"large-square\"\n  | \"hollow-square\"\n  | \"diamond\"\n  | \"triangle\"\n  | \"triangle-down\"\n  | \"circle\";\n\nexport interface ChartSeriesMarkerProps extends BaseComponentProps {\n  type: ChartSeriesMarkerType;\n  color: string;\n  visible?: boolean;\n  status?: ChartSeriesMarkerStatus;\n  ariaLabel?: string;\n}\n\nfunction scale(size: number, value: number) {\n  return `translate(${size * ((1 - value) / 2)}, ${size * ((1 - value) / 2)}) scale(${value})`;\n}\n\nexport function ChartSeriesMarker({\n  type = \"line\",\n  color,\n  visible = true,\n  status = \"default\",\n  ariaLabel,\n}: ChartSeriesMarkerProps) {\n  color = visible ? color : colorTextInteractiveDisabled;\n\n  // As React re-renders the components, a new ID should be created for masks.\n  // Not doing so will not evaluate the mask.\n  const maskId = useUniqueId(\"chart-series-marker\");\n\n  return (\n    <div className={styles.marker}>\n      {ariaLabel && <span className={styles[\"visually-hidden\"]}>{ariaLabel}</span>}\n      <svg focusable={false} aria-hidden={true} viewBox=\"0 0 25 16\" xmlns=\"http://www.w3.org/2000/svg\">\n        <defs>\n          <mask id={maskId}>\n            <rect width=\"100%\" height=\"100%\" fill=\"white\" />\n\n            {status === \"warning\" && <SVGWarningMask></SVGWarningMask>}\n          </mask>\n        </defs>\n\n        {status === \"warning\" && <SVGWarning></SVGWarning>}\n\n        {type === \"line\" && <SVGLine maskId={maskId} color={color} />}\n\n        {type === \"dashed\" && <SVGLineDashed maskId={maskId} color={color} />}\n\n        {type === \"large-square\" && <SVGLargeSquare maskId={maskId} color={color} />}\n\n        {type === \"hollow-square\" && <SVGHollowSquare maskId={maskId} color={color} />}\n\n        {type === \"square\" && <SVGSquare maskId={maskId} color={color} />}\n\n        {type === \"diamond\" && <SVGDiamond maskId={maskId} color={color} />}\n\n        {type === \"triangle\" && <SVGTriangle maskId={maskId} color={color} />}\n\n        {type === \"triangle-down\" && <SVGTriangleDown maskId={maskId} color={color} />}\n\n        {type === \"circle\" && <SVGCircle maskId={maskId} color={color} />}\n      </svg>\n    </div>\n  );\n}\n\nfunction SVGLine({ color, maskId }: { color: string; maskId: string }) {\n  return <rect mask={`url(#${maskId})`} x={1} y={7} height={4} width={14} strokeWidth={0} rx={2} fill={color} />;\n}\n\nfunction SVGLineDashed({ color, maskId }: { color: string; maskId: string }) {\n  return (\n    <>\n      <rect mask={`url(#${maskId})`} x={1} y={7} height={4} width={6} strokeWidth={0} rx={2} fill={color} />\n      <rect mask={`url(#${maskId})`} x={9} y={7} height={4} width={6} strokeWidth={0} rx={2} fill={color} />\n    </>\n  );\n}\n\nfunction SVGLargeSquare({ color, maskId }: { color: string; maskId: string }) {\n  const shape = { x: 0, y: 0, width: 16, height: 16, rx: 2, transform: scale(16, 0.85) };\n  return <rect mask={`url(#${maskId})`} {...shape} strokeWidth={0} fill={color} />;\n}\n\nfunction SVGHollowSquare({ color, maskId }: { color: string; maskId: string }) {\n  const size = { x: 0, y: 0, width: 16, height: 16, rx: 2, transform: scale(16, 0.75) };\n  return <rect mask={`url(#${maskId})`} {...size} strokeWidth={2} stroke={color} fill={color} fillOpacity=\"0.40\" />;\n}\n\nfunction SVGSquare({ color, maskId }: { color: string; maskId: string }) {\n  const size = { x: 3, y: 3, width: 10, height: 10, rx: 2 };\n  return <rect mask={`url(#${maskId})`} {...size} strokeWidth={0} fill={color} />;\n}\n\nfunction SVGDiamond({ color, maskId }: { color: string; maskId: string }) {\n  const shape = { points: \"8,0 16,8 8,16 0,8\", transform: scale(16, 0.65) };\n  return <polygon mask={`url(#${maskId})`} {...shape} strokeWidth={0} fill={color} />;\n}\n\nfunction SVGTriangle({ color, maskId }: { color: string; maskId: string }) {\n  const shape = { points: \"8,0 16,16 0,16\", transform: scale(16, 0.65) };\n  return <polygon mask={`url(#${maskId})`} {...shape} strokeWidth={0} fill={color} />;\n}\n\nfunction SVGTriangleDown({ color, maskId }: { color: string; maskId: string }) {\n  const shape = { points: \"8,16 0,0 16,0\", transform: scale(16, 0.65) };\n  return <polygon mask={`url(#${maskId})`} {...shape} strokeWidth={0} fill={color} />;\n}\n\nfunction SVGCircle({ color, maskId }: { color: string; maskId: string }) {\n  const shape = { cx: 8, cy: 8, r: 5 };\n  return <circle mask={`url(#${maskId})`} {...shape} strokeWidth={0} fill={color} />;\n}\n\nconst SVGWarningTranslate = `translate(10, 1)`;\n\nfunction SVGWarning() {\n  return (\n    <path\n      data-testid=\"warning\"\n      transform={`${SVGWarningTranslate} ${scale(16, 0.8)}`}\n      d=\"M9.14157,12.3948v-1.713c0,-0.084,-0.028,-0.154,-0.085,-0.211c-0.056,-0.058,-0.123,-0.086,-0.2,-0.086h-1.713c-0.077,0,-0.144,0.028,-0.2,0.086c-0.057,0.057,-0.085,0.127,-0.085,0.211v1.713c0,0.084,0.028,0.155,0.085,0.212c0.056,0.057,0.123,0.085,0.2,0.085h1.713c0.077,0,0.144,-0.028,0.2,-0.085c0.057,-0.057,0.085,-0.128,0.085,-0.212zm-0.018,-3.371l0.161,-4.138c0,-0.072,-0.03,-0.129,-0.089,-0.171c-0.078,-0.066,-0.149,-0.099,-0.215,-0.099h-1.962c-0.065,0,-0.136,0.033,-0.214,0.099c-0.059,0.042,-0.089,0.105,-0.089,0.189l0.152,4.12c0,0.06,0.03,0.109,0.089,0.148c0.059,0.039,0.131,0.059,0.214,0.059h1.65c0.083,0,0.153,-0.02,0.21,-0.059c0.056,-0.039,0.087,-0.088,0.093,-0.148zm-0.125,-8.419l6.85,12.692c0.208,0.378,0.202,0.757,-0.018,1.136c-0.101,0.174,-0.24,0.312,-0.415,0.414c-0.175,0.102,-0.364,0.154,-0.566,0.154h-13.699c-0.202,0,-0.391,-0.052,-0.566,-0.154c-0.176,-0.102,-0.314,-0.24,-0.415,-0.414c-0.22,-0.379,-0.226,-0.758,-0.018,-1.136l6.849,-12.692c0.101,-0.187,0.241,-0.334,0.42,-0.442c0.178,-0.108,0.371,-0.162,0.579,-0.162c0.208,0,0.402,0.054,0.58,0.162c0.178,0.108,0.318,0.255,0.419,0.442z\"\n      fill={colorBorderStatusWarning}\n    />\n  );\n}\n\nfunction SVGWarningMask() {\n  return (\n    <path\n      transform={`${SVGWarningTranslate} ${scale(16, 1.4)}`}\n      d=\"M8 0C8.2081 2.01716e-08 8.40171 0.0539363 8.58008 0.162109C8.75826 0.270216 8.898 0.417425 8.99902 0.603516L15.8486 13.2959C16.0567 13.6744 16.05 14.0531 15.8301 14.4316C15.7291 14.6058 15.5913 14.7445 15.416 14.8467C15.2407 14.9488 15.0517 15 14.8496 15H1.15039C0.94832 15 0.759318 14.9488 0.583984 14.8467C0.408709 14.7445 0.270949 14.6058 0.169922 14.4316C-0.0499612 14.0531 -0.0566966 13.6744 0.151367 13.2959L7.00098 0.603516C7.102 0.417424 7.24174 0.270216 7.41992 0.162109C7.59829 0.0539363 7.7919 0 8 0Z\"\n      fill=\"black\"\n    />\n  );\n}\n"]}

package/internal/components/series-marker/interfaces.d.ts

@@ -1 +1,2 @@
 export type ChartSeriesMarkerType = "line" | "dashed" | "square" | "large-square" | "hollow-square" | "diamond" | "triangle" | "triangle-down" | "circle";
+export type ChartSeriesMarkerStatus = "warning" | "default";

package/internal/components/series-marker/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../src/internal/components/series-marker/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nexport type ChartSeriesMarkerType =\n  | \"line\"\n  | \"dashed\"\n  | \"square\"\n  | \"large-square\"\n  | \"hollow-square\"\n  | \"diamond\"\n  | \"triangle\"\n  | \"triangle-down\"\n  | \"circle\";\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../src/internal/components/series-marker/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nexport type ChartSeriesMarkerType =\n  | \"line\"\n  | \"dashed\"\n  | \"square\"\n  | \"large-square\"\n  | \"hollow-square\"\n  | \"diamond\"\n  | \"triangle\"\n  | \"triangle-down\"\n  | \"circle\";\n\nexport type ChartSeriesMarkerStatus = \"warning\" | \"default\";\n"]}

package/internal/components/series-marker/styles.css.js

@@ -1,7 +1,8 @@
 
     import './styles.scoped.css';
     export default {
-  "focus-outline": "awsui_focus-outline_kfsgg_13s31_15",
-  "marker": "awsui_marker_kfsgg_13s31_19"
+  "focus-outline": "awsui_focus-outline_kfsgg_1lrim_15",
+  "marker": "awsui_marker_kfsgg_1lrim_19",
+  "visually-hidden": "awsui_visually-hidden_kfsgg_1lrim_56"
 };