@cloudscape-design/components 3.0.950 → 3.0.951

package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.scoped.css

@@ -142,9 +142,9 @@
 */
 /* 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_trigger-button-styles_lpshu_1kyee_145:not(#\9) {
+.awsui_trigger-button-styles_lpshu_nm2my_145:not(#\9) {
   background: transparent;
-  color: var(--color-text-interactive-default-tkx8fe, #424650);
+  color: var(--color-text-interactive-default-1o1pl2, #424650);
   border-start-start-radius: 50%;
   border-start-end-radius: 50%;
   border-end-start-radius: 50%;
@@ -156,16 +156,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   justify-content: center;
   box-sizing: border-box;
 }
-.awsui_trigger-button-styles_lpshu_1kyee_145:not(#\9):hover {
-  background: var(--color-background-input-disabled-gvxsk4, #ebebf0);
-  color: var(--color-text-interactive-hover-f9gqs8, #0f141a);
+.awsui_trigger-button-styles_lpshu_nm2my_145:not(#\9):hover {
+  background: var(--color-background-input-disabled-cecgeg, #ebebf0);
+  color: var(--color-text-interactive-hover-j5y3wx, #0f141a);
 }
-.awsui_trigger-button-styles_lpshu_1kyee_145:not(#\9):active {
-  background: var(--color-background-control-disabled-5cbvij, #dedee3);
-  color: var(--color-text-interactive-hover-f9gqs8, #0f141a);
+.awsui_trigger-button-styles_lpshu_nm2my_145:not(#\9):active {
+  background: var(--color-background-control-disabled-cb50zl, #dedee3);
+  color: var(--color-text-interactive-hover-j5y3wx, #0f141a);
 }
 
-.awsui_trigger-badge-wrapper_lpshu_1kyee_168:not(#\9) {
+.awsui_trigger-badge-wrapper_lpshu_nm2my_168:not(#\9) {
   position: absolute;
   inset-block-start: 0;
   inset-inline-start: 0;
@@ -175,24 +175,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   clip-path: path("M29.2862 10.4145C28.7243 10.5998 28.1238 10.7 27.4999 10.7C24.3519 10.7 21.7999 8.14803 21.7999 5C21.7999 3.92883 22.0954 2.92667 22.6093 2.07057C20.3785 0.754846 17.7774 0 15 0C6.71573 0 0 6.71573 0 15C0 23.2843 6.71573 30 15 30C23.2843 30 30 23.2843 30 15C30 13.4007 29.7497 11.8599 29.2862 10.4145Z");
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_trigger-badge-wrapper_lpshu_1kyee_168:not(#\9):dir(rtl) {
+.awsui_trigger-badge-wrapper_lpshu_nm2my_168:not(#\9):dir(rtl) {
   clip-path: path("M2.21384 10.4145C2.77569 10.5998 3.37617 10.7 4.00007 10.7C7.1481 10.7 9.70007 8.14803 9.70007 5C9.70007 3.92883 9.4046 2.92667 8.89071 2.07057C11.1215 0.754846 13.7226 0 16.5 0C24.7843 0 31.5 6.71573 31.5 15C31.5 23.2843 24.7843 30 16.5 30C8.21573 30 1.5 23.2843 1.5 15C1.5 13.4007 1.75029 11.8599 2.21384 10.4145Z");
 }
 
-.awsui_trigger_lpshu_1kyee_145:not(#\9) {
+.awsui_trigger_lpshu_nm2my_145:not(#\9) {
   border-block: none;
   border-inline: none;
   cursor: pointer;
   pointer-events: auto;
 }
-body[data-awsui-focus-visible=true] .awsui_trigger_lpshu_1kyee_145:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_trigger_lpshu_nm2my_145:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_trigger_lpshu_1kyee_145:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_trigger_lpshu_nm2my_145:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(3px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_trigger_lpshu_1kyee_145:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_trigger_lpshu_nm2my_145:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -200,40 +200,40 @@ body[data-awsui-focus-visible=true] .awsui_trigger_lpshu_1kyee_145:not(#\9):focu
   inset-block-start: calc(-1 * 3px);
   inline-size: calc(100% + 3px + 3px);
   block-size: calc(100% + 3px + 3px);
-  border-start-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
-  border-start-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
-  border-end-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
-  border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
+  border-start-start-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
+  border-start-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
+  border-end-start-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
+  border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-8bi903, #006ce0);
 }
-.awsui_trigger_lpshu_1kyee_145:not(#\9):focus {
+.awsui_trigger_lpshu_nm2my_145:not(#\9):focus {
   outline: none;
 }
-.awsui_trigger_lpshu_1kyee_145.awsui_selected_lpshu_1kyee_212:not(#\9) {
-  background: var(--color-background-layout-toggle-selected-default-27rnk6, #006ce0);
-  color: var(--color-text-layout-toggle-selected-kb3p9r, #ffffff);
+.awsui_trigger_lpshu_nm2my_145.awsui_selected_lpshu_nm2my_212:not(#\9) {
+  background: var(--color-background-layout-toggle-selected-default-5go4i7, #006ce0);
+  color: var(--color-text-layout-toggle-selected-4t49fq, #ffffff);
 }
-.awsui_trigger_lpshu_1kyee_145.awsui_selected_lpshu_1kyee_212:not(#\9):hover {
-  background: var(--color-background-layout-toggle-selected-hover-eh8bga, #004a9e);
+.awsui_trigger_lpshu_nm2my_145.awsui_selected_lpshu_nm2my_212:not(#\9):hover {
+  background: var(--color-background-layout-toggle-selected-hover-pt3n9b, #004a9e);
 }
-.awsui_trigger_lpshu_1kyee_145.awsui_selected_lpshu_1kyee_212:not(#\9):active {
-  background: var(--color-background-layout-toggle-selected-active-tv8i8b, #006ce0);
+.awsui_trigger_lpshu_nm2my_145.awsui_selected_lpshu_nm2my_212:not(#\9):active {
+  background: var(--color-background-layout-toggle-selected-active-7ovd7l, #006ce0);
 }
-.awsui_trigger_lpshu_1kyee_145.awsui_selected_lpshu_1kyee_212 > .awsui_trigger-badge-wrapper_lpshu_1kyee_168:not(#\9) {
-  background: var(--color-background-layout-toggle-selected-default-27rnk6, #006ce0);
-  color: var(--color-text-layout-toggle-selected-kb3p9r, #ffffff);
+.awsui_trigger_lpshu_nm2my_145.awsui_selected_lpshu_nm2my_212 > .awsui_trigger-badge-wrapper_lpshu_nm2my_168:not(#\9) {
+  background: var(--color-background-layout-toggle-selected-default-5go4i7, #006ce0);
+  color: var(--color-text-layout-toggle-selected-4t49fq, #ffffff);
 }
-.awsui_trigger_lpshu_1kyee_145.awsui_selected_lpshu_1kyee_212 > .awsui_trigger-badge-wrapper_lpshu_1kyee_168:not(#\9):hover {
-  background: var(--color-background-layout-toggle-selected-hover-eh8bga, #004a9e);
+.awsui_trigger_lpshu_nm2my_145.awsui_selected_lpshu_nm2my_212 > .awsui_trigger-badge-wrapper_lpshu_nm2my_168:not(#\9):hover {
+  background: var(--color-background-layout-toggle-selected-hover-pt3n9b, #004a9e);
 }
-.awsui_trigger_lpshu_1kyee_145.awsui_selected_lpshu_1kyee_212 > .awsui_trigger-badge-wrapper_lpshu_1kyee_168:not(#\9):active {
-  background: var(--color-background-layout-toggle-selected-active-tv8i8b, #006ce0);
+.awsui_trigger_lpshu_nm2my_145.awsui_selected_lpshu_nm2my_212 > .awsui_trigger-badge-wrapper_lpshu_nm2my_168:not(#\9):active {
+  background: var(--color-background-layout-toggle-selected-active-7ovd7l, #006ce0);
 }
-.awsui_trigger_lpshu_1kyee_145.awsui_badge_lpshu_1kyee_232:not(#\9), .awsui_trigger_lpshu_1kyee_145.awsui_badge_lpshu_1kyee_232:not(#\9):hover, .awsui_trigger_lpshu_1kyee_145.awsui_badge_lpshu_1kyee_232:not(#\9):active {
+.awsui_trigger_lpshu_nm2my_145.awsui_badge_lpshu_nm2my_232:not(#\9), .awsui_trigger_lpshu_nm2my_145.awsui_badge_lpshu_nm2my_232:not(#\9):hover, .awsui_trigger_lpshu_nm2my_145.awsui_badge_lpshu_nm2my_232:not(#\9):active {
   background: transparent;
 }
 
-.awsui_trigger-wrapper_lpshu_1kyee_236:not(#\9) {
+.awsui_trigger-wrapper_lpshu_nm2my_236:not(#\9) {
   position: relative;
   border-start-start-radius: 50%;
   border-start-end-radius: 50%;
@@ -241,7 +241,7 @@ body[data-awsui-focus-visible=true] .awsui_trigger_lpshu_1kyee_145:not(#\9):focu
   border-end-end-radius: 50%;
 }
 
-.awsui_dot_lpshu_1kyee_244:not(#\9) {
+.awsui_dot_lpshu_nm2my_244:not(#\9) {
   position: absolute;
   inline-size: 8px;
   block-size: 8px;
@@ -249,7 +249,7 @@ body[data-awsui-focus-visible=true] .awsui_trigger_lpshu_1kyee_145:not(#\9):focu
   border-start-end-radius: 8px;
   border-end-start-radius: 8px;
   border-end-end-radius: 8px;
-  background-color: var(--color-background-badge-icon-n0lc3o, #db0000);
+  background-color: var(--color-background-badge-icon-eprfkm, #db0000);
   inset-block-start: 1px;
   inset-inline-end: -1px;
 }

package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.selectors.js

@@ -2,12 +2,12 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "trigger-button-styles": "awsui_trigger-button-styles_lpshu_1kyee_145",
-  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_lpshu_1kyee_168",
-  "trigger": "awsui_trigger_lpshu_1kyee_145",
-  "selected": "awsui_selected_lpshu_1kyee_212",
-  "badge": "awsui_badge_lpshu_1kyee_232",
-  "trigger-wrapper": "awsui_trigger-wrapper_lpshu_1kyee_236",
-  "dot": "awsui_dot_lpshu_1kyee_244"
+  "trigger-button-styles": "awsui_trigger-button-styles_lpshu_nm2my_145",
+  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_lpshu_nm2my_168",
+  "trigger": "awsui_trigger_lpshu_nm2my_145",
+  "selected": "awsui_selected_lpshu_nm2my_212",
+  "badge": "awsui_badge_lpshu_nm2my_232",
+  "trigger-wrapper": "awsui_trigger-wrapper_lpshu_nm2my_236",
+  "dot": "awsui_dot_lpshu_nm2my_244"
 };
   

package/area-chart/elements/area-chart-filter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"area-chart-filter.d.ts","sourceRoot":"","sources":["../../../../src/area-chart/elements/area-chart-filter.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;;AAEtC,wBAA+D;AAE/D,iBAAS,eAAe,CAAC,CAAC,SAAS,cAAc,CAAC,SAAS,EAAE,EAC3D,KAAK,EACL,WAAW,EACX,iBAAiB,EACjB,uBAAuB,GACxB,EAAE;IACD,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC,eAkBA"}
+{"version":3,"file":"area-chart-filter.d.ts","sourceRoot":"","sources":["../../../../src/area-chart/elements/area-chart-filter.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;;AAEtC,wBAA+D;AAE/D,iBAAS,eAAe,CAAC,CAAC,SAAS,cAAc,CAAC,SAAS,EAAE,EAC3D,KAAK,EACL,WAAW,EACX,iBAAiB,EACjB,uBAAuB,GACxB,EAAE;IACD,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC,eAsBA"}

package/area-chart/elements/area-chart-filter.js

@@ -2,11 +2,16 @@
 // SPDX-License-Identifier: Apache-2.0
 import React, { memo } from 'react';
 import ChartFilter from '../../internal/components/chart-filter';
+import ChartSeriesMarker from '../../internal/components/chart-series-marker';
 export default memo(AreaChartFilter);
 function AreaChartFilter({ model, filterLabel, filterPlaceholder, filterSelectedAriaLabel, }) {
     const filterItems = model.allSeries.map(s => {
         const { title, color, markerType } = model.getInternalSeries(s);
-        return { label: title, color, type: markerType, datum: s };
+        return {
+            label: title,
+            marker: React.createElement(ChartSeriesMarker, { type: markerType, color: color }),
+            datum: s,
+        };
     });
     return (React.createElement(ChartFilter, { series: filterItems, onChange: model.handlers.onFilterSeries, selectedSeries: model.series, i18nStrings: {
             filterLabel,

package/area-chart/elements/area-chart-filter.js.map

@@ -1 +1 @@
-{"version":3,"file":"area-chart-filter.js","sourceRoot":"","sources":["../../../../src/area-chart/elements/area-chart-filter.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,WAAW,MAAM,wCAAwC,CAAC;AAIjE,eAAe,IAAI,CAAC,eAAe,CAA2B,CAAC;AAE/D,SAAS,eAAe,CAAqC,EAC3D,KAAK,EACL,WAAW,EACX,iBAAiB,EACjB,uBAAuB,GAMxB;IACC,MAAM,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;QAC1C,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;QAChE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,WAAW,IACV,MAAM,EAAE,WAAW,EACnB,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,cAAc,EACvC,cAAc,EAAE,KAAK,CAAC,MAAM,EAC5B,WAAW,EAAE;YACX,WAAW;YACX,iBAAiB;YACjB,uBAAuB;SACxB,GACD,CACH,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { memo } from 'react';\n\nimport ChartFilter from '../../internal/components/chart-filter';\nimport { AreaChartProps } from '../interfaces';\nimport { ChartModel } from '../model';\n\nexport default memo(AreaChartFilter) as typeof AreaChartFilter;\n\nfunction AreaChartFilter<T extends AreaChartProps.DataTypes>({\n  model,\n  filterLabel,\n  filterPlaceholder,\n  filterSelectedAriaLabel,\n}: {\n  model: ChartModel<T>;\n  filterLabel?: string;\n  filterPlaceholder?: string;\n  filterSelectedAriaLabel?: string;\n}) {\n  const filterItems = model.allSeries.map(s => {\n    const { title, color, markerType } = model.getInternalSeries(s);\n    return { label: title, color, type: markerType, datum: s };\n  });\n\n  return (\n    <ChartFilter\n      series={filterItems}\n      onChange={model.handlers.onFilterSeries}\n      selectedSeries={model.series}\n      i18nStrings={{\n        filterLabel,\n        filterPlaceholder,\n        filterSelectedAriaLabel,\n      }}\n    />\n  );\n}\n"]}
+{"version":3,"file":"area-chart-filter.js","sourceRoot":"","sources":["../../../../src/area-chart/elements/area-chart-filter.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,WAAW,MAAM,wCAAwC,CAAC;AACjE,OAAO,iBAAiB,MAAM,+CAA+C,CAAC;AAI9E,eAAe,IAAI,CAAC,eAAe,CAA2B,CAAC;AAE/D,SAAS,eAAe,CAAqC,EAC3D,KAAK,EACL,WAAW,EACX,iBAAiB,EACjB,uBAAuB,GAMxB;IACC,MAAM,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;QAC1C,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;QAChE,OAAO;YACL,KAAK,EAAE,KAAK;YACZ,MAAM,EAAE,oBAAC,iBAAiB,IAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAI;YAC7D,KAAK,EAAE,CAAC;SACT,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,WAAW,IACV,MAAM,EAAE,WAAW,EACnB,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,cAAc,EACvC,cAAc,EAAE,KAAK,CAAC,MAAM,EAC5B,WAAW,EAAE;YACX,WAAW;YACX,iBAAiB;YACjB,uBAAuB;SACxB,GACD,CACH,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { memo } from 'react';\n\nimport ChartFilter from '../../internal/components/chart-filter';\nimport ChartSeriesMarker from '../../internal/components/chart-series-marker';\nimport { AreaChartProps } from '../interfaces';\nimport { ChartModel } from '../model';\n\nexport default memo(AreaChartFilter) as typeof AreaChartFilter;\n\nfunction AreaChartFilter<T extends AreaChartProps.DataTypes>({\n  model,\n  filterLabel,\n  filterPlaceholder,\n  filterSelectedAriaLabel,\n}: {\n  model: ChartModel<T>;\n  filterLabel?: string;\n  filterPlaceholder?: string;\n  filterSelectedAriaLabel?: string;\n}) {\n  const filterItems = model.allSeries.map(s => {\n    const { title, color, markerType } = model.getInternalSeries(s);\n    return {\n      label: title,\n      marker: <ChartSeriesMarker type={markerType} color={color} />,\n      datum: s,\n    };\n  });\n\n  return (\n    <ChartFilter\n      series={filterItems}\n      onChange={model.handlers.onFilterSeries}\n      selectedSeries={model.series}\n      i18nStrings={{\n        filterLabel,\n        filterPlaceholder,\n        filterSelectedAriaLabel,\n      }}\n    />\n  );\n}\n"]}

package/area-chart/elements/area-chart-legend.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"area-chart-legend.d.ts","sourceRoot":"","sources":["../../../../src/area-chart/elements/area-chart-legend.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAI7C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;;AAEtC,wBAA+D;AAE/D,iBAAS,eAAe,CAAC,CAAC,SAAS,cAAc,CAAC,SAAS,EAAE,EAC3D,KAAK,EACL,WAAW,EACX,SAAS,EACT,gBAAgB,GACjB,EAAE;IACD,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IACrB,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,eAsBA"}
+{"version":3,"file":"area-chart-legend.d.ts","sourceRoot":"","sources":["../../../../src/area-chart/elements/area-chart-legend.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAK7C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;;AAEtC,wBAA+D;AAE/D,iBAAS,eAAe,CAAC,CAAC,SAAS,cAAc,CAAC,SAAS,EAAE,EAC3D,KAAK,EACL,WAAW,EACX,SAAS,EACT,gBAAgB,GACjB,EAAE;IACD,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IACrB,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,eAsBA"}

package/area-chart/elements/area-chart-legend.js

@@ -2,12 +2,13 @@
 // SPDX-License-Identifier: Apache-2.0
 import React, { memo, useMemo } from 'react';
 import ChartLegend from '../../internal/components/chart-legend';
+import ChartSeriesMarker from '../../internal/components/chart-series-marker';
 import { useSelector } from '../async-store';
 export default memo(AreaChartLegend);
 function AreaChartLegend({ model, legendTitle, ariaLabel, plotContainerRef, }) {
     const legendItems = useMemo(() => model.series.map(s => {
         const { title, color, markerType } = model.getInternalSeries(s);
-        return { label: title, color, type: markerType, datum: s };
+        return { label: title, marker: React.createElement(ChartSeriesMarker, { color: color, type: markerType }), datum: s };
     }), [model]);
     const legendSeries = useSelector(model.interactions, state => state.legendSeries);
     return (React.createElement(ChartLegend, { series: legendItems, highlightedSeries: legendSeries, onHighlightChange: model.handlers.onLegendHighlight, legendTitle: legendTitle, ariaLabel: ariaLabel, plotContainerRef: plotContainerRef }));

package/area-chart/elements/area-chart-legend.js.map

@@ -1 +1 @@
-{"version":3,"file":"area-chart-legend.js","sourceRoot":"","sources":["../../../../src/area-chart/elements/area-chart-legend.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,WAAW,MAAM,wCAAwC,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAI7C,eAAe,IAAI,CAAC,eAAe,CAA2B,CAAC;AAE/D,SAAS,eAAe,CAAqC,EAC3D,KAAK,EACL,WAAW,EACX,SAAS,EACT,gBAAgB,GAMjB;IACC,MAAM,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE,CACH,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;QACnB,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;QAChE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;IAC7D,CAAC,CAAC,EACJ,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAAC,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAElF,OAAO,CACL,oBAAC,WAAW,IACV,MAAM,EAAE,WAAW,EACnB,iBAAiB,EAAE,YAAY,EAC/B,iBAAiB,EAAE,KAAK,CAAC,QAAQ,CAAC,iBAAiB,EACnD,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { memo, useMemo } from 'react';\n\nimport ChartLegend from '../../internal/components/chart-legend';\nimport { useSelector } from '../async-store';\nimport { AreaChartProps } from '../interfaces';\nimport { ChartModel } from '../model';\n\nexport default memo(AreaChartLegend) as typeof AreaChartLegend;\n\nfunction AreaChartLegend<T extends AreaChartProps.DataTypes>({\n  model,\n  legendTitle,\n  ariaLabel,\n  plotContainerRef,\n}: {\n  model: ChartModel<T>;\n  plotContainerRef: React.RefObject<HTMLDivElement>;\n  legendTitle?: string;\n  ariaLabel?: string;\n}) {\n  const legendItems = useMemo(\n    () =>\n      model.series.map(s => {\n        const { title, color, markerType } = model.getInternalSeries(s);\n        return { label: title, color, type: markerType, datum: s };\n      }),\n    [model]\n  );\n\n  const legendSeries = useSelector(model.interactions, state => state.legendSeries);\n\n  return (\n    <ChartLegend\n      series={legendItems}\n      highlightedSeries={legendSeries}\n      onHighlightChange={model.handlers.onLegendHighlight}\n      legendTitle={legendTitle}\n      ariaLabel={ariaLabel}\n      plotContainerRef={plotContainerRef}\n    />\n  );\n}\n"]}
+{"version":3,"file":"area-chart-legend.js","sourceRoot":"","sources":["../../../../src/area-chart/elements/area-chart-legend.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,WAAW,MAAM,wCAAwC,CAAC;AACjE,OAAO,iBAAiB,MAAM,+CAA+C,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAI7C,eAAe,IAAI,CAAC,eAAe,CAA2B,CAAC;AAE/D,SAAS,eAAe,CAAqC,EAC3D,KAAK,EACL,WAAW,EACX,SAAS,EACT,gBAAgB,GAMjB;IACC,MAAM,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE,CACH,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;QACnB,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;QAChE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,oBAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,GAAI,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;IACnG,CAAC,CAAC,EACJ,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAAC,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAElF,OAAO,CACL,oBAAC,WAAW,IACV,MAAM,EAAE,WAAW,EACnB,iBAAiB,EAAE,YAAY,EAC/B,iBAAiB,EAAE,KAAK,CAAC,QAAQ,CAAC,iBAAiB,EACnD,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { memo, useMemo } from 'react';\n\nimport ChartLegend from '../../internal/components/chart-legend';\nimport ChartSeriesMarker from '../../internal/components/chart-series-marker';\nimport { useSelector } from '../async-store';\nimport { AreaChartProps } from '../interfaces';\nimport { ChartModel } from '../model';\n\nexport default memo(AreaChartLegend) as typeof AreaChartLegend;\n\nfunction AreaChartLegend<T extends AreaChartProps.DataTypes>({\n  model,\n  legendTitle,\n  ariaLabel,\n  plotContainerRef,\n}: {\n  model: ChartModel<T>;\n  plotContainerRef: React.RefObject<HTMLDivElement>;\n  legendTitle?: string;\n  ariaLabel?: string;\n}) {\n  const legendItems = useMemo(\n    () =>\n      model.series.map(s => {\n        const { title, color, markerType } = model.getInternalSeries(s);\n        return { label: title, marker: <ChartSeriesMarker color={color} type={markerType} />, datum: s };\n      }),\n    [model]\n  );\n\n  const legendSeries = useSelector(model.interactions, state => state.legendSeries);\n\n  return (\n    <ChartLegend\n      series={legendItems}\n      highlightedSeries={legendSeries}\n      onHighlightChange={model.handlers.onLegendHighlight}\n      legendTitle={legendTitle}\n      ariaLabel={ariaLabel}\n      plotContainerRef={plotContainerRef}\n    />\n  );\n}\n"]}

package/area-chart/elements/chart-popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chart-popover.d.ts","sourceRoot":"","sources":["../../../../src/area-chart/elements/chart-popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAI3D,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,CAAC,SAAS,cAAc,CAAC,SAAS,EAAE,EAC3E,KAAK,EACL,gBAAgB,EAChB,gBAAgB,EAChB,MAAM,EACN,IAAI,EACJ,MAAM,GACP,EAAE;IACD,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IACrB,gBAAgB,EAAE,IAAI,GAAG,gBAAgB,CAAC;IAC1C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC5C,sBA6BA"}
+{"version":3,"file":"chart-popover.d.ts","sourceRoot":"","sources":["../../../../src/area-chart/elements/chart-popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAI3D,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,CAAC,SAAS,cAAc,CAAC,SAAS,EAAE,EAC3E,KAAK,EACL,gBAAgB,EAChB,gBAAgB,EAChB,MAAM,EACN,IAAI,EACJ,MAAM,GACP,EAAE;IACD,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IACrB,gBAAgB,EAAE,IAAI,GAAG,gBAAgB,CAAC;IAC1C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC5C,sBA6BA"}

package/area-chart/elements/chart-popover.js

@@ -2,7 +2,6 @@
 // SPDX-License-Identifier: Apache-2.0
 import React from 'react';
 import ChartPopover from '../../internal/components/chart-popover';
-import ChartPopoverFooter from '../../internal/components/chart-popover-footer';
 import ChartSeriesDetails from '../../internal/components/chart-series-details';
 import styles from '../styles.css.js';
 export default function AreaChartPopover({ model, highlightDetails, dismissAriaLabel, footer, size, onBlur, }) {
@@ -18,10 +17,9 @@ export default function AreaChartPopover({ model, highlightDetails, dismissAriaL
         onMouseLeave: model.handlers.onPopoverLeave,
         ref: model.refs.popoverRef,
     };
-    return (React.createElement(ChartPopover, Object.assign({}, popoverProps, { container: model.refs.container.current, dismissAriaLabel: dismissAriaLabel, size: size, onBlur: onBlur }),
+    return (React.createElement(ChartPopover, Object.assign({}, popoverProps, { container: model.refs.container.current, dismissAriaLabel: dismissAriaLabel, size: size, onBlur: onBlur, footer: footer }),
         React.createElement(ChartSeriesDetails, { details: highlightDetails.seriesDetails }),
         React.createElement("div", { className: styles['popover-divider'] }),
-        React.createElement(ChartSeriesDetails, { details: highlightDetails.totalDetails }),
-        footer && React.createElement(ChartPopoverFooter, null, footer)));
+        React.createElement(ChartSeriesDetails, { details: highlightDetails.totalDetails })));
 }
 //# sourceMappingURL=chart-popover.js.map

package/area-chart/elements/chart-popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"chart-popover.js","sourceRoot":"","sources":["../../../../src/area-chart/elements/chart-popover.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,YAAY,MAAM,yCAAyC,CAAC;AACnE,OAAO,kBAAkB,MAAM,gDAAgD,CAAC;AAChF,OAAO,kBAAkB,MAAM,gDAAgD,CAAC;AAKhF,OAAO,MAAM,MAAM,kBAAkB,CAAC;AAEtC,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAqC,EAC3E,KAAK,EACL,gBAAgB,EAChB,gBAAgB,EAChB,MAAM,EACN,IAAI,EACJ,MAAM,GAQP;IACC,IAAI,CAAC,gBAAgB,EAAE;QACrB,OAAO,IAAI,CAAC;KACb;IAED,MAAM,YAAY,GAAG;QACnB,KAAK,EAAE,gBAAgB,CAAC,UAAU;QAClC,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC,cAAc;QACnC,QAAQ,EAAE,gBAAgB,CAAC,cAAc;QACzC,aAAa,EAAE,gBAAgB,CAAC,eAAe;QAC/C,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,gBAAgB;QAC1C,YAAY,EAAE,KAAK,CAAC,QAAQ,CAAC,cAAc;QAC3C,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,UAAU;KAC3B,CAAC;IAEF,OAAO,CACL,oBAAC,YAAY,oBACP,YAAY,IAChB,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,EACvC,gBAAgB,EAAE,gBAAgB,EAClC,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM;QAEd,oBAAC,kBAAkB,IAAC,OAAO,EAAE,gBAAgB,CAAC,aAAa,GAAI;QAC/D,6BAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC,GAAI;QAC7C,oBAAC,kBAAkB,IAAC,OAAO,EAAE,gBAAgB,CAAC,YAAY,GAAI;QAC7D,MAAM,IAAI,oBAAC,kBAAkB,QAAE,MAAM,CAAsB,CAC/C,CAChB,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport ChartPopover from '../../internal/components/chart-popover';\nimport ChartPopoverFooter from '../../internal/components/chart-popover-footer';\nimport ChartSeriesDetails from '../../internal/components/chart-series-details';\nimport { AreaChartProps } from '../interfaces';\nimport { ChartModel } from '../model';\nimport { HighlightDetails } from './use-highlight-details';\n\nimport styles from '../styles.css.js';\n\nexport default function AreaChartPopover<T extends AreaChartProps.DataTypes>({\n  model,\n  highlightDetails,\n  dismissAriaLabel,\n  footer,\n  size,\n  onBlur,\n}: {\n  model: ChartModel<T>;\n  highlightDetails: null | HighlightDetails;\n  dismissAriaLabel?: string;\n  footer?: React.ReactNode;\n  size?: 'small' | 'medium' | 'large';\n  onBlur?: (event: React.FocusEvent) => void;\n}) {\n  if (!highlightDetails) {\n    return null;\n  }\n\n  const popoverProps = {\n    title: highlightDetails.formattedX,\n    trackRef: model.refs.verticalMarker,\n    trackKey: highlightDetails.highlightIndex,\n    dismissButton: highlightDetails.isPopoverPinned,\n    onDismiss: model.handlers.onPopoverDismiss,\n    onMouseLeave: model.handlers.onPopoverLeave,\n    ref: model.refs.popoverRef,\n  };\n\n  return (\n    <ChartPopover\n      {...popoverProps}\n      container={model.refs.container.current}\n      dismissAriaLabel={dismissAriaLabel}\n      size={size}\n      onBlur={onBlur}\n    >\n      <ChartSeriesDetails details={highlightDetails.seriesDetails} />\n      <div className={styles['popover-divider']} />\n      <ChartSeriesDetails details={highlightDetails.totalDetails} />\n      {footer && <ChartPopoverFooter>{footer}</ChartPopoverFooter>}\n    </ChartPopover>\n  );\n}\n"]}
+{"version":3,"file":"chart-popover.js","sourceRoot":"","sources":["../../../../src/area-chart/elements/chart-popover.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,YAAY,MAAM,yCAAyC,CAAC;AACnE,OAAO,kBAAkB,MAAM,gDAAgD,CAAC;AAKhF,OAAO,MAAM,MAAM,kBAAkB,CAAC;AAEtC,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAqC,EAC3E,KAAK,EACL,gBAAgB,EAChB,gBAAgB,EAChB,MAAM,EACN,IAAI,EACJ,MAAM,GAQP;IACC,IAAI,CAAC,gBAAgB,EAAE;QACrB,OAAO,IAAI,CAAC;KACb;IAED,MAAM,YAAY,GAAG;QACnB,KAAK,EAAE,gBAAgB,CAAC,UAAU;QAClC,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC,cAAc;QACnC,QAAQ,EAAE,gBAAgB,CAAC,cAAc;QACzC,aAAa,EAAE,gBAAgB,CAAC,eAAe;QAC/C,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,gBAAgB;QAC1C,YAAY,EAAE,KAAK,CAAC,QAAQ,CAAC,cAAc;QAC3C,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,UAAU;KAC3B,CAAC;IAEF,OAAO,CACL,oBAAC,YAAY,oBACP,YAAY,IAChB,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,EACvC,gBAAgB,EAAE,gBAAgB,EAClC,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM;QAEd,oBAAC,kBAAkB,IAAC,OAAO,EAAE,gBAAgB,CAAC,aAAa,GAAI;QAC/D,6BAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC,GAAI;QAC7C,oBAAC,kBAAkB,IAAC,OAAO,EAAE,gBAAgB,CAAC,YAAY,GAAI,CACjD,CAChB,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport ChartPopover from '../../internal/components/chart-popover';\nimport ChartSeriesDetails from '../../internal/components/chart-series-details';\nimport { AreaChartProps } from '../interfaces';\nimport { ChartModel } from '../model';\nimport { HighlightDetails } from './use-highlight-details';\n\nimport styles from '../styles.css.js';\n\nexport default function AreaChartPopover<T extends AreaChartProps.DataTypes>({\n  model,\n  highlightDetails,\n  dismissAriaLabel,\n  footer,\n  size,\n  onBlur,\n}: {\n  model: ChartModel<T>;\n  highlightDetails: null | HighlightDetails;\n  dismissAriaLabel?: string;\n  footer?: React.ReactNode;\n  size?: 'small' | 'medium' | 'large';\n  onBlur?: (event: React.FocusEvent) => void;\n}) {\n  if (!highlightDetails) {\n    return null;\n  }\n\n  const popoverProps = {\n    title: highlightDetails.formattedX,\n    trackRef: model.refs.verticalMarker,\n    trackKey: highlightDetails.highlightIndex,\n    dismissButton: highlightDetails.isPopoverPinned,\n    onDismiss: model.handlers.onPopoverDismiss,\n    onMouseLeave: model.handlers.onPopoverLeave,\n    ref: model.refs.popoverRef,\n  };\n\n  return (\n    <ChartPopover\n      {...popoverProps}\n      container={model.refs.container.current}\n      dismissAriaLabel={dismissAriaLabel}\n      size={size}\n      onBlur={onBlur}\n      footer={footer}\n    >\n      <ChartSeriesDetails details={highlightDetails.seriesDetails} />\n      <div className={styles['popover-divider']} />\n      <ChartSeriesDetails details={highlightDetails.totalDetails} />\n    </ChartPopover>\n  );\n}\n"]}

package/area-chart/styles.css.js

@@ -1,11 +1,11 @@
 
     import './styles.scoped.css';
     export default {
-  "series": "awsui_series_y1yrh_ypeom_189",
-  "root": "awsui_root_y1yrh_ypeom_203",
-  "series--highlighted": "awsui_series--highlighted_y1yrh_ypeom_215",
-  "series--dimmed": "awsui_series--dimmed_y1yrh_ypeom_219",
-  "series--threshold": "awsui_series--threshold_y1yrh_ypeom_223",
-  "popover-divider": "awsui_popover-divider_y1yrh_ypeom_228"
+  "series": "awsui_series_y1yrh_msafq_189",
+  "root": "awsui_root_y1yrh_msafq_203",
+  "series--highlighted": "awsui_series--highlighted_y1yrh_msafq_215",
+  "series--dimmed": "awsui_series--dimmed_y1yrh_msafq_219",
+  "series--threshold": "awsui_series--threshold_y1yrh_msafq_223",
+  "popover-divider": "awsui_popover-divider_y1yrh_msafq_228"
 };
   

package/area-chart/styles.scoped.css

@@ -186,47 +186,47 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_series_y1yrh_ypeom_189 > rect:not(#\9) {
-  transition: opacity var(--motion-duration-transition-quick-6npj01, 90ms) var(--motion-easing-transition-quick-l9jfsx, linear);
+.awsui_series_y1yrh_msafq_189 > rect:not(#\9) {
+  transition: opacity var(--motion-duration-transition-quick-mcm2y0, 90ms) var(--motion-easing-transition-quick-qxak3i, linear);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_series_y1yrh_ypeom_189 > rect:not(#\9) {
+  .awsui_series_y1yrh_msafq_189 > rect:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_series_y1yrh_ypeom_189 > rect:not(#\9), .awsui-mode-entering .awsui_series_y1yrh_ypeom_189 > rect:not(#\9) {
+.awsui-motion-disabled .awsui_series_y1yrh_msafq_189 > rect:not(#\9), .awsui-mode-entering .awsui_series_y1yrh_msafq_189 > rect:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_y1yrh_ypeom_203:not(#\9) {
+.awsui_root_y1yrh_msafq_203:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_series_y1yrh_ypeom_189:not(#\9) {
+.awsui_series_y1yrh_msafq_189:not(#\9) {
   display: block;
-  stroke-width: var(--border-line-chart-width-9mzos2, 2px);
+  stroke-width: var(--border-line-chart-width-tesor1, 2px);
   fill: none;
   stroke-linecap: round;
-  stroke-linejoin: var(--border-line-chart-line-join-hdz0jf, round);
+  stroke-linejoin: var(--border-line-chart-line-join-aslwou, round);
 }
 
-.awsui_series--highlighted_y1yrh_ypeom_215:not(#\9) {
+.awsui_series--highlighted_y1yrh_msafq_215:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_series--dimmed_y1yrh_ypeom_219:not(#\9) {
+.awsui_series--dimmed_y1yrh_msafq_219:not(#\9) {
   opacity: 0.3;
 }
 
-.awsui_series--threshold_y1yrh_ypeom_223:not(#\9) {
-  stroke-dasharray: var(--border-line-chart-dash-array-k49cgz, 3 5);
-  stroke-width: var(--border-line-chart-width-9mzos2, 2px);
+.awsui_series--threshold_y1yrh_msafq_223:not(#\9) {
+  stroke-dasharray: var(--border-line-chart-dash-array-desefi, 3 5);
+  stroke-width: var(--border-line-chart-width-tesor1, 2px);
 }
 
-.awsui_popover-divider_y1yrh_ypeom_228:not(#\9) {
-  margin-block: var(--space-xs-zb16t3, 8px);
+.awsui_popover-divider_y1yrh_msafq_228:not(#\9) {
+  margin-block: var(--space-xs-ymlm0b, 8px);
   margin-inline: 0;
-  border-block-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-cx07f2, #c6c6cd);
+  border-block-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-divider-default-jm73jm, #c6c6cd);
 }

package/area-chart/styles.selectors.js

@@ -2,11 +2,11 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "series": "awsui_series_y1yrh_ypeom_189",
-  "root": "awsui_root_y1yrh_ypeom_203",
-  "series--highlighted": "awsui_series--highlighted_y1yrh_ypeom_215",
-  "series--dimmed": "awsui_series--dimmed_y1yrh_ypeom_219",
-  "series--threshold": "awsui_series--threshold_y1yrh_ypeom_223",
-  "popover-divider": "awsui_popover-divider_y1yrh_ypeom_228"
+  "series": "awsui_series_y1yrh_msafq_189",
+  "root": "awsui_root_y1yrh_msafq_203",
+  "series--highlighted": "awsui_series--highlighted_y1yrh_msafq_215",
+  "series--dimmed": "awsui_series--dimmed_y1yrh_msafq_219",
+  "series--threshold": "awsui_series--threshold_y1yrh_msafq_223",
+  "popover-divider": "awsui_popover-divider_y1yrh_msafq_228"
 };
   

package/attribute-editor/styles.css.js

@@ -1,20 +1,20 @@
 
     import './styles.scoped.css';
     export default {
-  "empty-appear": "awsui_empty-appear_n4qlp_1j0l4_153",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_1j0l4_1",
-  "root": "awsui_root_n4qlp_1j0l4_175",
-  "empty": "awsui_empty_n4qlp_1j0l4_153",
-  "row": "awsui_row_n4qlp_1j0l4_218",
-  "divider": "awsui_divider_n4qlp_1j0l4_222",
-  "row-control": "awsui_row-control_n4qlp_1j0l4_227",
-  "field": "awsui_field_n4qlp_1j0l4_231",
-  "additional-info": "awsui_additional-info_n4qlp_1j0l4_235",
-  "add-row": "awsui_add-row_n4qlp_1j0l4_281",
-  "add-button": "awsui_add-button_n4qlp_1j0l4_285",
-  "remove-button-container": "awsui_remove-button-container_n4qlp_1j0l4_289",
-  "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_1j0l4_293",
-  "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_1j0l4_297",
-  "remove-button": "awsui_remove-button_n4qlp_1j0l4_289"
+  "empty-appear": "awsui_empty-appear_n4qlp_vmmmm_153",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_vmmmm_1",
+  "root": "awsui_root_n4qlp_vmmmm_175",
+  "empty": "awsui_empty_n4qlp_vmmmm_153",
+  "row": "awsui_row_n4qlp_vmmmm_218",
+  "divider": "awsui_divider_n4qlp_vmmmm_222",
+  "row-control": "awsui_row-control_n4qlp_vmmmm_227",
+  "field": "awsui_field_n4qlp_vmmmm_231",
+  "additional-info": "awsui_additional-info_n4qlp_vmmmm_235",
+  "add-row": "awsui_add-row_n4qlp_vmmmm_281",
+  "add-button": "awsui_add-button_n4qlp_vmmmm_285",
+  "remove-button-container": "awsui_remove-button-container_n4qlp_vmmmm_289",
+  "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_vmmmm_293",
+  "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_vmmmm_297",
+  "remove-button": "awsui_remove-button_n4qlp_vmmmm_289"
 };
   

package/attribute-editor/styles.scoped.css

@@ -150,10 +150,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_empty-appear_n4qlp_1j0l4_153:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_n4qlp_1j0l4_1 var(--motion-duration-transition-show-paced-9s9l5z, 180ms) var(--motion-easing-transition-show-paced-eobwvi, ease-out);
+.awsui_empty-appear_n4qlp_vmmmm_153:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_n4qlp_vmmmm_1 var(--motion-duration-transition-show-paced-t8d1os, 180ms) var(--motion-easing-transition-show-paced-x2k7uh, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_n4qlp_1j0l4_1 {
+@keyframes awsui_awsui-motion-fade-in_n4qlp_vmmmm_1 {
   from {
     opacity: 0.2;
   }
@@ -162,17 +162,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_empty-appear_n4qlp_1j0l4_153:not(#\9) {
+  .awsui_empty-appear_n4qlp_vmmmm_153:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_empty-appear_n4qlp_1j0l4_153:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_1j0l4_153:not(#\9) {
+.awsui-motion-disabled .awsui_empty-appear_n4qlp_vmmmm_153:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_vmmmm_153:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_n4qlp_1j0l4_175:not(#\9) {
+.awsui_root_n4qlp_vmmmm_175:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -196,57 +196,57 @@ 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-x4okxb, 14px);
-  line-height: var(--line-height-body-m-30ar75, 20px);
-  color: var(--color-text-body-default-7v1jfn, #0f141a);
+  font-size: var(--font-size-body-m-a7nh2n, 14px);
+  line-height: var(--line-height-body-m-2mh3ke, 20px);
+  color: var(--color-text-body-default-3mljql, #0f141a);
   font-weight: 400;
-  font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-gmnpzl, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
   display: grid;
   grid-template-rows: min-content;
-  gap: var(--space-grid-gutter-ieqn7e, 20px);
+  gap: var(--space-grid-gutter-whc3jp, 20px);
   align-items: start;
 }
 
-.awsui_empty_n4qlp_1j0l4_153:not(#\9) {
-  font-size: var(--font-size-body-m-x4okxb, 14px);
-  line-height: var(--line-height-body-m-30ar75, 20px);
-  color: var(--color-text-empty-o6660v, #656871);
+.awsui_empty_n4qlp_vmmmm_153:not(#\9) {
+  font-size: var(--font-size-body-m-a7nh2n, 14px);
+  line-height: var(--line-height-body-m-2mh3ke, 20px);
+  color: var(--color-text-empty-68xc4n, #656871);
   grid-column: 1/-1;
 }
 
-.awsui_row_n4qlp_1j0l4_218:not(#\9) {
+.awsui_row_n4qlp_vmmmm_218:not(#\9) {
   display: contents;
 }
 
-.awsui_divider_n4qlp_1j0l4_222:not(#\9) {
+.awsui_divider_n4qlp_vmmmm_222:not(#\9) {
   grid-column: 1/-1;
-  border-block-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-cx07f2, #c6c6cd);
+  border-block-start: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-divider-default-jm73jm, #c6c6cd);
 }
 
-.awsui_row-control_n4qlp_1j0l4_227:not(#\9) {
+.awsui_row-control_n4qlp_vmmmm_227:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_field_n4qlp_1j0l4_231:not(#\9) {
+.awsui_field_n4qlp_vmmmm_231:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_additional-info_n4qlp_1j0l4_235:not(#\9) {
-  color: var(--color-text-form-secondary-54emib, #656871);
-  font-size: var(--font-size-body-s-asqx2i, 12px);
-  line-height: var(--line-height-body-s-7zv1j5, 16px);
-  letter-spacing: var(--letter-spacing-body-s-z9jkwp, 0.005em);
+.awsui_additional-info_n4qlp_vmmmm_235:not(#\9) {
+  color: var(--color-text-form-secondary-t0glp7, #656871);
+  font-size: var(--font-size-body-s-smc8cv, 12px);
+  line-height: var(--line-height-body-s-nu5hx1, 16px);
+  letter-spacing: var(--letter-spacing-body-s-gq78ok, 0.005em);
   display: block;
   word-wrap: break-word;
-  margin-block-start: var(--space-xxs-p8yyaw, 4px);
+  margin-block-start: var(--space-xxs-hwfkai, 4px);
   /* stylelint-disable-next-line selector-max-type */
 }
