npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.469 → 3.0.471 - Mend

@cloudscape-design/components-themeable 3.0.469 → 3.0.471

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

package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.selectors.js CHANGED Viewed

@@ -2,10 +2,10 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_14cnr_1bjql_93",
-  "trigger": "awsui_trigger_14cnr_1bjql_108",
-  "dropdown": "awsui_dropdown_14cnr_1bjql_111",
-  "nowrap": "awsui_nowrap_14cnr_1bjql_122",
-  "open": "awsui_open_14cnr_1bjql_125"
+  "root": "awsui_root_14cnr_1vu6c_93",
+  "trigger": "awsui_trigger_14cnr_1vu6c_108",
+  "dropdown": "awsui_dropdown_14cnr_1vu6c_111",
+  "nowrap": "awsui_nowrap_14cnr_1vu6c_122",
+  "open": "awsui_open_14cnr_1vu6c_125"
 };

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

@@ -1,20 +1,20 @@
     import './styles.scoped.css';
     export default {
-  "button-dropdown": "awsui_button-dropdown_sne0l_9w4lz_93",
-  "items-list-container": "awsui_items-list-container_sne0l_9w4lz_97",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_sne0l_9w4lz_1",
-  "rotate-up": "awsui_rotate-up_sne0l_9w4lz_114",
-  "rotate-down": "awsui_rotate-down_sne0l_9w4lz_129",
-  "header": "awsui_header_sne0l_9w4lz_144",
-  "title": "awsui_title_sne0l_9w4lz_153",
-  "description": "awsui_description_sne0l_9w4lz_154",
-  "split-trigger-wrapper": "awsui_split-trigger-wrapper_sne0l_9w4lz_158",
-  "trigger-item": "awsui_trigger-item_sne0l_9w4lz_161",
-  "trigger-button": "awsui_trigger-button_sne0l_9w4lz_164",
-  "visual-refresh": "awsui_visual-refresh_sne0l_9w4lz_176",
-  "split-trigger": "awsui_split-trigger_sne0l_9w4lz_158",
-  "dropdown-trigger": "awsui_dropdown-trigger_sne0l_9w4lz_184",
-  "test-utils-button-trigger": "awsui_test-utils-button-trigger_sne0l_9w4lz_188"
+  "button-dropdown": "awsui_button-dropdown_sne0l_1a2jk_93",
+  "items-list-container": "awsui_items-list-container_sne0l_1a2jk_97",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_sne0l_1a2jk_1",
+  "rotate-up": "awsui_rotate-up_sne0l_1a2jk_116",
+  "rotate-down": "awsui_rotate-down_sne0l_1a2jk_131",
+  "header": "awsui_header_sne0l_1a2jk_146",
+  "title": "awsui_title_sne0l_1a2jk_157",
+  "description": "awsui_description_sne0l_1a2jk_158",
+  "split-trigger-wrapper": "awsui_split-trigger-wrapper_sne0l_1a2jk_162",
+  "trigger-item": "awsui_trigger-item_sne0l_1a2jk_165",
+  "trigger-button": "awsui_trigger-button_sne0l_1a2jk_168",
+  "visual-refresh": "awsui_visual-refresh_sne0l_1a2jk_179",
+  "split-trigger": "awsui_split-trigger_sne0l_1a2jk_162",
+  "dropdown-trigger": "awsui_dropdown-trigger_sne0l_1a2jk_187",
+  "test-utils-button-trigger": "awsui_test-utils-button-trigger_sne0l_1a2jk_191"
 };

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

