npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.531 → 3.0.533 - Mend

@cloudscape-design/components-themeable 3.0.531 → 3.0.533

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

package/lib/internal/template/split-panel/styles.css.js CHANGED Viewed

@@ -1,60 +1,60 @@
     import './styles.scoped.css';
     export default {
-  "drawer": "awsui_drawer_1r9lg_tvb2m_189",
-  "refresh": "awsui_refresh_1r9lg_tvb2m_189",
-  "animating": "awsui_animating_1r9lg_tvb2m_203",
-  "preference-icon--layout-border": "awsui_preference-icon--layout-border_1r9lg_tvb2m_226",
-  "preference-icon--layout-background": "awsui_preference-icon--layout-background_1r9lg_tvb2m_230",
-  "preference-icon--layout-header": "awsui_preference-icon--layout-header_1r9lg_tvb2m_233",
-  "preference-icon--border": "awsui_preference-icon--border_1r9lg_tvb2m_236",
-  "preference-icon--primary-button": "awsui_preference-icon--primary-button_1r9lg_tvb2m_240",
-  "preference-icon--secondary": "awsui_preference-icon--secondary_1r9lg_tvb2m_243",
-  "preference-icon--disabled-element": "awsui_preference-icon--disabled-element_1r9lg_tvb2m_246",
-  "preference-icon--separator": "awsui_preference-icon--separator_1r9lg_tvb2m_249",
-  "preference-icon--focus-text": "awsui_preference-icon--focus-text_1r9lg_tvb2m_252",
-  "preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_1r9lg_tvb2m_256",
-  "preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_1r9lg_tvb2m_259",
-  "preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_1r9lg_tvb2m_262",
-  "preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_1r9lg_tvb2m_265",
-  "preference-icon-refresh--column-header": "awsui_preference-icon-refresh--column-header_1r9lg_tvb2m_268",
-  "preference-icon-refresh--window": "awsui_preference-icon-refresh--window_1r9lg_tvb2m_271",
-  "preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_1r9lg_tvb2m_275",
-  "preference-icon-refresh--default": "awsui_preference-icon-refresh--default_1r9lg_tvb2m_278",
-  "preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_1r9lg_tvb2m_281",
-  "preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_1r9lg_tvb2m_284",
-  "preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_1r9lg_tvb2m_287",
-  "root": "awsui_root_1r9lg_tvb2m_291",
-  "preferences-button": "awsui_preferences-button_1r9lg_tvb2m_326",
-  "close-button": "awsui_close-button_1r9lg_tvb2m_330",
-  "drawer-closed": "awsui_drawer-closed_1r9lg_tvb2m_342",
-  "drawer-content-side": "awsui_drawer-content-side_1r9lg_tvb2m_347",
-  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_tvb2m_363",
-  "position-bottom": "awsui_position-bottom_1r9lg_tvb2m_372",
-  "position-side": "awsui_position-side_1r9lg_tvb2m_399",
-  "slider": "awsui_slider_1r9lg_tvb2m_405",
-  "slider-side": "awsui_slider-side_1r9lg_tvb2m_434",
-  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_tvb2m_439",
-  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_tvb2m_450",
-  "open-button": "awsui_open-button_1r9lg_tvb2m_461",
-  "open-button-side": "awsui_open-button-side_1r9lg_tvb2m_465",
-  "slider-icon": "awsui_slider-icon_1r9lg_tvb2m_472",
-  "slider-icon-bottom": "awsui_slider-icon-bottom_1r9lg_tvb2m_478",
-  "slider-icon-side": "awsui_slider-icon-side_1r9lg_tvb2m_481",
-  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_tvb2m_485",
-  "drawer-mobile": "awsui_drawer-mobile_1r9lg_tvb2m_495",
-  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_tvb2m_498",
-  "content-bottom": "awsui_content-bottom_1r9lg_tvb2m_506",
-  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_tvb2m_519",
-  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_tvb2m_524",
-  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_tvb2m_528",
-  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_tvb2m_532",
-  "content-side": "awsui_content-side_1r9lg_tvb2m_537",
-  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_tvb2m_548",
-  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_tvb2m_552",
-  "header": "awsui_header_1r9lg_tvb2m_557",
-  "header-text": "awsui_header-text_1r9lg_tvb2m_566",
-  "header-actions": "awsui_header-actions_1r9lg_tvb2m_577",
-  "divider": "awsui_divider_1r9lg_tvb2m_585"
+  "drawer": "awsui_drawer_1r9lg_qt634_189",
+  "refresh": "awsui_refresh_1r9lg_qt634_189",
+  "animating": "awsui_animating_1r9lg_qt634_203",
+  "preference-icon--layout-border": "awsui_preference-icon--layout-border_1r9lg_qt634_226",
+  "preference-icon--layout-background": "awsui_preference-icon--layout-background_1r9lg_qt634_230",
+  "preference-icon--layout-header": "awsui_preference-icon--layout-header_1r9lg_qt634_233",
+  "preference-icon--border": "awsui_preference-icon--border_1r9lg_qt634_236",
+  "preference-icon--primary-button": "awsui_preference-icon--primary-button_1r9lg_qt634_240",
+  "preference-icon--secondary": "awsui_preference-icon--secondary_1r9lg_qt634_243",
+  "preference-icon--disabled-element": "awsui_preference-icon--disabled-element_1r9lg_qt634_246",
+  "preference-icon--separator": "awsui_preference-icon--separator_1r9lg_qt634_249",
+  "preference-icon--focus-text": "awsui_preference-icon--focus-text_1r9lg_qt634_252",
+  "preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_1r9lg_qt634_256",
+  "preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_1r9lg_qt634_259",
+  "preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_1r9lg_qt634_262",
+  "preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_1r9lg_qt634_265",
+  "preference-icon-refresh--column-header": "awsui_preference-icon-refresh--column-header_1r9lg_qt634_268",
+  "preference-icon-refresh--window": "awsui_preference-icon-refresh--window_1r9lg_qt634_271",
+  "preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_1r9lg_qt634_275",
+  "preference-icon-refresh--default": "awsui_preference-icon-refresh--default_1r9lg_qt634_278",
+  "preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_1r9lg_qt634_281",
+  "preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_1r9lg_qt634_284",
+  "preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_1r9lg_qt634_287",
+  "root": "awsui_root_1r9lg_qt634_291",
+  "preferences-button": "awsui_preferences-button_1r9lg_qt634_326",
+  "close-button": "awsui_close-button_1r9lg_qt634_330",
+  "drawer-closed": "awsui_drawer-closed_1r9lg_qt634_342",
+  "drawer-content-side": "awsui_drawer-content-side_1r9lg_qt634_347",
+  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_qt634_363",
+  "position-bottom": "awsui_position-bottom_1r9lg_qt634_369",
+  "position-side": "awsui_position-side_1r9lg_qt634_396",
+  "slider": "awsui_slider_1r9lg_qt634_402",
+  "slider-side": "awsui_slider-side_1r9lg_qt634_434",
+  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_qt634_441",
+  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_qt634_452",
+  "open-button": "awsui_open-button_1r9lg_qt634_463",
+  "open-button-side": "awsui_open-button-side_1r9lg_qt634_467",
+  "slider-icon": "awsui_slider-icon_1r9lg_qt634_476",
+  "slider-icon-bottom": "awsui_slider-icon-bottom_1r9lg_qt634_482",
+  "slider-icon-side": "awsui_slider-icon-side_1r9lg_qt634_486",
+  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_qt634_490",
+  "drawer-mobile": "awsui_drawer-mobile_1r9lg_qt634_501",
+  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_qt634_505",
+  "content-bottom": "awsui_content-bottom_1r9lg_qt634_514",
+  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_qt634_530",
+  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_qt634_535",
+  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_qt634_539",
+  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_qt634_543",
+  "content-side": "awsui_content-side_1r9lg_qt634_548",
+  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_qt634_558",
+  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_qt634_564",
+  "header": "awsui_header_1r9lg_qt634_571",
+  "header-text": "awsui_header-text_1r9lg_qt634_581",
+  "header-actions": "awsui_header-actions_1r9lg_qt634_594",
+  "divider": "awsui_divider_1r9lg_qt634_602"
 };