-.awsui_additional-info_n4qlp_1j0l4_235 > a:not(#\9) {
+.awsui_additional-info_n4qlp_vmmmm_235 > a:not(#\9) {
   text-underline-offset: 0.3em;
   text-decoration-thickness: 1px;
-  color: var(--color-text-link-default-enwvrt, #006ce0);
+  color: var(--color-text-link-default-dsa7ac, #006ce0);
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: underline;
@@ -254,53 +254,53 @@ 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-nf6485, 165ms);
+  transition-duration: var(--motion-duration-refresh-only-medium-5rbn3k, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_additional-info_n4qlp_1j0l4_235 > a:not(#\9) {
+  .awsui_additional-info_n4qlp_vmmmm_235 > a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_additional-info_n4qlp_1j0l4_235 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_1j0l4_235 > a:not(#\9) {
+.awsui-motion-disabled .awsui_additional-info_n4qlp_vmmmm_235 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_vmmmm_235 > a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_additional-info_n4qlp_1j0l4_235 > a:not(#\9):hover {
+.awsui_additional-info_n4qlp_vmmmm_235 > a:not(#\9):hover {
   cursor: pointer;
-  color: var(--color-text-link-hover-49uoe9, #002b66);
+  color: var(--color-text-link-hover-nut5c6, #002b66);
 }
-.awsui_additional-info_n4qlp_1j0l4_235 > a:not(#\9):focus {
+.awsui_additional-info_n4qlp_vmmmm_235 > a:not(#\9):focus {
   outline: none;
 }
-.awsui_additional-info_n4qlp_1j0l4_235 > a:not(#\9):active {
-  color: var(--color-text-link-hover-49uoe9, #002b66);
+.awsui_additional-info_n4qlp_vmmmm_235 > a:not(#\9):active {
+  color: var(--color-text-link-hover-nut5c6, #002b66);
 }
-.awsui_additional-info_n4qlp_1j0l4_235 > a:not(#\9):active, .awsui_additional-info_n4qlp_1j0l4_235 > a:not(#\9):focus, .awsui_additional-info_n4qlp_1j0l4_235 > a:not(#\9):hover {
+.awsui_additional-info_n4qlp_vmmmm_235 > a:not(#\9):active, .awsui_additional-info_n4qlp_vmmmm_235 > a:not(#\9):focus, .awsui_additional-info_n4qlp_vmmmm_235 > a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
 
-.awsui_add-row_n4qlp_1j0l4_281:not(#\9) {
+.awsui_add-row_n4qlp_vmmmm_281:not(#\9) {
   grid-column: 1/-1;
 }
 
-.awsui_add-button_n4qlp_1j0l4_285:not(#\9) {
+.awsui_add-button_n4qlp_vmmmm_285:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_remove-button-container_n4qlp_1j0l4_289:not(#\9) {
+.awsui_remove-button-container_n4qlp_vmmmm_289:not(#\9) {
   display: inline-block;
 }
 
-.awsui_remove-button-field-padding_n4qlp_1j0l4_293:not(#\9) {
-  padding-block-start: calc(var(--space-xxs-p8yyaw, 4px) + var(--line-height-body-m-30ar75, 20px));
+.awsui_remove-button-field-padding_n4qlp_vmmmm_293:not(#\9) {
+  padding-block-start: calc(var(--space-xxs-hwfkai, 4px) + var(--line-height-body-m-2mh3ke, 20px));
 }
 
-.awsui_remove-button-own-row_n4qlp_1j0l4_297:not(#\9) {
+.awsui_remove-button-own-row_n4qlp_vmmmm_297:not(#\9) {
   justify-self: end;
 }
 
-.awsui_remove-button_n4qlp_1j0l4_289:not(#\9) {
+.awsui_remove-button_n4qlp_vmmmm_289:not(#\9) {
   /* used in test-utils */
 }