npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1258 → 3.0.1259 - Mend

@cloudscape-design/components-themeable 3.0.1258 → 3.0.1259

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 (257) hide show

package/lib/internal/template/internal/components/dropdown/styles.scoped.css CHANGED Viewed

@@ -2,379 +2,10 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
-/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/* 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 */
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-.awsui_dropdown-content-wrapper_qwoo0_l9v51_153:not(#\9) {
-  animation: awsui_awsui-motion-fade-in-dropdown_qwoo0_l9v51_1 var(--motion-duration-show-quick-i2gulq, 135ms) var(--motion-easing-show-quick-xucy9w, ease-out);
-}
-@keyframes awsui_awsui-motion-fade-in-dropdown_qwoo0_l9v51_1 {
-  from {
-    opacity: 0.4;
-  }
-  to {
-    opacity: 1;
-  }
-}
-@media (prefers-reduced-motion: reduce) {
-  .awsui_dropdown-content-wrapper_qwoo0_l9v51_153:not(#\9) {
-    animation: none;
-    transition: none;
-  }
-}
-.awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_l9v51_153:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_l9v51_153:not(#\9) {
-  animation: none;
-  transition: none;
-}
-.awsui_dropdown-content-wrapper_qwoo0_l9v51_153.awsui_refresh_qwoo0_l9v51_174:not(#\9) {
-  transform-origin: top;
-  animation-name: awsui_awsui-motion-fade-in-0_qwoo0_l9v51_1;
-  animation-duration: var(--motion-duration-show-quick-i2gulq, 135ms);
-  animation-timing-function: var(--motion-easing-show-quick-xucy9w, ease-out);
-}
-@keyframes awsui_awsui-motion-fade-in-0_qwoo0_l9v51_1 {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-@media (prefers-reduced-motion: reduce) {
-  .awsui_dropdown-content-wrapper_qwoo0_l9v51_153.awsui_refresh_qwoo0_l9v51_174:not(#\9) {
-    animation: none;
-    transition: none;
-  }
-}
-.awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_l9v51_153.awsui_refresh_qwoo0_l9v51_174:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_l9v51_153.awsui_refresh_qwoo0_l9v51_174:not(#\9) {
-  animation: none;
-  transition: none;
-}
-.awsui_root_qwoo0_l9v51_199:not(#\9) {
-  border-collapse: separate;
-  border-spacing: 0;
-  box-sizing: border-box;
-  caption-side: top;
-  cursor: auto;
-  direction: inherit;
-  empty-cells: show;
-  font-family: serif;
-  font-style: normal;
-  font-variant: normal;
-  font-stretch: normal;
-  hyphens: none;
-  letter-spacing: normal;
-  list-style: disc outside none;
-  tab-size: 8;
-  text-align: start;
-  text-indent: 0;
-  text-shadow: none;
-  text-transform: none;
-  visibility: visible;
-  white-space: normal;
-  word-spacing: normal;
-  font-size: var(--font-size-body-m-vv54cm, 14px);
-  line-height: var(--line-height-body-m-bedeoh, 22px);
-  color: var(--color-text-body-default-5qid0u, #16191f);
-  font-weight: 400;
-  font-family: var(--font-family-base-8x5ngf, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
-  -webkit-font-smoothing: auto;
-  -moz-osx-font-smoothing: auto;
-  position: relative;
-  white-space: inherit;
-}
-.awsui_root_qwoo0_l9v51_199.awsui_interior_qwoo0_l9v51_232:not(#\9) {
-  position: static;
-}
-.awsui_dropdown_qwoo0_l9v51_153:not(#\9) {
-  position: absolute;
-  display: none;
-  z-index: 2000;
-  transform-origin: top;
-}
-.awsui_dropdown_qwoo0_l9v51_153.awsui_use-portal_qwoo0_l9v51_242:not(#\9) {
-  z-index: 7000;
-}
-.awsui_dropdown_qwoo0_l9v51_153:not(#\9):not(.awsui_interior_qwoo0_l9v51_232) {
-  transform: translateY(0px);
-  transition: transform var(--motion-duration-show-quick-i2gulq, 135ms);
-}
-@media (prefers-reduced-motion: reduce) {
-  .awsui_dropdown_qwoo0_l9v51_153:not(#\9):not(.awsui_interior_qwoo0_l9v51_232) {
-    animation: none;
-    transition: none;
-  }
-}
-.awsui-motion-disabled .awsui_dropdown_qwoo0_l9v51_153:not(#\9):not(.awsui_interior_qwoo0_l9v51_232), .awsui-mode-entering .awsui_dropdown_qwoo0_l9v51_153:not(#\9):not(.awsui_interior_qwoo0_l9v51_232) {
-  animation: none;
-  transition: none;
-}
-.awsui_dropdown-content-wrapper_qwoo0_l9v51_153:not(#\9) {
-  border-collapse: separate;
-  border-spacing: 0;
-  box-sizing: border-box;
-  caption-side: top;
-  cursor: auto;
-  direction: inherit;
-  empty-cells: show;
-  font-family: serif;
-  font-style: normal;
-  font-variant: normal;
-  font-stretch: normal;
-  hyphens: none;
-  letter-spacing: normal;
-  list-style: disc outside none;
-  tab-size: 8;
-  text-align: start;
-  text-indent: 0;
-  text-shadow: none;
-  text-transform: none;
-  visibility: visible;
-  white-space: normal;
-  word-spacing: normal;
-  font-size: var(--font-size-body-m-vv54cm, 14px);
-  line-height: var(--line-height-body-m-bedeoh, 22px);
-  color: var(--color-text-body-default-5qid0u, #16191f);
-  font-weight: 400;
-  font-family: var(--font-family-base-8x5ngf, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
-  -webkit-font-smoothing: auto;
-  -moz-osx-font-smoothing: auto;
-  white-space: inherit;
-  position: relative;
-  background-color: var(--color-background-dropdown-item-default-fhmksr, #ffffff);
-  outline: none;
-  box-shadow: var(--shadow-dropdown-skxpuu, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
-  border-start-start-radius: var(--border-radius-dropdown-oaxffg, 0px);
-  border-start-end-radius: var(--border-radius-dropdown-oaxffg, 0px);
-  border-end-start-radius: var(--border-radius-dropdown-oaxffg, 0px);
-  border-end-end-radius: var(--border-radius-dropdown-oaxffg, 0px);
-  border-block: var(--border-divider-list-width-8ggz94, 1px) solid var(--color-border-container-top-svitxz, #eaeded);
-  box-sizing: border-box;
-}
-.awsui_dropdown-content-wrapper_qwoo0_l9v51_153:not(#\9)::after {
-  content: "";
-  position: absolute;
-  z-index: 1;
-  inset-block-start: -1px;
-  inset-block-end: -1px;
-  inset-inline-start: 0px;
-  inset-inline-end: 0px;
-  background-color: transparent;
-  border-block: var(--border-width-popover-dgqo1x, 1px) solid var(--color-border-dropdown-container-w99bbi, transparent);
-  border-inline: var(--border-width-popover-dgqo1x, 1px) solid var(--color-border-dropdown-container-w99bbi, transparent);
-  border-start-start-radius: var(--border-radius-dropdown-oaxffg, 0px);
-  border-start-end-radius: var(--border-radius-dropdown-oaxffg, 0px);
-  border-end-start-radius: var(--border-radius-dropdown-oaxffg, 0px);
-  border-end-end-radius: var(--border-radius-dropdown-oaxffg, 0px);
-  pointer-events: none;
-}
-.awsui_dropdown-content-wrapper_qwoo0_l9v51_153.awsui_is-empty_qwoo0_l9v51_318:not(#\9)::after {
-  display: none;
-}
-.awsui_dropdown_qwoo0_l9v51_153 > .awsui_dropdown-content-wrapper_qwoo0_l9v51_153:not(#\9) {
-  border-block-start: var(--border-divider-list-width-8ggz94, 1px) solid var(--color-border-container-top-svitxz, #eaeded);
-  border-block-end: var(--border-divider-list-width-8ggz94, 1px) solid var(--color-border-dropdown-group-dg9zg5, #eaeded);
-}
-.awsui_dropdown-drop-up_qwoo0_l9v51_325 > .awsui_dropdown-content-wrapper_qwoo0_l9v51_153:not(#\9) {
-  transform-origin: bottom;
-  box-shadow: var(--shadow-dropup-44quix, 0 -1px 1px 0 rgba(0, 28, 36, 0.3), 1px -1px 1px 0 rgba(0, 28, 36, 0.15), -1px -1px 1px 0 rgba(0, 28, 36, 0.15));
-}
-.awsui_dropdown-drop-up_qwoo0_l9v51_325.awsui_with-limited-width_qwoo0_l9v51_329 > .awsui_dropdown-content-wrapper_qwoo0_l9v51_153:not(#\9) {
-  border-block-start: none;
-}
-.awsui_dropdown-drop-left_qwoo0_l9v51_332:not(#\9) {
-  inset-inline-end: 0;
-}
-.awsui_dropdown-drop-right_qwoo0_l9v51_335:not(#\9) {
-  inset-inline-start: 0;
-}
-.awsui_dropdown_qwoo0_l9v51_153.awsui_occupy-entire-width_qwoo0_l9v51_338:not(#\9) {
-  min-inline-size: 100%;
-}
-.awsui_dropdown_qwoo0_l9v51_153.awsui_use-flexible-width_qwoo0_l9v51_341:not(#\9) {
-  inline-size: max-content;
-  max-inline-size: var(--awsui-dropdown-default-max-width-hzjhvz, none);
-  min-inline-size: var(--awsui-dropdown-default-min-width-hzjhvz, auto);
-}
-.awsui_dropdown_qwoo0_l9v51_153.awsui_interior_qwoo0_l9v51_232 > .awsui_dropdown-content-wrapper_qwoo0_l9v51_153:not(#\9) {
-  margin-block-start: -1px;
-}
-.awsui_dropdown_qwoo0_l9v51_153.awsui_hide-block-border_qwoo0_l9v51_349 > .awsui_dropdown-content-wrapper_qwoo0_l9v51_153:not(#\9) {
-  border-block-start: none;
-}
-.awsui_dropdown_qwoo0_l9v51_153.awsui_hide-block-border_qwoo0_l9v51_349:not(#\9):not(.awsui_dropdown-drop-up_qwoo0_l9v51_325) > .awsui_dropdown-content-wrapper_qwoo0_l9v51_153 {
-  border-block-end: none;
-}
-.awsui_dropdown_qwoo0_l9v51_153.awsui_hide-block-border_qwoo0_l9v51_349.awsui_refresh_qwoo0_l9v51_174 > .awsui_dropdown-content-wrapper_qwoo0_l9v51_153:not(#\9) {
-  border-block-end: none;
-}
-.awsui_dropdown_qwoo0_l9v51_153.awsui_open_qwoo0_l9v51_358:not(#\9) {
-  display: block;
-}
-.awsui_dropdown_qwoo0_l9v51_153.awsui_open_qwoo0_l9v51_358:not(#\9):not(.awsui_interior_qwoo0_l9v51_232).awsui_refresh_qwoo0_l9v51_174[data-animating=true] {
-  transform: translateY(4px);
-}
-.awsui_dropdown_qwoo0_l9v51_153.awsui_open_qwoo0_l9v51_358:not(#\9):not(.awsui_interior_qwoo0_l9v51_232).awsui_refresh_qwoo0_l9v51_174[data-animating=true].awsui_dropdown-drop-up_qwoo0_l9v51_325 {
-  transform: translateY(-4px);
-}
-.awsui_dropdown_qwoo0_l9v51_153.awsui_open_qwoo0_l9v51_358.awsui_nowrap_qwoo0_l9v51_367:not(#\9) {
-  white-space: nowrap;
-  overflow: scroll;
-}
-.awsui_dropdown-content_qwoo0_l9v51_153:not(#\9) {
-  display: flex;
-  flex-direction: column;
-  inline-size: 100%;
+.awsui_root_qwoo0_1mxhq_5:not(#\9) {
+  /* used for backwards-compatibility with older versions of test-utils */
 }
-.awsui_stretch-trigger-height_qwoo0_l9v51_378:not(#\9) {
-  block-size: 100%;
+.awsui_dropdown_qwoo0_1mxhq_9:not(#\9) {
+  /* used for backwards-compatibility with older versions of test-utils */
 }

package/lib/internal/template/internal/components/dropdown/styles.selectors.js CHANGED Viewed

@@ -2,25 +2,7 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_l9v51_153",
-  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_l9v51_1",
-  "refresh": "awsui_refresh_qwoo0_l9v51_174",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_l9v51_1",
-  "root": "awsui_root_qwoo0_l9v51_199",
-  "interior": "awsui_interior_qwoo0_l9v51_232",
-  "dropdown": "awsui_dropdown_qwoo0_l9v51_153",
-  "use-portal": "awsui_use-portal_qwoo0_l9v51_242",
-  "is-empty": "awsui_is-empty_qwoo0_l9v51_318",
-  "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_l9v51_325",
-  "with-limited-width": "awsui_with-limited-width_qwoo0_l9v51_329",
-  "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_l9v51_332",
-  "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_l9v51_335",
-  "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_l9v51_338",
-  "use-flexible-width": "awsui_use-flexible-width_qwoo0_l9v51_341",
-  "hide-block-border": "awsui_hide-block-border_qwoo0_l9v51_349",
-  "open": "awsui_open_qwoo0_l9v51_358",
-  "nowrap": "awsui_nowrap_qwoo0_l9v51_367",
-  "dropdown-content": "awsui_dropdown-content_qwoo0_l9v51_153",
-  "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_l9v51_378"
+  "root": "awsui_root_qwoo0_1mxhq_5",
+  "dropdown": "awsui_dropdown_qwoo0_1mxhq_9"
 };

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

@@ -1,12 +1,12 @@
     import './styles.scoped.css';
     export default {
-  "radio-control": "awsui_radio-control_1v1hk_128zm_145",
-  "outline": "awsui_outline_1v1hk_128zm_153",
-  "styled-circle-border": "awsui_styled-circle-border_1v1hk_128zm_176",
-  "styled-circle-disabled": "awsui_styled-circle-disabled_1v1hk_128zm_180",
-  "styled-circle-readonly": "awsui_styled-circle-readonly_1v1hk_128zm_180",
-  "styled-circle-fill": "awsui_styled-circle-fill_1v1hk_128zm_185",
-  "styled-circle-checked": "awsui_styled-circle-checked_1v1hk_128zm_201"
+  "radio-control": "awsui_radio-control_1v1hk_fnq1b_145",
+  "outline": "awsui_outline_1v1hk_fnq1b_153",
+  "styled-circle-border": "awsui_styled-circle-border_1v1hk_fnq1b_176",
+  "styled-circle-disabled": "awsui_styled-circle-disabled_1v1hk_fnq1b_180",
+  "styled-circle-readonly": "awsui_styled-circle-readonly_1v1hk_fnq1b_180",
+  "styled-circle-fill": "awsui_styled-circle-fill_1v1hk_fnq1b_185",
+  "styled-circle-checked": "awsui_styled-circle-checked_1v1hk_fnq1b_201"
 };

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

@@ -142,7 +142,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_radio-control_1v1hk_128zm_145:not(#\9) {
+.awsui_radio-control_1v1hk_fnq1b_145:not(#\9) {
   margin-block-start: calc((var(--line-height-body-m-bedeoh, 22px) - var(--size-control-lkpwjy, 14px)) / 2);
   min-block-size: var(--size-control-lkpwjy, 14px);
   min-inline-size: var(--size-control-lkpwjy, 14px);
@@ -150,15 +150,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: var(--size-control-lkpwjy, 14px);
 }
-.awsui_outline_1v1hk_128zm_153:not(#\9) {
-  --awsui-style-focus-ring-box-shadow-hzjhvz: 0 0 0 var(--awsui-style-focus-ring-border-width-hzjhvz, 2px) var(--awsui-style-focus-ring-border-color-hzjhvz, var(--color-border-item-focused-r5f6xl, #0073bb));
+.awsui_outline_1v1hk_fnq1b_153:not(#\9) {
+  --awsui-style-focus-ring-box-shadow-u09ddc: 0 0 0 var(--awsui-style-focus-ring-border-width-u09ddc, 2px) var(--awsui-style-focus-ring-border-color-u09ddc, var(--color-border-item-focused-r5f6xl, #0073bb));
   position: relative;
 }
-.awsui_outline_1v1hk_128zm_153:not(#\9) {
+.awsui_outline_1v1hk_fnq1b_153:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-.awsui_outline_1v1hk_128zm_153:not(#\9)::before {
+.awsui_outline_1v1hk_fnq1b_153:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -166,46 +166,46 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-block-start: calc(-1 * 2px);
   inline-size: calc(100% + 2px + 2px);
   block-size: calc(100% + 2px + 2px);
-  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-hzjhvz, var(--border-radius-control-circular-focus-ring-0v2apg, 50%));
-  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-hzjhvz, var(--border-radius-control-circular-focus-ring-0v2apg, 50%));
-  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-hzjhvz, var(--border-radius-control-circular-focus-ring-0v2apg, 50%));
-  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-hzjhvz, var(--border-radius-control-circular-focus-ring-0v2apg, 50%));
-  box-shadow: var(--awsui-style-focus-ring-box-shadow-hzjhvz);
+  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-u09ddc, var(--border-radius-control-circular-focus-ring-0v2apg, 50%));
+  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-u09ddc, var(--border-radius-control-circular-focus-ring-0v2apg, 50%));
+  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-u09ddc, var(--border-radius-control-circular-focus-ring-0v2apg, 50%));
+  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-u09ddc, var(--border-radius-control-circular-focus-ring-0v2apg, 50%));
+  box-shadow: var(--awsui-style-focus-ring-box-shadow-u09ddc);
 }
-.awsui_styled-circle-border_1v1hk_128zm_176:not(#\9) {
+.awsui_styled-circle-border_1v1hk_fnq1b_176:not(#\9) {
   stroke: var(--color-border-control-default-e686ow, #687078);
   fill: var(--color-background-control-default-wjdczs, #ffffff);
 }
-.awsui_styled-circle-border_1v1hk_128zm_176.awsui_styled-circle-disabled_1v1hk_128zm_180:not(#\9), .awsui_styled-circle-border_1v1hk_128zm_176.awsui_styled-circle-readonly_1v1hk_128zm_180:not(#\9) {
+.awsui_styled-circle-border_1v1hk_fnq1b_176.awsui_styled-circle-disabled_1v1hk_fnq1b_180:not(#\9), .awsui_styled-circle-border_1v1hk_fnq1b_176.awsui_styled-circle-readonly_1v1hk_fnq1b_180:not(#\9) {
   fill: var(--color-background-control-disabled-2ixett, #d5dbdb);
   stroke: var(--color-background-control-disabled-2ixett, #d5dbdb);
 }
-.awsui_styled-circle-fill_1v1hk_128zm_185:not(#\9) {
+.awsui_styled-circle-fill_1v1hk_fnq1b_185:not(#\9) {
   stroke: var(--color-background-control-checked-se0x0e, #0073bb);
   fill: var(--color-foreground-control-default-rf7v4a, #ffffff);
   opacity: 0;
   transition: opacity var(--motion-duration-transition-quick-ucajl5, 90ms) var(--motion-easing-transition-quick-034duw, linear);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_styled-circle-fill_1v1hk_128zm_185:not(#\9) {
+  .awsui_styled-circle-fill_1v1hk_fnq1b_185:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_styled-circle-fill_1v1hk_128zm_185:not(#\9), .awsui-mode-entering .awsui_styled-circle-fill_1v1hk_128zm_185:not(#\9) {
+.awsui-motion-disabled .awsui_styled-circle-fill_1v1hk_fnq1b_185:not(#\9), .awsui-mode-entering .awsui_styled-circle-fill_1v1hk_fnq1b_185:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_styled-circle-fill_1v1hk_128zm_185.awsui_styled-circle-checked_1v1hk_128zm_201:not(#\9) {
+.awsui_styled-circle-fill_1v1hk_fnq1b_185.awsui_styled-circle-checked_1v1hk_fnq1b_201:not(#\9) {
   opacity: 1;
 }
-.awsui_styled-circle-fill_1v1hk_128zm_185.awsui_styled-circle-disabled_1v1hk_128zm_180:not(#\9) {
+.awsui_styled-circle-fill_1v1hk_fnq1b_185.awsui_styled-circle-disabled_1v1hk_fnq1b_180:not(#\9) {
   fill: var(--color-foreground-control-disabled-kj751b, #ffffff);
   stroke: var(--color-background-control-disabled-2ixett, #d5dbdb);
 }
-.awsui_styled-circle-fill_1v1hk_128zm_185.awsui_styled-circle-readonly_1v1hk_128zm_180:not(#\9) {
+.awsui_styled-circle-fill_1v1hk_fnq1b_185.awsui_styled-circle-readonly_1v1hk_fnq1b_180:not(#\9) {
   fill: var(--color-foreground-control-read-only-cgy3yn, #687078);
   stroke: var(--color-background-control-disabled-2ixett, #d5dbdb);
 }

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

@@ -2,12 +2,12 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "radio-control": "awsui_radio-control_1v1hk_128zm_145",
-  "outline": "awsui_outline_1v1hk_128zm_153",
-  "styled-circle-border": "awsui_styled-circle-border_1v1hk_128zm_176",
-  "styled-circle-disabled": "awsui_styled-circle-disabled_1v1hk_128zm_180",
-  "styled-circle-readonly": "awsui_styled-circle-readonly_1v1hk_128zm_180",
-  "styled-circle-fill": "awsui_styled-circle-fill_1v1hk_128zm_185",
-  "styled-circle-checked": "awsui_styled-circle-checked_1v1hk_128zm_201"
+  "radio-control": "awsui_radio-control_1v1hk_fnq1b_145",
+  "outline": "awsui_outline_1v1hk_fnq1b_153",
+  "styled-circle-border": "awsui_styled-circle-border_1v1hk_fnq1b_176",
+  "styled-circle-disabled": "awsui_styled-circle-disabled_1v1hk_fnq1b_180",
+  "styled-circle-readonly": "awsui_styled-circle-readonly_1v1hk_fnq1b_180",
+  "styled-circle-fill": "awsui_styled-circle-fill_1v1hk_fnq1b_185",
+  "styled-circle-checked": "awsui_styled-circle-checked_1v1hk_fnq1b_201"
 };

package/lib/internal/template/internal/components/token-list/styles.css.js CHANGED Viewed

@@ -1,15 +1,15 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_gfwv3_bbzvp_193",
-  "horizontal": "awsui_horizontal_gfwv3_bbzvp_196",
-  "vertical": "awsui_vertical_gfwv3_bbzvp_202",
-  "list": "awsui_list_gfwv3_bbzvp_207",
-  "grid": "awsui_grid_gfwv3_bbzvp_226",
-  "list-item": "awsui_list-item_gfwv3_bbzvp_238",
-  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_bbzvp_245",
-  "toggle": "awsui_toggle_gfwv3_bbzvp_245",
-  "description": "awsui_description_gfwv3_bbzvp_337",
-  "separator": "awsui_separator_gfwv3_bbzvp_341"
+  "root": "awsui_root_gfwv3_1m58k_193",
+  "horizontal": "awsui_horizontal_gfwv3_1m58k_196",
+  "vertical": "awsui_vertical_gfwv3_1m58k_202",
+  "list": "awsui_list_gfwv3_1m58k_207",
+  "grid": "awsui_grid_gfwv3_1m58k_226",
+  "list-item": "awsui_list-item_gfwv3_1m58k_238",
+  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_1m58k_245",
+  "toggle": "awsui_toggle_gfwv3_1m58k_245",
+  "description": "awsui_description_gfwv3_1m58k_337",
+  "separator": "awsui_separator_gfwv3_1m58k_341"
 };