package/lib/internal/template/split-panel/styles.scoped.css CHANGED Viewed

@@ -186,31 +186,31 @@ 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_drawer_1r9lg_tvb2m_189.awsui_refresh_1r9lg_tvb2m_189:not(#\9) {
+.awsui_drawer_1r9lg_qt634_189.awsui_refresh_1r9lg_qt634_189:not(#\9) {
   transition-duration: var(--motion-duration-refresh-only-fast-y7h37k, 115ms);
   transition-property: none;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_drawer_1r9lg_tvb2m_189.awsui_refresh_1r9lg_tvb2m_189:not(#\9) {
+  .awsui_drawer_1r9lg_qt634_189.awsui_refresh_1r9lg_qt634_189:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_drawer_1r9lg_tvb2m_189.awsui_refresh_1r9lg_tvb2m_189:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_tvb2m_189.awsui_refresh_1r9lg_tvb2m_189:not(#\9) {
+.awsui-motion-disabled .awsui_drawer_1r9lg_qt634_189.awsui_refresh_1r9lg_qt634_189:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_qt634_189.awsui_refresh_1r9lg_qt634_189:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_drawer_1r9lg_tvb2m_189.awsui_refresh_1r9lg_tvb2m_189.awsui_animating_1r9lg_tvb2m_203:not(#\9) {
+.awsui_drawer_1r9lg_qt634_189.awsui_refresh_1r9lg_qt634_189.awsui_animating_1r9lg_qt634_203:not(#\9) {
   transition-property: transform;
   transition-timing-function: var(--motion-easing-refresh-only-a-liv5su, cubic-bezier(0, 0, 0, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_drawer_1r9lg_tvb2m_189.awsui_refresh_1r9lg_tvb2m_189.awsui_animating_1r9lg_tvb2m_203:not(#\9) {
+  .awsui_drawer_1r9lg_qt634_189.awsui_refresh_1r9lg_qt634_189.awsui_animating_1r9lg_qt634_203:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_drawer_1r9lg_tvb2m_189.awsui_refresh_1r9lg_tvb2m_189.awsui_animating_1r9lg_tvb2m_203:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_tvb2m_189.awsui_refresh_1r9lg_tvb2m_189.awsui_animating_1r9lg_tvb2m_203:not(#\9) {
+.awsui-motion-disabled .awsui_drawer_1r9lg_qt634_189.awsui_refresh_1r9lg_qt634_189.awsui_animating_1r9lg_qt634_203:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_qt634_189.awsui_refresh_1r9lg_qt634_189.awsui_animating_1r9lg_qt634_203:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -223,72 +223,72 @@ 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_preference-icon--layout-border_1r9lg_tvb2m_226:not(#\9) {
+.awsui_preference-icon--layout-border_1r9lg_qt634_226:not(#\9) {
   stroke: var(--color-background-home-header-zm6w39, #000000);
   fill: var(--color-background-container-content-il2pe5, #ffffff);
 }
-.awsui_preference-icon--layout-background_1r9lg_tvb2m_230:not(#\9) {
+.awsui_preference-icon--layout-background_1r9lg_qt634_230:not(#\9) {
   fill: var(--color-background-layout-main-td853a, #f2f3f3);
 }
-.awsui_preference-icon--layout-header_1r9lg_tvb2m_233:not(#\9) {
+.awsui_preference-icon--layout-header_1r9lg_qt634_233:not(#\9) {
   fill: var(--color-background-home-header-zm6w39, #000000);
 }
-.awsui_preference-icon--border_1r9lg_tvb2m_236:not(#\9) {
+.awsui_preference-icon--border_1r9lg_qt634_236:not(#\9) {
   stroke: var(--color-text-group-label-kysf47, #545b64);
   fill: var(--color-background-container-content-il2pe5, #ffffff);
 }
-.awsui_preference-icon--primary-button_1r9lg_tvb2m_240:not(#\9) {
+.awsui_preference-icon--primary-button_1r9lg_qt634_240:not(#\9) {
   fill: var(--color-background-button-primary-default-f3veih, #0073bb);
 }
-.awsui_preference-icon--secondary_1r9lg_tvb2m_243:not(#\9) {
+.awsui_preference-icon--secondary_1r9lg_qt634_243:not(#\9) {
   fill: var(--color-text-group-label-kysf47, #545b64);
 }
-.awsui_preference-icon--disabled-element_1r9lg_tvb2m_246:not(#\9) {
+.awsui_preference-icon--disabled-element_1r9lg_qt634_246:not(#\9) {
   fill: var(--color-background-control-disabled-dsn0t2, #d5dbdb);
 }
-.awsui_preference-icon--separator_1r9lg_tvb2m_249:not(#\9) {
+.awsui_preference-icon--separator_1r9lg_qt634_249:not(#\9) {
   stroke: var(--color-background-control-disabled-dsn0t2, #d5dbdb);
 }
-.awsui_preference-icon--focus-text_1r9lg_tvb2m_252:not(#\9) {
+.awsui_preference-icon--focus-text_1r9lg_qt634_252:not(#\9) {
   fill: var(--color-text-interactive-default-dt26aj, #545b64);
 }
-.awsui_preference-icon-refresh--layout-top_1r9lg_tvb2m_256:not(#\9) {
+.awsui_preference-icon-refresh--layout-top_1r9lg_qt634_256:not(#\9) {
   fill: var(--color-background-button-primary-disabled-lba03m, #ffffff);
 }
-.awsui_preference-icon-refresh--layout-main_1r9lg_tvb2m_259:not(#\9) {
+.awsui_preference-icon-refresh--layout-main_1r9lg_qt634_259:not(#\9) {
   fill: var(--color-background-layout-main-td853a, #f2f3f3);
 }
-.awsui_preference-icon-refresh--primary_1r9lg_tvb2m_262:not(#\9) {
+.awsui_preference-icon-refresh--primary_1r9lg_qt634_262:not(#\9) {
   fill: var(--color-background-button-primary-default-f3veih, #0073bb);
 }
-.awsui_preference-icon-refresh--disabled_1r9lg_tvb2m_265:not(#\9) {
+.awsui_preference-icon-refresh--disabled_1r9lg_qt634_265:not(#\9) {
   fill: var(--color-background-control-disabled-dsn0t2, #d5dbdb);
 }
-.awsui_preference-icon-refresh--column-header_1r9lg_tvb2m_268:not(#\9) {
+.awsui_preference-icon-refresh--column-header_1r9lg_qt634_268:not(#\9) {
   fill: var(--color-text-input-disabled-c1yp62, #879596);
 }
-.awsui_preference-icon-refresh--window_1r9lg_tvb2m_271:not(#\9) {
+.awsui_preference-icon-refresh--window_1r9lg_qt634_271:not(#\9) {
   stroke: var(--color-background-home-header-zm6w39, #000000);
   fill: var(--color-background-container-content-il2pe5, #ffffff);
 }
-.awsui_preference-icon-refresh--secondary_1r9lg_tvb2m_275:not(#\9) {
+.awsui_preference-icon-refresh--secondary_1r9lg_qt634_275:not(#\9) {
   fill: var(--color-text-body-secondary-6ysfsn, #545b64);
 }
-.awsui_preference-icon-refresh--default_1r9lg_tvb2m_278:not(#\9) {
+.awsui_preference-icon-refresh--default_1r9lg_qt634_278:not(#\9) {
   fill: var(--color-text-body-default-ffdwgg, #16191f);
 }
-.awsui_preference-icon-refresh--separator_1r9lg_tvb2m_281:not(#\9) {
+.awsui_preference-icon-refresh--separator_1r9lg_qt634_281:not(#\9) {
   stroke: var(--color-border-divider-default-in8dkg, #eaeded);
 }
-.awsui_preference-icon-refresh--input-default_1r9lg_tvb2m_284:not(#\9) {
+.awsui_preference-icon-refresh--input-default_1r9lg_qt634_284:not(#\9) {
   fill: var(--color-border-input-default-aksbt5, #687078);
 }
-.awsui_preference-icon-refresh--heading_1r9lg_tvb2m_287:not(#\9) {
+.awsui_preference-icon-refresh--heading_1r9lg_qt634_287:not(#\9) {
   fill: var(--color-text-heading-default-tsgvby, #16191f);
 }
-.awsui_root_1r9lg_tvb2m_291:not(#\9) {
+.awsui_root_1r9lg_qt634_291:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -324,15 +324,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
-.awsui_preferences-button_1r9lg_tvb2m_326:not(#\9) {
+.awsui_preferences-button_1r9lg_qt634_326:not(#\9) {
   /* used in test-utils */
 }
-.awsui_close-button_1r9lg_tvb2m_330:not(#\9) {
+.awsui_close-button_1r9lg_qt634_330:not(#\9) {
   /* used in test-utils */
 }
-.awsui_drawer_1r9lg_tvb2m_189:not(#\9) {
+.awsui_drawer_1r9lg_qt634_189:not(#\9) {
   flex-shrink: 0;
   position: relative;
   min-width: 0;
@@ -340,87 +340,87 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background-color: var(--color-background-layout-panel-content-ml98gw, #ffffff);
   z-index: 840;
 }
-.awsui_drawer-closed_1r9lg_tvb2m_342:not(#\9) {
+.awsui_drawer-closed_1r9lg_qt634_342:not(#\9) {
   cursor: pointer;
-  min-width: 40px;
+  min-inline-size: 40px;
 }
-.awsui_drawer-content-side_1r9lg_tvb2m_347:not(#\9) {
+.awsui_drawer-content-side_1r9lg_qt634_347:not(#\9) {
   display: flex;
   align-items: center;
-  height: 100%;
+  block-size: 100%;
   overflow: auto;
 }
-.awsui_drawer-closed_1r9lg_tvb2m_342 > .awsui_drawer-content-side_1r9lg_tvb2m_347:not(#\9) {
-  width: 40px;
+.awsui_drawer-closed_1r9lg_qt634_342 > .awsui_drawer-content-side_1r9lg_qt634_347:not(#\9) {
+  inline-size: 40px;
 }
-.awsui_drawer-closed_1r9lg_tvb2m_342 > .awsui_drawer-content-side_1r9lg_tvb2m_347:not(#\9):hover {
+.awsui_drawer-closed_1r9lg_qt634_342 > .awsui_drawer-content-side_1r9lg_qt634_347:not(#\9):hover {
   background: var(--color-background-layout-panel-hover-58t7r5, #eaeded);
 }
-.awsui_drawer-content-side_1r9lg_tvb2m_347 > [aria-hidden=true]:not(#\9) {
+.awsui_drawer-content-side_1r9lg_qt634_347 > [aria-hidden=true]:not(#\9) {
   display: none;
 }
-:not(#\9):not(.awsui_drawer-closed_1r9lg_tvb2m_342) > .awsui_drawer-content-bottom_1r9lg_tvb2m_363 {
+:not(#\9):not(.awsui_drawer-closed_1r9lg_qt634_342) > .awsui_drawer-content-bottom_1r9lg_qt634_363 {
   overflow-y: auto;
   position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
+  inset: 0;
 }
-.awsui_position-bottom_1r9lg_tvb2m_372:not(#\9) {
+.awsui_position-bottom_1r9lg_qt634_369:not(#\9) {
   position: fixed;
   overflow-y: auto;
-  border-top: var(--border-panel-top-width-vktuvo, 0px) solid var(--color-border-divider-panel-bottom-sc2k0v, rgba(0, 28, 36, 0.15));
+  border-block-start: var(--border-panel-top-width-vktuvo, 0px) solid var(--color-border-divider-panel-bottom-sc2k0v, rgba(0, 28, 36, 0.15));
   /*
   Removed the position fixed with the AppLayout refactor because the
   SplitPanel is no longer in fixed position in the DOM.
   */
 }
-.awsui_position-bottom_1r9lg_tvb2m_372:not(#\9):not(.awsui_refresh_1r9lg_tvb2m_189) {
+.awsui_position-bottom_1r9lg_qt634_369:not(#\9):not(.awsui_refresh_1r9lg_qt634_189) {
   box-shadow: var(--shadow-split-bottom-nfmseg, 0 -2px 1px -1px rgba(0, 28, 36, 0.15), 0 -1px 1px -1px rgba(0, 28, 36, 0.3));
-  border-left: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-panel-bottom-sc2k0v, rgba(0, 28, 36, 0.15));
-  border-right: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-panel-bottom-sc2k0v, rgba(0, 28, 36, 0.15));
+  border-inline-start: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-panel-bottom-sc2k0v, rgba(0, 28, 36, 0.15));
+  border-inline-end: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-panel-bottom-sc2k0v, rgba(0, 28, 36, 0.15));
 }
-.awsui_position-bottom_1r9lg_tvb2m_372.awsui_drawer-closed_1r9lg_tvb2m_342:not(#\9) {
+.awsui_position-bottom_1r9lg_qt634_369.awsui_drawer-closed_1r9lg_qt634_342:not(#\9) {
   overflow: hidden;
 }
-.awsui_position-bottom_1r9lg_tvb2m_372.awsui_drawer-closed_1r9lg_tvb2m_342:not(#\9):hover {
+.awsui_position-bottom_1r9lg_qt634_369.awsui_drawer-closed_1r9lg_qt634_342:not(#\9):hover {
   background: var(--color-background-layout-panel-hover-58t7r5, #eaeded);
 }
-.awsui_position-bottom_1r9lg_tvb2m_372 > .awsui_drawer-content-bottom_1r9lg_tvb2m_363 > [aria-hidden=true]:not(#\9) {
+.awsui_position-bottom_1r9lg_qt634_369 > .awsui_drawer-content-bottom_1r9lg_qt634_363 > [aria-hidden=true]:not(#\9) {
   display: none;
 }
-.awsui_position-bottom_1r9lg_tvb2m_372.awsui_refresh_1r9lg_tvb2m_189:not(#\9) {
+.awsui_position-bottom_1r9lg_qt634_369.awsui_refresh_1r9lg_qt634_189:not(#\9) {
   position: relative;
 }
-.awsui_position-side_1r9lg_tvb2m_399:not(#\9) {
-  border-top: none;
+.awsui_position-side_1r9lg_qt634_396:not(#\9) {
+  border-block-start: none;
   box-shadow: var(--shadow-split-side-q8jr2v, 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));
-  height: 100%;
+  block-size: 100%;
 }
-.awsui_slider_1r9lg_tvb2m_405:not(#\9) {
-  padding: 0;
+.awsui_slider_1r9lg_qt634_402:not(#\9) {
+  padding-block: 0;
+  padding-inline: 0;
   cursor: ns-resize;
-  margin: 2px 0 0 0;
-  height: 16px;
+  margin-block-start: 2px;
+  margin-block-end: 0;
+  margin-inline: 0;
+  block-size: 16px;
   touch-action: none;
 }
-.awsui_slider_1r9lg_tvb2m_405:not(#\9):focus {
+.awsui_slider_1r9lg_qt634_402:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_tvb2m_405:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_qt634_402:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_tvb2m_405:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_qt634_402:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_tvb2m_405:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_qt634_402:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -432,158 +432,176 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_tvb2m_405:not(#\9):focus
   box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_slider-side_1r9lg_tvb2m_434:not(#\9) {
+.awsui_slider-side_1r9lg_qt634_434:not(#\9) {
   cursor: ew-resize;
-  margin: 0 0 0 2px;
+  margin-block: 0;
+  margin-inline-start: 2px;
+  margin-inline-end: 0;
 }
-.awsui_slider-wrapper-bottom_1r9lg_tvb2m_439:not(#\9) {
+.awsui_slider-wrapper-bottom_1r9lg_qt634_441:not(#\9) {
   position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 18px;
+  inset-block-start: 0;
+  inset-inline-start: 0;
+  inline-size: 100%;
+  block-size: 18px;
   display: flex;
   justify-content: center;
   z-index: 2;
 }
-.awsui_slider-wrapper-side_1r9lg_tvb2m_450:not(#\9) {
+.awsui_slider-wrapper-side_1r9lg_qt634_452:not(#\9) {
   position: absolute;
-  left: 0;
-  top: 0;
-  height: 100%;
-  width: 18px;
+  inset-inline-start: 0;
+  inset-block-start: 0;
+  block-size: 100%;
+  inline-size: 18px;
   display: flex;
   align-items: center;
   z-index: 1;
 }
-.awsui_open-button_1r9lg_tvb2m_461:not(#\9) {
+.awsui_open-button_1r9lg_qt634_463:not(#\9) {
   /* used in test-utils */
 }
-.awsui_open-button-side_1r9lg_tvb2m_465:not(#\9) {
+.awsui_open-button-side_1r9lg_qt634_467:not(#\9) {
   flex: 0 0 auto;
   align-self: flex-start;
   box-sizing: border-box;
-  margin: var(--space-xxs-9rrxti, 4px) auto 0;
+  margin-block-start: var(--space-xxs-9rrxti, 4px);
+  margin-block-end: 0;
+  margin-inline: auto;
 }
-.awsui_slider-icon_1r9lg_tvb2m_472:not(#\9) {
+.awsui_slider-icon_1r9lg_qt634_476:not(#\9) {
   stroke: var(--color-text-interactive-default-dt26aj, #545b64);
 }
-.awsui_slider-icon_1r9lg_tvb2m_472:not(#\9):hover {
+.awsui_slider-icon_1r9lg_qt634_476:not(#\9):hover {
   stroke: var(--color-text-interactive-hover-7who0l, #16191f);
 }
-.awsui_slider-icon-bottom_1r9lg_tvb2m_478:not(#\9) {
-  margin: auto;
+.awsui_slider-icon-bottom_1r9lg_qt634_482:not(#\9) {
+  margin-block: auto;
+  margin-inline: auto;
 }
-.awsui_slider-icon-side_1r9lg_tvb2m_481:not(#\9) {
+.awsui_slider-icon-side_1r9lg_qt634_486:not(#\9) {
   transform: rotate(90deg);
 }
-.awsui_pane-header-wrapper-bottom_1r9lg_tvb2m_485:not(#\9) {
+.awsui_pane-header-wrapper-bottom_1r9lg_qt634_490:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   position: sticky;
-  top: 0;
+  inset-block-start: 0;
   display: flex;
   align-items: center;
   flex-direction: column;
   z-index: 1;
-  padding: 0 var(--space-layout-content-horizontal-sin989, 40px);
+  padding-block: 0;
+  padding-inline: var(--space-layout-content-horizontal-sin989, 40px);
 }
-.awsui_drawer-mobile_1r9lg_tvb2m_495 > .awsui_drawer-content-bottom_1r9lg_tvb2m_363 > .awsui_pane-header-wrapper-bottom_1r9lg_tvb2m_485:not(#\9) {
-  padding: 0 var(--space-l-xu1x80, 20px);
+.awsui_drawer-mobile_1r9lg_qt634_501 > .awsui_drawer-content-bottom_1r9lg_qt634_363 > .awsui_pane-header-wrapper-bottom_1r9lg_qt634_490:not(#\9) {
+  padding-block: 0;
+  padding-inline: var(--space-l-xu1x80, 20px);
 }
-.awsui_drawer-disable-content-paddings_1r9lg_tvb2m_498 > .awsui_drawer-content-bottom_1r9lg_tvb2m_363 > .awsui_pane-header-wrapper-bottom_1r9lg_tvb2m_485:not(#\9) {
-  padding: 0 var(--space-l-xu1x80, 20px);
+.awsui_drawer-disable-content-paddings_1r9lg_qt634_505 > .awsui_drawer-content-bottom_1r9lg_qt634_363 > .awsui_pane-header-wrapper-bottom_1r9lg_qt634_490:not(#\9) {
+  padding-block: 0;
+  padding-inline: var(--space-l-xu1x80, 20px);
 }
-:not(#\9):not(.awsui_drawer-closed_1r9lg_tvb2m_342) > .awsui_drawer-content-bottom_1r9lg_tvb2m_363 > .awsui_pane-header-wrapper-bottom_1r9lg_tvb2m_485 {
+:not(#\9):not(.awsui_drawer-closed_1r9lg_qt634_342) > .awsui_drawer-content-bottom_1r9lg_qt634_363 > .awsui_pane-header-wrapper-bottom_1r9lg_qt634_490 {
   background-color: var(--color-background-layout-panel-content-ml98gw, #ffffff);
-  border-bottom: var(--border-panel-header-width-xo2sbi, 0px) solid var(--color-border-divider-default-in8dkg, #eaeded);
+  border-block-end: var(--border-panel-header-width-xo2sbi, 0px) solid var(--color-border-divider-default-in8dkg, #eaeded);
 }
-.awsui_content-bottom_1r9lg_tvb2m_506:not(#\9) {
-  padding: 0 var(--space-layout-content-horizontal-sin989, 40px);
-  margin-top: var(--space-panel-split-top-517tlt, 0px);
+.awsui_content-bottom_1r9lg_qt634_514:not(#\9) {
+  padding-block: 0;
+  padding-inline: var(--space-layout-content-horizontal-sin989, 40px);
+  margin-block-start: var(--space-panel-split-top-517tlt, 0px);
   position: relative;
   z-index: 0;
 }
-.awsui_drawer-mobile_1r9lg_tvb2m_495 > .awsui_drawer-content-bottom_1r9lg_tvb2m_363 > .awsui_content-bottom_1r9lg_tvb2m_506:not(#\9) {
-  padding: 0 var(--space-l-xu1x80, 20px);
+.awsui_drawer-mobile_1r9lg_qt634_501 > .awsui_drawer-content-bottom_1r9lg_qt634_363 > .awsui_content-bottom_1r9lg_qt634_514:not(#\9) {
+  padding-block: 0;
+  padding-inline: var(--space-l-xu1x80, 20px);
 }
-.awsui_drawer-disable-content-paddings_1r9lg_tvb2m_498 > .awsui_drawer-content-bottom_1r9lg_tvb2m_363 > .awsui_content-bottom_1r9lg_tvb2m_506:not(#\9) {
-  padding: 0;
+.awsui_drawer-disable-content-paddings_1r9lg_qt634_505 > .awsui_drawer-content-bottom_1r9lg_qt634_363 > .awsui_content-bottom_1r9lg_qt634_514:not(#\9) {
+  padding-block: 0;
+  padding-inline: 0;
 }
-.awsui_pane-bottom-center-align_1r9lg_tvb2m_519:not(#\9) {
+.awsui_pane-bottom-center-align_1r9lg_qt634_530:not(#\9) {
   display: flex;
   justify-content: center;
 }
-.awsui_pane-bottom-content-nav-padding_1r9lg_tvb2m_524:not(#\9) {
-  padding-left: calc(var(--space-layout-toggle-diameter-ugv12v, 36px) + 2 * var(--space-layout-toggle-padding-k1jpy8, 12px));
+.awsui_pane-bottom-content-nav-padding_1r9lg_qt634_535:not(#\9) {
+  padding-inline-start: calc(var(--space-layout-toggle-diameter-ugv12v, 36px) + 2 * var(--space-layout-toggle-padding-k1jpy8, 12px));
 }
-.awsui_pane-bottom-content-tools-padding_1r9lg_tvb2m_528:not(#\9) {
-  padding-right: calc(var(--space-layout-toggle-diameter-ugv12v, 36px) + 2 * var(--space-layout-toggle-padding-k1jpy8, 12px));
+.awsui_pane-bottom-content-tools-padding_1r9lg_qt634_539:not(#\9) {
+  padding-inline-end: calc(var(--space-layout-toggle-diameter-ugv12v, 36px) + 2 * var(--space-layout-toggle-padding-k1jpy8, 12px));
 }
-.awsui_content-bottom-max-width_1r9lg_tvb2m_532:not(#\9) {
+.awsui_content-bottom-max-width_1r9lg_qt634_543:not(#\9) {
   flex-grow: 1;
-  max-width: 100%;
+  max-inline-size: 100%;
 }
-.awsui_content-side_1r9lg_tvb2m_537:not(#\9) {
+.awsui_content-side_1r9lg_qt634_548:not(#\9) {
   flex: auto;
   align-self: flex-start;
   box-sizing: border-box;
   overflow-y: auto;
   position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  height: 100%;
-}
-.awsui_content-side_1r9lg_tvb2m_537 > .awsui_pane-header-wrapper-side_1r9lg_tvb2m_548:not(#\9) {
-  padding: 0 var(--space-m-kpg8id, 16px) 0 var(--space-panel-side-left-wmxosk, 32px);
-  border-bottom: var(--border-panel-header-width-xo2sbi, 0px) solid var(--color-border-divider-default-in8dkg, #eaeded);
-}
-.awsui_content-side_1r9lg_tvb2m_537 > .awsui_pane-content-wrapper-side_1r9lg_tvb2m_552:not(#\9) {
-  padding: 0 var(--space-panel-side-right-23w8pv, 32px) 0 var(--space-panel-side-left-wmxosk, 32px);
-  margin-top: var(--space-panel-split-top-517tlt, 0px);
+  inset-block-start: 0;
+  inset-inline: 0;
+  block-size: 100%;
+}
+.awsui_content-side_1r9lg_qt634_548 > .awsui_pane-header-wrapper-side_1r9lg_qt634_558:not(#\9) {
+  padding-block: 0;
+  padding-inline-end: var(--space-m-kpg8id, 16px);
+  padding-inline-start: var(--space-panel-side-left-wmxosk, 32px);
+  border-block-end: var(--border-panel-header-width-xo2sbi, 0px) solid var(--color-border-divider-default-in8dkg, #eaeded);
+}
+.awsui_content-side_1r9lg_qt634_548 > .awsui_pane-content-wrapper-side_1r9lg_qt634_564:not(#\9) {
+  padding-block: 0;
+  padding-inline-start: var(--space-panel-side-left-wmxosk, 32px);
+  padding-inline-end: var(--space-panel-side-right-23w8pv, 32px);
+  margin-block-start: var(--space-panel-split-top-517tlt, 0px);
 }
-.awsui_header_1r9lg_tvb2m_557:not(#\9) {
+.awsui_header_1r9lg_qt634_571:not(#\9) {
   display: flex;
   flex: auto;
   flex-direction: row;
   align-items: flex-start;
   justify-content: space-between;
-  width: 100%;
-  margin: var(--size-vertical-panel-icon-offset-04nxf8, 15px) 0;
+  inline-size: 100%;
+  margin-block: var(--size-vertical-panel-icon-offset-04nxf8, 15px);
+  margin-inline: 0;
 }
-.awsui_header-text_1r9lg_tvb2m_566:not(#\9) {
+.awsui_header-text_1r9lg_qt634_581:not(#\9) {
   font-size: var(--font-panel-header-size-tbwmfr, 18px);
   line-height: var(--font-panel-header-line-height-leujyg, 22px);
   font-weight: var(--font-weight-heading-l-1hf845, 700);
   -webkit-font-smoothing: var(--font-smoothing-webkit-8fiijr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-fw8n0n, auto);
-  padding: 0;
-  margin: 0;
-  margin-top: calc(var(--space-scaled-xxs-t7ij38, 4px) + 1px);
+  padding-block: 0;
+  padding-inline: 0;
+  margin-block: 0;
+  margin-inline: 0;
+  margin-block-start: calc(var(--space-scaled-xxs-t7ij38, 4px) + 1px);
 }
-.awsui_header-actions_1r9lg_tvb2m_577:not(#\9) {
+.awsui_header-actions_1r9lg_qt634_594:not(#\9) {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   flex: 0 0 auto;
-  margin-left: var(--space-xs-xf5ch3, 8px);
+  margin-inline-start: var(--space-xs-xf5ch3, 8px);
 }
-.awsui_divider_1r9lg_tvb2m_585:not(#\9) {
-  border-right: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-in8dkg, #eaeded);
-  margin: var(--space-scaled-xxs-t7ij38, 4px) var(--space-scaled-xs-x91h81, 8px);
+.awsui_divider_1r9lg_qt634_602:not(#\9) {
+  border-inline-end: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-in8dkg, #eaeded);
+  margin-block: var(--space-scaled-xxs-t7ij38, 4px);
+  margin-inline: var(--space-scaled-xs-x91h81, 8px);
 }