@@ -90,101 +90,104 @@ 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-dropdown_sne0l_9w4lz_93:not(#\9) {
+.awsui_button-dropdown_sne0l_1a2jk_93:not(#\9) {
   display: inline-block;
 }
-.awsui_items-list-container_sne0l_9w4lz_97:not(#\9) {
-  padding: 0;
-  margin: 0;
-  animation: awsui_awsui-motion-fade-in-0_sne0l_9w4lz_1 500ms var(--motion-easing-show-quick-lvi5i8, ease-out);
+.awsui_items-list-container_sne0l_1a2jk_97:not(#\9) {
+  padding-block: 0;
+  padding-inline: 0;
+  margin-block: 0;
+  margin-inline: 0;
+  animation: awsui_awsui-motion-fade-in-0_sne0l_1a2jk_1 500ms var(--motion-easing-show-quick-lvi5i8, ease-out);
   animation-fill-mode: none;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_items-list-container_sne0l_9w4lz_97:not(#\9) {
+  .awsui_items-list-container_sne0l_1a2jk_97:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_items-list-container_sne0l_9w4lz_97:not(#\9), .awsui-mode-entering .awsui_items-list-container_sne0l_9w4lz_97:not(#\9) {
+.awsui-motion-disabled .awsui_items-list-container_sne0l_1a2jk_97:not(#\9), .awsui-mode-entering .awsui_items-list-container_sne0l_1a2jk_97:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_rotate-up_sne0l_9w4lz_114:not(#\9) {
+.awsui_rotate-up_sne0l_1a2jk_116:not(#\9) {
   transform: rotate(-180deg);
   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_rotate-up_sne0l_9w4lz_114:not(#\9) {
+  .awsui_rotate-up_sne0l_1a2jk_116:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_rotate-up_sne0l_9w4lz_114:not(#\9), .awsui-mode-entering .awsui_rotate-up_sne0l_9w4lz_114:not(#\9) {
+.awsui-motion-disabled .awsui_rotate-up_sne0l_1a2jk_116:not(#\9), .awsui-mode-entering .awsui_rotate-up_sne0l_1a2jk_116:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_rotate-down_sne0l_9w4lz_129:not(#\9) {
+.awsui_rotate-down_sne0l_1a2jk_131:not(#\9) {
   transform: rotate(0deg);
   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_rotate-down_sne0l_9w4lz_129:not(#\9) {
+  .awsui_rotate-down_sne0l_1a2jk_131:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_rotate-down_sne0l_9w4lz_129:not(#\9), .awsui-mode-entering .awsui_rotate-down_sne0l_9w4lz_129:not(#\9) {
+.awsui-motion-disabled .awsui_rotate-down_sne0l_1a2jk_131:not(#\9), .awsui-mode-entering .awsui_rotate-down_sne0l_1a2jk_131:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_header_sne0l_9w4lz_144:not(#\9) {
+.awsui_header_sne0l_1a2jk_146:not(#\9) {
   display: flex;
   flex-direction: column;
   list-style: none;
-  padding: var(--space-s-2025hl, 12px) var(--space-l-xu1x80, 20px);
-  border: var(--border-field-width-yoy972, 1px) solid transparent;
-  border-bottom: var(--border-field-width-yoy972, 1px) solid var(--color-border-dropdown-group-4i9mpx, #eaeded);
+  padding-block: var(--space-s-2025hl, 12px);
+  padding-inline: var(--space-l-xu1x80, 20px);
+  border-block-start: var(--border-field-width-yoy972, 1px) solid transparent;
+  border-block-end: var(--border-field-width-yoy972, 1px) solid var(--color-border-dropdown-group-4i9mpx, #eaeded);
+  border-inline: var(--border-field-width-yoy972, 1px) solid transparent;
 }
-.awsui_title_sne0l_9w4lz_153:not(#\9),
-.awsui_description_sne0l_9w4lz_154:not(#\9) {
+.awsui_title_sne0l_1a2jk_157:not(#\9),
+.awsui_description_sne0l_1a2jk_158:not(#\9) {
   color: var(--color-text-dropdown-header-z1le22, #16191f);
 }
-.awsui_split-trigger-wrapper_sne0l_9w4lz_158:not(#\9) {
+.awsui_split-trigger-wrapper_sne0l_1a2jk_162:not(#\9) {
   display: flex;
 }
-.awsui_split-trigger-wrapper_sne0l_9w4lz_158 > .awsui_trigger-item_sne0l_9w4lz_161 > button:not(#\9):focus {
+.awsui_split-trigger-wrapper_sne0l_1a2jk_162 > .awsui_trigger-item_sne0l_1a2jk_165 > button:not(#\9):focus {
   z-index: 1;
 }
-.awsui_split-trigger-wrapper_sne0l_9w4lz_158 > .awsui_trigger-item_sne0l_9w4lz_161:not(#\9):not(:last-child) > .awsui_trigger-button_sne0l_9w4lz_164 {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-  padding-right: var(--space-m-kpg8id, 16px);
-  margin-right: var(--space-xxxs-z28114, 2px);
+.awsui_split-trigger-wrapper_sne0l_1a2jk_162 > .awsui_trigger-item_sne0l_1a2jk_165:not(#\9):not(:last-child) > .awsui_trigger-button_sne0l_1a2jk_168 {
+  border-start-end-radius: 0;
+  border-end-end-radius: 0;
+  padding-inline-end: var(--space-m-kpg8id, 16px);
+  margin-inline-end: var(--space-xxxs-z28114, 2px);
 }
-.awsui_split-trigger-wrapper_sne0l_9w4lz_158 > .awsui_trigger-item_sne0l_9w4lz_161:not(#\9):not(:first-child) > .awsui_trigger-button_sne0l_9w4lz_164 {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-  padding-left: calc(var(--space-xs-xf5ch3, 8px) - 2px);
-  padding-right: calc(var(--space-xs-xf5ch3, 8px) - 2px);
+.awsui_split-trigger-wrapper_sne0l_1a2jk_162 > .awsui_trigger-item_sne0l_1a2jk_165:not(#\9):not(:first-child) > .awsui_trigger-button_sne0l_1a2jk_168 {
+  border-start-start-radius: 0;
+  border-end-start-radius: 0;
+  padding-inline: calc(var(--space-xs-xf5ch3, 8px) - 2px);
 }
-.awsui_split-trigger-wrapper_sne0l_9w4lz_158 > .awsui_trigger-item_sne0l_9w4lz_161:not(#\9):not(:first-child).awsui_visual-refresh_sne0l_9w4lz_176 > .awsui_trigger-button_sne0l_9w4lz_164 {
-  padding-right: calc(var(--space-s-2025hl, 12px) - 2px);
+.awsui_split-trigger-wrapper_sne0l_1a2jk_162 > .awsui_trigger-item_sne0l_1a2jk_165:not(#\9):not(:first-child).awsui_visual-refresh_sne0l_1a2jk_179 > .awsui_trigger-button_sne0l_1a2jk_168 {
+  padding-inline-end: calc(var(--space-s-2025hl, 12px) - 2px);
 }
-.awsui_split-trigger_sne0l_9w4lz_158:not(#\9) {
+.awsui_split-trigger_sne0l_1a2jk_162:not(#\9) {
   display: contents;
 }
-.awsui_dropdown-trigger_sne0l_9w4lz_184:not(#\9) {
+.awsui_dropdown-trigger_sne0l_1a2jk_187:not(#\9) {
   display: contents;
 }
-.awsui_test-utils-button-trigger_sne0l_9w4lz_188:not(#\9) {
+.awsui_test-utils-button-trigger_sne0l_1a2jk_191:not(#\9) {
   /* used in test-utils */
 }

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

@@ -2,20 +2,20 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "button-dropdown": "awsui_button-dropdown_sne0l_9w4lz_93",
-  "items-list-container": "awsui_items-list-container_sne0l_9w4lz_97",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_sne0l_9w4lz_1",
-  "rotate-up": "awsui_rotate-up_sne0l_9w4lz_114",
-  "rotate-down": "awsui_rotate-down_sne0l_9w4lz_129",
-  "header": "awsui_header_sne0l_9w4lz_144",
-  "title": "awsui_title_sne0l_9w4lz_153",
-  "description": "awsui_description_sne0l_9w4lz_154",
-  "split-trigger-wrapper": "awsui_split-trigger-wrapper_sne0l_9w4lz_158",
-  "trigger-item": "awsui_trigger-item_sne0l_9w4lz_161",
-  "trigger-button": "awsui_trigger-button_sne0l_9w4lz_164",
-  "visual-refresh": "awsui_visual-refresh_sne0l_9w4lz_176",
-  "split-trigger": "awsui_split-trigger_sne0l_9w4lz_158",
-  "dropdown-trigger": "awsui_dropdown-trigger_sne0l_9w4lz_184",
-  "test-utils-button-trigger": "awsui_test-utils-button-trigger_sne0l_9w4lz_188"
+  "button-dropdown": "awsui_button-dropdown_sne0l_1a2jk_93",
+  "items-list-container": "awsui_items-list-container_sne0l_1a2jk_97",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_sne0l_1a2jk_1",
+  "rotate-up": "awsui_rotate-up_sne0l_1a2jk_116",
+  "rotate-down": "awsui_rotate-down_sne0l_1a2jk_131",
+  "header": "awsui_header_sne0l_1a2jk_146",
+  "title": "awsui_title_sne0l_1a2jk_157",
+  "description": "awsui_description_sne0l_1a2jk_158",
+  "split-trigger-wrapper": "awsui_split-trigger-wrapper_sne0l_1a2jk_162",
+  "trigger-item": "awsui_trigger-item_sne0l_1a2jk_165",
+  "trigger-button": "awsui_trigger-button_sne0l_1a2jk_168",
+  "visual-refresh": "awsui_visual-refresh_sne0l_1a2jk_179",
+  "split-trigger": "awsui_split-trigger_sne0l_1a2jk_162",
+  "dropdown-trigger": "awsui_dropdown-trigger_sne0l_1a2jk_187",
+  "test-utils-button-trigger": "awsui_test-utils-button-trigger_sne0l_1a2jk_191"
 };

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

@@ -1,23 +1,23 @@
     import './styles.scoped.css';
     export default {
-  "calendar": "awsui_calendar_1ykar_w6qoe_93",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1ykar_w6qoe_1",
-  "root": "awsui_root_1ykar_w6qoe_124",
-  "calendar-inner": "awsui_calendar-inner_1ykar_w6qoe_143",
-  "calendar-header": "awsui_calendar-header_1ykar_w6qoe_146",
-  "calendar-header-month": "awsui_calendar-header-month_1ykar_w6qoe_151",
-  "calendar-next-month-btn": "awsui_calendar-next-month-btn_1ykar_w6qoe_158",
-  "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_1ykar_w6qoe_161",
-  "calendar-grid": "awsui_calendar-grid_1ykar_w6qoe_164",
-  "calendar-grid-cell": "awsui_calendar-grid-cell_1ykar_w6qoe_168",
-  "calendar-day-header": "awsui_calendar-day-header_1ykar_w6qoe_174",
-  "calendar-day": "awsui_calendar-day_1ykar_w6qoe_174",
-  "calendar-day-enabled": "awsui_calendar-day-enabled_1ykar_w6qoe_191",
-  "calendar-day-current-month": "awsui_calendar-day-current-month_1ykar_w6qoe_198",
-  "calendar-day-selected": "awsui_calendar-day-selected_1ykar_w6qoe_205",
-  "calendar-day-today": "awsui_calendar-day-today_1ykar_w6qoe_208",
-  "day-inner": "awsui_day-inner_1ykar_w6qoe_223",
-  "calendar-week": "awsui_calendar-week_1ykar_w6qoe_288"
+  "calendar": "awsui_calendar_1ykar_132hn_93",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1ykar_132hn_1",
+  "root": "awsui_root_1ykar_132hn_124",
+  "calendar-inner": "awsui_calendar-inner_1ykar_132hn_143",
+  "calendar-header": "awsui_calendar-header_1ykar_132hn_147",
+  "calendar-header-month": "awsui_calendar-header-month_1ykar_132hn_152",
+  "calendar-next-month-btn": "awsui_calendar-next-month-btn_1ykar_132hn_160",
+  "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_1ykar_132hn_163",
+  "calendar-grid": "awsui_calendar-grid_1ykar_132hn_166",
+  "calendar-grid-cell": "awsui_calendar-grid-cell_1ykar_132hn_170",
+  "calendar-day-header": "awsui_calendar-day-header_1ykar_132hn_176",
+  "calendar-day": "awsui_calendar-day_1ykar_132hn_176",
+  "calendar-day-enabled": "awsui_calendar-day-enabled_1ykar_132hn_196",
+  "calendar-day-current-month": "awsui_calendar-day-current-month_1ykar_132hn_206",
+  "calendar-day-selected": "awsui_calendar-day-selected_1ykar_132hn_213",
+  "calendar-day-today": "awsui_calendar-day-today_1ykar_132hn_217",
+  "day-inner": "awsui_day-inner_1ykar_132hn_235",
+  "calendar-week": "awsui_calendar-week_1ykar_132hn_304"
 };

package/lib/internal/template/calendar/styles.scoped.css CHANGED Viewed

@@ -90,11 +90,11 @@ 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_calendar_1ykar_w6qoe_93:not(#\9) {
-  animation: awsui_awsui-motion-fade-in-0_1ykar_w6qoe_1 var(--motion-duration-show-quick-kypzaj, 135ms) var(--motion-easing-show-quick-lvi5i8, ease-out);
+.awsui_calendar_1ykar_132hn_93:not(#\9) {
+  animation: awsui_awsui-motion-fade-in-0_1ykar_132hn_1 var(--motion-duration-show-quick-kypzaj, 135ms) var(--motion-easing-show-quick-lvi5i8, ease-out);
   animation-fill-mode: both;
 }
-@keyframes awsui_awsui-motion-fade-in-0_1ykar_w6qoe_1 {
+@keyframes awsui_awsui-motion-fade-in-0_1ykar_132hn_1 {
   from {
     opacity: 0;
   }
@@ -103,12 +103,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_calendar_1ykar_w6qoe_93:not(#\9) {
+  .awsui_calendar_1ykar_132hn_93:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_calendar_1ykar_w6qoe_93:not(#\9), .awsui-mode-entering .awsui_calendar_1ykar_w6qoe_93:not(#\9) {
+.awsui-motion-disabled .awsui_calendar_1ykar_132hn_93:not(#\9), .awsui-mode-entering .awsui_calendar_1ykar_132hn_93:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -121,13 +121,13 @@ 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_1ykar_w6qoe_124:not(#\9) {
+.awsui_root_1ykar_132hn_124:not(#\9) {
   /* used in test-utils */
 }
-.awsui_calendar_1ykar_w6qoe_93:not(#\9) {
+.awsui_calendar_1ykar_132hn_93:not(#\9) {
   display: block;
-  width: var(--size-calendar-grid-width-m7rthz, 234px);
+  inline-size: var(--size-calendar-grid-width-m7rthz, 234px);
   overflow: auto;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
@@ -166,101 +166,113 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
 }
-.awsui_calendar-inner_1ykar_w6qoe_143:not(#\9) {
-  margin: var(--space-xs-xf5ch3, 8px);
+.awsui_calendar-inner_1ykar_132hn_143:not(#\9) {
+  margin-block: var(--space-xs-xf5ch3, 8px);
+  margin-inline: var(--space-xs-xf5ch3, 8px);
 }
-.awsui_calendar-header_1ykar_w6qoe_146:not(#\9) {
+.awsui_calendar-header_1ykar_132hn_147:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
-.awsui_calendar-header-month_1ykar_w6qoe_151:not(#\9) {
+.awsui_calendar-header-month_1ykar_132hn_152:not(#\9) {
   font-size: var(--font-size-body-m-pa3mqb, 14px);
   line-height: var(--line-height-body-m-2zx78l, 22px);
   font-weight: 700;
   color: var(--color-text-dropdown-item-default-d4af6n, #16191f);
-  margin: 0;
+  margin-block: 0;
+  margin-inline: 0;
 }
-.awsui_calendar-next-month-btn_1ykar_w6qoe_158:not(#\9) {
+.awsui_calendar-next-month-btn_1ykar_132hn_160:not(#\9) {
   /* used for identifying element */
 }
-.awsui_calendar-prev-month-btn_1ykar_w6qoe_161:not(#\9) {
+.awsui_calendar-prev-month-btn_1ykar_132hn_163:not(#\9) {
   /* used for identifying element */
 }
-.awsui_calendar-grid_1ykar_w6qoe_164:not(#\9) {
-  width: 100%;
+.awsui_calendar-grid_1ykar_132hn_166:not(#\9) {
+  inline-size: 100%;
   border-spacing: 0;
 }
-.awsui_calendar-grid-cell_1ykar_w6qoe_168:not(#\9) {
-  width: 14.2857142857%;
+.awsui_calendar-grid-cell_1ykar_132hn_170:not(#\9) {
+  inline-size: 14.2857142857%;
   word-break: break-word;
   text-align: center;
   font-weight: unset;
 }
-.awsui_calendar-day-header_1ykar_w6qoe_174:not(#\9) {
-  padding: var(--space-s-2025hl, 12px) 0 var(--space-xxs-9rrxti, 4px);
+.awsui_calendar-day-header_1ykar_132hn_176:not(#\9) {
+  padding-block-start: var(--space-s-2025hl, 12px);
+  padding-block-end: var(--space-xxs-9rrxti, 4px);
+  padding-inline: 0;
   color: var(--color-text-calendar-month-u6kvu0, #545b64);
   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_calendar-day_1ykar_w6qoe_174:not(#\9) {
-  border-bottom: 1px solid var(--color-border-calendar-grid-2ab4m1, #eaeded);
-  border-right: 1px solid var(--color-border-calendar-grid-2ab4m1, #eaeded);
-  padding: var(--space-xxs-9rrxti, 4px) 0;
+.awsui_calendar-day_1ykar_132hn_176:not(#\9) {
+  border-block-end: 1px solid var(--color-border-calendar-grid-2ab4m1, #eaeded);
+  border-inline-end: 1px solid var(--color-border-calendar-grid-2ab4m1, #eaeded);
+  padding-block: var(--space-xxs-9rrxti, 4px);
+  padding-inline: 0;
   color: var(--color-text-dropdown-item-disabled-nf1b1j, #aab7b8);
   position: relative;
 }
-.awsui_calendar-day_1ykar_w6qoe_174:not(#\9):first-child {
-  border-left: 1px solid var(--color-border-calendar-grid-2ab4m1, #eaeded);
+.awsui_calendar-day_1ykar_132hn_176:not(#\9):first-child {
+  border-inline-start: 1px solid var(--color-border-calendar-grid-2ab4m1, #eaeded);
 }
-.awsui_calendar-day-enabled_1ykar_w6qoe_191:not(#\9) {
+.awsui_calendar-day-enabled_1ykar_132hn_196:not(#\9) {
   cursor: pointer;
   color: var(--color-text-dropdown-item-secondary-x5katv, #687078);
 }
-.awsui_calendar-day-enabled_1ykar_w6qoe_191:not(#\9)::after {
-  border-radius: var(--border-radius-item-jsz3j8, 0px);
+.awsui_calendar-day-enabled_1ykar_132hn_196:not(#\9)::after {
+  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);
 }
-.awsui_calendar-day-enabled_1ykar_w6qoe_191.awsui_calendar-day-current-month_1ykar_w6qoe_198:not(#\9) {
+.awsui_calendar-day-enabled_1ykar_132hn_196.awsui_calendar-day-current-month_1ykar_132hn_206:not(#\9) {
   color: var(--color-text-dropdown-item-default-d4af6n, #16191f);
 }
-.awsui_calendar-day-enabled_1ykar_w6qoe_191.awsui_calendar-day-current-month_1ykar_w6qoe_198:not(#\9):hover {
+.awsui_calendar-day-enabled_1ykar_132hn_196.awsui_calendar-day-current-month_1ykar_132hn_206:not(#\9):hover {
   color: var(--color-text-calendar-day-hover-vvw9ks, #16191f);
   background-color: var(--color-background-dropdown-item-hover-2ay9y2, #f2f3f3);
 }
-.awsui_calendar-day-enabled_1ykar_w6qoe_191.awsui_calendar-day-current-month_1ykar_w6qoe_198:not(#\9):hover:not(.awsui_calendar-day-selected_1ykar_w6qoe_205)::after {
-  border: var(--border-item-width-0zxiwv, 1px) solid var(--color-border-dropdown-item-hover-gqjku2, #879596);
+.awsui_calendar-day-enabled_1ykar_132hn_196.awsui_calendar-day-current-month_1ykar_132hn_206:not(#\9):hover:not(.awsui_calendar-day-selected_1ykar_132hn_213)::after {
+  border-block: var(--border-item-width-0zxiwv, 1px) solid var(--color-border-dropdown-item-hover-gqjku2, #879596);
+  border-inline: var(--border-item-width-0zxiwv, 1px) solid var(--color-border-dropdown-item-hover-gqjku2, #879596);
 }
-.awsui_calendar-day-today_1ykar_w6qoe_208:not(#\9) {
+.awsui_calendar-day-today_1ykar_132hn_217:not(#\9) {
   background-color: var(--color-background-calendar-today-a3tqxx, #f2f3f3);
-  border-radius: var(--border-radius-item-jsz3j8, 0px);
+  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);
   font-weight: 700;
 }
-.awsui_calendar-day_1ykar_w6qoe_174:not(#\9)::after {
+.awsui_calendar-day_1ykar_132hn_176:not(#\9)::after {
   content: "";
   position: absolute;
   z-index: 1;
-  top: calc(-1 * var(--border-item-width-0zxiwv, 1px));
-  left: -1px;
-  bottom: -1px;
-  right: calc(-1 * var(--border-item-width-0zxiwv, 1px));
+  inset-block-start: calc(-1 * var(--border-item-width-0zxiwv, 1px));
+  inset-block-end: -1px;
+  inset-inline-start: -1px;
+  inset-inline-end: calc(-1 * var(--border-item-width-0zxiwv, 1px));
   background-color: transparent;
 }
-.awsui_calendar-day_1ykar_w6qoe_174 > .awsui_day-inner_1ykar_w6qoe_223:not(#\9) {
+.awsui_calendar-day_1ykar_132hn_176 > .awsui_day-inner_1ykar_132hn_235:not(#\9) {
   position: relative;
   z-index: 1;
 }
-.awsui_calendar-day_1ykar_w6qoe_174:not(#\9):focus {
+.awsui_calendar-day_1ykar_132hn_176:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_calendar-day_1ykar_w6qoe_174:not(#\9):focus:focus {
+body[data-awsui-focus-visible=true] .awsui_calendar-day_1ykar_132hn_176:not(#\9):focus:focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_calendar-day_1ykar_w6qoe_174:not(#\9):focus:focus {
+body[data-awsui-focus-visible=true] .awsui_calendar-day_1ykar_132hn_176:not(#\9):focus:focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-calendar-grid-focus-outline-gutter-pkb6ov, 0px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_calendar-day_1ykar_w6qoe_174:not(#\9):focus:focus::before {
+body[data-awsui-focus-visible=true] .awsui_calendar-day_1ykar_132hn_176:not(#\9):focus:focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -271,23 +283,23 @@ body[data-awsui-focus-visible=true] .awsui_calendar-day_1ykar_w6qoe_174:not(#\9)
   border-radius: var(--border-radius-calendar-day-focus-ring-6ckim2, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-body[data-awsui-focus-visible=true] .awsui_calendar-day_1ykar_w6qoe_174:not(#\9):focus:focus::before {
+body[data-awsui-focus-visible=true] .awsui_calendar-day_1ykar_132hn_176:not(#\9):focus:focus::before {
   z-index: 2;
 }
-.awsui_calendar-day-selected_1ykar_w6qoe_205:not(#\9) {
+.awsui_calendar-day-selected_1ykar_132hn_213:not(#\9) {
   border-color: transparent;
   position: relative;
   z-index: 2;
   font-weight: 700;
 }
-body[data-awsui-focus-visible=true] .awsui_calendar-day-selected_1ykar_w6qoe_205:not(#\9):focus:focus {
+body[data-awsui-focus-visible=true] .awsui_calendar-day-selected_1ykar_132hn_213:not(#\9):focus:focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_calendar-day-selected_1ykar_w6qoe_205:not(#\9):focus:focus {
+body[data-awsui-focus-visible=true] .awsui_calendar-day-selected_1ykar_132hn_213:not(#\9):focus:focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-calendar-grid-focus-outline-gutter-pkb6ov, 0px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_calendar-day-selected_1ykar_w6qoe_205:not(#\9):focus:focus::before {
+body[data-awsui-focus-visible=true] .awsui_calendar-day-selected_1ykar_132hn_213:not(#\9):focus:focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -298,19 +310,23 @@ body[data-awsui-focus-visible=true] .awsui_calendar-day-selected_1ykar_w6qoe_205
   border-radius: var(--border-radius-calendar-day-focus-ring-6ckim2, 2px);
   box-shadow: 0 0 0 2px var(--color-border-calendar-grid-selected-focus-ring-hhlvy8, #0073bb);
 }
-body[data-awsui-focus-visible=true] .awsui_calendar-day-selected_1ykar_w6qoe_205:not(#\9):focus:focus::before {
+body[data-awsui-focus-visible=true] .awsui_calendar-day-selected_1ykar_132hn_213:not(#\9):focus:focus::before {
   z-index: 2;
 }
-.awsui_calendar-day-selected_1ykar_w6qoe_205:not(#\9)::after {
+.awsui_calendar-day-selected_1ykar_132hn_213:not(#\9)::after {
   background-color: var(--color-background-control-checked-pvanxo, #0073bb);
-  border: var(--border-item-width-0zxiwv, 1px) solid var(--color-background-control-checked-pvanxo, #0073bb);
-  border-radius: var(--border-radius-item-jsz3j8, 0px);
-}
-.awsui_calendar-day-selected_1ykar_w6qoe_205 > .awsui_day-inner_1ykar_w6qoe_223:not(#\9) {
+  border-block: var(--border-item-width-0zxiwv, 1px) solid var(--color-background-control-checked-pvanxo, #0073bb);
+  border-inline: var(--border-item-width-0zxiwv, 1px) solid var(--color-background-control-checked-pvanxo, #0073bb);
+  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);
+}
+.awsui_calendar-day-selected_1ykar_132hn_213 > .awsui_day-inner_1ykar_132hn_235:not(#\9) {
   z-index: 2;
   color: var(--color-background-control-default-n6yadr, #ffffff);
   position: relative;
 }
-.awsui_calendar-week_1ykar_w6qoe_288:not(#\9):first-child > .awsui_calendar-day_1ykar_w6qoe_174 {
-  border-top: 1px solid var(--color-border-calendar-grid-2ab4m1, #eaeded);
+.awsui_calendar-week_1ykar_132hn_304:not(#\9):first-child > .awsui_calendar-day_1ykar_132hn_176 {
+  border-block-start: 1px solid var(--color-border-calendar-grid-2ab4m1, #eaeded);
 }

package/lib/internal/template/calendar/styles.selectors.js CHANGED Viewed

@@ -2,23 +2,23 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "calendar": "awsui_calendar_1ykar_w6qoe_93",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1ykar_w6qoe_1",
-  "root": "awsui_root_1ykar_w6qoe_124",
-  "calendar-inner": "awsui_calendar-inner_1ykar_w6qoe_143",
-  "calendar-header": "awsui_calendar-header_1ykar_w6qoe_146",
-  "calendar-header-month": "awsui_calendar-header-month_1ykar_w6qoe_151",
-  "calendar-next-month-btn": "awsui_calendar-next-month-btn_1ykar_w6qoe_158",
-  "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_1ykar_w6qoe_161",
-  "calendar-grid": "awsui_calendar-grid_1ykar_w6qoe_164",
-  "calendar-grid-cell": "awsui_calendar-grid-cell_1ykar_w6qoe_168",
-  "calendar-day-header": "awsui_calendar-day-header_1ykar_w6qoe_174",
-  "calendar-day": "awsui_calendar-day_1ykar_w6qoe_174",
-  "calendar-day-enabled": "awsui_calendar-day-enabled_1ykar_w6qoe_191",
-  "calendar-day-current-month": "awsui_calendar-day-current-month_1ykar_w6qoe_198",
-  "calendar-day-selected": "awsui_calendar-day-selected_1ykar_w6qoe_205",
-  "calendar-day-today": "awsui_calendar-day-today_1ykar_w6qoe_208",
-  "day-inner": "awsui_day-inner_1ykar_w6qoe_223",
-  "calendar-week": "awsui_calendar-week_1ykar_w6qoe_288"
+  "calendar": "awsui_calendar_1ykar_132hn_93",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1ykar_132hn_1",
+  "root": "awsui_root_1ykar_132hn_124",
+  "calendar-inner": "awsui_calendar-inner_1ykar_132hn_143",
+  "calendar-header": "awsui_calendar-header_1ykar_132hn_147",
+  "calendar-header-month": "awsui_calendar-header-month_1ykar_132hn_152",
+  "calendar-next-month-btn": "awsui_calendar-next-month-btn_1ykar_132hn_160",
+  "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_1ykar_132hn_163",
+  "calendar-grid": "awsui_calendar-grid_1ykar_132hn_166",
+  "calendar-grid-cell": "awsui_calendar-grid-cell_1ykar_132hn_170",
+  "calendar-day-header": "awsui_calendar-day-header_1ykar_132hn_176",
+  "calendar-day": "awsui_calendar-day_1ykar_132hn_176",
+  "calendar-day-enabled": "awsui_calendar-day-enabled_1ykar_132hn_196",
+  "calendar-day-current-month": "awsui_calendar-day-current-month_1ykar_132hn_206",
+  "calendar-day-selected": "awsui_calendar-day-selected_1ykar_132hn_213",
+  "calendar-day-today": "awsui_calendar-day-today_1ykar_132hn_217",
+  "day-inner": "awsui_day-inner_1ykar_132hn_235",
+  "calendar-week": "awsui_calendar-week_1ykar_132hn_304"
 };