@cloudscape-design/components 3.0.638 → 3.0.640

package/split-panel/styles.scoped.css

@@ -198,205 +198,36 @@ 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_1csb3_201.awsui_refresh_1r9lg_1csb3_201:not(#\9) {
+.awsui_drawer_1r9lg_jkoke_201.awsui_refresh_1r9lg_jkoke_201:not(#\9) {
   transition-duration: var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
   transition-property: none;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_drawer_1r9lg_1csb3_201.awsui_refresh_1r9lg_1csb3_201:not(#\9) {
+  .awsui_drawer_1r9lg_jkoke_201.awsui_refresh_1r9lg_jkoke_201:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_drawer_1r9lg_1csb3_201.awsui_refresh_1r9lg_1csb3_201:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_1csb3_201.awsui_refresh_1r9lg_1csb3_201:not(#\9) {
+.awsui-motion-disabled .awsui_drawer_1r9lg_jkoke_201.awsui_refresh_1r9lg_jkoke_201:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_jkoke_201.awsui_refresh_1r9lg_jkoke_201:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_drawer_1r9lg_1csb3_201.awsui_refresh_1r9lg_1csb3_201.awsui_animating_1r9lg_1csb3_215:not(#\9) {
+.awsui_drawer_1r9lg_jkoke_201.awsui_refresh_1r9lg_jkoke_201.awsui_animating_1r9lg_jkoke_215: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_1csb3_201.awsui_refresh_1r9lg_1csb3_201.awsui_animating_1r9lg_1csb3_215:not(#\9) {
+  .awsui_drawer_1r9lg_jkoke_201.awsui_refresh_1r9lg_jkoke_201.awsui_animating_1r9lg_jkoke_215:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_drawer_1r9lg_1csb3_201.awsui_refresh_1r9lg_1csb3_201.awsui_animating_1r9lg_1csb3_215:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_1csb3_201.awsui_refresh_1r9lg_1csb3_201.awsui_animating_1r9lg_1csb3_215:not(#\9) {
+.awsui-motion-disabled .awsui_drawer_1r9lg_jkoke_201.awsui_refresh_1r9lg_jkoke_201.awsui_animating_1r9lg_jkoke_215:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_jkoke_201.awsui_refresh_1r9lg_jkoke_201.awsui_animating_1r9lg_jkoke_215:not(#\9) {
   animation: none;
   transition: none;
 }
 
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/* stylelint-disable plugin/no-unsupported-browser-features */
-/* stylelint-enable plugin/no-unsupported-browser-features */
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
-/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/* Style used for links in slots/components that are text heavy, to help links stand out among 
-surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-.awsui_preference-icon--svg_1r9lg_1csb3_328:not(#\9):dir(rtl) {
-  transform: scaleX(-1);
-}
-.awsui_preference-icon--layout-border_1r9lg_1csb3_331:not(#\9) {
-  stroke: var(--color-background-home-header-2rudu7, #000716);
-  fill: var(--color-background-container-content-4un1ap, #ffffff);
-}
-.awsui_preference-icon--layout-background_1r9lg_1csb3_335:not(#\9) {
-  fill: var(--color-background-layout-main-nx09lr, #ffffff);
-}
-.awsui_preference-icon--layout-header_1r9lg_1csb3_338:not(#\9) {
-  fill: var(--color-background-home-header-2rudu7, #000716);
-}
-.awsui_preference-icon--border_1r9lg_1csb3_341:not(#\9) {
-  stroke: var(--color-text-group-label-jpw8sm, #414d5c);
-  fill: var(--color-background-container-content-4un1ap, #ffffff);
-}
-.awsui_preference-icon--primary-button_1r9lg_1csb3_345:not(#\9) {
-  fill: var(--color-background-button-primary-default-jrg2xu, #0972d3);
-}
-.awsui_preference-icon--secondary_1r9lg_1csb3_348:not(#\9) {
-  fill: var(--color-text-group-label-jpw8sm, #414d5c);
-}
-.awsui_preference-icon--disabled-element_1r9lg_1csb3_351:not(#\9) {
-  fill: var(--color-background-control-disabled-pwkvgd, #d1d5db);
-}
-.awsui_preference-icon--separator_1r9lg_1csb3_354:not(#\9) {
-  stroke: var(--color-background-control-disabled-pwkvgd, #d1d5db);
-}
-.awsui_preference-icon--focus-text_1r9lg_1csb3_357:not(#\9) {
-  fill: var(--color-text-interactive-default-lnx6lk, #414d5c);
-}
-
-.awsui_preference-icon-refresh--svg_1r9lg_1csb3_361:not(#\9):dir(rtl) {
-  transform: scaleX(-1);
-}
-.awsui_preference-icon-refresh--layout-top_1r9lg_1csb3_364:not(#\9) {
-  fill: var(--color-background-button-primary-disabled-31l9pn, #e9ebed);
-}
-.awsui_preference-icon-refresh--layout-main_1r9lg_1csb3_367:not(#\9) {
-  fill: var(--color-background-layout-main-nx09lr, #ffffff);
-}
-.awsui_preference-icon-refresh--primary_1r9lg_1csb3_370:not(#\9) {
-  fill: var(--color-background-button-primary-default-jrg2xu, #0972d3);
-}
-.awsui_preference-icon-refresh--disabled_1r9lg_1csb3_373:not(#\9) {
-  fill: var(--color-background-control-disabled-pwkvgd, #d1d5db);
-}
-.awsui_preference-icon-refresh--column-header_1r9lg_1csb3_376:not(#\9) {
-  fill: var(--color-text-input-disabled-f8pjm5, #9ba7b6);
-}
-.awsui_preference-icon-refresh--window_1r9lg_1csb3_379:not(#\9) {
-  stroke: var(--color-background-home-header-2rudu7, #000716);
-  fill: var(--color-background-container-content-4un1ap, #ffffff);
-}
-.awsui_preference-icon-refresh--secondary_1r9lg_1csb3_383:not(#\9) {
-  fill: var(--color-text-body-secondary-w9jvno, #414d5c);
-}
-.awsui_preference-icon-refresh--default_1r9lg_1csb3_386:not(#\9) {
-  fill: var(--color-text-body-default-at06ol, #000716);
-}
-.awsui_preference-icon-refresh--separator_1r9lg_1csb3_389:not(#\9) {
-  stroke: var(--color-border-divider-default-j74lyz, #b6bec9);
-}
-.awsui_preference-icon-refresh--input-default_1r9lg_1csb3_392:not(#\9) {
-  fill: var(--color-border-input-default-1zl7hq, #7d8998);
-}
-.awsui_preference-icon-refresh--heading_1r9lg_1csb3_395:not(#\9) {
-  fill: var(--color-text-heading-default-lstrpn, #000716);
-}
-
-.awsui_root_1r9lg_1csb3_399:not(#\9) {
+.awsui_drawer_1r9lg_jkoke_201:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -430,17 +261,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
-}
-
-.awsui_preferences-button_1r9lg_1csb3_434:not(#\9) {
-  /* used in test-utils */
-}
-
-.awsui_close-button_1r9lg_1csb3_438:not(#\9) {
-  /* used in test-utils */
-}
-
-.awsui_drawer_1r9lg_1csb3_201:not(#\9) {
   flex-shrink: 0;
   position: relative;
   min-inline-size: 0;
@@ -448,35 +268,35 @@ 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_1csb3_450:not(#\9) {
+.awsui_drawer-closed_1r9lg_jkoke_270:not(#\9) {
   cursor: pointer;
   min-inline-size: 40px;
 }
 
-.awsui_drawer-content-side_1r9lg_1csb3_455:not(#\9) {
+.awsui_drawer-content-side_1r9lg_jkoke_275:not(#\9) {
   display: flex;
   align-items: center;
   block-size: 100%;
   overflow: auto;
 }
-.awsui_drawer-closed_1r9lg_1csb3_450 > .awsui_drawer-content-side_1r9lg_1csb3_455:not(#\9) {
+.awsui_drawer-closed_1r9lg_jkoke_270 > .awsui_drawer-content-side_1r9lg_jkoke_275:not(#\9) {
   inline-size: 40px;
 }
-.awsui_drawer-closed_1r9lg_1csb3_450 > .awsui_drawer-content-side_1r9lg_1csb3_455:not(#\9):hover {
+.awsui_drawer-closed_1r9lg_jkoke_270 > .awsui_drawer-content-side_1r9lg_jkoke_275:not(#\9):hover {
   background: var(--color-background-layout-panel-hover-n9apd3, #e9ebed);
 }
-.awsui_drawer-content-side_1r9lg_1csb3_455 > [aria-hidden=true]:not(#\9) {
+.awsui_drawer-content-side_1r9lg_jkoke_275 > [aria-hidden=true]:not(#\9) {
   display: none;
 }
 
-:not(#\9):not(.awsui_drawer-closed_1r9lg_1csb3_450) > .awsui_drawer-content-bottom_1r9lg_1csb3_471 {
+:not(#\9):not(.awsui_drawer-closed_1r9lg_jkoke_270) > .awsui_drawer-content-bottom_1r9lg_jkoke_291 {
   overflow-y: auto;
   position: absolute;
   inset: 0;
   clip-path: border-box;
 }
 
-.awsui_position-bottom_1r9lg_1csb3_478:not(#\9) {
+.awsui_position-bottom_1r9lg_jkoke_298:not(#\9) {
   position: fixed;
   overflow-y: auto;
   border-block-start: var(--border-panel-top-width-7uc0w9, 1px) solid var(--color-border-divider-panel-bottom-dwyqvg, #b6bec9);
@@ -485,31 +305,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   SplitPanel is no longer in fixed position in the DOM.
   */
 }
-.awsui_position-bottom_1r9lg_1csb3_478:not(#\9):not(.awsui_refresh_1r9lg_1csb3_201) {
+.awsui_position-bottom_1r9lg_jkoke_298:not(#\9):not(.awsui_refresh_1r9lg_jkoke_201) {
   box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
   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_1csb3_478.awsui_drawer-closed_1r9lg_1csb3_450:not(#\9) {
+.awsui_position-bottom_1r9lg_jkoke_298.awsui_drawer-closed_1r9lg_jkoke_270:not(#\9) {
   overflow: hidden;
 }
-.awsui_position-bottom_1r9lg_1csb3_478.awsui_drawer-closed_1r9lg_1csb3_450:not(#\9):hover {
+.awsui_position-bottom_1r9lg_jkoke_298.awsui_drawer-closed_1r9lg_jkoke_270:not(#\9):hover {
   background: var(--color-background-layout-panel-hover-n9apd3, #e9ebed);
 }
-.awsui_position-bottom_1r9lg_1csb3_478 > .awsui_drawer-content-bottom_1r9lg_1csb3_471 > [aria-hidden=true]:not(#\9) {
+.awsui_position-bottom_1r9lg_jkoke_298 > .awsui_drawer-content-bottom_1r9lg_jkoke_291 > [aria-hidden=true]:not(#\9) {
   display: none;
 }
-.awsui_position-bottom_1r9lg_1csb3_478.awsui_refresh_1r9lg_1csb3_201:not(#\9) {
+.awsui_position-bottom_1r9lg_jkoke_298.awsui_refresh_1r9lg_jkoke_201:not(#\9) {
   position: relative;
 }
 
-.awsui_position-side_1r9lg_1csb3_505:not(#\9) {
+.awsui_position-side_1r9lg_jkoke_325: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));
   block-size: 100%;
 }
 
-.awsui_slider_1r9lg_1csb3_511:not(#\9) {
+.awsui_slider_1r9lg_jkoke_331:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   cursor: ns-resize;
@@ -519,17 +339,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   block-size: 16px;
   touch-action: none;
 }
-.awsui_slider_1r9lg_1csb3_511:not(#\9):focus {
+.awsui_slider_1r9lg_jkoke_331:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1csb3_511:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_jkoke_331:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1csb3_511:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_jkoke_331:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1csb3_511:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_jkoke_331:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -544,14 +364,14 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1csb3_511:not(#\9):focus
   box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
 }
 
-.awsui_slider-side_1r9lg_1csb3_546:not(#\9) {
+.awsui_slider-side_1r9lg_jkoke_366:not(#\9) {
   cursor: ew-resize;
   margin-block: 0;
   margin-inline-start: 2px;
   margin-inline-end: 0;
 }
 
-.awsui_slider-wrapper-bottom_1r9lg_1csb3_553:not(#\9) {
+.awsui_slider-wrapper-bottom_1r9lg_jkoke_373:not(#\9) {
   position: absolute;
   inset-block-start: 0;
   inset-inline-start: 0;
@@ -562,7 +382,7 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1csb3_511:not(#\9):focus
   z-index: 2;
 }
 
-.awsui_slider-wrapper-side_1r9lg_1csb3_564:not(#\9) {
+.awsui_slider-wrapper-side_1r9lg_jkoke_384:not(#\9) {
   position: absolute;
   inset-inline-start: 0;
   inset-block-start: 0;
@@ -573,11 +393,7 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1csb3_511:not(#\9):focus
   z-index: 1;
 }
 
-.awsui_open-button_1r9lg_1csb3_575:not(#\9) {
-  /* used in test-utils */
-}
-
-.awsui_open-button-side_1r9lg_1csb3_579:not(#\9) {
+.awsui_open-button-side_1r9lg_jkoke_395:not(#\9) {
   flex: 0 0 auto;
   align-self: flex-start;
   box-sizing: border-box;
@@ -586,21 +402,21 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1csb3_511:not(#\9):focus
   margin-inline: auto;
 }
 
-.awsui_slider-icon_1r9lg_1csb3_588:not(#\9) {
+.awsui_slider-icon_1r9lg_jkoke_404:not(#\9) {
   stroke: var(--color-text-interactive-default-lnx6lk, #414d5c);
 }
-.awsui_slider-icon_1r9lg_1csb3_588:not(#\9):hover {
+.awsui_slider-icon_1r9lg_jkoke_404:not(#\9):hover {
   stroke: var(--color-text-interactive-hover-mj8add, #000716);
 }
-.awsui_slider-icon-bottom_1r9lg_1csb3_594:not(#\9) {
+.awsui_slider-icon-bottom_1r9lg_jkoke_410:not(#\9) {
   margin-block: auto;
   margin-inline: auto;
 }
-.awsui_slider-icon-side_1r9lg_1csb3_598:not(#\9) {
+.awsui_slider-icon-side_1r9lg_jkoke_414:not(#\9) {
   transform: rotate(90deg);
 }
 
-.awsui_pane-header-wrapper-bottom_1r9lg_1csb3_602:not(#\9) {
+.awsui_pane-header-wrapper-bottom_1r9lg_jkoke_418:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   position: sticky;
   inset-block-start: 0;
@@ -611,54 +427,54 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1csb3_511:not(#\9):focus
   padding-block: 0;
   padding-inline: var(--space-layout-content-horizontal-7l52k3, 24px);
 }
-.awsui_drawer-mobile_1r9lg_1csb3_613 > .awsui_drawer-content-bottom_1r9lg_1csb3_471 > .awsui_pane-header-wrapper-bottom_1r9lg_1csb3_602:not(#\9) {
+.awsui_drawer-mobile_1r9lg_jkoke_429 > .awsui_drawer-content-bottom_1r9lg_jkoke_291 > .awsui_pane-header-wrapper-bottom_1r9lg_jkoke_418:not(#\9) {
   padding-block: 0;
   padding-inline: var(--space-l-t419sm, 20px);
 }
-.awsui_drawer-disable-content-paddings_1r9lg_1csb3_617 > .awsui_drawer-content-bottom_1r9lg_1csb3_471 > .awsui_pane-header-wrapper-bottom_1r9lg_1csb3_602:not(#\9) {
+.awsui_drawer-disable-content-paddings_1r9lg_jkoke_433 > .awsui_drawer-content-bottom_1r9lg_jkoke_291 > .awsui_pane-header-wrapper-bottom_1r9lg_jkoke_418:not(#\9) {
   padding-block: 0;
   padding-inline: var(--space-l-t419sm, 20px);
 }
-:not(#\9):not(.awsui_drawer-closed_1r9lg_1csb3_450) > .awsui_drawer-content-bottom_1r9lg_1csb3_471 > .awsui_pane-header-wrapper-bottom_1r9lg_1csb3_602 {
+:not(#\9):not(.awsui_drawer-closed_1r9lg_jkoke_270) > .awsui_drawer-content-bottom_1r9lg_jkoke_291 > .awsui_pane-header-wrapper-bottom_1r9lg_jkoke_418 {
   background-color: var(--color-background-layout-panel-content-t82vgh, #ffffff);
   border-block-end: var(--border-panel-header-width-3w1py7, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
 }
 
-.awsui_content-bottom_1r9lg_1csb3_626:not(#\9) {
+.awsui_content-bottom_1r9lg_jkoke_442: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_1csb3_613 > .awsui_drawer-content-bottom_1r9lg_1csb3_471 > .awsui_content-bottom_1r9lg_1csb3_626:not(#\9) {
+.awsui_drawer-mobile_1r9lg_jkoke_429 > .awsui_drawer-content-bottom_1r9lg_jkoke_291 > .awsui_content-bottom_1r9lg_jkoke_442:not(#\9) {
   padding-block: 0;
   padding-inline: var(--space-l-t419sm, 20px);
 }
-.awsui_drawer-disable-content-paddings_1r9lg_1csb3_617 > .awsui_drawer-content-bottom_1r9lg_1csb3_471 > .awsui_content-bottom_1r9lg_1csb3_626:not(#\9) {
+.awsui_drawer-disable-content-paddings_1r9lg_jkoke_433 > .awsui_drawer-content-bottom_1r9lg_jkoke_291 > .awsui_content-bottom_1r9lg_jkoke_442:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
 }
 
-.awsui_pane-bottom-center-align_1r9lg_1csb3_642:not(#\9) {
+.awsui_pane-bottom-center-align_1r9lg_jkoke_458:not(#\9) {
   display: flex;
   justify-content: center;
 }
 
-.awsui_pane-bottom-content-nav-padding_1r9lg_1csb3_647:not(#\9) {
+.awsui_pane-bottom-content-nav-padding_1r9lg_jkoke_463: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_1csb3_651:not(#\9) {
+.awsui_pane-bottom-content-tools-padding_1r9lg_jkoke_467: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_1csb3_655:not(#\9) {
+.awsui_content-bottom-max-width_1r9lg_jkoke_471:not(#\9) {
   flex-grow: 1;
   max-inline-size: 100%;
 }
 
-.awsui_content-side_1r9lg_1csb3_660:not(#\9) {
+.awsui_content-side_1r9lg_jkoke_476:not(#\9) {
   flex: auto;
   align-self: flex-start;
   box-sizing: border-box;
@@ -668,13 +484,13 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1csb3_511:not(#\9):focus
   inset-inline: 0;
   block-size: 100%;
 }
-.awsui_content-side_1r9lg_1csb3_660 > .awsui_pane-header-wrapper-side_1r9lg_1csb3_670:not(#\9) {
+.awsui_content-side_1r9lg_jkoke_476 > .awsui_pane-header-wrapper-side_1r9lg_jkoke_486: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_1csb3_660 > .awsui_pane-content-wrapper-side_1r9lg_1csb3_676:not(#\9) {
+.awsui_content-side_1r9lg_jkoke_476 > .awsui_pane-content-wrapper-side_1r9lg_jkoke_492: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);
@@ -682,7 +498,7 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1csb3_511:not(#\9):focus
   margin-block-end: var(--space-panel-split-bottom-qwdduf, 20px);
 }
 
-.awsui_header_1r9lg_1csb3_684:not(#\9) {
+.awsui_header_1r9lg_jkoke_500:not(#\9) {
   display: flex;
   flex: auto;
   flex-direction: row;
@@ -692,7 +508,7 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1csb3_511:not(#\9):focus
   margin-block: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
   margin-inline: 0;
 }
-.awsui_header-text_1r9lg_1csb3_694:not(#\9) {
+.awsui_header-text_1r9lg_jkoke_510: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);
@@ -705,7 +521,7 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1csb3_511:not(#\9):focus
   margin-block-start: calc(var(--space-scaled-xxs-7597g1, 4px) + 1px);
 }
 
-.awsui_header-actions_1r9lg_1csb3_707:not(#\9) {
+.awsui_header-actions_1r9lg_jkoke_523:not(#\9) {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
@@ -713,7 +529,7 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1csb3_511:not(#\9):focus
   margin-inline-start: var(--space-xs-zb16t3, 8px);
 }
 
-.awsui_divider_1r9lg_1csb3_715:not(#\9) {
+.awsui_divider_1r9lg_jkoke_531: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,62 +2,36 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "drawer": "awsui_drawer_1r9lg_1csb3_201",
-  "refresh": "awsui_refresh_1r9lg_1csb3_201",
-  "animating": "awsui_animating_1r9lg_1csb3_215",
-  "preference-icon--svg": "awsui_preference-icon--svg_1r9lg_1csb3_328",
-  "preference-icon--layout-border": "awsui_preference-icon--layout-border_1r9lg_1csb3_331",
-  "preference-icon--layout-background": "awsui_preference-icon--layout-background_1r9lg_1csb3_335",
-  "preference-icon--layout-header": "awsui_preference-icon--layout-header_1r9lg_1csb3_338",
-  "preference-icon--border": "awsui_preference-icon--border_1r9lg_1csb3_341",
-  "preference-icon--primary-button": "awsui_preference-icon--primary-button_1r9lg_1csb3_345",
-  "preference-icon--secondary": "awsui_preference-icon--secondary_1r9lg_1csb3_348",
-  "preference-icon--disabled-element": "awsui_preference-icon--disabled-element_1r9lg_1csb3_351",
-  "preference-icon--separator": "awsui_preference-icon--separator_1r9lg_1csb3_354",
-  "preference-icon--focus-text": "awsui_preference-icon--focus-text_1r9lg_1csb3_357",
-  "preference-icon-refresh--svg": "awsui_preference-icon-refresh--svg_1r9lg_1csb3_361",
-  "preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_1r9lg_1csb3_364",
-  "preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_1r9lg_1csb3_367",
-  "preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_1r9lg_1csb3_370",
-  "preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_1r9lg_1csb3_373",
-  "preference-icon-refresh--column-header": "awsui_preference-icon-refresh--column-header_1r9lg_1csb3_376",
-  "preference-icon-refresh--window": "awsui_preference-icon-refresh--window_1r9lg_1csb3_379",
-  "preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_1r9lg_1csb3_383",
-  "preference-icon-refresh--default": "awsui_preference-icon-refresh--default_1r9lg_1csb3_386",
-  "preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_1r9lg_1csb3_389",
-  "preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_1r9lg_1csb3_392",
-  "preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_1r9lg_1csb3_395",
-  "root": "awsui_root_1r9lg_1csb3_399",
-  "preferences-button": "awsui_preferences-button_1r9lg_1csb3_434",
-  "close-button": "awsui_close-button_1r9lg_1csb3_438",
-  "drawer-closed": "awsui_drawer-closed_1r9lg_1csb3_450",
-  "drawer-content-side": "awsui_drawer-content-side_1r9lg_1csb3_455",
-  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_1csb3_471",
-  "position-bottom": "awsui_position-bottom_1r9lg_1csb3_478",
-  "position-side": "awsui_position-side_1r9lg_1csb3_505",
-  "slider": "awsui_slider_1r9lg_1csb3_511",
-  "slider-side": "awsui_slider-side_1r9lg_1csb3_546",
-  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_1csb3_553",
-  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_1csb3_564",
-  "open-button": "awsui_open-button_1r9lg_1csb3_575",
-  "open-button-side": "awsui_open-button-side_1r9lg_1csb3_579",
-  "slider-icon": "awsui_slider-icon_1r9lg_1csb3_588",
-  "slider-icon-bottom": "awsui_slider-icon-bottom_1r9lg_1csb3_594",
-  "slider-icon-side": "awsui_slider-icon-side_1r9lg_1csb3_598",
-  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_1csb3_602",
-  "drawer-mobile": "awsui_drawer-mobile_1r9lg_1csb3_613",
-  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_1csb3_617",
-  "content-bottom": "awsui_content-bottom_1r9lg_1csb3_626",
-  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_1csb3_642",
-  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_1csb3_647",
-  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_1csb3_651",
-  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_1csb3_655",
-  "content-side": "awsui_content-side_1r9lg_1csb3_660",
-  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_1csb3_670",
-  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_1csb3_676",
-  "header": "awsui_header_1r9lg_1csb3_684",
-  "header-text": "awsui_header-text_1r9lg_1csb3_694",
-  "header-actions": "awsui_header-actions_1r9lg_1csb3_707",
-  "divider": "awsui_divider_1r9lg_1csb3_715"
+  "drawer": "awsui_drawer_1r9lg_jkoke_201",
+  "refresh": "awsui_refresh_1r9lg_jkoke_201",
+  "animating": "awsui_animating_1r9lg_jkoke_215",
+  "drawer-closed": "awsui_drawer-closed_1r9lg_jkoke_270",
+  "drawer-content-side": "awsui_drawer-content-side_1r9lg_jkoke_275",
+  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_jkoke_291",
+  "position-bottom": "awsui_position-bottom_1r9lg_jkoke_298",
+  "position-side": "awsui_position-side_1r9lg_jkoke_325",
+  "slider": "awsui_slider_1r9lg_jkoke_331",
+  "slider-side": "awsui_slider-side_1r9lg_jkoke_366",
+  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_jkoke_373",
+  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_jkoke_384",
+  "open-button-side": "awsui_open-button-side_1r9lg_jkoke_395",
+  "slider-icon": "awsui_slider-icon_1r9lg_jkoke_404",
+  "slider-icon-bottom": "awsui_slider-icon-bottom_1r9lg_jkoke_410",
+  "slider-icon-side": "awsui_slider-icon-side_1r9lg_jkoke_414",
+  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_jkoke_418",
+  "drawer-mobile": "awsui_drawer-mobile_1r9lg_jkoke_429",
+  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_jkoke_433",
+  "content-bottom": "awsui_content-bottom_1r9lg_jkoke_442",
+  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_jkoke_458",
+  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_jkoke_463",
+  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_jkoke_467",
+  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_jkoke_471",
+  "content-side": "awsui_content-side_1r9lg_jkoke_476",
+  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_jkoke_486",
+  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_jkoke_492",
+  "header": "awsui_header_1r9lg_jkoke_500",
+  "header-text": "awsui_header-text_1r9lg_jkoke_510",
+  "header-actions": "awsui_header-actions_1r9lg_jkoke_523",
+  "divider": "awsui_divider_1r9lg_jkoke_531"
 };
   

package/split-panel/test-classes/styles.css.js

@@ -0,0 +1,13 @@
+
+    import './styles.scoped.css';
+    export default {
+  "root": "awsui_root_rjqu5_zu8o5_5",
+  "header-text": "awsui_header-text_rjqu5_zu8o5_6",
+  "open-button": "awsui_open-button_rjqu5_zu8o5_7",
+  "close-button": "awsui_close-button_rjqu5_zu8o5_8",
+  "preferences-button": "awsui_preferences-button_rjqu5_zu8o5_9",
+  "slider": "awsui_slider_rjqu5_zu8o5_10",
+  "open-position-bottom": "awsui_open-position-bottom_rjqu5_zu8o5_11",
+  "open-position-side": "awsui_open-position-side_rjqu5_zu8o5_12"
+};
+  

package/split-panel/test-classes/styles.scoped.css

@@ -0,0 +1,14 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_root_rjqu5_zu8o5_5:not(#\9),
+.awsui_header-text_rjqu5_zu8o5_6:not(#\9),
+.awsui_open-button_rjqu5_zu8o5_7:not(#\9),
+.awsui_close-button_rjqu5_zu8o5_8:not(#\9),
+.awsui_preferences-button_rjqu5_zu8o5_9:not(#\9),
+.awsui_slider_rjqu5_zu8o5_10:not(#\9),
+.awsui_open-position-bottom_rjqu5_zu8o5_11:not(#\9),
+.awsui_open-position-side_rjqu5_zu8o5_12:not(#\9) {
+  /* used in test-utils */
+}

package/split-panel/test-classes/styles.selectors.js

@@ -0,0 +1,14 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "root": "awsui_root_rjqu5_zu8o5_5",
+  "header-text": "awsui_header-text_rjqu5_zu8o5_6",
+  "open-button": "awsui_open-button_rjqu5_zu8o5_7",
+  "close-button": "awsui_close-button_rjqu5_zu8o5_8",
+  "preferences-button": "awsui_preferences-button_rjqu5_zu8o5_9",
+  "slider": "awsui_slider_rjqu5_zu8o5_10",
+  "open-position-bottom": "awsui_open-position-bottom_rjqu5_zu8o5_11",
+  "open-position-side": "awsui_open-position-side_rjqu5_zu8o5_12"
+};
+