npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.558 → 3.0.560 - Mend

@cloudscape-design/components-themeable 3.0.558 → 3.0.560

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

Files changed (330) hide show

package/lib/internal/template/internal/components/abstract-switch/styles.scoped.css CHANGED Viewed

@@ -2,8 +2,8 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* stylelint-disable @cloudscape-design/no-implicit-descendant, plugin/no-unsupported-browser-features, selector-combinator-disallowed-list */
-/* stylelint-enable @cloudscape-design/no-implicit-descendant, plugin/no-unsupported-browser-features, selector-combinator-disallowed-list */
+/* stylelint-disable plugin/no-unsupported-browser-features */
+/* stylelint-enable plugin/no-unsupported-browser-features */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -96,79 +96,79 @@ 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_content_1wepg_1izru_99:not(#\9),
-.awsui_description_1wepg_1izru_100:not(#\9),
-.awsui_label_1wepg_1izru_101:not(#\9) {
+.awsui_content_1wepg_1bxgk_99:not(#\9),
+.awsui_description_1wepg_1bxgk_100:not(#\9),
+.awsui_label_1wepg_1bxgk_101:not(#\9) {
   display: block;
 }
-.awsui_label_1wepg_1izru_101:not(#\9) {
+.awsui_label_1wepg_1bxgk_101:not(#\9) {
   color: var(--color-text-form-default-24kkuw, #16191f);
 }
-.awsui_outline_1wepg_1izru_109:not(#\9) {
+.awsui_outline_1wepg_1bxgk_109:not(#\9) {
   display: none;
 }
-.awsui_outline_1wepg_1izru_109.awsui_show-outline_1wepg_1izru_112:not(#\9) {
+.awsui_outline_1wepg_1bxgk_109.awsui_show-outline_1wepg_1bxgk_112:not(#\9) {
   display: block;
 }
-body[data-awsui-focus-visible=true] .awsui_native-input_1wepg_1izru_116:not(#\9):focus + .awsui_outline_1wepg_1izru_109 {
+body[data-awsui-focus-visible=true] .awsui_native-input_1wepg_1bxgk_116:not(#\9):focus + .awsui_outline_1wepg_1bxgk_109 {
   display: block;
 }
-.awsui_wrapper_1wepg_1izru_120:not(#\9) {
+.awsui_wrapper_1wepg_1bxgk_120:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
   display: flex;
 }
-.awsui_label-wrapper_1wepg_1izru_126:not(#\9) {
+.awsui_label-wrapper_1wepg_1bxgk_126:not(#\9) {
   position: relative;
   display: flex;
   cursor: default;
 }
-.awsui_content_1wepg_1izru_99:not(#\9) {
+.awsui_content_1wepg_1bxgk_99:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
 }
-.awsui_empty-content_1wepg_1izru_137:not(#\9) {
+.awsui_empty-content_1wepg_1bxgk_137:not(#\9) {
   inline-size: 0px;
 }
-.awsui_description_1wepg_1izru_100:not(#\9) {
+.awsui_description_1wepg_1bxgk_100:not(#\9) {
   color: var(--color-text-form-secondary-rh78tu, #687078);
   font-size: var(--font-size-body-s-533prh, 12px);
   line-height: var(--line-height-body-s-n0pazd, 16px);
   letter-spacing: var(--letter-spacing-body-s-nkvets, normal);
 }
-.awsui_description-bottom-padding_1wepg_1izru_147:not(#\9) {
+.awsui_description-bottom-padding_1wepg_1bxgk_147:not(#\9) {
   padding-block-end: var(--space-scaled-xxs-t7ij38, 4px);
 }
-.awsui_label_1wepg_1izru_101:not(#\9),
-.awsui_description_1wepg_1izru_100:not(#\9) {
+.awsui_label_1wepg_1bxgk_101:not(#\9),
+.awsui_description_1wepg_1bxgk_100:not(#\9) {
   padding-inline-start: var(--space-xs-xf5ch3, 8px);
 }
-.awsui_label-disabled_1wepg_1izru_155:not(#\9),
-.awsui_description-disabled_1wepg_1izru_156:not(#\9) {
+.awsui_label-disabled_1wepg_1bxgk_155:not(#\9),
+.awsui_description-disabled_1wepg_1bxgk_156:not(#\9) {
   color: var(--color-text-control-disabled-nl82op, #aab7b8);
 }
 /* stylelint-disable selector-max-type */
-.awsui_control_1wepg_1izru_161:not(#\9) {
+.awsui_control_1wepg_1bxgk_161:not(#\9) {
   position: relative;
 }
-.awsui_control_1wepg_1izru_161 > input:not(#\9), .awsui_control_1wepg_1izru_161 > svg:not(#\9), .awsui_control_1wepg_1izru_161 > .awsui_outline_1wepg_1izru_109:not(#\9) {
+.awsui_control_1wepg_1bxgk_161 > input:not(#\9), .awsui_control_1wepg_1bxgk_161 > svg:not(#\9), .awsui_control_1wepg_1bxgk_161 > .awsui_outline_1wepg_1bxgk_109:not(#\9) {
   position: absolute;
   inline-size: 100%;
   block-size: 100%;
   inset-block-start: 0;
   inset-inline-start: 0;
 }
-.awsui_control_1wepg_1izru_161 > input:not(#\9) {
+.awsui_control_1wepg_1bxgk_161 > input:not(#\9) {
   opacity: 0;
   z-index: 1;
   -webkit-user-select: none;

package/lib/internal/template/internal/components/abstract-switch/styles.selectors.js CHANGED Viewed

@@ -2,18 +2,18 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "content": "awsui_content_1wepg_1izru_99",
-  "description": "awsui_description_1wepg_1izru_100",
-  "label": "awsui_label_1wepg_1izru_101",
-  "outline": "awsui_outline_1wepg_1izru_109",
-  "show-outline": "awsui_show-outline_1wepg_1izru_112",
-  "native-input": "awsui_native-input_1wepg_1izru_116",
-  "wrapper": "awsui_wrapper_1wepg_1izru_120",
-  "label-wrapper": "awsui_label-wrapper_1wepg_1izru_126",
-  "empty-content": "awsui_empty-content_1wepg_1izru_137",
-  "description-bottom-padding": "awsui_description-bottom-padding_1wepg_1izru_147",
-  "label-disabled": "awsui_label-disabled_1wepg_1izru_155",
-  "description-disabled": "awsui_description-disabled_1wepg_1izru_156",
-  "control": "awsui_control_1wepg_1izru_161"
+  "content": "awsui_content_1wepg_1bxgk_99",
+  "description": "awsui_description_1wepg_1bxgk_100",
+  "label": "awsui_label_1wepg_1bxgk_101",
+  "outline": "awsui_outline_1wepg_1bxgk_109",
+  "show-outline": "awsui_show-outline_1wepg_1bxgk_112",
+  "native-input": "awsui_native-input_1wepg_1bxgk_116",
+  "wrapper": "awsui_wrapper_1wepg_1bxgk_120",
+  "label-wrapper": "awsui_label-wrapper_1wepg_1bxgk_126",
+  "empty-content": "awsui_empty-content_1wepg_1bxgk_137",
+  "description-bottom-padding": "awsui_description-bottom-padding_1wepg_1bxgk_147",
+  "label-disabled": "awsui_label-disabled_1wepg_1bxgk_155",
+  "description-disabled": "awsui_description-disabled_1wepg_1bxgk_156",
+  "control": "awsui_control_1wepg_1bxgk_161"
 };

package/lib/internal/template/internal/components/button-trigger/styles.css.js CHANGED Viewed

@@ -1,15 +1,15 @@
     import './styles.scoped.css';
     export default {
-  "button-trigger": "awsui_button-trigger_18eso_fqbvk_103",
-  "arrow": "awsui_arrow_18eso_fqbvk_103",
-  "has-caret": "awsui_has-caret_18eso_fqbvk_170",
-  "placeholder": "awsui_placeholder_18eso_fqbvk_173",
-  "pressed": "awsui_pressed_18eso_fqbvk_186",
-  "disabled": "awsui_disabled_18eso_fqbvk_189",
-  "in-filtering-token": "awsui_in-filtering-token_18eso_fqbvk_199",
-  "read-only": "awsui_read-only_18eso_fqbvk_205",
-  "invalid": "awsui_invalid_18eso_fqbvk_227",
-  "inline-tokens": "awsui_inline-tokens_18eso_fqbvk_265"
+  "button-trigger": "awsui_button-trigger_18eso_hg5jk_103",
+  "arrow": "awsui_arrow_18eso_hg5jk_103",
+  "has-caret": "awsui_has-caret_18eso_hg5jk_170",
+  "placeholder": "awsui_placeholder_18eso_hg5jk_173",
+  "pressed": "awsui_pressed_18eso_hg5jk_186",
+  "disabled": "awsui_disabled_18eso_hg5jk_189",
+  "in-filtering-token": "awsui_in-filtering-token_18eso_hg5jk_199",
+  "read-only": "awsui_read-only_18eso_hg5jk_205",
+  "invalid": "awsui_invalid_18eso_hg5jk_227",
+  "inline-tokens": "awsui_inline-tokens_18eso_hg5jk_265"
 };

package/lib/internal/template/internal/components/button-trigger/styles.scoped.css CHANGED Viewed

@@ -2,8 +2,8 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* stylelint-disable @cloudscape-design/no-implicit-descendant, plugin/no-unsupported-browser-features, selector-combinator-disallowed-list */
-/* stylelint-enable @cloudscape-design/no-implicit-descendant, plugin/no-unsupported-browser-features, selector-combinator-disallowed-list */
+/* stylelint-disable plugin/no-unsupported-browser-features */
+/* stylelint-enable plugin/no-unsupported-browser-features */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -100,16 +100,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_button-trigger_18eso_fqbvk_103 > .awsui_arrow_18eso_fqbvk_103:not(#\9) {
+.awsui_button-trigger_18eso_hg5jk_103 > .awsui_arrow_18eso_hg5jk_103:not(#\9) {
   transition: transform var(--motion-duration-rotate-180-6z1h8e, 135ms) var(--motion-easing-rotate-180-l3wboa, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_button-trigger_18eso_fqbvk_103 > .awsui_arrow_18eso_fqbvk_103:not(#\9) {
+  .awsui_button-trigger_18eso_hg5jk_103 > .awsui_arrow_18eso_hg5jk_103:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_button-trigger_18eso_fqbvk_103 > .awsui_arrow_18eso_fqbvk_103:not(#\9), .awsui-mode-entering .awsui_button-trigger_18eso_fqbvk_103 > .awsui_arrow_18eso_fqbvk_103:not(#\9) {
+.awsui-motion-disabled .awsui_button-trigger_18eso_hg5jk_103 > .awsui_arrow_18eso_hg5jk_103:not(#\9), .awsui-mode-entering .awsui_button-trigger_18eso_hg5jk_103 > .awsui_arrow_18eso_hg5jk_103:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -118,7 +118,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_button-trigger_18eso_fqbvk_103:not(#\9) {
+.awsui_button-trigger_18eso_hg5jk_103:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -168,51 +168,51 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-inline: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-default-aksbt5, #687078);
   min-block-size: var(--size-vertical-input-ubbp77, 32px);
 }
-.awsui_button-trigger_18eso_fqbvk_103.awsui_has-caret_18eso_fqbvk_170:not(#\9) {
+.awsui_button-trigger_18eso_hg5jk_103.awsui_has-caret_18eso_hg5jk_170:not(#\9) {
   padding-inline-end: var(--space-field-icon-offset-llp3ak, 32px);
 }
-.awsui_button-trigger_18eso_fqbvk_103 > .awsui_placeholder_18eso_fqbvk_173:not(#\9) {
+.awsui_button-trigger_18eso_hg5jk_103 > .awsui_placeholder_18eso_hg5jk_173:not(#\9) {
   color: var(--color-text-input-placeholder-epedqe, #687078);
   font-style: italic;
 }
-.awsui_button-trigger_18eso_fqbvk_103 > .awsui_arrow_18eso_fqbvk_103:not(#\9) {
+.awsui_button-trigger_18eso_hg5jk_103 > .awsui_arrow_18eso_hg5jk_103:not(#\9) {
   position: absolute;
   inset-inline-end: var(--space-field-horizontal-cy5q05, 8px);
   inset-block-start: calc(50% - var(--line-height-body-m-2zx78l, 22px) / 2);
   color: var(--color-text-button-inline-icon-default-870ilx, #545b64);
 }
-.awsui_button-trigger_18eso_fqbvk_103:not(#\9):hover > .awsui_arrow_18eso_fqbvk_103 {
+.awsui_button-trigger_18eso_hg5jk_103:not(#\9):hover > .awsui_arrow_18eso_hg5jk_103 {
   color: var(--color-text-button-inline-icon-hover-gmrtb4, #16191f);
 }
-.awsui_button-trigger_18eso_fqbvk_103.awsui_pressed_18eso_fqbvk_186 > .awsui_arrow_18eso_fqbvk_103:not(#\9) {
+.awsui_button-trigger_18eso_hg5jk_103.awsui_pressed_18eso_hg5jk_186 > .awsui_arrow_18eso_hg5jk_103:not(#\9) {
   transform: rotate(-180deg);
 }
-.awsui_button-trigger_18eso_fqbvk_103.awsui_disabled_18eso_fqbvk_189:not(#\9) {
+.awsui_button-trigger_18eso_hg5jk_103.awsui_disabled_18eso_hg5jk_189:not(#\9) {
   background-color: var(--color-background-input-disabled-zfoobi, #eaeded);
   border-block: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-disabled-v8bsvq, #eaeded);
   border-inline: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-disabled-v8bsvq, #eaeded);
   color: var(--color-text-input-disabled-c1yp62, #879596);
   cursor: auto;
 }
-.awsui_button-trigger_18eso_fqbvk_103.awsui_disabled_18eso_fqbvk_189 > .awsui_arrow_18eso_fqbvk_103:not(#\9) {
+.awsui_button-trigger_18eso_hg5jk_103.awsui_disabled_18eso_hg5jk_189 > .awsui_arrow_18eso_hg5jk_103:not(#\9) {
   color: var(--color-text-button-inline-icon-disabled-m6lq35, #aab7b8);
 }
-.awsui_button-trigger_18eso_fqbvk_103.awsui_disabled_18eso_fqbvk_189.awsui_in-filtering-token_18eso_fqbvk_199:not(#\9) {
+.awsui_button-trigger_18eso_hg5jk_103.awsui_disabled_18eso_hg5jk_189.awsui_in-filtering-token_18eso_hg5jk_199:not(#\9) {
   border-color: var(--color-border-control-disabled-4hz3mo, #d5dbdb);
 }
-.awsui_button-trigger_18eso_fqbvk_103.awsui_disabled_18eso_fqbvk_189 > .awsui_placeholder_18eso_fqbvk_173:not(#\9) {
+.awsui_button-trigger_18eso_hg5jk_103.awsui_disabled_18eso_hg5jk_189 > .awsui_placeholder_18eso_hg5jk_173:not(#\9) {
   color: var(--color-text-input-placeholder-disabled-ovndcz, #687078);
 }
-.awsui_button-trigger_18eso_fqbvk_103.awsui_read-only_18eso_fqbvk_205:not(#\9) {
+.awsui_button-trigger_18eso_hg5jk_103.awsui_read-only_18eso_hg5jk_205:not(#\9) {
   background-color: var(--color-background-input-default-w7mbz6, #ffffff);
   border-block: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-disabled-v8bsvq, #eaeded);
   border-inline: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-disabled-v8bsvq, #eaeded);
 }
-.awsui_button-trigger_18eso_fqbvk_103:not(#\9):focus {
+.awsui_button-trigger_18eso_hg5jk_103:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_fqbvk_103:not(#\9):not(.awsui_in-filtering-token_18eso_fqbvk_199):focus {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_hg5jk_103:not(#\9):not(.awsui_in-filtering-token_18eso_hg5jk_199):focus {
   outline: 2px dotted transparent;
   border-block: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-focused-v6z9fd, #0073bb);
   border-inline: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-focused-v6z9fd, #0073bb);
@@ -222,10 +222,10 @@ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_fqbvk_103:not(#\
   border-end-end-radius: var(--border-radius-input-hy50dp, 2px);
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0k725q, 1px) var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_button-trigger_18eso_fqbvk_103:not(#\9):not(.awsui_in-filtering-token_18eso_fqbvk_199):invalid {
+.awsui_button-trigger_18eso_hg5jk_103:not(#\9):not(.awsui_in-filtering-token_18eso_hg5jk_199):invalid {
   box-shadow: none;
 }
-.awsui_button-trigger_18eso_fqbvk_103:not(#\9):not(.awsui_in-filtering-token_18eso_fqbvk_199).awsui_invalid_18eso_fqbvk_227, .awsui_button-trigger_18eso_fqbvk_103:not(#\9):not(.awsui_in-filtering-token_18eso_fqbvk_199).awsui_invalid_18eso_fqbvk_227:focus {
+.awsui_button-trigger_18eso_hg5jk_103:not(#\9):not(.awsui_in-filtering-token_18eso_hg5jk_199).awsui_invalid_18eso_hg5jk_227, .awsui_button-trigger_18eso_hg5jk_103:not(#\9):not(.awsui_in-filtering-token_18eso_hg5jk_199).awsui_invalid_18eso_hg5jk_227:focus {
   color: var(--color-text-status-error-ofc4yr, #d13212);
   border-color: var(--color-text-status-error-ofc4yr, #d13212);
   padding-inline-start: calc(
@@ -233,23 +233,23 @@ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_fqbvk_103:not(#\
 );
   border-inline-start-width: var(--border-invalid-width-hp6noi, 4px);
 }
-.awsui_button-trigger_18eso_fqbvk_103:not(#\9):not(.awsui_in-filtering-token_18eso_fqbvk_199).awsui_invalid_18eso_fqbvk_227:focus, .awsui_button-trigger_18eso_fqbvk_103:not(#\9):not(.awsui_in-filtering-token_18eso_fqbvk_199).awsui_invalid_18eso_fqbvk_227:focus:focus {
+.awsui_button-trigger_18eso_hg5jk_103:not(#\9):not(.awsui_in-filtering-token_18eso_hg5jk_199).awsui_invalid_18eso_hg5jk_227:focus, .awsui_button-trigger_18eso_hg5jk_103:not(#\9):not(.awsui_in-filtering-token_18eso_hg5jk_199).awsui_invalid_18eso_hg5jk_227:focus:focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-v3635w, 1px) var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_button-trigger_18eso_fqbvk_103.awsui_in-filtering-token_18eso_fqbvk_199:not(#\9) {
+.awsui_button-trigger_18eso_hg5jk_103.awsui_in-filtering-token_18eso_hg5jk_199:not(#\9) {
   border-color: var(--color-border-item-selected-20gejb, #0073bb);
   border-start-end-radius: 0;
   border-end-end-radius: 0;
   block-size: 100%;
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_fqbvk_103.awsui_in-filtering-token_18eso_fqbvk_199:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_hg5jk_103.awsui_in-filtering-token_18eso_hg5jk_199:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_fqbvk_103.awsui_in-filtering-token_18eso_fqbvk_199:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_hg5jk_103.awsui_in-filtering-token_18eso_hg5jk_199:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-filtering-token-operation-select-focus-outline-gutter-lr5vk6, 0px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_fqbvk_103.awsui_in-filtering-token_18eso_fqbvk_199:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_hg5jk_103.awsui_in-filtering-token_18eso_hg5jk_199:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -263,6 +263,6 @@ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_fqbvk_103.awsui_
   border-end-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_button-trigger_18eso_fqbvk_103.awsui_inline-tokens_18eso_fqbvk_265:not(#\9) {
+.awsui_button-trigger_18eso_hg5jk_103.awsui_inline-tokens_18eso_hg5jk_265:not(#\9) {
   padding-block: 0;
 }

package/lib/internal/template/internal/components/button-trigger/styles.selectors.js CHANGED Viewed

@@ -2,15 +2,15 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "button-trigger": "awsui_button-trigger_18eso_fqbvk_103",
-  "arrow": "awsui_arrow_18eso_fqbvk_103",
-  "has-caret": "awsui_has-caret_18eso_fqbvk_170",
-  "placeholder": "awsui_placeholder_18eso_fqbvk_173",
-  "pressed": "awsui_pressed_18eso_fqbvk_186",
-  "disabled": "awsui_disabled_18eso_fqbvk_189",
-  "in-filtering-token": "awsui_in-filtering-token_18eso_fqbvk_199",
-  "read-only": "awsui_read-only_18eso_fqbvk_205",
-  "invalid": "awsui_invalid_18eso_fqbvk_227",
-  "inline-tokens": "awsui_inline-tokens_18eso_fqbvk_265"
+  "button-trigger": "awsui_button-trigger_18eso_hg5jk_103",
+  "arrow": "awsui_arrow_18eso_hg5jk_103",
+  "has-caret": "awsui_has-caret_18eso_hg5jk_170",
+  "placeholder": "awsui_placeholder_18eso_hg5jk_173",
+  "pressed": "awsui_pressed_18eso_hg5jk_186",
+  "disabled": "awsui_disabled_18eso_hg5jk_189",
+  "in-filtering-token": "awsui_in-filtering-token_18eso_hg5jk_199",
+  "read-only": "awsui_read-only_18eso_hg5jk_205",
+  "invalid": "awsui_invalid_18eso_hg5jk_227",
+  "inline-tokens": "awsui_inline-tokens_18eso_hg5jk_265"
 };

package/lib/internal/template/internal/components/cartesian-chart/bottom-labels.js CHANGED Viewed

@@ -10,7 +10,7 @@ export function useBottomLabels({ ticks, scale, tickFormatter, }) {
     const virtualTextRef = useRef(null);
     const cacheRef = useRef({});
     const getLabelSpace = (label) => {
-        if (cacheRef.current[label] !== undefined) {
+        if (cacheRef.current[label] !== undefined && cacheRef.current[label] !== 0) {
             return cacheRef.current[label];
         }
         if (virtualTextRef.current && virtualTextRef.current.getComputedTextLength) {

package/lib/internal/template/internal/components/cartesian-chart/bottom-labels.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"bottom-labels.js","sourceRoot":"lib/default/","sources":["internal/components/cartesian-chart/bottom-labels.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,IAAI,MAAM,MAAM,CAAC;AAIxB,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAEzE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,eAAe,EAAiB,MAAM,eAAe,CAAC;AAC5E,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAexD,MAAM,UAAU,eAAe,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,aAAa,GAKd;IACC,MAAM,cAAc,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEpD,MAAM,QAAQ,GAAG,MAAM,CAA8B,EAAE,CAAC,CAAC;IACzD,MAAM,aAAa,GAAG,CAAC,KAAa,EAAE,EAAE;QACtC,IAAI,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,SAAS,EAAE;~~YACzC~~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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { memo, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { ChartDataTypes } from './interfaces';\nimport { ChartScale, NumericChartScale } from './scales';\nimport { TICK_LENGTH, TICK_LINE_HEIGHT, TICK_MARGIN } from './constants';\n\nimport styles from './styles.css.js';\nimport { formatTicks, getVisibleTicks, FormattedTick } from './label-utils';\nimport { useInternalI18n } from '../../../i18n/context';\n\ninterface BottomLabelsProps {\n axis?: 'x' \| 'y';\n width: number;\n height: number;\n scale: ChartScale \| NumericChartScale;\n title?: string;\n ariaRoleDescription?: string;\n offsetLeft?: number;\n offsetRight?: number;\n virtualTextRef: React.Ref<SVGTextElement>;\n formattedTicks: readonly FormattedTick[];\n}\n\nexport function useBottomLabels({\n ticks,\n scale,\n tickFormatter,\n}: {\n scale: ChartScale \| NumericChartScale;\n ticks: readonly ChartDataTypes[];\n tickFormatter?: (value: ChartDataTypes) => string;\n}) {\n const virtualTextRef = useRef<SVGTextElement>(null);\n\n const cacheRef = useRef<{ [label: string]: number }>({});\n const getLabelSpace = (label: string) => {\n if (cacheRef.current[label] !== undefined) {\n return cacheRef.current[label];\n }\n if (virtualTextRef.current && virtualTextRef.current.getComputedTextLength) {\n virtualTextRef.current.textContent = label;\n cacheRef.current[label] = virtualTextRef.current.getComputedTextLength();\n return cacheRef.current[label];\n }\n return 0;\n };\n\n const formattedTicks = formatTicks({ ticks, scale, getLabelSpace, tickFormatter });\n\n if (virtualTextRef.current) {\n virtualTextRef.current.textContent = '';\n }\n\n let height = TICK_LENGTH + TICK_MARGIN;\n for (const { lines } of formattedTicks) {\n height = Math.max(height, TICK_LENGTH + TICK_MARGIN + lines.length * TICK_LINE_HEIGHT);\n }\n\n return { virtualTextRef, formattedTicks, height };\n}\n\nexport default memo(BottomLabels) as typeof BottomLabels;\n\n// Renders the visible tick labels on the bottom axis, as well as their grid lines.\nfunction BottomLabels({\n axis = 'x',\n width,\n height,\n scale,\n title,\n ariaRoleDescription,\n offsetLeft = 0,\n offsetRight = 0,\n virtualTextRef,\n formattedTicks,\n}: BottomLabelsProps) {\n const i18n = useInternalI18n('[charts]');\n\n const xOffset = scale.isCategorical() && axis === 'x' ? Math.max(0, scale.d3Scale.bandwidth() - 1) / 2 : 0;\n\n const from = 0 - offsetLeft - xOffset;\n const until = width + offsetRight - xOffset;\n const balanceLabels = axis === 'x' && scale.scaleType !== 'log';\n const visibleTicks = getVisibleTicks(formattedTicks, from, until, balanceLabels);\n\n return (\n <g\n transform={`translate(0,${height})`}\n className={styles['labels-bottom']}\n aria-label={title}\n role=\"list\"\n aria-roledescription={i18n('i18nStrings.chartAriaRoleDescription', ariaRoleDescription)}\n aria-hidden={true}\n >\n {visibleTicks.map(\n ({ position, lines }, index) =>\n isFinite(position) && (\n <g\n key={index}\n transform={`translate(${position + xOffset},0)`}\n className={clsx(styles.ticks, styles['ticks--bottom'], {\n [styles['ticks--x']]: axis === 'x',\n [styles['ticks--y']]: axis === 'y',\n })}\n role=\"listitem\"\n aria-label={lines.join('\\n')}\n >\n <line className={styles.ticks__line} x1={0} x2={0} y1={0} y2={TICK_LENGTH} aria-hidden=\"true\" />\n {lines.map((line, lineIndex) => (\n <text\n className={styles.ticks__text}\n key={lineIndex}\n x={0}\n y={TICK_LENGTH + TICK_MARGIN + lineIndex * TICK_LINE_HEIGHT}\n >\n {line}\n </text>\n ))}\n </g>\n )\n )}\n\n <text ref={virtualTextRef} x={0} y={0} style={{ visibility: 'hidden' }} aria-hidden=\"true\"></text>\n </g>\n );\n}\n"]}
1	+ {"version":3,"file":"bottom-labels.js","sourceRoot":"lib/default/","sources":["internal/components/cartesian-chart/bottom-labels.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, { memo, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { ChartDataTypes } from './interfaces';\nimport { ChartScale, NumericChartScale } from './scales';\nimport { TICK_LENGTH, TICK_LINE_HEIGHT, TICK_MARGIN } from './constants';\n\nimport styles from './styles.css.js';\nimport { formatTicks, getVisibleTicks, FormattedTick } from './label-utils';\nimport { useInternalI18n } from '../../../i18n/context';\n\ninterface BottomLabelsProps {\n axis?: 'x' \| 'y';\n width: number;\n height: number;\n scale: ChartScale \| NumericChartScale;\n title?: string;\n ariaRoleDescription?: string;\n offsetLeft?: number;\n offsetRight?: number;\n virtualTextRef: React.Ref<SVGTextElement>;\n formattedTicks: readonly FormattedTick[];\n}\n\nexport function useBottomLabels({\n ticks,\n scale,\n tickFormatter,\n}: {\n scale: ChartScale \| NumericChartScale;\n ticks: readonly ChartDataTypes[];\n tickFormatter?: (value: ChartDataTypes) => string;\n}) {\n const virtualTextRef = useRef<SVGTextElement>(null);\n\n const cacheRef = useRef<{ [label: string]: number }>({});\n const getLabelSpace = (label: string) => {\n if (cacheRef.current[label] !== undefined && cacheRef.current[label] !== 0) {\n return cacheRef.current[label];\n }\n if (virtualTextRef.current && virtualTextRef.current.getComputedTextLength) {\n virtualTextRef.current.textContent = label;\n cacheRef.current[label] = virtualTextRef.current.getComputedTextLength();\n return cacheRef.current[label];\n }\n return 0;\n };\n\n const formattedTicks = formatTicks({ ticks, scale, getLabelSpace, tickFormatter });\n\n if (virtualTextRef.current) {\n virtualTextRef.current.textContent = '';\n }\n\n let height = TICK_LENGTH + TICK_MARGIN;\n for (const { lines } of formattedTicks) {\n height = Math.max(height, TICK_LENGTH + TICK_MARGIN + lines.length * TICK_LINE_HEIGHT);\n }\n\n return { virtualTextRef, formattedTicks, height };\n}\n\nexport default memo(BottomLabels) as typeof BottomLabels;\n\n// Renders the visible tick labels on the bottom axis, as well as their grid lines.\nfunction BottomLabels({\n axis = 'x',\n width,\n height,\n scale,\n title,\n ariaRoleDescription,\n offsetLeft = 0,\n offsetRight = 0,\n virtualTextRef,\n formattedTicks,\n}: BottomLabelsProps) {\n const i18n = useInternalI18n('[charts]');\n\n const xOffset = scale.isCategorical() && axis === 'x' ? Math.max(0, scale.d3Scale.bandwidth() - 1) / 2 : 0;\n\n const from = 0 - offsetLeft - xOffset;\n const until = width + offsetRight - xOffset;\n const balanceLabels = axis === 'x' && scale.scaleType !== 'log';\n const visibleTicks = getVisibleTicks(formattedTicks, from, until, balanceLabels);\n\n return (\n <g\n transform={`translate(0,${height})`}\n className={styles['labels-bottom']}\n aria-label={title}\n role=\"list\"\n aria-roledescription={i18n('i18nStrings.chartAriaRoleDescription', ariaRoleDescription)}\n aria-hidden={true}\n >\n {visibleTicks.map(\n ({ position, lines }, index) =>\n isFinite(position) && (\n <g\n key={index}\n transform={`translate(${position + xOffset},0)`}\n className={clsx(styles.ticks, styles['ticks--bottom'], {\n [styles['ticks--x']]: axis === 'x',\n [styles['ticks--y']]: axis === 'y',\n })}\n role=\"listitem\"\n aria-label={lines.join('\\n')}\n >\n <line className={styles.ticks__line} x1={0} x2={0} y1={0} y2={TICK_LENGTH} aria-hidden=\"true\" />\n {lines.map((line, lineIndex) => (\n <text\n className={styles.ticks__text}\n key={lineIndex}\n x={0}\n y={TICK_LENGTH + TICK_MARGIN + lineIndex * TICK_LINE_HEIGHT}\n >\n {line}\n </text>\n ))}\n </g>\n )\n )}\n\n <text ref={virtualTextRef} x={0} y={0} style={{ visibility: 'hidden' }} aria-hidden=\"true\"></text>\n </g>\n );\n}\n"]}

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

@@ -1,8 +1,8 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1px7g_129c8_99",
-  "chart-filter": "awsui_chart-filter_1px7g_129c8_134",
-  "custom-icon-wrapper": "awsui_custom-icon-wrapper_1px7g_129c8_138"
+  "root": "awsui_root_1px7g_1ejjg_99",
+  "chart-filter": "awsui_chart-filter_1px7g_1ejjg_134",
+  "custom-icon-wrapper": "awsui_custom-icon-wrapper_1px7g_1ejjg_138"
 };

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

@@ -2,8 +2,8 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* stylelint-disable @cloudscape-design/no-implicit-descendant, plugin/no-unsupported-browser-features, selector-combinator-disallowed-list */
-/* stylelint-enable @cloudscape-design/no-implicit-descendant, plugin/no-unsupported-browser-features, selector-combinator-disallowed-list */
+/* stylelint-disable plugin/no-unsupported-browser-features */
+/* stylelint-enable plugin/no-unsupported-browser-features */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -96,7 +96,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_129c8_99:not(#\9) {
+.awsui_root_1px7g_1ejjg_99:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -132,11 +132,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
-.awsui_chart-filter_1px7g_129c8_134:not(#\9) {
+.awsui_chart-filter_1px7g_1ejjg_134:not(#\9) {
   /* used in test-utils */
 }
-.awsui_custom-icon-wrapper_1px7g_129c8_138:not(#\9) {
+.awsui_custom-icon-wrapper_1px7g_1ejjg_138:not(#\9) {
   display: flex;
   align-items: flex-start;
   align-self: stretch;

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

@@ -2,8 +2,8 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1px7g_129c8_99",
-  "chart-filter": "awsui_chart-filter_1px7g_129c8_134",
-  "custom-icon-wrapper": "awsui_custom-icon-wrapper_1px7g_129c8_138"
+  "root": "awsui_root_1px7g_1ejjg_99",
+  "chart-filter": "awsui_chart-filter_1px7g_1ejjg_134",
+  "custom-icon-wrapper": "awsui_custom-icon-wrapper_1px7g_1ejjg_138"
 };

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

@@ -1,11 +1,11 @@
     import './styles.scoped.css';
     export default {
-  "marker": "awsui_marker_1kjc7_1g0tf_99",
-  "root": "awsui_root_1kjc7_1g0tf_117",
-  "title": "awsui_title_1kjc7_1g0tf_155",
-  "list": "awsui_list_1kjc7_1g0tf_159",
-  "marker--dimmed": "awsui_marker--dimmed_1kjc7_1g0tf_208",
-  "marker--highlighted": "awsui_marker--highlighted_1kjc7_1g0tf_211"
+  "marker": "awsui_marker_1kjc7_z59le_99",
+  "root": "awsui_root_1kjc7_z59le_117",
+  "title": "awsui_title_1kjc7_z59le_155",
+  "list": "awsui_list_1kjc7_z59le_159",
+  "marker--dimmed": "awsui_marker--dimmed_1kjc7_z59le_208",
+  "marker--highlighted": "awsui_marker--highlighted_1kjc7_z59le_211"
 };

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

@@ -2,8 +2,8 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* stylelint-disable @cloudscape-design/no-implicit-descendant, plugin/no-unsupported-browser-features, selector-combinator-disallowed-list */
-/* stylelint-enable @cloudscape-design/no-implicit-descendant, plugin/no-unsupported-browser-features, selector-combinator-disallowed-list */
+/* stylelint-disable plugin/no-unsupported-browser-features */
+/* stylelint-enable plugin/no-unsupported-browser-features */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -96,16 +96,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_1g0tf_99:not(#\9) {
+.awsui_marker_1kjc7_z59le_99: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_1g0tf_99:not(#\9) {
+  .awsui_marker_1kjc7_z59le_99:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_marker_1kjc7_1g0tf_99:not(#\9), .awsui-mode-entering .awsui_marker_1kjc7_1g0tf_99:not(#\9) {
+.awsui-motion-disabled .awsui_marker_1kjc7_z59le_99:not(#\9), .awsui-mode-entering .awsui_marker_1kjc7_z59le_99:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -114,7 +114,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_1g0tf_117:not(#\9) {
+.awsui_root_1kjc7_z59le_117:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -149,15 +149,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
 }
-.awsui_root_1kjc7_1g0tf_117:not(#\9):focus {
+.awsui_root_1kjc7_z59le_117:not(#\9):focus {
   outline: none;
 }
-.awsui_title_1kjc7_1g0tf_155:not(#\9) {
+.awsui_title_1kjc7_z59le_155:not(#\9) {
   /* used in test utils */
 }
-.awsui_list_1kjc7_1g0tf_159:not(#\9) {
+.awsui_list_1kjc7_z59le_159:not(#\9) {
   display: flex;
   flex-wrap: wrap;
   list-style: none;
@@ -167,7 +167,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline: 0;
 }
-.awsui_marker_1kjc7_1g0tf_99:not(#\9) {
+.awsui_marker_1kjc7_z59le_99:not(#\9) {
   display: inline-flex;
   align-items: flex-start;
   margin-inline-end: var(--space-m-kpg8id, 16px);
@@ -179,17 +179,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   cursor: pointer;
   opacity: 1;
 }
-.awsui_marker_1kjc7_1g0tf_99:not(#\9):focus {
+.awsui_marker_1kjc7_z59le_99:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_marker_1kjc7_1g0tf_99:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_marker_1kjc7_z59le_99:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_marker_1kjc7_1g0tf_99:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_marker_1kjc7_z59le_99:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_marker_1kjc7_1g0tf_99:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_marker_1kjc7_z59le_99:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -203,12 +203,12 @@ body[data-awsui-focus-visible=true] .awsui_marker_1kjc7_1g0tf_99:not(#\9):focus:
   border-end-end-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_1g0tf_99:not(#\9):last-child {
+.awsui_marker_1kjc7_z59le_99:not(#\9):last-child {
   margin-inline-end: 0;
 }
-.awsui_marker_1kjc7_1g0tf_99.awsui_marker--dimmed_1kjc7_1g0tf_208:not(#\9) {
+.awsui_marker_1kjc7_z59le_99.awsui_marker--dimmed_1kjc7_z59le_208:not(#\9) {
   opacity: 0.35;
 }
-.awsui_marker_1kjc7_1g0tf_99.awsui_marker--highlighted_1kjc7_1g0tf_211:not(#\9) {
+.awsui_marker_1kjc7_z59le_99.awsui_marker--highlighted_1kjc7_z59le_211:not(#\9) {
   /* used in test utils */
 }

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

@@ -2,11 +2,11 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "marker": "awsui_marker_1kjc7_1g0tf_99",
-  "root": "awsui_root_1kjc7_1g0tf_117",
-  "title": "awsui_title_1kjc7_1g0tf_155",
-  "list": "awsui_list_1kjc7_1g0tf_159",
-  "marker--dimmed": "awsui_marker--dimmed_1kjc7_1g0tf_208",
-  "marker--highlighted": "awsui_marker--highlighted_1kjc7_1g0tf_211"
+  "marker": "awsui_marker_1kjc7_z59le_99",
+  "root": "awsui_root_1kjc7_z59le_117",
+  "title": "awsui_title_1kjc7_z59le_155",
+  "list": "awsui_list_1kjc7_z59le_159",
+  "marker--dimmed": "awsui_marker--dimmed_1kjc7_z59le_208",
+  "marker--highlighted": "awsui_marker--highlighted_1kjc7_z59le_211"
 };

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

@@ -1,10 +1,10 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1fcus_1kefj_99",
-  "clickable": "awsui_clickable_1fcus_1kefj_108",
-  "precise": "awsui_precise_1fcus_1kefj_112",
-  "focus-outline": "awsui_focus-outline_1fcus_1kefj_116",
-  "application": "awsui_application_1fcus_1kefj_125"
+  "root": "awsui_root_1fcus_15yju_99",
+  "clickable": "awsui_clickable_1fcus_15yju_108",
+  "precise": "awsui_precise_1fcus_15yju_112",
+  "focus-outline": "awsui_focus-outline_1fcus_15yju_116",
+  "application": "awsui_application_1fcus_15yju_125"
 };