@cloudscape-design/components 3.0.516 → 3.0.518

package/split-panel/styles.scoped.css

@@ -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_1wqxz_189.awsui_refresh_1r9lg_1wqxz_189:not(#\9) {
+.awsui_drawer_1r9lg_1xjnk_189.awsui_refresh_1r9lg_1xjnk_189:not(#\9) {
   transition-duration: var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
   transition-property: none;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_drawer_1r9lg_1wqxz_189.awsui_refresh_1r9lg_1wqxz_189:not(#\9) {
+  .awsui_drawer_1r9lg_1xjnk_189.awsui_refresh_1r9lg_1xjnk_189:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_drawer_1r9lg_1wqxz_189.awsui_refresh_1r9lg_1wqxz_189:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_1wqxz_189.awsui_refresh_1r9lg_1wqxz_189:not(#\9) {
+.awsui-motion-disabled .awsui_drawer_1r9lg_1xjnk_189.awsui_refresh_1r9lg_1xjnk_189:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_1xjnk_189.awsui_refresh_1r9lg_1xjnk_189:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_drawer_1r9lg_1wqxz_189.awsui_refresh_1r9lg_1wqxz_189.awsui_animating_1r9lg_1wqxz_203:not(#\9) {
+.awsui_drawer_1r9lg_1xjnk_189.awsui_refresh_1r9lg_1xjnk_189.awsui_animating_1r9lg_1xjnk_203:not(#\9) {
   transition-property: transform;
   transition-timing-function: var(--motion-easing-refresh-only-a-8flf9q, cubic-bezier(0, 0, 0, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_drawer_1r9lg_1wqxz_189.awsui_refresh_1r9lg_1wqxz_189.awsui_animating_1r9lg_1wqxz_203:not(#\9) {
+  .awsui_drawer_1r9lg_1xjnk_189.awsui_refresh_1r9lg_1xjnk_189.awsui_animating_1r9lg_1xjnk_203:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_drawer_1r9lg_1wqxz_189.awsui_refresh_1r9lg_1wqxz_189.awsui_animating_1r9lg_1wqxz_203:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_1wqxz_189.awsui_refresh_1r9lg_1wqxz_189.awsui_animating_1r9lg_1wqxz_203:not(#\9) {
+.awsui-motion-disabled .awsui_drawer_1r9lg_1xjnk_189.awsui_refresh_1r9lg_1xjnk_189.awsui_animating_1r9lg_1xjnk_203:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_1xjnk_189.awsui_refresh_1r9lg_1xjnk_189.awsui_animating_1r9lg_1xjnk_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_1wqxz_226:not(#\9) {
+.awsui_preference-icon--layout-border_1r9lg_1xjnk_226:not(#\9) {
   stroke: var(--color-background-home-header-2rudu7, #000716);
   fill: var(--color-background-container-content-4un1ap, #ffffff);
 }
-.awsui_preference-icon--layout-background_1r9lg_1wqxz_230:not(#\9) {
+.awsui_preference-icon--layout-background_1r9lg_1xjnk_230:not(#\9) {
   fill: var(--color-background-layout-main-nx09lr, #ffffff);
 }
-.awsui_preference-icon--layout-header_1r9lg_1wqxz_233:not(#\9) {
+.awsui_preference-icon--layout-header_1r9lg_1xjnk_233:not(#\9) {
   fill: var(--color-background-home-header-2rudu7, #000716);
 }
-.awsui_preference-icon--border_1r9lg_1wqxz_236:not(#\9) {
+.awsui_preference-icon--border_1r9lg_1xjnk_236:not(#\9) {
   stroke: var(--color-text-group-label-jpw8sm, #414d5c);
   fill: var(--color-background-container-content-4un1ap, #ffffff);
 }
-.awsui_preference-icon--primary-button_1r9lg_1wqxz_240:not(#\9) {
+.awsui_preference-icon--primary-button_1r9lg_1xjnk_240:not(#\9) {
   fill: var(--color-background-button-primary-default-jrg2xu, #0972d3);
 }
-.awsui_preference-icon--secondary_1r9lg_1wqxz_243:not(#\9) {
+.awsui_preference-icon--secondary_1r9lg_1xjnk_243:not(#\9) {
   fill: var(--color-text-group-label-jpw8sm, #414d5c);
 }
-.awsui_preference-icon--disabled-element_1r9lg_1wqxz_246:not(#\9) {
+.awsui_preference-icon--disabled-element_1r9lg_1xjnk_246:not(#\9) {
   fill: var(--color-background-control-disabled-pwkvgd, #d1d5db);
 }
-.awsui_preference-icon--separator_1r9lg_1wqxz_249:not(#\9) {
+.awsui_preference-icon--separator_1r9lg_1xjnk_249:not(#\9) {
   stroke: var(--color-background-control-disabled-pwkvgd, #d1d5db);
 }
-.awsui_preference-icon--focus-text_1r9lg_1wqxz_252:not(#\9) {
+.awsui_preference-icon--focus-text_1r9lg_1xjnk_252:not(#\9) {
   fill: var(--color-text-interactive-default-lnx6lk, #414d5c);
 }
 
-.awsui_preference-icon-refresh--layout-top_1r9lg_1wqxz_256:not(#\9) {
+.awsui_preference-icon-refresh--layout-top_1r9lg_1xjnk_256:not(#\9) {
   fill: var(--color-background-button-primary-disabled-31l9pn, #e9ebed);
 }
-.awsui_preference-icon-refresh--layout-main_1r9lg_1wqxz_259:not(#\9) {
+.awsui_preference-icon-refresh--layout-main_1r9lg_1xjnk_259:not(#\9) {
   fill: var(--color-background-layout-main-nx09lr, #ffffff);
 }
-.awsui_preference-icon-refresh--primary_1r9lg_1wqxz_262:not(#\9) {
+.awsui_preference-icon-refresh--primary_1r9lg_1xjnk_262:not(#\9) {
   fill: var(--color-background-button-primary-default-jrg2xu, #0972d3);
 }
-.awsui_preference-icon-refresh--disabled_1r9lg_1wqxz_265:not(#\9) {
+.awsui_preference-icon-refresh--disabled_1r9lg_1xjnk_265:not(#\9) {
   fill: var(--color-background-control-disabled-pwkvgd, #d1d5db);
 }
-.awsui_preference-icon-refresh--column-header_1r9lg_1wqxz_268:not(#\9) {
+.awsui_preference-icon-refresh--column-header_1r9lg_1xjnk_268:not(#\9) {
   fill: var(--color-text-input-disabled-f8pjm5, #9ba7b6);
 }
-.awsui_preference-icon-refresh--window_1r9lg_1wqxz_271:not(#\9) {
+.awsui_preference-icon-refresh--window_1r9lg_1xjnk_271:not(#\9) {
   stroke: var(--color-background-home-header-2rudu7, #000716);
   fill: var(--color-background-container-content-4un1ap, #ffffff);
 }
-.awsui_preference-icon-refresh--secondary_1r9lg_1wqxz_275:not(#\9) {
+.awsui_preference-icon-refresh--secondary_1r9lg_1xjnk_275:not(#\9) {
   fill: var(--color-text-body-secondary-w9jvno, #414d5c);
 }
-.awsui_preference-icon-refresh--default_1r9lg_1wqxz_278:not(#\9) {
+.awsui_preference-icon-refresh--default_1r9lg_1xjnk_278:not(#\9) {
   fill: var(--color-text-body-default-at06ol, #000716);
 }
-.awsui_preference-icon-refresh--separator_1r9lg_1wqxz_281:not(#\9) {
+.awsui_preference-icon-refresh--separator_1r9lg_1xjnk_281:not(#\9) {
   stroke: var(--color-border-divider-default-j74lyz, #b6bec9);
 }
-.awsui_preference-icon-refresh--input-default_1r9lg_1wqxz_284:not(#\9) {
+.awsui_preference-icon-refresh--input-default_1r9lg_1xjnk_284:not(#\9) {
   fill: var(--color-border-input-default-1zl7hq, #7d8998);
 }
-.awsui_preference-icon-refresh--heading_1r9lg_1wqxz_287:not(#\9) {
+.awsui_preference-icon-refresh--heading_1r9lg_1xjnk_287:not(#\9) {
   fill: var(--color-text-heading-default-lstrpn, #000716);
 }
 
-.awsui_root_1r9lg_1wqxz_291:not(#\9) {
+.awsui_root_1r9lg_1xjnk_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_1wqxz_326:not(#\9) {
+.awsui_preferences-button_1r9lg_1xjnk_326:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_close-button_1r9lg_1wqxz_330:not(#\9) {
+.awsui_close-button_1r9lg_1xjnk_330:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_drawer_1r9lg_1wqxz_189:not(#\9) {
+.awsui_drawer_1r9lg_1xjnk_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-t82vgh, #ffffff);
   z-index: 840;
 }
-.awsui_drawer-closed_1r9lg_1wqxz_342:not(#\9) {
+.awsui_drawer-closed_1r9lg_1xjnk_342:not(#\9) {
   cursor: pointer;
-  min-width: 40px;
+  min-inline-size: 40px;
 }
 
-.awsui_drawer-content-side_1r9lg_1wqxz_347:not(#\9) {
+.awsui_drawer-content-side_1r9lg_1xjnk_347:not(#\9) {
   display: flex;
   align-items: center;
-  height: 100%;
+  block-size: 100%;
   overflow: auto;
 }
-.awsui_drawer-closed_1r9lg_1wqxz_342 > .awsui_drawer-content-side_1r9lg_1wqxz_347:not(#\9) {
-  width: 40px;
+.awsui_drawer-closed_1r9lg_1xjnk_342 > .awsui_drawer-content-side_1r9lg_1xjnk_347:not(#\9) {
+  inline-size: 40px;
 }
-.awsui_drawer-closed_1r9lg_1wqxz_342 > .awsui_drawer-content-side_1r9lg_1wqxz_347:not(#\9):hover {
+.awsui_drawer-closed_1r9lg_1xjnk_342 > .awsui_drawer-content-side_1r9lg_1xjnk_347:not(#\9):hover {
   background: var(--color-background-layout-panel-hover-n9apd3, #e9ebed);
 }
-.awsui_drawer-content-side_1r9lg_1wqxz_347 > [aria-hidden=true]:not(#\9) {
+.awsui_drawer-content-side_1r9lg_1xjnk_347 > [aria-hidden=true]:not(#\9) {
   display: none;
 }
 
-:not(#\9):not(.awsui_drawer-closed_1r9lg_1wqxz_342) > .awsui_drawer-content-bottom_1r9lg_1wqxz_363 {
+:not(#\9):not(.awsui_drawer-closed_1r9lg_1xjnk_342) > .awsui_drawer-content-bottom_1r9lg_1xjnk_363 {
   overflow-y: auto;
   position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
+  inset: 0;
 }
 
-.awsui_position-bottom_1r9lg_1wqxz_372:not(#\9) {
+.awsui_position-bottom_1r9lg_1xjnk_369:not(#\9) {
   position: fixed;
   overflow-y: auto;
-  border-top: var(--border-panel-top-width-7uc0w9, 1px) solid var(--color-border-divider-panel-bottom-dwyqvg, #b6bec9);
+  border-block-start: var(--border-panel-top-width-7uc0w9, 1px) solid var(--color-border-divider-panel-bottom-dwyqvg, #b6bec9);
   /*
   Removed the position fixed with the AppLayout refactor because the
   SplitPanel is no longer in fixed position in the DOM.
   */
 }
-.awsui_position-bottom_1r9lg_1wqxz_372:not(#\9):not(.awsui_refresh_1r9lg_1wqxz_189) {
+.awsui_position-bottom_1r9lg_1xjnk_369:not(#\9):not(.awsui_refresh_1r9lg_1xjnk_189) {
   box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
-  border-left: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-panel-bottom-dwyqvg, #b6bec9);
-  border-right: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-panel-bottom-dwyqvg, #b6bec9);
+  border-inline-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-panel-bottom-dwyqvg, #b6bec9);
+  border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-panel-bottom-dwyqvg, #b6bec9);
 }
-.awsui_position-bottom_1r9lg_1wqxz_372.awsui_drawer-closed_1r9lg_1wqxz_342:not(#\9) {
+.awsui_position-bottom_1r9lg_1xjnk_369.awsui_drawer-closed_1r9lg_1xjnk_342:not(#\9) {
   overflow: hidden;
 }
-.awsui_position-bottom_1r9lg_1wqxz_372.awsui_drawer-closed_1r9lg_1wqxz_342:not(#\9):hover {
+.awsui_position-bottom_1r9lg_1xjnk_369.awsui_drawer-closed_1r9lg_1xjnk_342:not(#\9):hover {
   background: var(--color-background-layout-panel-hover-n9apd3, #e9ebed);
 }
-.awsui_position-bottom_1r9lg_1wqxz_372 > .awsui_drawer-content-bottom_1r9lg_1wqxz_363 > [aria-hidden=true]:not(#\9) {
+.awsui_position-bottom_1r9lg_1xjnk_369 > .awsui_drawer-content-bottom_1r9lg_1xjnk_363 > [aria-hidden=true]:not(#\9) {
   display: none;
 }
-.awsui_position-bottom_1r9lg_1wqxz_372.awsui_refresh_1r9lg_1wqxz_189:not(#\9) {
+.awsui_position-bottom_1r9lg_1xjnk_369.awsui_refresh_1r9lg_1xjnk_189:not(#\9) {
   position: relative;
 }
 
-.awsui_position-side_1r9lg_1wqxz_399:not(#\9) {
-  border-top: none;
+.awsui_position-side_1r9lg_1xjnk_396:not(#\9) {
+  border-block-start: none;
   box-shadow: var(--shadow-split-side-ggdtnk, -1px 0px 1px 0px #e9ebed, -36px 6px 36px -36px rgba(0, 7, 22, 0.1));
-  height: 100%;
+  block-size: 100%;
 }
 
-.awsui_slider_1r9lg_1wqxz_405:not(#\9) {
-  padding: 0;
+.awsui_slider_1r9lg_1xjnk_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_1wqxz_405:not(#\9):focus {
+.awsui_slider_1r9lg_1xjnk_402:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1wqxz_405:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1xjnk_402:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1wqxz_405:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1xjnk_402:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1wqxz_405:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1xjnk_402:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -432,158 +432,176 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1wqxz_405:not(#\9):focus
   box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
 }
 
-.awsui_slider-side_1r9lg_1wqxz_434:not(#\9) {
+.awsui_slider-side_1r9lg_1xjnk_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_1wqxz_439:not(#\9) {
+.awsui_slider-wrapper-bottom_1r9lg_1xjnk_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_1wqxz_450:not(#\9) {
+.awsui_slider-wrapper-side_1r9lg_1xjnk_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_1wqxz_461:not(#\9) {
+.awsui_open-button_1r9lg_1xjnk_463:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_open-button-side_1r9lg_1wqxz_465:not(#\9) {
+.awsui_open-button-side_1r9lg_1xjnk_467:not(#\9) {
   flex: 0 0 auto;
   align-self: flex-start;
   box-sizing: border-box;
-  margin: var(--space-xxs-p8yyaw, 4px) auto 0;
+  margin-block-start: var(--space-xxs-p8yyaw, 4px);
+  margin-block-end: 0;
+  margin-inline: auto;
 }
 
-.awsui_slider-icon_1r9lg_1wqxz_472:not(#\9) {
+.awsui_slider-icon_1r9lg_1xjnk_476:not(#\9) {
   stroke: var(--color-text-interactive-default-lnx6lk, #414d5c);
 }
-.awsui_slider-icon_1r9lg_1wqxz_472:not(#\9):hover {
+.awsui_slider-icon_1r9lg_1xjnk_476:not(#\9):hover {
   stroke: var(--color-text-interactive-hover-mj8add, #000716);
 }
-.awsui_slider-icon-bottom_1r9lg_1wqxz_478:not(#\9) {
-  margin: auto;
+.awsui_slider-icon-bottom_1r9lg_1xjnk_482:not(#\9) {
+  margin-block: auto;
+  margin-inline: auto;
 }
-.awsui_slider-icon-side_1r9lg_1wqxz_481:not(#\9) {
+.awsui_slider-icon-side_1r9lg_1xjnk_486:not(#\9) {
   transform: rotate(90deg);
 }
 
-.awsui_pane-header-wrapper-bottom_1r9lg_1wqxz_485:not(#\9) {
+.awsui_pane-header-wrapper-bottom_1r9lg_1xjnk_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-7l52k3, 24px);
+  padding-block: 0;
+  padding-inline: var(--space-layout-content-horizontal-7l52k3, 24px);
 }
-.awsui_drawer-mobile_1r9lg_1wqxz_495 > .awsui_drawer-content-bottom_1r9lg_1wqxz_363 > .awsui_pane-header-wrapper-bottom_1r9lg_1wqxz_485:not(#\9) {
-  padding: 0 var(--space-l-t419sm, 20px);
+.awsui_drawer-mobile_1r9lg_1xjnk_501 > .awsui_drawer-content-bottom_1r9lg_1xjnk_363 > .awsui_pane-header-wrapper-bottom_1r9lg_1xjnk_490:not(#\9) {
+  padding-block: 0;
+  padding-inline: var(--space-l-t419sm, 20px);
 }
-.awsui_drawer-disable-content-paddings_1r9lg_1wqxz_498 > .awsui_drawer-content-bottom_1r9lg_1wqxz_363 > .awsui_pane-header-wrapper-bottom_1r9lg_1wqxz_485:not(#\9) {
-  padding: 0 var(--space-l-t419sm, 20px);
+.awsui_drawer-disable-content-paddings_1r9lg_1xjnk_505 > .awsui_drawer-content-bottom_1r9lg_1xjnk_363 > .awsui_pane-header-wrapper-bottom_1r9lg_1xjnk_490:not(#\9) {
+  padding-block: 0;
+  padding-inline: var(--space-l-t419sm, 20px);
 }
-:not(#\9):not(.awsui_drawer-closed_1r9lg_1wqxz_342) > .awsui_drawer-content-bottom_1r9lg_1wqxz_363 > .awsui_pane-header-wrapper-bottom_1r9lg_1wqxz_485 {
+:not(#\9):not(.awsui_drawer-closed_1r9lg_1xjnk_342) > .awsui_drawer-content-bottom_1r9lg_1xjnk_363 > .awsui_pane-header-wrapper-bottom_1r9lg_1xjnk_490 {
   background-color: var(--color-background-layout-panel-content-t82vgh, #ffffff);
-  border-bottom: var(--border-panel-header-width-3w1py7, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
+  border-block-end: var(--border-panel-header-width-3w1py7, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
 }
 
-.awsui_content-bottom_1r9lg_1wqxz_506:not(#\9) {
-  padding: 0 var(--space-layout-content-horizontal-7l52k3, 24px);
-  margin-top: var(--space-panel-split-top-q1pux4, 20px);
+.awsui_content-bottom_1r9lg_1xjnk_514:not(#\9) {
+  padding-block: 0;
+  padding-inline: var(--space-layout-content-horizontal-7l52k3, 24px);
+  margin-block-start: var(--space-panel-split-top-q1pux4, 20px);
   position: relative;
   z-index: 0;
 }
-.awsui_drawer-mobile_1r9lg_1wqxz_495 > .awsui_drawer-content-bottom_1r9lg_1wqxz_363 > .awsui_content-bottom_1r9lg_1wqxz_506:not(#\9) {
-  padding: 0 var(--space-l-t419sm, 20px);
+.awsui_drawer-mobile_1r9lg_1xjnk_501 > .awsui_drawer-content-bottom_1r9lg_1xjnk_363 > .awsui_content-bottom_1r9lg_1xjnk_514:not(#\9) {
+  padding-block: 0;
+  padding-inline: var(--space-l-t419sm, 20px);
 }
-.awsui_drawer-disable-content-paddings_1r9lg_1wqxz_498 > .awsui_drawer-content-bottom_1r9lg_1wqxz_363 > .awsui_content-bottom_1r9lg_1wqxz_506:not(#\9) {
-  padding: 0;
+.awsui_drawer-disable-content-paddings_1r9lg_1xjnk_505 > .awsui_drawer-content-bottom_1r9lg_1xjnk_363 > .awsui_content-bottom_1r9lg_1xjnk_514:not(#\9) {
+  padding-block: 0;
+  padding-inline: 0;
 }
 
-.awsui_pane-bottom-center-align_1r9lg_1wqxz_519:not(#\9) {
+.awsui_pane-bottom-center-align_1r9lg_1xjnk_530:not(#\9) {
   display: flex;
   justify-content: center;
 }
 
-.awsui_pane-bottom-content-nav-padding_1r9lg_1wqxz_524:not(#\9) {
-  padding-left: calc(var(--space-layout-toggle-diameter-hb85rk, 36px) + 2 * var(--space-layout-toggle-padding-lcu6qi, 12px));
+.awsui_pane-bottom-content-nav-padding_1r9lg_1xjnk_535:not(#\9) {
+  padding-inline-start: calc(var(--space-layout-toggle-diameter-hb85rk, 36px) + 2 * var(--space-layout-toggle-padding-lcu6qi, 12px));
 }
 
-.awsui_pane-bottom-content-tools-padding_1r9lg_1wqxz_528:not(#\9) {
-  padding-right: calc(var(--space-layout-toggle-diameter-hb85rk, 36px) + 2 * var(--space-layout-toggle-padding-lcu6qi, 12px));
+.awsui_pane-bottom-content-tools-padding_1r9lg_1xjnk_539:not(#\9) {
+  padding-inline-end: calc(var(--space-layout-toggle-diameter-hb85rk, 36px) + 2 * var(--space-layout-toggle-padding-lcu6qi, 12px));
 }
 
-.awsui_content-bottom-max-width_1r9lg_1wqxz_532:not(#\9) {
+.awsui_content-bottom-max-width_1r9lg_1xjnk_543:not(#\9) {
   flex-grow: 1;
-  max-width: 100%;
+  max-inline-size: 100%;
 }
 
-.awsui_content-side_1r9lg_1wqxz_537:not(#\9) {
+.awsui_content-side_1r9lg_1xjnk_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_1wqxz_537 > .awsui_pane-header-wrapper-side_1r9lg_1wqxz_548:not(#\9) {
-  padding: 0 var(--space-m-udix3p, 16px) 0 var(--space-panel-side-left-5t0who, 28px);
-  border-bottom: var(--border-panel-header-width-3w1py7, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
-}
-.awsui_content-side_1r9lg_1wqxz_537 > .awsui_pane-content-wrapper-side_1r9lg_1wqxz_552:not(#\9) {
-  padding: 0 var(--space-panel-side-right-xofg51, 24px) 0 var(--space-panel-side-left-5t0who, 28px);
-  margin-top: var(--space-panel-split-top-q1pux4, 20px);
+  inset-block-start: 0;
+  inset-inline: 0;
+  block-size: 100%;
+}
+.awsui_content-side_1r9lg_1xjnk_548 > .awsui_pane-header-wrapper-side_1r9lg_1xjnk_558:not(#\9) {
+  padding-block: 0;
+  padding-inline-end: var(--space-m-udix3p, 16px);
+  padding-inline-start: var(--space-panel-side-left-5t0who, 28px);
+  border-block-end: var(--border-panel-header-width-3w1py7, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
+}
+.awsui_content-side_1r9lg_1xjnk_548 > .awsui_pane-content-wrapper-side_1r9lg_1xjnk_564:not(#\9) {
+  padding-block: 0;
+  padding-inline-start: var(--space-panel-side-left-5t0who, 28px);
+  padding-inline-end: var(--space-panel-side-right-xofg51, 24px);
+  margin-block-start: var(--space-panel-split-top-q1pux4, 20px);
 }
 
-.awsui_header_1r9lg_1wqxz_557:not(#\9) {
+.awsui_header_1r9lg_1xjnk_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-wy8j08, 15px) 0;
+  inline-size: 100%;
+  margin-block: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
+  margin-inline: 0;
 }
-.awsui_header-text_1r9lg_1wqxz_566:not(#\9) {
+.awsui_header-text_1r9lg_1xjnk_581:not(#\9) {
   font-size: var(--font-panel-header-size-edjz3l, 18px);
   line-height: var(--font-panel-header-line-height-kxi4u2, 22px);
   font-weight: var(--font-weight-heading-l-f8711v, 700);
   -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
-  padding: 0;
-  margin: 0;
-  margin-top: calc(var(--space-scaled-xxs-7597g1, 4px) + 1px);
+  padding-block: 0;
+  padding-inline: 0;
+  margin-block: 0;
+  margin-inline: 0;
+  margin-block-start: calc(var(--space-scaled-xxs-7597g1, 4px) + 1px);
 }
 
-.awsui_header-actions_1r9lg_1wqxz_577:not(#\9) {
+.awsui_header-actions_1r9lg_1xjnk_594:not(#\9) {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   flex: 0 0 auto;
-  margin-left: var(--space-xs-zb16t3, 8px);
+  margin-inline-start: var(--space-xs-zb16t3, 8px);
 }
 
-.awsui_divider_1r9lg_1wqxz_585:not(#\9) {
-  border-right: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
-  margin: var(--space-scaled-xxs-7597g1, 4px) var(--space-scaled-xs-26e2du, 8px);
+.awsui_divider_1r9lg_1xjnk_602:not(#\9) {
+  border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
+  margin-block: var(--space-scaled-xxs-7597g1, 4px);
+  margin-inline: var(--space-scaled-xs-26e2du, 8px);
 }

package/split-panel/styles.selectors.js

@@ -2,60 +2,60 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "drawer": "awsui_drawer_1r9lg_1wqxz_189",
-  "refresh": "awsui_refresh_1r9lg_1wqxz_189",
-  "animating": "awsui_animating_1r9lg_1wqxz_203",
-  "preference-icon--layout-border": "awsui_preference-icon--layout-border_1r9lg_1wqxz_226",
-  "preference-icon--layout-background": "awsui_preference-icon--layout-background_1r9lg_1wqxz_230",
-  "preference-icon--layout-header": "awsui_preference-icon--layout-header_1r9lg_1wqxz_233",
-  "preference-icon--border": "awsui_preference-icon--border_1r9lg_1wqxz_236",
-  "preference-icon--primary-button": "awsui_preference-icon--primary-button_1r9lg_1wqxz_240",
-  "preference-icon--secondary": "awsui_preference-icon--secondary_1r9lg_1wqxz_243",
-  "preference-icon--disabled-element": "awsui_preference-icon--disabled-element_1r9lg_1wqxz_246",
-  "preference-icon--separator": "awsui_preference-icon--separator_1r9lg_1wqxz_249",
-  "preference-icon--focus-text": "awsui_preference-icon--focus-text_1r9lg_1wqxz_252",
-  "preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_1r9lg_1wqxz_256",
-  "preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_1r9lg_1wqxz_259",
-  "preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_1r9lg_1wqxz_262",
-  "preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_1r9lg_1wqxz_265",
-  "preference-icon-refresh--column-header": "awsui_preference-icon-refresh--column-header_1r9lg_1wqxz_268",
-  "preference-icon-refresh--window": "awsui_preference-icon-refresh--window_1r9lg_1wqxz_271",
-  "preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_1r9lg_1wqxz_275",
-  "preference-icon-refresh--default": "awsui_preference-icon-refresh--default_1r9lg_1wqxz_278",
-  "preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_1r9lg_1wqxz_281",
-  "preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_1r9lg_1wqxz_284",
-  "preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_1r9lg_1wqxz_287",
-  "root": "awsui_root_1r9lg_1wqxz_291",
-  "preferences-button": "awsui_preferences-button_1r9lg_1wqxz_326",
-  "close-button": "awsui_close-button_1r9lg_1wqxz_330",
-  "drawer-closed": "awsui_drawer-closed_1r9lg_1wqxz_342",
-  "drawer-content-side": "awsui_drawer-content-side_1r9lg_1wqxz_347",
-  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_1wqxz_363",
-  "position-bottom": "awsui_position-bottom_1r9lg_1wqxz_372",
-  "position-side": "awsui_position-side_1r9lg_1wqxz_399",
-  "slider": "awsui_slider_1r9lg_1wqxz_405",
-  "slider-side": "awsui_slider-side_1r9lg_1wqxz_434",
-  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_1wqxz_439",
-  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_1wqxz_450",
-  "open-button": "awsui_open-button_1r9lg_1wqxz_461",
-  "open-button-side": "awsui_open-button-side_1r9lg_1wqxz_465",
-  "slider-icon": "awsui_slider-icon_1r9lg_1wqxz_472",
-  "slider-icon-bottom": "awsui_slider-icon-bottom_1r9lg_1wqxz_478",
-  "slider-icon-side": "awsui_slider-icon-side_1r9lg_1wqxz_481",
-  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_1wqxz_485",
-  "drawer-mobile": "awsui_drawer-mobile_1r9lg_1wqxz_495",
-  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_1wqxz_498",
-  "content-bottom": "awsui_content-bottom_1r9lg_1wqxz_506",
-  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_1wqxz_519",
-  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_1wqxz_524",
-  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_1wqxz_528",
-  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_1wqxz_532",
-  "content-side": "awsui_content-side_1r9lg_1wqxz_537",
-  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_1wqxz_548",
-  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_1wqxz_552",
-  "header": "awsui_header_1r9lg_1wqxz_557",
-  "header-text": "awsui_header-text_1r9lg_1wqxz_566",
-  "header-actions": "awsui_header-actions_1r9lg_1wqxz_577",
-  "divider": "awsui_divider_1r9lg_1wqxz_585"
+  "drawer": "awsui_drawer_1r9lg_1xjnk_189",
+  "refresh": "awsui_refresh_1r9lg_1xjnk_189",
+  "animating": "awsui_animating_1r9lg_1xjnk_203",
+  "preference-icon--layout-border": "awsui_preference-icon--layout-border_1r9lg_1xjnk_226",
+  "preference-icon--layout-background": "awsui_preference-icon--layout-background_1r9lg_1xjnk_230",
+  "preference-icon--layout-header": "awsui_preference-icon--layout-header_1r9lg_1xjnk_233",
+  "preference-icon--border": "awsui_preference-icon--border_1r9lg_1xjnk_236",
+  "preference-icon--primary-button": "awsui_preference-icon--primary-button_1r9lg_1xjnk_240",
+  "preference-icon--secondary": "awsui_preference-icon--secondary_1r9lg_1xjnk_243",
+  "preference-icon--disabled-element": "awsui_preference-icon--disabled-element_1r9lg_1xjnk_246",
+  "preference-icon--separator": "awsui_preference-icon--separator_1r9lg_1xjnk_249",
+  "preference-icon--focus-text": "awsui_preference-icon--focus-text_1r9lg_1xjnk_252",
+  "preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_1r9lg_1xjnk_256",
+  "preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_1r9lg_1xjnk_259",
+  "preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_1r9lg_1xjnk_262",
+  "preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_1r9lg_1xjnk_265",
+  "preference-icon-refresh--column-header": "awsui_preference-icon-refresh--column-header_1r9lg_1xjnk_268",
+  "preference-icon-refresh--window": "awsui_preference-icon-refresh--window_1r9lg_1xjnk_271",
+  "preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_1r9lg_1xjnk_275",
+  "preference-icon-refresh--default": "awsui_preference-icon-refresh--default_1r9lg_1xjnk_278",
+  "preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_1r9lg_1xjnk_281",
+  "preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_1r9lg_1xjnk_284",
+  "preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_1r9lg_1xjnk_287",
+  "root": "awsui_root_1r9lg_1xjnk_291",
+  "preferences-button": "awsui_preferences-button_1r9lg_1xjnk_326",
+  "close-button": "awsui_close-button_1r9lg_1xjnk_330",
+  "drawer-closed": "awsui_drawer-closed_1r9lg_1xjnk_342",
+  "drawer-content-side": "awsui_drawer-content-side_1r9lg_1xjnk_347",
+  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_1xjnk_363",
+  "position-bottom": "awsui_position-bottom_1r9lg_1xjnk_369",
+  "position-side": "awsui_position-side_1r9lg_1xjnk_396",
+  "slider": "awsui_slider_1r9lg_1xjnk_402",
+  "slider-side": "awsui_slider-side_1r9lg_1xjnk_434",
+  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_1xjnk_441",
+  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_1xjnk_452",
+  "open-button": "awsui_open-button_1r9lg_1xjnk_463",
+  "open-button-side": "awsui_open-button-side_1r9lg_1xjnk_467",
+  "slider-icon": "awsui_slider-icon_1r9lg_1xjnk_476",
+  "slider-icon-bottom": "awsui_slider-icon-bottom_1r9lg_1xjnk_482",
+  "slider-icon-side": "awsui_slider-icon-side_1r9lg_1xjnk_486",
+  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_1xjnk_490",
+  "drawer-mobile": "awsui_drawer-mobile_1r9lg_1xjnk_501",
+  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_1xjnk_505",
+  "content-bottom": "awsui_content-bottom_1r9lg_1xjnk_514",
+  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_1xjnk_530",
+  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_1xjnk_535",
+  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_1xjnk_539",
+  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_1xjnk_543",
+  "content-side": "awsui_content-side_1r9lg_1xjnk_548",
+  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_1xjnk_558",
+  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_1xjnk_564",
+  "header": "awsui_header_1r9lg_1xjnk_571",
+  "header-text": "awsui_header-text_1r9lg_1xjnk_581",
+  "header-actions": "awsui_header-actions_1r9lg_1xjnk_594",
+  "divider": "awsui_divider_1r9lg_1xjnk_602"
 };