npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.534 → 3.0.536 - Mend

@cloudscape-design/components-themeable 3.0.534 → 3.0.536

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

package/lib/internal/template/internal/components/selectable-item/styles.scoped.css CHANGED Viewed

@@ -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_selectable-item_15o6u_16c0g_93:not(#\9) {
+.awsui_selectable-item_15o6u_ujaui_93:not(#\9) {
   font-size: var(--font-size-body-m-pa3mqb, 14px);
   line-height: var(--line-height-body-m-2zx78l, 22px);
   color: var(--color-text-body-default-ffdwgg, #16191f);
@@ -101,133 +101,142 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   position: relative;
   list-style: none;
   z-index: 1;
-  border: var(--border-divider-list-width-471u6a, 1px) solid transparent;
-  border-top-color: var(--color-border-dropdown-item-default-xnte9u, #eaeded);
-  border-bottom-color: var(--color-border-dropdown-item-default-xnte9u, #eaeded);
+  border-block: var(--border-divider-list-width-471u6a, 1px) solid transparent;
+  border-inline: var(--border-divider-list-width-471u6a, 1px) solid transparent;
+  border-block-start-color: var(--color-border-dropdown-item-default-xnte9u, #eaeded);
+  border-block-end-color: var(--color-border-dropdown-item-default-xnte9u, #eaeded);
   background-color: var(--color-background-dropdown-item-default-s7k0er, #ffffff);
   color: var(--color-text-dropdown-item-default-d4af6n, #16191f);
-  border-left-width: 0;
-  border-right-width: 0;
-  padding: calc(
+  border-inline-start-width: 0;
+  border-inline-end-width: 0;
+  padding-block: calc(
   var(--space-xxs-9rrxti, 4px) + (var(--border-item-width-0zxiwv, 1px) - var(--border-divider-list-width-471u6a, 1px))
-) calc(var(--space-field-horizontal-cy5q05, 8px) + var(--border-item-width-0zxiwv, 1px));
+);
+  padding-inline: calc(var(--space-field-horizontal-cy5q05, 8px) + var(--border-item-width-0zxiwv, 1px));
 }
-.awsui_selectable-item_15o6u_16c0g_93.awsui_pad-bottom_15o6u_16c0g_115:not(#\9) {
-  padding-bottom: calc(calc(
+.awsui_selectable-item_15o6u_ujaui_93.awsui_pad-bottom_15o6u_ujaui_117:not(#\9) {
+  padding-block-end: calc(calc(
   var(--space-xxs-9rrxti, 4px) + (var(--border-item-width-0zxiwv, 1px) - var(--border-divider-list-width-471u6a, 1px))
 ) + var(--space-xxxs-z28114, 2px));
-  border-bottom-color: transparent;
+  border-block-end-color: transparent;
 }
-.awsui_selectable-item_15o6u_16c0g_93:not(#\9):not(:first-child) {
-  margin-top: calc(-1 * var(--border-item-width-0zxiwv, 1px));
+.awsui_selectable-item_15o6u_ujaui_93:not(#\9):not(:first-child) {
+  margin-block-start: calc(-1 * var(--border-item-width-0zxiwv, 1px));
 }
-.awsui_selectable-item_15o6u_16c0g_93.awsui_has-background_15o6u_16c0g_124:not(#\9) {
+.awsui_selectable-item_15o6u_ujaui_93.awsui_has-background_15o6u_ujaui_126:not(#\9) {
   background-color: var(--color-background-dropdown-item-hover-i8ac7r, #f2f3f3);
 }
-.awsui_selectable-item_15o6u_16c0g_93.awsui_highlighted_15o6u_16c0g_127:not(#\9), .awsui_selectable-item_15o6u_16c0g_93.awsui_selected_15o6u_16c0g_127:not(#\9) {
+.awsui_selectable-item_15o6u_ujaui_93.awsui_highlighted_15o6u_ujaui_129:not(#\9), .awsui_selectable-item_15o6u_ujaui_93.awsui_selected_15o6u_ujaui_129:not(#\9) {
   color: var(--color-text-dropdown-item-highlighted-ek38zi, #16191f);
   border-width: var(--border-item-width-0zxiwv, 1px);
-  border-radius: var(--border-radius-item-jsz3j8, 0px);
-  padding: var(--space-xxs-9rrxti, 4px) var(--space-field-horizontal-cy5q05, 8px);
+  border-start-start-radius: var(--border-radius-item-jsz3j8, 0px);
+  border-start-end-radius: var(--border-radius-item-jsz3j8, 0px);
+  border-end-start-radius: var(--border-radius-item-jsz3j8, 0px);
+  border-end-end-radius: var(--border-radius-item-jsz3j8, 0px);
+  padding-block: var(--space-xxs-9rrxti, 4px);
+  padding-inline: var(--space-field-horizontal-cy5q05, 8px);
 }
-.awsui_selectable-item_15o6u_16c0g_93.awsui_highlighted_15o6u_16c0g_127.awsui_pad-bottom_15o6u_16c0g_115:not(#\9), .awsui_selectable-item_15o6u_16c0g_93.awsui_selected_15o6u_16c0g_127.awsui_pad-bottom_15o6u_16c0g_115:not(#\9) {
-  padding-bottom: calc(var(--space-xxs-9rrxti, 4px) + var(--space-xxxs-z28114, 2px));
+.awsui_selectable-item_15o6u_ujaui_93.awsui_highlighted_15o6u_ujaui_129.awsui_pad-bottom_15o6u_ujaui_117:not(#\9), .awsui_selectable-item_15o6u_ujaui_93.awsui_selected_15o6u_ujaui_129.awsui_pad-bottom_15o6u_ujaui_117:not(#\9) {
+  padding-block-end: calc(var(--space-xxs-9rrxti, 4px) + var(--space-xxxs-z28114, 2px));
 }
-.awsui_selectable-item_15o6u_16c0g_93.awsui_highlighted_15o6u_16c0g_127:not(#\9) {
+.awsui_selectable-item_15o6u_ujaui_93.awsui_highlighted_15o6u_ujaui_129:not(#\9) {
   z-index: 3;
   background-color: var(--color-background-dropdown-item-hover-i8ac7r, #f2f3f3);
   border-color: var(--color-border-dropdown-item-hover-gqjku2, #879596);
 }
-.awsui_selectable-item_15o6u_16c0g_93.awsui_highlighted_15o6u_16c0g_127.awsui_disabled_15o6u_16c0g_141:not(#\9) {
+.awsui_selectable-item_15o6u_ujaui_93.awsui_highlighted_15o6u_ujaui_129.awsui_disabled_15o6u_ujaui_147:not(#\9) {
   color: var(--color-text-dropdown-item-dimmed-oru6hf, #aab7b8);
   border-color: var(--color-border-dropdown-item-dimmed-hover-ydzhss, #879596);
   background-color: var(--color-background-dropdown-item-dimmed-e83q5u, transparent);
 }
-.awsui_selectable-item_15o6u_16c0g_93.awsui_selected_15o6u_16c0g_127:not(#\9) {
+.awsui_selectable-item_15o6u_ujaui_93.awsui_selected_15o6u_ujaui_129:not(#\9) {
   z-index: 2;
   background-color: var(--color-background-dropdown-item-selected-u5p3gx, #f1faff);
   border-color: var(--color-border-dropdown-item-selected-fxzclw, #eaeded);
 }
-.awsui_selectable-item_15o6u_16c0g_93.awsui_selected_15o6u_16c0g_127.awsui_next-item-selected_15o6u_16c0g_151:not(#\9) {
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
+.awsui_selectable-item_15o6u_ujaui_93.awsui_selected_15o6u_ujaui_129.awsui_next-item-selected_15o6u_ujaui_157:not(#\9) {
+  border-end-start-radius: 0;
+  border-end-end-radius: 0;
 }
-.awsui_selectable-item_15o6u_16c0g_93.awsui_selected_15o6u_16c0g_127.awsui_highlighted_15o6u_16c0g_127:not(#\9) {
+.awsui_selectable-item_15o6u_ujaui_93.awsui_selected_15o6u_ujaui_129.awsui_highlighted_15o6u_ujaui_129:not(#\9) {
   border-color: var(--color-border-dropdown-item-hover-gqjku2, #879596);
   z-index: 3;
 }
-.awsui_selectable-item_15o6u_16c0g_93.awsui_selected_15o6u_16c0g_127 + .awsui_selectable-item_15o6u_16c0g_93.awsui_selected_15o6u_16c0g_127:not(#\9) {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
+.awsui_selectable-item_15o6u_ujaui_93.awsui_selected_15o6u_ujaui_129 + .awsui_selectable-item_15o6u_ujaui_93.awsui_selected_15o6u_ujaui_129:not(#\9) {
+  border-start-start-radius: 0;
+  border-start-end-radius: 0;
 }
-.awsui_selectable-item_15o6u_16c0g_93.awsui_highlighted_15o6u_16c0g_127.awsui_is-keyboard_15o6u_16c0g_163:not(#\9) {
+.awsui_selectable-item_15o6u_ujaui_93.awsui_highlighted_15o6u_ujaui_129.awsui_is-keyboard_15o6u_ujaui_169:not(#\9) {
   border-color: var(--color-border-dropdown-item-focused-3o10kx, #0073bb);
   box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-0k725q, 1px) var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_selectable-item_15o6u_16c0g_93.awsui_parent_15o6u_16c0g_167:not(#\9) {
+.awsui_selectable-item_15o6u_ujaui_93.awsui_parent_15o6u_ujaui_173:not(#\9) {
   font-weight: bold;
   color: var(--color-text-dropdown-group-label-sizd89, #545b64);
 }
-.awsui_selectable-item_15o6u_16c0g_93.awsui_parent_15o6u_16c0g_167:not(#\9):not(.awsui_interactiveGroups_15o6u_16c0g_171) {
-  border-top-color: var(--color-border-dropdown-group-mkqzrv, #eaeded);
-  padding: var(--space-xs-xf5ch3, 8px);
+.awsui_selectable-item_15o6u_ujaui_93.awsui_parent_15o6u_ujaui_173:not(#\9):not(.awsui_interactiveGroups_15o6u_ujaui_177) {
+  border-block-start-color: var(--color-border-dropdown-group-mkqzrv, #eaeded);
+  padding-block: var(--space-xs-xf5ch3, 8px);
+  padding-inline: var(--space-xs-xf5ch3, 8px);
 }
-.awsui_selectable-item_15o6u_16c0g_93.awsui_parent_15o6u_16c0g_167.awsui_interactiveGroups_15o6u_16c0g_171:not(#\9) {
-  padding: calc(
+.awsui_selectable-item_15o6u_ujaui_93.awsui_parent_15o6u_ujaui_173.awsui_interactiveGroups_15o6u_ujaui_177:not(#\9) {
+  padding-block: calc(
   var(--space-xs-xf5ch3, 8px) + (var(--border-item-width-0zxiwv, 1px) - var(--border-divider-list-width-471u6a, 1px))
-) calc(var(--space-field-horizontal-cy5q05, 8px) + var(--border-item-width-0zxiwv, 1px));
+);
+  padding-inline: calc(var(--space-field-horizontal-cy5q05, 8px) + var(--border-item-width-0zxiwv, 1px));
 }
-.awsui_selectable-item_15o6u_16c0g_93.awsui_parent_15o6u_16c0g_167.awsui_interactiveGroups_15o6u_16c0g_171.awsui_highlighted_15o6u_16c0g_127:not(#\9) {
+.awsui_selectable-item_15o6u_ujaui_93.awsui_parent_15o6u_ujaui_173.awsui_interactiveGroups_15o6u_ujaui_177.awsui_highlighted_15o6u_ujaui_129:not(#\9) {
   color: var(--color-text-dropdown-item-highlighted-ek38zi, #16191f);
 }
-.awsui_selectable-item_15o6u_16c0g_93.awsui_parent_15o6u_16c0g_167.awsui_interactiveGroups_15o6u_16c0g_171.awsui_highlighted_15o6u_16c0g_127:not(#\9), .awsui_selectable-item_15o6u_16c0g_93.awsui_parent_15o6u_16c0g_167.awsui_interactiveGroups_15o6u_16c0g_171.awsui_selected_15o6u_16c0g_127:not(#\9) {
-  padding: var(--space-xs-xf5ch3, 8px) var(--space-field-horizontal-cy5q05, 8px);
+.awsui_selectable-item_15o6u_ujaui_93.awsui_parent_15o6u_ujaui_173.awsui_interactiveGroups_15o6u_ujaui_177.awsui_highlighted_15o6u_ujaui_129:not(#\9), .awsui_selectable-item_15o6u_ujaui_93.awsui_parent_15o6u_ujaui_173.awsui_interactiveGroups_15o6u_ujaui_177.awsui_selected_15o6u_ujaui_129:not(#\9) {
+  padding-block: var(--space-xs-xf5ch3, 8px);
+  padding-inline: var(--space-field-horizontal-cy5q05, 8px);
 }
-.awsui_selectable-item_15o6u_16c0g_93.awsui_child_15o6u_16c0g_186:not(#\9) {
-  padding-left: calc(var(--space-xxl-pd3205, 32px) + var(--border-item-width-0zxiwv, 1px));
+.awsui_selectable-item_15o6u_ujaui_93.awsui_child_15o6u_ujaui_195:not(#\9) {
+  padding-inline-start: calc(var(--space-xxl-pd3205, 32px) + var(--border-item-width-0zxiwv, 1px));
 }
-.awsui_selectable-item_15o6u_16c0g_93.awsui_child_15o6u_16c0g_186.awsui_highlighted_15o6u_16c0g_127:not(#\9), .awsui_selectable-item_15o6u_16c0g_93.awsui_child_15o6u_16c0g_186.awsui_selected_15o6u_16c0g_127:not(#\9) {
-  padding-left: var(--space-xxl-pd3205, 32px);
+.awsui_selectable-item_15o6u_ujaui_93.awsui_child_15o6u_ujaui_195.awsui_highlighted_15o6u_ujaui_129:not(#\9), .awsui_selectable-item_15o6u_ujaui_93.awsui_child_15o6u_ujaui_195.awsui_selected_15o6u_ujaui_129:not(#\9) {
+  padding-inline-start: var(--space-xxl-pd3205, 32px);
 }
-.awsui_selectable-item_15o6u_16c0g_93.awsui_disabled_15o6u_16c0g_141:not(#\9) {
+.awsui_selectable-item_15o6u_ujaui_93.awsui_disabled_15o6u_ujaui_147:not(#\9) {
   color: var(--color-text-dropdown-item-disabled-nf1b1j, #aab7b8);
 }
-.awsui_selectable-item_15o6u_16c0g_93:not(#\9):not(.awsui_disabled_15o6u_16c0g_141):not(.awsui_parent_15o6u_16c0g_167) {
+.awsui_selectable-item_15o6u_ujaui_93:not(#\9):not(.awsui_disabled_15o6u_ujaui_147):not(.awsui_parent_15o6u_ujaui_173) {
   cursor: pointer;
 }
-.awsui_selectable-item_15o6u_16c0g_93.awsui_interactiveGroups_15o6u_16c0g_171:not(#\9):not(.awsui_disabled_15o6u_16c0g_141) {
+.awsui_selectable-item_15o6u_ujaui_93.awsui_interactiveGroups_15o6u_ujaui_177:not(#\9):not(.awsui_disabled_15o6u_ujaui_147) {
   cursor: pointer;
 }
-.awsui_selectable-item_15o6u_16c0g_93.awsui_virtual_15o6u_16c0g_201:not(#\9) {
+.awsui_selectable-item_15o6u_ujaui_93.awsui_virtual_15o6u_ujaui_210:not(#\9) {
   position: absolute;
-  top: var(--border-dropdown-virtual-offset-width-fpddos, 0px);
-  left: 0;
-  width: 100%;
+  inset-block-start: var(--border-dropdown-virtual-offset-width-fpddos, 0px);
+  inset-inline-start: 0;
+  inline-size: 100%;
   box-sizing: border-box;
 }
-.awsui_selectable-item_15o6u_16c0g_93.awsui_virtual_15o6u_16c0g_201:not(#\9):first-of-type:not(.awsui_selected_15o6u_16c0g_127, .awsui_highlighted_15o6u_16c0g_127) {
-  border-top-color: var(--color-border-dropdown-item-top-of452d, #eaeded);
+.awsui_selectable-item_15o6u_ujaui_93.awsui_virtual_15o6u_ujaui_210:not(#\9):first-of-type:not(.awsui_selected_15o6u_ujaui_129, .awsui_highlighted_15o6u_ujaui_129) {
+  border-block-start-color: var(--color-border-dropdown-item-top-of452d, #eaeded);
 }
-.awsui_measure-strut_15o6u_16c0g_212:not(#\9) {
+.awsui_measure-strut_15o6u_ujaui_221:not(#\9) {
   position: absolute;
   pointer-events: none;
-  height: 100%;
-  width: 100%;
-  top: 0;
-  left: 0;
-  padding-top: var(--border-divider-list-width-471u6a, 1px);
+  block-size: 100%;
+  inline-size: 100%;
+  inset-block-start: 0;
+  inset-inline-start: 0;
+  padding-block-start: var(--border-divider-list-width-471u6a, 1px);
 }
-.awsui_measure-strut-first_15o6u_16c0g_221:not(#\9) {
-  padding-bottom: var(--border-divider-list-width-471u6a, 1px);
+.awsui_measure-strut-first_15o6u_ujaui_230:not(#\9) {
+  padding-block-end: var(--border-divider-list-width-471u6a, 1px);
 }
-.awsui_screenreader-content_15o6u_16c0g_225:not(#\9) {
+.awsui_screenreader-content_15o6u_ujaui_234:not(#\9) {
   position: absolute !important;
-  top: -9999px !important;
-  left: -9999px !important;
+  inset-block-start: -9999px !important;
+  inset-inline-start: -9999px !important;
 }
-.awsui_option-content_15o6u_16c0g_231:not(#\9) {
+.awsui_option-content_15o6u_ujaui_240:not(#\9) {
   /* used in test-utils */
 }

package/lib/internal/template/internal/components/selectable-item/styles.selectors.js CHANGED Viewed

@@ -2,21 +2,21 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "selectable-item": "awsui_selectable-item_15o6u_16c0g_93",
-  "pad-bottom": "awsui_pad-bottom_15o6u_16c0g_115",
-  "has-background": "awsui_has-background_15o6u_16c0g_124",
-  "highlighted": "awsui_highlighted_15o6u_16c0g_127",
-  "selected": "awsui_selected_15o6u_16c0g_127",
-  "disabled": "awsui_disabled_15o6u_16c0g_141",
-  "next-item-selected": "awsui_next-item-selected_15o6u_16c0g_151",
-  "is-keyboard": "awsui_is-keyboard_15o6u_16c0g_163",
-  "parent": "awsui_parent_15o6u_16c0g_167",
-  "interactiveGroups": "awsui_interactiveGroups_15o6u_16c0g_171",
-  "child": "awsui_child_15o6u_16c0g_186",
-  "virtual": "awsui_virtual_15o6u_16c0g_201",
-  "measure-strut": "awsui_measure-strut_15o6u_16c0g_212",
-  "measure-strut-first": "awsui_measure-strut-first_15o6u_16c0g_221",
-  "screenreader-content": "awsui_screenreader-content_15o6u_16c0g_225",
-  "option-content": "awsui_option-content_15o6u_16c0g_231"
+  "selectable-item": "awsui_selectable-item_15o6u_ujaui_93",
+  "pad-bottom": "awsui_pad-bottom_15o6u_ujaui_117",
+  "has-background": "awsui_has-background_15o6u_ujaui_126",
+  "highlighted": "awsui_highlighted_15o6u_ujaui_129",
+  "selected": "awsui_selected_15o6u_ujaui_129",
+  "disabled": "awsui_disabled_15o6u_ujaui_147",
+  "next-item-selected": "awsui_next-item-selected_15o6u_ujaui_157",
+  "is-keyboard": "awsui_is-keyboard_15o6u_ujaui_169",
+  "parent": "awsui_parent_15o6u_ujaui_173",
+  "interactiveGroups": "awsui_interactiveGroups_15o6u_ujaui_177",
+  "child": "awsui_child_15o6u_ujaui_195",
+  "virtual": "awsui_virtual_15o6u_ujaui_210",
+  "measure-strut": "awsui_measure-strut_15o6u_ujaui_221",
+  "measure-strut-first": "awsui_measure-strut-first_15o6u_ujaui_230",
+  "screenreader-content": "awsui_screenreader-content_15o6u_ujaui_234",
+  "option-content": "awsui_option-content_15o6u_ujaui_240"
 };

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

@@ -1,14 +1,14 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_gfwv3_zlont_93",
-  "horizontal": "awsui_horizontal_gfwv3_zlont_98",
-  "vertical": "awsui_vertical_gfwv3_zlont_102",
-  "list": "awsui_list_gfwv3_zlont_106",
-  "list-item": "awsui_list-item_gfwv3_zlont_124",
-  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_zlont_129",
-  "toggle": "awsui_toggle_gfwv3_zlont_129",
-  "description": "awsui_description_gfwv3_zlont_219",
-  "separator": "awsui_separator_gfwv3_zlont_223"
+  "root": "awsui_root_gfwv3_19wq0_93",
+  "horizontal": "awsui_horizontal_gfwv3_19wq0_98",
+  "vertical": "awsui_vertical_gfwv3_19wq0_102",
+  "list": "awsui_list_gfwv3_19wq0_106",
+  "list-item": "awsui_list-item_gfwv3_19wq0_126",
+  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_19wq0_133",
+  "toggle": "awsui_toggle_gfwv3_19wq0_133",
+  "description": "awsui_description_gfwv3_19wq0_229",
+  "separator": "awsui_separator_gfwv3_19wq0_233"
 };

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

@@ -90,49 +90,53 @@ 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_gfwv3_zlont_93:not(#\9) {
+.awsui_root_gfwv3_19wq0_93:not(#\9) {
   display: flex;
   flex-wrap: wrap;
   gap: var(--space-scaled-xs-x91h81, 8px);
 }
-.awsui_root_gfwv3_zlont_93.awsui_horizontal_gfwv3_zlont_98:not(#\9) {
+.awsui_root_gfwv3_19wq0_93.awsui_horizontal_gfwv3_19wq0_98:not(#\9) {
   gap: var(--space-xs-xf5ch3, 8px);
   flex-direction: row;
 }
-.awsui_root_gfwv3_zlont_93.awsui_vertical_gfwv3_zlont_102:not(#\9) {
+.awsui_root_gfwv3_19wq0_93.awsui_vertical_gfwv3_19wq0_102:not(#\9) {
   flex-direction: column;
 }
-.awsui_list_gfwv3_zlont_106:not(#\9) {
+.awsui_list_gfwv3_19wq0_106:not(#\9) {
   display: contents;
   list-style: none;
-  padding: 0;
-  margin: 0;
+  padding-block: 0;
+  padding-inline: 0;
+  margin-block: 0;
+  margin-inline: 0;
 }
-.awsui_list_gfwv3_zlont_106.awsui_horizontal_gfwv3_zlont_98:not(#\9), .awsui_list_gfwv3_zlont_106.awsui_vertical_gfwv3_zlont_102:not(#\9) {
+.awsui_list_gfwv3_19wq0_106.awsui_horizontal_gfwv3_19wq0_98:not(#\9), .awsui_list_gfwv3_19wq0_106.awsui_vertical_gfwv3_19wq0_102:not(#\9) {
   display: flex;
   flex-wrap: wrap;
   gap: var(--space-xs-xf5ch3, 8px);
 }
-.awsui_list_gfwv3_zlont_106.awsui_horizontal_gfwv3_zlont_98:not(#\9) {
+.awsui_list_gfwv3_19wq0_106.awsui_horizontal_gfwv3_19wq0_98:not(#\9) {
   flex-direction: row;
 }
-.awsui_list_gfwv3_zlont_106.awsui_vertical_gfwv3_zlont_102:not(#\9) {
+.awsui_list_gfwv3_19wq0_106.awsui_vertical_gfwv3_19wq0_102:not(#\9) {
   flex-direction: column;
 }
-.awsui_list-item_gfwv3_zlont_124:not(#\9) {
-  padding: 0;
-  margin: 0;
+.awsui_list-item_gfwv3_19wq0_126:not(#\9) {
+  padding-block: 0;
+  padding-inline: 0;
+  margin-block: 0;
+  margin-inline: 0;
 }
-.awsui_toggle-container-inline_gfwv3_zlont_129:not(#\9) {
-  padding-left: var(--space-xs-xf5ch3, 8px);
+.awsui_toggle-container-inline_gfwv3_19wq0_133:not(#\9) {
+  padding-inline-start: var(--space-xs-xf5ch3, 8px);
   display: flex;
   align-items: center;
 }
-.awsui_toggle_gfwv3_zlont_129:not(#\9) {
+.awsui_toggle_gfwv3_19wq0_133:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -180,51 +184,58 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: flex;
   align-items: center;
   background-color: transparent;
-  border: var(--border-field-width-yoy972, 1px) solid transparent;
-  padding: 0;
-  margin-left: -1px;
+  border-block: var(--border-field-width-yoy972, 1px) solid transparent;
+  border-inline: var(--border-field-width-yoy972, 1px) solid transparent;
+  padding-block: 0;
+  padding-inline: 0;
+  margin-inline-start: -1px;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_toggle_gfwv3_zlont_129:not(#\9) {
+  .awsui_toggle_gfwv3_19wq0_133:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_toggle_gfwv3_zlont_129:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_zlont_129:not(#\9) {
+.awsui-motion-disabled .awsui_toggle_gfwv3_19wq0_133:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_19wq0_133:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_toggle_gfwv3_zlont_129:not(#\9):hover {
+.awsui_toggle_gfwv3_19wq0_133:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-8s5z9d, #0a4a74);
 }
-.awsui_toggle_gfwv3_zlont_129:not(#\9):focus {
+.awsui_toggle_gfwv3_19wq0_133:not(#\9):focus {
   outline: none;
 }
-.awsui_toggle_gfwv3_zlont_129:not(#\9):active {
+.awsui_toggle_gfwv3_19wq0_133:not(#\9):active {
   color: var(--color-text-link-hover-8s5z9d, #0a4a74);
 }
-.awsui_toggle_gfwv3_zlont_129:not(#\9):active, .awsui_toggle_gfwv3_zlont_129:not(#\9):focus, .awsui_toggle_gfwv3_zlont_129:not(#\9):hover {
+.awsui_toggle_gfwv3_19wq0_133:not(#\9):active, .awsui_toggle_gfwv3_19wq0_133:not(#\9):focus, .awsui_toggle_gfwv3_19wq0_133:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_toggle_gfwv3_zlont_129:not(#\9):active, .awsui_toggle_gfwv3_zlont_129:not(#\9):focus, .awsui_toggle_gfwv3_zlont_129:not(#\9):hover {
+.awsui_toggle_gfwv3_19wq0_133:not(#\9):active, .awsui_toggle_gfwv3_19wq0_133:not(#\9):focus, .awsui_toggle_gfwv3_19wq0_133:not(#\9):hover {
   text-decoration: none;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: transparent;
 }
-body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_zlont_129:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_19wq0_133:not(#\9):focus {
   outline: 2px dotted transparent;
-  border: var(--border-field-width-yoy972, 1px) solid var(--color-border-item-focused-v8nq2m, #0073bb);
-  border-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  border-block: var(--border-field-width-yoy972, 1px) solid var(--color-border-item-focused-v8nq2m, #0073bb);
+  border-inline: var(--border-field-width-yoy972, 1px) solid var(--color-border-item-focused-v8nq2m, #0073bb);
+  border-start-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  border-start-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  border-end-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  border-end-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0k725q, 1px) var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_toggle_gfwv3_zlont_129 > .awsui_description_gfwv3_zlont_219:not(#\9) {
-  margin-left: var(--space-xxs-9rrxti, 4px);
+.awsui_toggle_gfwv3_19wq0_133 > .awsui_description_gfwv3_19wq0_229:not(#\9) {
+  margin-inline-start: var(--space-xxs-9rrxti, 4px);
 }
-.awsui_separator_gfwv3_zlont_223:not(#\9) {
-  margin: 0px var(--space-scaled-m-er48cl, 16px);
-  width: var(--border-divider-section-width-wl9k66, 1px);
+.awsui_separator_gfwv3_19wq0_233:not(#\9) {
+  margin-block: 0;
+  margin-inline: var(--space-scaled-m-er48cl, 16px);
+  inline-size: var(--border-divider-section-width-wl9k66, 1px);
   background-color: var(--color-border-divider-default-in8dkg, #eaeded);
 }

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

@@ -2,14 +2,14 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_gfwv3_zlont_93",
-  "horizontal": "awsui_horizontal_gfwv3_zlont_98",
-  "vertical": "awsui_vertical_gfwv3_zlont_102",
-  "list": "awsui_list_gfwv3_zlont_106",
-  "list-item": "awsui_list-item_gfwv3_zlont_124",
-  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_zlont_129",
-  "toggle": "awsui_toggle_gfwv3_zlont_129",
-  "description": "awsui_description_gfwv3_zlont_219",
-  "separator": "awsui_separator_gfwv3_zlont_223"
+  "root": "awsui_root_gfwv3_19wq0_93",
+  "horizontal": "awsui_horizontal_gfwv3_19wq0_98",
+  "vertical": "awsui_vertical_gfwv3_19wq0_102",
+  "list": "awsui_list_gfwv3_19wq0_106",
+  "list-item": "awsui_list-item_gfwv3_19wq0_126",
+  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_19wq0_133",
+  "toggle": "awsui_toggle_gfwv3_19wq0_133",
+  "description": "awsui_description_gfwv3_19wq0_229",
+  "separator": "awsui_separator_gfwv3_19wq0_233"
 };

package/lib/internal/template/internal/environment.js CHANGED Viewed

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (41a2e0e1)";
+export var PACKAGE_VERSION = "3.0.0 (1985e3f8)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/lib/internal/template/internal/environment.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (41a2e0e1)",
+  "PACKAGE_VERSION": "3.0.0 (1985e3f8)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/lib/internal/template/link/styles.css.js CHANGED Viewed

@@ -1,25 +1,25 @@
     import './styles.scoped.css';
     export default {
-  "link": "awsui_link_4c84z_1s1f3_93",
-  "variant-secondary": "awsui_variant-secondary_4c84z_1s1f3_162",
-  "variant-primary": "awsui_variant-primary_4c84z_1s1f3_197",
-  "variant-info": "awsui_variant-info_4c84z_1s1f3_230",
-  "variant-value-large": "awsui_variant-value-large_4c84z_1s1f3_265",
-  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1s1f3_297",
-  "variant-recovery": "awsui_variant-recovery_4c84z_1s1f3_330",
-  "button": "awsui_button_4c84z_1s1f3_363",
-  "color-inverted": "awsui_color-inverted_4c84z_1s1f3_398",
-  "font-size-body-s": "awsui_font-size-body-s_4c84z_1s1f3_416",
-  "font-size-body-m": "awsui_font-size-body-m_4c84z_1s1f3_423",
-  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1s1f3_429",
-  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1s1f3_435",
-  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1s1f3_442",
-  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1s1f3_449",
-  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1s1f3_456",
-  "font-size-display-l": "awsui_font-size-display-l_4c84z_1s1f3_463",
-  "font-size-inherit": "awsui_font-size-inherit_4c84z_1s1f3_470",
-  "icon-wrapper": "awsui_icon-wrapper_4c84z_1s1f3_478",
-  "icon": "awsui_icon_4c84z_1s1f3_478"
+  "link": "awsui_link_4c84z_1p6h2_93",
+  "variant-secondary": "awsui_variant-secondary_4c84z_1p6h2_162",
+  "variant-primary": "awsui_variant-primary_4c84z_1p6h2_197",
+  "variant-info": "awsui_variant-info_4c84z_1p6h2_230",
+  "variant-value-large": "awsui_variant-value-large_4c84z_1p6h2_265",
+  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1p6h2_297",
+  "variant-recovery": "awsui_variant-recovery_4c84z_1p6h2_330",
+  "button": "awsui_button_4c84z_1p6h2_363",
+  "color-inverted": "awsui_color-inverted_4c84z_1p6h2_398",
+  "font-size-body-s": "awsui_font-size-body-s_4c84z_1p6h2_419",
+  "font-size-body-m": "awsui_font-size-body-m_4c84z_1p6h2_426",
+  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1p6h2_432",
+  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1p6h2_438",
+  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1p6h2_445",
+  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1p6h2_452",
+  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1p6h2_459",
+  "font-size-display-l": "awsui_font-size-display-l_4c84z_1p6h2_466",
+  "font-size-inherit": "awsui_font-size-inherit_4c84z_1p6h2_473",
+  "icon-wrapper": "awsui_icon-wrapper_4c84z_1p6h2_481",
+  "icon": "awsui_icon_4c84z_1p6h2_481"
 };