@cloudscape-design/components-themeable 3.0.374 → 3.0.376

package/lib/internal/template/internal/components/cartesian-chart/styles.scoped.css

@@ -6,139 +6,139 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_axis_f0fot_f1dd8_9:not(#\9),
-.awsui_vertical-marker_f0fot_f1dd8_10:not(#\9) {
-  stroke: var(--color-charts-line-axis-67cfgw, #d5dbdb);
+.awsui_axis_f0fot_1jt80_9:not(#\9),
+.awsui_vertical-marker_f0fot_1jt80_10:not(#\9) {
+  stroke: var(--color-charts-line-axis-1p5r06, #d5dbdb);
   stroke-width: 1px;
 }
 
-.awsui_axis--emphasized_f0fot_f1dd8_15:not(#\9) {
+.awsui_axis--emphasized_f0fot_1jt80_15:not(#\9) {
   stroke-width: 2px;
 }
 
-.awsui_axis-label_f0fot_f1dd8_19:not(#\9) {
+.awsui_axis-label_f0fot_1jt80_19:not(#\9) {
   font-weight: bold;
-  fill: var(--color-text-body-default-rcjsde, #16191f);
+  fill: var(--color-text-body-default-ki9w9u, #16191f);
 }
 
-.awsui_axis-label--x_f0fot_f1dd8_24:not(#\9),
-.awsui_axis-label--y_f0fot_f1dd8_25:not(#\9) {
+.awsui_axis-label--x_f0fot_1jt80_24:not(#\9),
+.awsui_axis-label--y_f0fot_1jt80_25:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_grid_f0fot_f1dd8_29:not(#\9) {
-  stroke: var(--color-charts-line-grid-5lox00, #d5dbdb);
+.awsui_grid_f0fot_1jt80_29:not(#\9) {
+  stroke: var(--color-charts-line-grid-1xcsr5, #d5dbdb);
   stroke-width: 1px;
 }
 
-.awsui_ticks__line_f0fot_f1dd8_34:not(#\9) {
-  stroke: var(--color-charts-line-tick-4mz4bh, #d5dbdb);
+.awsui_ticks__line_f0fot_1jt80_34:not(#\9) {
+  stroke: var(--color-charts-line-tick-lj9bpx, #d5dbdb);
   stroke-width: 1px;
 }
 
-.awsui_ticks__text_f0fot_f1dd8_39:not(#\9) {
-  font-size: var(--font-chart-detail-size-2dh15u, 14px);
-  fill: var(--color-text-body-secondary-1dgmjw, #545b64);
+.awsui_ticks__text_f0fot_1jt80_39:not(#\9) {
+  font-size: var(--font-chart-detail-size-pob89f, 14px);
+  fill: var(--color-text-body-secondary-yttmze, #545b64);
 }
 
-.awsui_ticks--y_f0fot_f1dd8_44:not(#\9),
-.awsui_ticks--x_f0fot_f1dd8_45:not(#\9) {
+.awsui_ticks--y_f0fot_1jt80_44:not(#\9),
+.awsui_ticks--x_f0fot_1jt80_45:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_ticks--bottom_f0fot_f1dd8_49 > .awsui_ticks__text_f0fot_f1dd8_39:not(#\9) {
+.awsui_ticks--bottom_f0fot_1jt80_49 > .awsui_ticks__text_f0fot_1jt80_39:not(#\9) {
   text-anchor: middle;
   dominant-baseline: hanging;
 }
 
-.awsui_labels-left_f0fot_f1dd8_54 > .awsui_ticks_f0fot_f1dd8_34 > .awsui_ticks__text_f0fot_f1dd8_39:not(#\9) {
+.awsui_labels-left_f0fot_1jt80_54 > .awsui_ticks_f0fot_1jt80_34 > .awsui_ticks__text_f0fot_1jt80_39:not(#\9) {
   text-anchor: end;
   dominant-baseline: central;
 }
 
-.awsui_labels-left_f0fot_f1dd8_54:not(#\9) {
+.awsui_labels-left_f0fot_1jt80_54:not(#\9) {
   position: relative;
   margin-right: 12px;
 }
-.awsui_labels-left_f0fot_f1dd8_54 > .awsui_axis-label_f0fot_f1dd8_19:not(#\9) {
+.awsui_labels-left_f0fot_1jt80_54 > .awsui_axis-label_f0fot_1jt80_19:not(#\9) {
   position: absolute;
   visibility: visible;
   white-space: nowrap;
 }
 
-.awsui_labels-left__label_f0fot_f1dd8_69:not(#\9) {
+.awsui_labels-left__label_f0fot_1jt80_69:not(#\9) {
   position: absolute;
 }
 
-.awsui_labels-left--hidden_f0fot_f1dd8_73:not(#\9) {
+.awsui_labels-left--hidden_f0fot_1jt80_73:not(#\9) {
   visibility: hidden;
 }
-.awsui_labels-left--hidden_f0fot_f1dd8_73 > .awsui_labels-left__label_f0fot_f1dd8_69:not(#\9) {
+.awsui_labels-left--hidden_f0fot_1jt80_73 > .awsui_labels-left__label_f0fot_1jt80_69:not(#\9) {
   position: relative;
   white-space: nowrap;
 }
 
-.awsui_labels-bottom_f0fot_f1dd8_81:not(#\9) {
+.awsui_labels-bottom_f0fot_1jt80_81:not(#\9) {
   position: relative;
   display: block;
   width: 100%;
   overflow: visible;
 }
 
-.awsui_vertical-marker_f0fot_f1dd8_10:not(#\9) {
+.awsui_vertical-marker_f0fot_1jt80_10:not(#\9) {
   pointer-events: none;
 }
 
-.awsui_vertical-marker-circle_f0fot_f1dd8_92:not(#\9) {
-  fill: var(--color-background-container-content-rearqm, #ffffff);
+.awsui_vertical-marker-circle_f0fot_1jt80_92:not(#\9) {
+  fill: var(--color-background-container-content-il2pe5, #ffffff);
   pointer-events: none;
-  stroke-width: var(--border-line-chart-width-ol4jzv, 2px);
+  stroke-width: var(--border-line-chart-width-qt73mb, 2px);
 }
 
-.awsui_vertical-marker-circle-active_f0fot_f1dd8_98:not(#\9) {
+.awsui_vertical-marker-circle-active_f0fot_1jt80_98:not(#\9) {
   cursor: pointer;
-  stroke-width: var(--border-line-chart-width-ol4jzv, 2px);
+  stroke-width: var(--border-line-chart-width-qt73mb, 2px);
 }
 
-.awsui_focus-outline_f0fot_f1dd8_103:not(#\9) {
+.awsui_focus-outline_f0fot_1jt80_103:not(#\9) {
   outline: none;
   pointer-events: none;
   fill: none;
-  stroke: var(--color-border-item-focused-gjqsnp, #0073bb);
+  stroke: var(--color-border-item-focused-v8nq2m, #0073bb);
   stroke-width: 2px;
 }
 
-.awsui_chart-container_f0fot_f1dd8_111:not(#\9) {
+.awsui_chart-container_f0fot_1jt80_111:not(#\9) {
   display: flex;
   width: 100%;
   flex-direction: column;
 }
-.awsui_chart-container_f0fot_f1dd8_111.awsui_fit-height_f0fot_f1dd8_116:not(#\9) {
+.awsui_chart-container_f0fot_1jt80_111.awsui_fit-height_f0fot_1jt80_116:not(#\9) {
   height: 100%;
   min-height: inherit;
 }
 
-.awsui_chart-container-outer_f0fot_f1dd8_121:not(#\9) {
+.awsui_chart-container-outer_f0fot_1jt80_121:not(#\9) {
   display: flex;
 }
-.awsui_chart-container-outer_f0fot_f1dd8_121.awsui_fit-height_f0fot_f1dd8_116:not(#\9) {
+.awsui_chart-container-outer_f0fot_1jt80_121.awsui_fit-height_f0fot_1jt80_116:not(#\9) {
   flex: 1;
 }
 
-.awsui_chart-container-inner_f0fot_f1dd8_128:not(#\9) {
+.awsui_chart-container-inner_f0fot_1jt80_128:not(#\9) {
   position: relative;
   display: flex;
   flex-direction: column;
   width: 100%;
 }
 
-.awsui_chart-container-plot-wrapper_f0fot_f1dd8_135.awsui_fit-height_f0fot_f1dd8_116:not(#\9) {
+.awsui_chart-container-plot-wrapper_f0fot_1jt80_135.awsui_fit-height_f0fot_1jt80_116:not(#\9) {
   display: block;
   position: relative;
   flex: 1;
 }
 
-.awsui_chart-container-plot_f0fot_f1dd8_135.awsui_fit-height_f0fot_f1dd8_116:not(#\9) {
+.awsui_chart-container-plot_f0fot_1jt80_135.awsui_fit-height_f0fot_1jt80_116:not(#\9) {
   display: block;
   position: absolute;
   top: 0;
@@ -147,6 +147,6 @@
   left: 0;
 }
 
-.awsui_chart-container-bottom-labels_f0fot_f1dd8_150.awsui_fit-height_f0fot_f1dd8_116:not(#\9) {
+.awsui_chart-container-bottom-labels_f0fot_1jt80_150.awsui_fit-height_f0fot_1jt80_116:not(#\9) {
   display: block;
 }

package/lib/internal/template/internal/components/cartesian-chart/styles.selectors.js

@@ -2,32 +2,32 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "axis": "awsui_axis_f0fot_f1dd8_9",
-  "vertical-marker": "awsui_vertical-marker_f0fot_f1dd8_10",
-  "axis--emphasized": "awsui_axis--emphasized_f0fot_f1dd8_15",
-  "axis-label": "awsui_axis-label_f0fot_f1dd8_19",
-  "axis-label--x": "awsui_axis-label--x_f0fot_f1dd8_24",
-  "axis-label--y": "awsui_axis-label--y_f0fot_f1dd8_25",
-  "grid": "awsui_grid_f0fot_f1dd8_29",
-  "ticks__line": "awsui_ticks__line_f0fot_f1dd8_34",
-  "ticks__text": "awsui_ticks__text_f0fot_f1dd8_39",
-  "ticks--y": "awsui_ticks--y_f0fot_f1dd8_44",
-  "ticks--x": "awsui_ticks--x_f0fot_f1dd8_45",
-  "ticks--bottom": "awsui_ticks--bottom_f0fot_f1dd8_49",
-  "labels-left": "awsui_labels-left_f0fot_f1dd8_54",
-  "ticks": "awsui_ticks_f0fot_f1dd8_34",
-  "labels-left__label": "awsui_labels-left__label_f0fot_f1dd8_69",
-  "labels-left--hidden": "awsui_labels-left--hidden_f0fot_f1dd8_73",
-  "labels-bottom": "awsui_labels-bottom_f0fot_f1dd8_81",
-  "vertical-marker-circle": "awsui_vertical-marker-circle_f0fot_f1dd8_92",
-  "vertical-marker-circle-active": "awsui_vertical-marker-circle-active_f0fot_f1dd8_98",
-  "focus-outline": "awsui_focus-outline_f0fot_f1dd8_103",
-  "chart-container": "awsui_chart-container_f0fot_f1dd8_111",
-  "fit-height": "awsui_fit-height_f0fot_f1dd8_116",
-  "chart-container-outer": "awsui_chart-container-outer_f0fot_f1dd8_121",
-  "chart-container-inner": "awsui_chart-container-inner_f0fot_f1dd8_128",
-  "chart-container-plot-wrapper": "awsui_chart-container-plot-wrapper_f0fot_f1dd8_135",
-  "chart-container-plot": "awsui_chart-container-plot_f0fot_f1dd8_135",
-  "chart-container-bottom-labels": "awsui_chart-container-bottom-labels_f0fot_f1dd8_150"
+  "axis": "awsui_axis_f0fot_1jt80_9",
+  "vertical-marker": "awsui_vertical-marker_f0fot_1jt80_10",
+  "axis--emphasized": "awsui_axis--emphasized_f0fot_1jt80_15",
+  "axis-label": "awsui_axis-label_f0fot_1jt80_19",
+  "axis-label--x": "awsui_axis-label--x_f0fot_1jt80_24",
+  "axis-label--y": "awsui_axis-label--y_f0fot_1jt80_25",
+  "grid": "awsui_grid_f0fot_1jt80_29",
+  "ticks__line": "awsui_ticks__line_f0fot_1jt80_34",
+  "ticks__text": "awsui_ticks__text_f0fot_1jt80_39",
+  "ticks--y": "awsui_ticks--y_f0fot_1jt80_44",
+  "ticks--x": "awsui_ticks--x_f0fot_1jt80_45",
+  "ticks--bottom": "awsui_ticks--bottom_f0fot_1jt80_49",
+  "labels-left": "awsui_labels-left_f0fot_1jt80_54",
+  "ticks": "awsui_ticks_f0fot_1jt80_34",
+  "labels-left__label": "awsui_labels-left__label_f0fot_1jt80_69",
+  "labels-left--hidden": "awsui_labels-left--hidden_f0fot_1jt80_73",
+  "labels-bottom": "awsui_labels-bottom_f0fot_1jt80_81",
+  "vertical-marker-circle": "awsui_vertical-marker-circle_f0fot_1jt80_92",
+  "vertical-marker-circle-active": "awsui_vertical-marker-circle-active_f0fot_1jt80_98",
+  "focus-outline": "awsui_focus-outline_f0fot_1jt80_103",
+  "chart-container": "awsui_chart-container_f0fot_1jt80_111",
+  "fit-height": "awsui_fit-height_f0fot_1jt80_116",
+  "chart-container-outer": "awsui_chart-container-outer_f0fot_1jt80_121",
+  "chart-container-inner": "awsui_chart-container-inner_f0fot_1jt80_128",
+  "chart-container-plot-wrapper": "awsui_chart-container-plot-wrapper_f0fot_1jt80_135",
+  "chart-container-plot": "awsui_chart-container-plot_f0fot_1jt80_135",
+  "chart-container-bottom-labels": "awsui_chart-container-bottom-labels_f0fot_1jt80_150"
 };
   

package/lib/internal/template/internal/components/chart-filter/styles.css.js

@@ -1,8 +1,8 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1px7g_1ddaw_93",
-  "chart-filter": "awsui_chart-filter_1px7g_1ddaw_106",
-  "custom-icon-wrapper": "awsui_custom-icon-wrapper_1px7g_1ddaw_110"
+  "root": "awsui_root_1px7g_zihem_93",
+  "chart-filter": "awsui_chart-filter_1px7g_zihem_106",
+  "custom-icon-wrapper": "awsui_custom-icon-wrapper_1px7g_zihem_110"
 };
   

package/lib/internal/template/internal/components/chart-filter/styles.scoped.css

@@ -90,7 +90,7 @@ 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_root_1px7g_1ddaw_93:not(#\9) {
+.awsui_root_1px7g_zihem_93:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -120,20 +120,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   widows: 2;
   word-spacing: normal;
   box-sizing: border-box;
-  font-size: var(--font-body-m-size-q2y4dq, 14px);
-  line-height: var(--font-body-m-line-height-7pedlt, 22px);
-  color: var(--color-text-body-default-rcjsde, #16191f);
+  font-size: var(--font-body-m-size-bf8hby, 14px);
+  line-height: var(--font-body-m-line-height-wmg6vk, 22px);
+  color: var(--color-text-body-default-ki9w9u, #16191f);
   font-weight: 400;
-  font-family: var(--font-family-base-8fp8i6, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-0nmw8v, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_chart-filter_1px7g_1ddaw_106:not(#\9) {
+.awsui_chart-filter_1px7g_zihem_106:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_custom-icon-wrapper_1px7g_1ddaw_110:not(#\9) {
+.awsui_custom-icon-wrapper_1px7g_zihem_110:not(#\9) {
   display: flex;
   align-items: flex-start;
   align-self: stretch;

package/lib/internal/template/internal/components/chart-filter/styles.selectors.js

@@ -2,8 +2,8 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1px7g_1ddaw_93",
-  "chart-filter": "awsui_chart-filter_1px7g_1ddaw_106",
-  "custom-icon-wrapper": "awsui_custom-icon-wrapper_1px7g_1ddaw_110"
+  "root": "awsui_root_1px7g_zihem_93",
+  "chart-filter": "awsui_chart-filter_1px7g_zihem_106",
+  "custom-icon-wrapper": "awsui_custom-icon-wrapper_1px7g_zihem_110"
 };
   

package/lib/internal/template/internal/components/chart-legend/styles.css.js

@@ -1,11 +1,11 @@
 
     import './styles.scoped.css';
     export default {
-  "marker": "awsui_marker_1kjc7_94vlv_93",
-  "root": "awsui_root_1kjc7_94vlv_111",
-  "title": "awsui_title_1kjc7_94vlv_127",
-  "list": "awsui_list_1kjc7_94vlv_131",
-  "marker--dimmed": "awsui_marker--dimmed_1kjc7_94vlv_173",
-  "marker--highlighted": "awsui_marker--highlighted_1kjc7_94vlv_176"
+  "marker": "awsui_marker_1kjc7_114uv_93",
+  "root": "awsui_root_1kjc7_114uv_111",
+  "title": "awsui_title_1kjc7_114uv_127",
+  "list": "awsui_list_1kjc7_114uv_131",
+  "marker--dimmed": "awsui_marker--dimmed_1kjc7_114uv_173",
+  "marker--highlighted": "awsui_marker--highlighted_1kjc7_114uv_176"
 };
   

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

@@ -90,16 +90,16 @@ 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_marker_1kjc7_94vlv_93:not(#\9) {
-  transition: opacity var(--motion-duration-transition-quick-lhzu1i, 90ms) var(--motion-easing-transition-quick-ginw31, linear);
+.awsui_marker_1kjc7_114uv_93:not(#\9) {
+  transition: opacity var(--motion-duration-transition-quick-j01tkg, 90ms) var(--motion-easing-transition-quick-9ktw66, linear);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_marker_1kjc7_94vlv_93:not(#\9) {
+  .awsui_marker_1kjc7_114uv_93:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_marker_1kjc7_94vlv_93:not(#\9), .awsui-mode-entering .awsui_marker_1kjc7_94vlv_93:not(#\9) {
+.awsui-motion-disabled .awsui_marker_1kjc7_114uv_93:not(#\9), .awsui-mode-entering .awsui_marker_1kjc7_114uv_93:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -108,7 +108,7 @@ 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_root_1kjc7_94vlv_111:not(#\9) {
+.awsui_root_1kjc7_114uv_111:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -138,23 +138,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   widows: 2;
   word-spacing: normal;
   box-sizing: border-box;
-  font-size: var(--font-body-m-size-q2y4dq, 14px);
-  line-height: var(--font-body-m-line-height-7pedlt, 22px);
-  color: var(--color-text-body-default-rcjsde, #16191f);
+  font-size: var(--font-body-m-size-bf8hby, 14px);
+  line-height: var(--font-body-m-line-height-wmg6vk, 22px);
+  color: var(--color-text-body-default-ki9w9u, #16191f);
   font-weight: 400;
-  font-family: var(--font-family-base-8fp8i6, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-0nmw8v, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
 }
-.awsui_root_1kjc7_94vlv_111:not(#\9):focus {
+.awsui_root_1kjc7_114uv_111:not(#\9):focus {
   outline: none;
 }
 
-.awsui_title_1kjc7_94vlv_127:not(#\9) {
+.awsui_title_1kjc7_114uv_127:not(#\9) {
   /* used in test utils */
 }
 
-.awsui_list_1kjc7_94vlv_131:not(#\9) {
+.awsui_list_1kjc7_114uv_131:not(#\9) {
   display: flex;
   flex-wrap: wrap;
   list-style: none;
@@ -162,27 +162,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding: 0;
 }
 
-.awsui_marker_1kjc7_94vlv_93:not(#\9) {
+.awsui_marker_1kjc7_114uv_93:not(#\9) {
   display: inline-flex;
   align-items: flex-start;
-  margin-right: var(--space-m-6hr7pn, 16px);
+  margin-right: var(--space-m-kpg8id, 16px);
   padding: 0;
   border: 0;
   background-color: transparent;
   cursor: pointer;
   opacity: 1;
 }
-.awsui_marker_1kjc7_94vlv_93:not(#\9):focus {
+.awsui_marker_1kjc7_114uv_93:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_marker_1kjc7_94vlv_93:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_marker_1kjc7_114uv_93:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_marker_1kjc7_94vlv_93:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_marker_1kjc7_114uv_93:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_marker_1kjc7_94vlv_93:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_marker_1kjc7_114uv_93:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -190,15 +190,15 @@ body[data-awsui-focus-visible=true] .awsui_marker_1kjc7_94vlv_93:not(#\9):focus:
   top: calc(-1 * 2px);
   width: calc(100% + 2 * 2px);
   height: calc(100% + 2 * 2px);
-  border-radius: var(--border-radius-control-default-focus-ring-awoa2s, 2px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-gjqsnp, #0073bb);
+  border-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_marker_1kjc7_94vlv_93:not(#\9):last-child {
+.awsui_marker_1kjc7_114uv_93:not(#\9):last-child {
   margin-right: 0;
 }
-.awsui_marker_1kjc7_94vlv_93.awsui_marker--dimmed_1kjc7_94vlv_173:not(#\9) {
+.awsui_marker_1kjc7_114uv_93.awsui_marker--dimmed_1kjc7_114uv_173:not(#\9) {
   opacity: 0.35;
 }
-.awsui_marker_1kjc7_94vlv_93.awsui_marker--highlighted_1kjc7_94vlv_176:not(#\9) {
+.awsui_marker_1kjc7_114uv_93.awsui_marker--highlighted_1kjc7_114uv_176:not(#\9) {
   /* used in test utils */
 }

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

@@ -2,11 +2,11 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "marker": "awsui_marker_1kjc7_94vlv_93",
-  "root": "awsui_root_1kjc7_94vlv_111",
-  "title": "awsui_title_1kjc7_94vlv_127",
-  "list": "awsui_list_1kjc7_94vlv_131",
-  "marker--dimmed": "awsui_marker--dimmed_1kjc7_94vlv_173",
-  "marker--highlighted": "awsui_marker--highlighted_1kjc7_94vlv_176"
+  "marker": "awsui_marker_1kjc7_114uv_93",
+  "root": "awsui_root_1kjc7_114uv_111",
+  "title": "awsui_title_1kjc7_114uv_127",
+  "list": "awsui_list_1kjc7_114uv_131",
+  "marker--dimmed": "awsui_marker--dimmed_1kjc7_114uv_173",
+  "marker--highlighted": "awsui_marker--highlighted_1kjc7_114uv_176"
 };
   

package/lib/internal/template/internal/components/chart-plot/styles.css.js

@@ -1,10 +1,10 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1fcus_vpq0w_93",
-  "clickable": "awsui_clickable_1fcus_vpq0w_102",
-  "precise": "awsui_precise_1fcus_vpq0w_106",
-  "focus-outline": "awsui_focus-outline_1fcus_vpq0w_110",
-  "application": "awsui_application_1fcus_vpq0w_119"
+  "root": "awsui_root_1fcus_px35f_93",
+  "clickable": "awsui_clickable_1fcus_px35f_102",
+  "precise": "awsui_precise_1fcus_px35f_106",
+  "focus-outline": "awsui_focus-outline_1fcus_px35f_110",
+  "application": "awsui_application_1fcus_px35f_119"
 };
   

package/lib/internal/template/internal/components/chart-plot/styles.scoped.css

@@ -90,7 +90,7 @@ 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_root_1fcus_vpq0w_93:not(#\9) {
+.awsui_root_1fcus_px35f_93:not(#\9) {
   outline: none;
   shape-rendering: auto;
   overflow: visible;
@@ -99,23 +99,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   max-width: 100%;
 }
 
-.awsui_clickable_1fcus_vpq0w_102:not(#\9) {
+.awsui_clickable_1fcus_px35f_102:not(#\9) {
   cursor: pointer;
 }
 
-.awsui_precise_1fcus_vpq0w_106:not(#\9) {
+.awsui_precise_1fcus_px35f_106:not(#\9) {
   shape-rendering: geometricPrecision;
 }
 
-.awsui_focus-outline_1fcus_vpq0w_110:not(#\9) {
+.awsui_focus-outline_1fcus_px35f_110:not(#\9) {
   outline: none;
   pointer-events: none;
   fill: none;
-  stroke: var(--color-border-item-focused-gjqsnp, #0073bb);
+  stroke: var(--color-border-item-focused-v8nq2m, #0073bb);
   stroke-width: 2px;
   visibility: hidden;
 }
 
-.awsui_application_1fcus_vpq0w_119:not(#\9) {
+.awsui_application_1fcus_px35f_119:not(#\9) {
   /* Used in test-utils */
 }

package/lib/internal/template/internal/components/chart-plot/styles.selectors.js

@@ -2,10 +2,10 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1fcus_vpq0w_93",
-  "clickable": "awsui_clickable_1fcus_vpq0w_102",
-  "precise": "awsui_precise_1fcus_vpq0w_106",
-  "focus-outline": "awsui_focus-outline_1fcus_vpq0w_110",
-  "application": "awsui_application_1fcus_vpq0w_119"
+  "root": "awsui_root_1fcus_px35f_93",
+  "clickable": "awsui_clickable_1fcus_px35f_102",
+  "precise": "awsui_precise_1fcus_px35f_106",
+  "focus-outline": "awsui_focus-outline_1fcus_px35f_110",
+  "application": "awsui_application_1fcus_px35f_119"
 };
   

package/lib/internal/template/internal/components/chart-popover/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/components/chart-popover/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAKjD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAU3D,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,2BAA2B;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB,kEAAkE;IAClE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IACnC;;;;;;;;MAQE;IACF,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE3B,+FAA+F;IAC/F,SAAS,EAAE,OAAO,GAAG,IAAI,CAAC;IAE1B,wDAAwD;IACxD,SAAS,EAAE,CAAC,YAAY,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAE5C,0EAA0E;IAC1E,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAEjD,0EAA0E;IAC1E,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAEjD,sBAAsB;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;;AAED,wBAA8C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/components/chart-popover/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAMjD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAS3D,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,2BAA2B;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB,kEAAkE;IAClE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IACnC;;;;;;;;MAQE;IACF,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE3B,+FAA+F;IAC/F,SAAS,EAAE,OAAO,GAAG,IAAI,CAAC;IAE1B,wDAAwD;IACxD,SAAS,EAAE,CAAC,YAAY,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAE5C,0EAA0E;IAC1E,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAEjD,0EAA0E;IAC1E,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAEjD,sBAAsB;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;;AAED,wBAA8C"}

package/lib/internal/template/internal/components/chart-popover/index.js

@@ -3,11 +3,11 @@ import { __rest } from "tslib";
 // SPDX-License-Identifier: Apache-2.0
 import React, { useEffect, useRef } from 'react';
 import clsx from 'clsx';
+import { nodeContains } from '@cloudscape-design/component-toolkit/dom';
 import { getBaseProps } from '../../base-component';
 import PopoverContainer from '../../../popover/container';
 import PopoverBody from '../../../popover/body';
 import popoverStyles from '../../../popover/styles.css.js';
-import { nodeContains } from '../../utils/dom';
 import { useMergeRefs } from '../../hooks/use-merge-refs';
 import styles from './styles.css.js';
 import { nodeBelongs } from '../../utils/node-belongs';

package/lib/internal/template/internal/components/chart-popover/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/components/chart-popover/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\nimport React, { useEffect, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { getBaseProps } from '../../base-component';\n\nimport { PopoverProps } from '../../../popover/interfaces';\nimport PopoverContainer from '../../../popover/container';\nimport PopoverBody from '../../../popover/body';\nimport popoverStyles from '../../../popover/styles.css.js';\nimport { nodeContains } from '../../utils/dom';\nimport { useMergeRefs } from '../../hooks/use-merge-refs';\n\nimport styles from './styles.css.js';\nimport { nodeBelongs } from '../../utils/node-belongs';\n\nexport interface ChartPopoverProps extends PopoverProps {\n  /** Title of the popover */\n  title?: React.ReactNode;\n\n  /** References the element the container is positioned against. */\n  trackRef: React.RefObject<Element>;\n  /**\n    Used to update the container position in case track or track position changes:\n    \n    const trackRef = useRef<Element>(null)\n    return (<>\n      <Track style={getPosition(selectedItemId)} ref={trackRef} />\n      <PopoverContainer trackRef={trackRef} trackKey={selectedItemId} .../>\n    </>)\n  */\n  trackKey?: string | number;\n\n  /** Optional container element that prevents any clicks in there from dismissing the popover */\n  container: Element | null;\n\n  /** Event that is fired when the popover is dismissed */\n  onDismiss: (outsideClick?: boolean) => void;\n\n  /** Fired when the pointer enters the hoverable area around the popover */\n  onMouseEnter?: (event: React.MouseEvent) => void;\n\n  /** Fired when the pointer leaves the hoverable area around the popover */\n  onMouseLeave?: (event: React.MouseEvent) => void;\n\n  /** Popover content */\n  children?: React.ReactNode;\n}\n\nexport default React.forwardRef(ChartPopover);\n\nfunction ChartPopover(\n  {\n    position = 'right',\n    size = 'medium',\n    fixedWidth = false,\n    dismissButton = false,\n    dismissAriaLabel,\n\n    children,\n\n    title,\n    trackRef,\n    trackKey,\n    onDismiss,\n    container,\n\n    onMouseEnter,\n    onMouseLeave,\n\n    ...restProps\n  }: ChartPopoverProps,\n  ref: React.Ref<HTMLElement>\n) {\n  const baseProps = getBaseProps(restProps);\n  const popoverObjectRef = useRef<HTMLDivElement | null>(null);\n\n  const popoverRef = useMergeRefs(popoverObjectRef, ref);\n\n  useEffect(() => {\n    const onDocumentClick = (event: MouseEvent) => {\n      if (\n        event.target &&\n        !nodeBelongs(popoverObjectRef.current, event.target as Element) && // click not in popover\n        !nodeContains(container, event.target as Element) // click not in segment\n      ) {\n        onDismiss(true);\n      }\n    };\n\n    document.addEventListener('mousedown', onDocumentClick, { capture: true });\n    return () => {\n      document.removeEventListener('mousedown', onDocumentClick, { capture: true });\n    };\n  }, [container, onDismiss]);\n\n  return (\n    <div\n      {...baseProps}\n      className={clsx(popoverStyles.root, styles.root, baseProps.className)}\n      ref={popoverRef}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      <PopoverContainer\n        size={size}\n        fixedWidth={fixedWidth}\n        position={position}\n        trackRef={trackRef}\n        trackKey={trackKey}\n        arrow={position => (\n          <div className={clsx(popoverStyles.arrow, popoverStyles[`arrow-position-${position}`])}>\n            <div className={popoverStyles['arrow-outer']} />\n            <div className={popoverStyles['arrow-inner']} />\n          </div>\n        )}\n      >\n        <div className={styles['hover-area']}>\n          <PopoverBody\n            dismissButton={dismissButton}\n            dismissAriaLabel={dismissAriaLabel}\n            header={title}\n            onDismiss={onDismiss}\n            overflowVisible=\"content\"\n            className={styles['popover-body']}\n          >\n            {children}\n          </PopoverBody>\n        </div>\n      </PopoverContainer>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/components/chart-popover/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\nimport React, { useEffect, useRef } from 'react';\nimport clsx from 'clsx';\nimport { nodeContains } from '@cloudscape-design/component-toolkit/dom';\n\nimport { getBaseProps } from '../../base-component';\n\nimport { PopoverProps } from '../../../popover/interfaces';\nimport PopoverContainer from '../../../popover/container';\nimport PopoverBody from '../../../popover/body';\nimport popoverStyles from '../../../popover/styles.css.js';\nimport { useMergeRefs } from '../../hooks/use-merge-refs';\n\nimport styles from './styles.css.js';\nimport { nodeBelongs } from '../../utils/node-belongs';\n\nexport interface ChartPopoverProps extends PopoverProps {\n  /** Title of the popover */\n  title?: React.ReactNode;\n\n  /** References the element the container is positioned against. */\n  trackRef: React.RefObject<Element>;\n  /**\n    Used to update the container position in case track or track position changes:\n    \n    const trackRef = useRef<Element>(null)\n    return (<>\n      <Track style={getPosition(selectedItemId)} ref={trackRef} />\n      <PopoverContainer trackRef={trackRef} trackKey={selectedItemId} .../>\n    </>)\n  */\n  trackKey?: string | number;\n\n  /** Optional container element that prevents any clicks in there from dismissing the popover */\n  container: Element | null;\n\n  /** Event that is fired when the popover is dismissed */\n  onDismiss: (outsideClick?: boolean) => void;\n\n  /** Fired when the pointer enters the hoverable area around the popover */\n  onMouseEnter?: (event: React.MouseEvent) => void;\n\n  /** Fired when the pointer leaves the hoverable area around the popover */\n  onMouseLeave?: (event: React.MouseEvent) => void;\n\n  /** Popover content */\n  children?: React.ReactNode;\n}\n\nexport default React.forwardRef(ChartPopover);\n\nfunction ChartPopover(\n  {\n    position = 'right',\n    size = 'medium',\n    fixedWidth = false,\n    dismissButton = false,\n    dismissAriaLabel,\n\n    children,\n\n    title,\n    trackRef,\n    trackKey,\n    onDismiss,\n    container,\n\n    onMouseEnter,\n    onMouseLeave,\n\n    ...restProps\n  }: ChartPopoverProps,\n  ref: React.Ref<HTMLElement>\n) {\n  const baseProps = getBaseProps(restProps);\n  const popoverObjectRef = useRef<HTMLDivElement | null>(null);\n\n  const popoverRef = useMergeRefs(popoverObjectRef, ref);\n\n  useEffect(() => {\n    const onDocumentClick = (event: MouseEvent) => {\n      if (\n        event.target &&\n        !nodeBelongs(popoverObjectRef.current, event.target as Element) && // click not in popover\n        !nodeContains(container, event.target as Element) // click not in segment\n      ) {\n        onDismiss(true);\n      }\n    };\n\n    document.addEventListener('mousedown', onDocumentClick, { capture: true });\n    return () => {\n      document.removeEventListener('mousedown', onDocumentClick, { capture: true });\n    };\n  }, [container, onDismiss]);\n\n  return (\n    <div\n      {...baseProps}\n      className={clsx(popoverStyles.root, styles.root, baseProps.className)}\n      ref={popoverRef}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      <PopoverContainer\n        size={size}\n        fixedWidth={fixedWidth}\n        position={position}\n        trackRef={trackRef}\n        trackKey={trackKey}\n        arrow={position => (\n          <div className={clsx(popoverStyles.arrow, popoverStyles[`arrow-position-${position}`])}>\n            <div className={popoverStyles['arrow-outer']} />\n            <div className={popoverStyles['arrow-inner']} />\n          </div>\n        )}\n      >\n        <div className={styles['hover-area']}>\n          <PopoverBody\n            dismissButton={dismissButton}\n            dismissAriaLabel={dismissAriaLabel}\n            header={title}\n            onDismiss={onDismiss}\n            overflowVisible=\"content\"\n            className={styles['popover-body']}\n          >\n            {children}\n          </PopoverBody>\n        </div>\n      </PopoverContainer>\n    </div>\n  );\n}\n"]}

package/lib/internal/template/internal/components/chart-popover/styles.css.js

@@ -1,8 +1,8 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1t44z_zp4oi_93",
-  "hover-area": "awsui_hover-area_1t44z_zp4oi_107",
-  "popover-body": "awsui_popover-body_1t44z_zp4oi_113"
+  "root": "awsui_root_1t44z_1ez59_93",
+  "hover-area": "awsui_hover-area_1t44z_1ez59_107",
+  "popover-body": "awsui_popover-body_1t44z_1ez59_113"
 };