@cloudscape-design/components 3.0.630 → 3.0.631

package/split-panel/styles.scoped.css

@@ -198,31 +198,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_19mex_201.awsui_refresh_1r9lg_19mex_201:not(#\9) {
+.awsui_drawer_1r9lg_1y4zq_201.awsui_refresh_1r9lg_1y4zq_201:not(#\9) {
   transition-duration: var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
   transition-property: none;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_drawer_1r9lg_19mex_201.awsui_refresh_1r9lg_19mex_201:not(#\9) {
+  .awsui_drawer_1r9lg_1y4zq_201.awsui_refresh_1r9lg_1y4zq_201:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_drawer_1r9lg_19mex_201.awsui_refresh_1r9lg_19mex_201:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_19mex_201.awsui_refresh_1r9lg_19mex_201:not(#\9) {
+.awsui-motion-disabled .awsui_drawer_1r9lg_1y4zq_201.awsui_refresh_1r9lg_1y4zq_201:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_1y4zq_201.awsui_refresh_1r9lg_1y4zq_201:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_drawer_1r9lg_19mex_201.awsui_refresh_1r9lg_19mex_201.awsui_animating_1r9lg_19mex_215:not(#\9) {
+.awsui_drawer_1r9lg_1y4zq_201.awsui_refresh_1r9lg_1y4zq_201.awsui_animating_1r9lg_1y4zq_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_19mex_201.awsui_refresh_1r9lg_19mex_201.awsui_animating_1r9lg_19mex_215:not(#\9) {
+  .awsui_drawer_1r9lg_1y4zq_201.awsui_refresh_1r9lg_1y4zq_201.awsui_animating_1r9lg_1y4zq_215:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_drawer_1r9lg_19mex_201.awsui_refresh_1r9lg_19mex_201.awsui_animating_1r9lg_19mex_215:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_19mex_201.awsui_refresh_1r9lg_19mex_201.awsui_animating_1r9lg_19mex_215:not(#\9) {
+.awsui-motion-disabled .awsui_drawer_1r9lg_1y4zq_201.awsui_refresh_1r9lg_1y4zq_201.awsui_animating_1r9lg_1y4zq_215:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_1y4zq_201.awsui_refresh_1r9lg_1y4zq_201.awsui_animating_1r9lg_1y4zq_215:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -325,78 +325,78 @@ 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--svg_1r9lg_19mex_328:not(#\9):dir(rtl) {
+.awsui_preference-icon--svg_1r9lg_1y4zq_328:not(#\9):dir(rtl) {
   transform: scaleX(-1);
 }
-.awsui_preference-icon--layout-border_1r9lg_19mex_331:not(#\9) {
+.awsui_preference-icon--layout-border_1r9lg_1y4zq_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_19mex_335:not(#\9) {
+.awsui_preference-icon--layout-background_1r9lg_1y4zq_335:not(#\9) {
   fill: var(--color-background-layout-main-nx09lr, #ffffff);
 }
-.awsui_preference-icon--layout-header_1r9lg_19mex_338:not(#\9) {
+.awsui_preference-icon--layout-header_1r9lg_1y4zq_338:not(#\9) {
   fill: var(--color-background-home-header-2rudu7, #000716);
 }
-.awsui_preference-icon--border_1r9lg_19mex_341:not(#\9) {
+.awsui_preference-icon--border_1r9lg_1y4zq_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_19mex_345:not(#\9) {
+.awsui_preference-icon--primary-button_1r9lg_1y4zq_345:not(#\9) {
   fill: var(--color-background-button-primary-default-jrg2xu, #0972d3);
 }
-.awsui_preference-icon--secondary_1r9lg_19mex_348:not(#\9) {
+.awsui_preference-icon--secondary_1r9lg_1y4zq_348:not(#\9) {
   fill: var(--color-text-group-label-jpw8sm, #414d5c);
 }
-.awsui_preference-icon--disabled-element_1r9lg_19mex_351:not(#\9) {
+.awsui_preference-icon--disabled-element_1r9lg_1y4zq_351:not(#\9) {
   fill: var(--color-background-control-disabled-pwkvgd, #d1d5db);
 }
-.awsui_preference-icon--separator_1r9lg_19mex_354:not(#\9) {
+.awsui_preference-icon--separator_1r9lg_1y4zq_354:not(#\9) {
   stroke: var(--color-background-control-disabled-pwkvgd, #d1d5db);
 }
-.awsui_preference-icon--focus-text_1r9lg_19mex_357:not(#\9) {
+.awsui_preference-icon--focus-text_1r9lg_1y4zq_357:not(#\9) {
   fill: var(--color-text-interactive-default-lnx6lk, #414d5c);
 }
 
-.awsui_preference-icon-refresh--svg_1r9lg_19mex_361:not(#\9):dir(rtl) {
+.awsui_preference-icon-refresh--svg_1r9lg_1y4zq_361:not(#\9):dir(rtl) {
   transform: scaleX(-1);
 }
-.awsui_preference-icon-refresh--layout-top_1r9lg_19mex_364:not(#\9) {
+.awsui_preference-icon-refresh--layout-top_1r9lg_1y4zq_364:not(#\9) {
   fill: var(--color-background-button-primary-disabled-31l9pn, #e9ebed);
 }
-.awsui_preference-icon-refresh--layout-main_1r9lg_19mex_367:not(#\9) {
+.awsui_preference-icon-refresh--layout-main_1r9lg_1y4zq_367:not(#\9) {
   fill: var(--color-background-layout-main-nx09lr, #ffffff);
 }
-.awsui_preference-icon-refresh--primary_1r9lg_19mex_370:not(#\9) {
+.awsui_preference-icon-refresh--primary_1r9lg_1y4zq_370:not(#\9) {
   fill: var(--color-background-button-primary-default-jrg2xu, #0972d3);
 }
-.awsui_preference-icon-refresh--disabled_1r9lg_19mex_373:not(#\9) {
+.awsui_preference-icon-refresh--disabled_1r9lg_1y4zq_373:not(#\9) {
   fill: var(--color-background-control-disabled-pwkvgd, #d1d5db);
 }
-.awsui_preference-icon-refresh--column-header_1r9lg_19mex_376:not(#\9) {
+.awsui_preference-icon-refresh--column-header_1r9lg_1y4zq_376:not(#\9) {
   fill: var(--color-text-input-disabled-f8pjm5, #9ba7b6);
 }
-.awsui_preference-icon-refresh--window_1r9lg_19mex_379:not(#\9) {
+.awsui_preference-icon-refresh--window_1r9lg_1y4zq_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_19mex_383:not(#\9) {
+.awsui_preference-icon-refresh--secondary_1r9lg_1y4zq_383:not(#\9) {
   fill: var(--color-text-body-secondary-w9jvno, #414d5c);
 }
-.awsui_preference-icon-refresh--default_1r9lg_19mex_386:not(#\9) {
+.awsui_preference-icon-refresh--default_1r9lg_1y4zq_386:not(#\9) {
   fill: var(--color-text-body-default-at06ol, #000716);
 }
-.awsui_preference-icon-refresh--separator_1r9lg_19mex_389:not(#\9) {
+.awsui_preference-icon-refresh--separator_1r9lg_1y4zq_389:not(#\9) {
   stroke: var(--color-border-divider-default-j74lyz, #b6bec9);
 }
-.awsui_preference-icon-refresh--input-default_1r9lg_19mex_392:not(#\9) {
+.awsui_preference-icon-refresh--input-default_1r9lg_1y4zq_392:not(#\9) {
   fill: var(--color-border-input-default-1zl7hq, #7d8998);
 }
-.awsui_preference-icon-refresh--heading_1r9lg_19mex_395:not(#\9) {
+.awsui_preference-icon-refresh--heading_1r9lg_1y4zq_395:not(#\9) {
   fill: var(--color-text-heading-default-lstrpn, #000716);
 }
 
-.awsui_root_1r9lg_19mex_399:not(#\9) {
+.awsui_root_1r9lg_1y4zq_399:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -432,15 +432,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_preferences-button_1r9lg_19mex_434:not(#\9) {
+.awsui_preferences-button_1r9lg_1y4zq_434:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_close-button_1r9lg_19mex_438:not(#\9) {
+.awsui_close-button_1r9lg_1y4zq_438:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_drawer_1r9lg_19mex_201:not(#\9) {
+.awsui_drawer_1r9lg_1y4zq_201:not(#\9) {
   flex-shrink: 0;
   position: relative;
   min-inline-size: 0;
@@ -448,34 +448,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_19mex_450:not(#\9) {
+.awsui_drawer-closed_1r9lg_1y4zq_450:not(#\9) {
   cursor: pointer;
   min-inline-size: 40px;
 }
 
-.awsui_drawer-content-side_1r9lg_19mex_455:not(#\9) {
+.awsui_drawer-content-side_1r9lg_1y4zq_455:not(#\9) {
   display: flex;
   align-items: center;
   block-size: 100%;
   overflow: auto;
 }
-.awsui_drawer-closed_1r9lg_19mex_450 > .awsui_drawer-content-side_1r9lg_19mex_455:not(#\9) {
+.awsui_drawer-closed_1r9lg_1y4zq_450 > .awsui_drawer-content-side_1r9lg_1y4zq_455:not(#\9) {
   inline-size: 40px;
 }
-.awsui_drawer-closed_1r9lg_19mex_450 > .awsui_drawer-content-side_1r9lg_19mex_455:not(#\9):hover {
+.awsui_drawer-closed_1r9lg_1y4zq_450 > .awsui_drawer-content-side_1r9lg_1y4zq_455:not(#\9):hover {
   background: var(--color-background-layout-panel-hover-n9apd3, #e9ebed);
 }
-.awsui_drawer-content-side_1r9lg_19mex_455 > [aria-hidden=true]:not(#\9) {
+.awsui_drawer-content-side_1r9lg_1y4zq_455 > [aria-hidden=true]:not(#\9) {
   display: none;
 }
 
-:not(#\9):not(.awsui_drawer-closed_1r9lg_19mex_450) > .awsui_drawer-content-bottom_1r9lg_19mex_471 {
+:not(#\9):not(.awsui_drawer-closed_1r9lg_1y4zq_450) > .awsui_drawer-content-bottom_1r9lg_1y4zq_471 {
   overflow-y: auto;
   position: absolute;
   inset: 0;
+  clip-path: border-box;
 }
 
-.awsui_position-bottom_1r9lg_19mex_477:not(#\9) {
+.awsui_position-bottom_1r9lg_1y4zq_478: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);
@@ -484,31 +485,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_19mex_477:not(#\9):not(.awsui_refresh_1r9lg_19mex_201) {
+.awsui_position-bottom_1r9lg_1y4zq_478:not(#\9):not(.awsui_refresh_1r9lg_1y4zq_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_19mex_477.awsui_drawer-closed_1r9lg_19mex_450:not(#\9) {
+.awsui_position-bottom_1r9lg_1y4zq_478.awsui_drawer-closed_1r9lg_1y4zq_450:not(#\9) {
   overflow: hidden;
 }
-.awsui_position-bottom_1r9lg_19mex_477.awsui_drawer-closed_1r9lg_19mex_450:not(#\9):hover {
+.awsui_position-bottom_1r9lg_1y4zq_478.awsui_drawer-closed_1r9lg_1y4zq_450:not(#\9):hover {
   background: var(--color-background-layout-panel-hover-n9apd3, #e9ebed);
 }
-.awsui_position-bottom_1r9lg_19mex_477 > .awsui_drawer-content-bottom_1r9lg_19mex_471 > [aria-hidden=true]:not(#\9) {
+.awsui_position-bottom_1r9lg_1y4zq_478 > .awsui_drawer-content-bottom_1r9lg_1y4zq_471 > [aria-hidden=true]:not(#\9) {
   display: none;
 }
-.awsui_position-bottom_1r9lg_19mex_477.awsui_refresh_1r9lg_19mex_201:not(#\9) {
+.awsui_position-bottom_1r9lg_1y4zq_478.awsui_refresh_1r9lg_1y4zq_201:not(#\9) {
   position: relative;
 }
 
-.awsui_position-side_1r9lg_19mex_504:not(#\9) {
+.awsui_position-side_1r9lg_1y4zq_505: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_19mex_510:not(#\9) {
+.awsui_slider_1r9lg_1y4zq_511:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   cursor: ns-resize;
@@ -518,17 +519,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   block-size: 16px;
   touch-action: none;
 }
-.awsui_slider_1r9lg_19mex_510:not(#\9):focus {
+.awsui_slider_1r9lg_1y4zq_511:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_19mex_510:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1y4zq_511:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_19mex_510:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1y4zq_511:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_19mex_510:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1y4zq_511:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -543,14 +544,14 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_19mex_510:not(#\9):focus
   box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
 }
 
-.awsui_slider-side_1r9lg_19mex_545:not(#\9) {
+.awsui_slider-side_1r9lg_1y4zq_546:not(#\9) {
   cursor: ew-resize;
   margin-block: 0;
   margin-inline-start: 2px;
   margin-inline-end: 0;
 }
 
-.awsui_slider-wrapper-bottom_1r9lg_19mex_552:not(#\9) {
+.awsui_slider-wrapper-bottom_1r9lg_1y4zq_553:not(#\9) {
   position: absolute;
   inset-block-start: 0;
   inset-inline-start: 0;
@@ -561,7 +562,7 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_19mex_510:not(#\9):focus
   z-index: 2;
 }
 
-.awsui_slider-wrapper-side_1r9lg_19mex_563:not(#\9) {
+.awsui_slider-wrapper-side_1r9lg_1y4zq_564:not(#\9) {
   position: absolute;
   inset-inline-start: 0;
   inset-block-start: 0;
@@ -572,11 +573,11 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_19mex_510:not(#\9):focus
   z-index: 1;
 }
 
-.awsui_open-button_1r9lg_19mex_574:not(#\9) {
+.awsui_open-button_1r9lg_1y4zq_575:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_open-button-side_1r9lg_19mex_578:not(#\9) {
+.awsui_open-button-side_1r9lg_1y4zq_579:not(#\9) {
   flex: 0 0 auto;
   align-self: flex-start;
   box-sizing: border-box;
@@ -585,21 +586,21 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_19mex_510:not(#\9):focus
   margin-inline: auto;
 }
 
-.awsui_slider-icon_1r9lg_19mex_587:not(#\9) {
+.awsui_slider-icon_1r9lg_1y4zq_588:not(#\9) {
   stroke: var(--color-text-interactive-default-lnx6lk, #414d5c);
 }
-.awsui_slider-icon_1r9lg_19mex_587:not(#\9):hover {
+.awsui_slider-icon_1r9lg_1y4zq_588:not(#\9):hover {
   stroke: var(--color-text-interactive-hover-mj8add, #000716);
 }
-.awsui_slider-icon-bottom_1r9lg_19mex_593:not(#\9) {
+.awsui_slider-icon-bottom_1r9lg_1y4zq_594:not(#\9) {
   margin-block: auto;
   margin-inline: auto;
 }
-.awsui_slider-icon-side_1r9lg_19mex_597:not(#\9) {
+.awsui_slider-icon-side_1r9lg_1y4zq_598:not(#\9) {
   transform: rotate(90deg);
 }
 
-.awsui_pane-header-wrapper-bottom_1r9lg_19mex_601:not(#\9) {
+.awsui_pane-header-wrapper-bottom_1r9lg_1y4zq_602:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   position: sticky;
   inset-block-start: 0;
@@ -610,54 +611,54 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_19mex_510:not(#\9):focus
   padding-block: 0;
   padding-inline: var(--space-layout-content-horizontal-7l52k3, 24px);
 }
-.awsui_drawer-mobile_1r9lg_19mex_612 > .awsui_drawer-content-bottom_1r9lg_19mex_471 > .awsui_pane-header-wrapper-bottom_1r9lg_19mex_601:not(#\9) {
+.awsui_drawer-mobile_1r9lg_1y4zq_613 > .awsui_drawer-content-bottom_1r9lg_1y4zq_471 > .awsui_pane-header-wrapper-bottom_1r9lg_1y4zq_602:not(#\9) {
   padding-block: 0;
   padding-inline: var(--space-l-t419sm, 20px);
 }
-.awsui_drawer-disable-content-paddings_1r9lg_19mex_616 > .awsui_drawer-content-bottom_1r9lg_19mex_471 > .awsui_pane-header-wrapper-bottom_1r9lg_19mex_601:not(#\9) {
+.awsui_drawer-disable-content-paddings_1r9lg_1y4zq_617 > .awsui_drawer-content-bottom_1r9lg_1y4zq_471 > .awsui_pane-header-wrapper-bottom_1r9lg_1y4zq_602:not(#\9) {
   padding-block: 0;
   padding-inline: var(--space-l-t419sm, 20px);
 }
-:not(#\9):not(.awsui_drawer-closed_1r9lg_19mex_450) > .awsui_drawer-content-bottom_1r9lg_19mex_471 > .awsui_pane-header-wrapper-bottom_1r9lg_19mex_601 {
+:not(#\9):not(.awsui_drawer-closed_1r9lg_1y4zq_450) > .awsui_drawer-content-bottom_1r9lg_1y4zq_471 > .awsui_pane-header-wrapper-bottom_1r9lg_1y4zq_602 {
   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_19mex_625:not(#\9) {
+.awsui_content-bottom_1r9lg_1y4zq_626: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_19mex_612 > .awsui_drawer-content-bottom_1r9lg_19mex_471 > .awsui_content-bottom_1r9lg_19mex_625:not(#\9) {
+.awsui_drawer-mobile_1r9lg_1y4zq_613 > .awsui_drawer-content-bottom_1r9lg_1y4zq_471 > .awsui_content-bottom_1r9lg_1y4zq_626:not(#\9) {
   padding-block: 0;
   padding-inline: var(--space-l-t419sm, 20px);
 }
-.awsui_drawer-disable-content-paddings_1r9lg_19mex_616 > .awsui_drawer-content-bottom_1r9lg_19mex_471 > .awsui_content-bottom_1r9lg_19mex_625:not(#\9) {
+.awsui_drawer-disable-content-paddings_1r9lg_1y4zq_617 > .awsui_drawer-content-bottom_1r9lg_1y4zq_471 > .awsui_content-bottom_1r9lg_1y4zq_626:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
 }
 
-.awsui_pane-bottom-center-align_1r9lg_19mex_641:not(#\9) {
+.awsui_pane-bottom-center-align_1r9lg_1y4zq_642:not(#\9) {
   display: flex;
   justify-content: center;
 }
 
-.awsui_pane-bottom-content-nav-padding_1r9lg_19mex_646:not(#\9) {
+.awsui_pane-bottom-content-nav-padding_1r9lg_1y4zq_647: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_19mex_650:not(#\9) {
+.awsui_pane-bottom-content-tools-padding_1r9lg_1y4zq_651: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_19mex_654:not(#\9) {
+.awsui_content-bottom-max-width_1r9lg_1y4zq_655:not(#\9) {
   flex-grow: 1;
   max-inline-size: 100%;
 }
 
-.awsui_content-side_1r9lg_19mex_659:not(#\9) {
+.awsui_content-side_1r9lg_1y4zq_660:not(#\9) {
   flex: auto;
   align-self: flex-start;
   box-sizing: border-box;
@@ -667,20 +668,20 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_19mex_510:not(#\9):focus
   inset-inline: 0;
   block-size: 100%;
 }
-.awsui_content-side_1r9lg_19mex_659 > .awsui_pane-header-wrapper-side_1r9lg_19mex_669:not(#\9) {
+.awsui_content-side_1r9lg_1y4zq_660 > .awsui_pane-header-wrapper-side_1r9lg_1y4zq_670: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_19mex_659 > .awsui_pane-content-wrapper-side_1r9lg_19mex_675:not(#\9) {
+.awsui_content-side_1r9lg_1y4zq_660 > .awsui_pane-content-wrapper-side_1r9lg_1y4zq_676: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_19mex_682:not(#\9) {
+.awsui_header_1r9lg_1y4zq_683:not(#\9) {
   display: flex;
   flex: auto;
   flex-direction: row;
@@ -690,7 +691,7 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_19mex_510:not(#\9):focus
   margin-block: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
   margin-inline: 0;
 }
-.awsui_header-text_1r9lg_19mex_692:not(#\9) {
+.awsui_header-text_1r9lg_1y4zq_693: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);
@@ -703,7 +704,7 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_19mex_510:not(#\9):focus
   margin-block-start: calc(var(--space-scaled-xxs-7597g1, 4px) + 1px);
 }
 
-.awsui_header-actions_1r9lg_19mex_705:not(#\9) {
+.awsui_header-actions_1r9lg_1y4zq_706:not(#\9) {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
@@ -711,7 +712,7 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_19mex_510:not(#\9):focus
   margin-inline-start: var(--space-xs-zb16t3, 8px);
 }
 
-.awsui_divider_1r9lg_19mex_713:not(#\9) {
+.awsui_divider_1r9lg_1y4zq_714: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,62 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "drawer": "awsui_drawer_1r9lg_19mex_201",
-  "refresh": "awsui_refresh_1r9lg_19mex_201",
-  "animating": "awsui_animating_1r9lg_19mex_215",
-  "preference-icon--svg": "awsui_preference-icon--svg_1r9lg_19mex_328",
-  "preference-icon--layout-border": "awsui_preference-icon--layout-border_1r9lg_19mex_331",
-  "preference-icon--layout-background": "awsui_preference-icon--layout-background_1r9lg_19mex_335",
-  "preference-icon--layout-header": "awsui_preference-icon--layout-header_1r9lg_19mex_338",
-  "preference-icon--border": "awsui_preference-icon--border_1r9lg_19mex_341",
-  "preference-icon--primary-button": "awsui_preference-icon--primary-button_1r9lg_19mex_345",
-  "preference-icon--secondary": "awsui_preference-icon--secondary_1r9lg_19mex_348",
-  "preference-icon--disabled-element": "awsui_preference-icon--disabled-element_1r9lg_19mex_351",
-  "preference-icon--separator": "awsui_preference-icon--separator_1r9lg_19mex_354",
-  "preference-icon--focus-text": "awsui_preference-icon--focus-text_1r9lg_19mex_357",
-  "preference-icon-refresh--svg": "awsui_preference-icon-refresh--svg_1r9lg_19mex_361",
-  "preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_1r9lg_19mex_364",
-  "preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_1r9lg_19mex_367",
-  "preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_1r9lg_19mex_370",
-  "preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_1r9lg_19mex_373",
-  "preference-icon-refresh--column-header": "awsui_preference-icon-refresh--column-header_1r9lg_19mex_376",
-  "preference-icon-refresh--window": "awsui_preference-icon-refresh--window_1r9lg_19mex_379",
-  "preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_1r9lg_19mex_383",
-  "preference-icon-refresh--default": "awsui_preference-icon-refresh--default_1r9lg_19mex_386",
-  "preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_1r9lg_19mex_389",
-  "preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_1r9lg_19mex_392",
-  "preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_1r9lg_19mex_395",
-  "root": "awsui_root_1r9lg_19mex_399",
-  "preferences-button": "awsui_preferences-button_1r9lg_19mex_434",
-  "close-button": "awsui_close-button_1r9lg_19mex_438",
-  "drawer-closed": "awsui_drawer-closed_1r9lg_19mex_450",
-  "drawer-content-side": "awsui_drawer-content-side_1r9lg_19mex_455",
-  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_19mex_471",
-  "position-bottom": "awsui_position-bottom_1r9lg_19mex_477",
-  "position-side": "awsui_position-side_1r9lg_19mex_504",
-  "slider": "awsui_slider_1r9lg_19mex_510",
-  "slider-side": "awsui_slider-side_1r9lg_19mex_545",
-  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_19mex_552",
-  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_19mex_563",
-  "open-button": "awsui_open-button_1r9lg_19mex_574",
-  "open-button-side": "awsui_open-button-side_1r9lg_19mex_578",
-  "slider-icon": "awsui_slider-icon_1r9lg_19mex_587",
-  "slider-icon-bottom": "awsui_slider-icon-bottom_1r9lg_19mex_593",
-  "slider-icon-side": "awsui_slider-icon-side_1r9lg_19mex_597",
-  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_19mex_601",
-  "drawer-mobile": "awsui_drawer-mobile_1r9lg_19mex_612",
-  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_19mex_616",
-  "content-bottom": "awsui_content-bottom_1r9lg_19mex_625",
-  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_19mex_641",
-  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_19mex_646",
-  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_19mex_650",
-  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_19mex_654",
-  "content-side": "awsui_content-side_1r9lg_19mex_659",
-  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_19mex_669",
-  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_19mex_675",
-  "header": "awsui_header_1r9lg_19mex_682",
-  "header-text": "awsui_header-text_1r9lg_19mex_692",
-  "header-actions": "awsui_header-actions_1r9lg_19mex_705",
-  "divider": "awsui_divider_1r9lg_19mex_713"
+  "drawer": "awsui_drawer_1r9lg_1y4zq_201",
+  "refresh": "awsui_refresh_1r9lg_1y4zq_201",
+  "animating": "awsui_animating_1r9lg_1y4zq_215",
+  "preference-icon--svg": "awsui_preference-icon--svg_1r9lg_1y4zq_328",
+  "preference-icon--layout-border": "awsui_preference-icon--layout-border_1r9lg_1y4zq_331",
+  "preference-icon--layout-background": "awsui_preference-icon--layout-background_1r9lg_1y4zq_335",
+  "preference-icon--layout-header": "awsui_preference-icon--layout-header_1r9lg_1y4zq_338",
+  "preference-icon--border": "awsui_preference-icon--border_1r9lg_1y4zq_341",
+  "preference-icon--primary-button": "awsui_preference-icon--primary-button_1r9lg_1y4zq_345",
+  "preference-icon--secondary": "awsui_preference-icon--secondary_1r9lg_1y4zq_348",
+  "preference-icon--disabled-element": "awsui_preference-icon--disabled-element_1r9lg_1y4zq_351",
+  "preference-icon--separator": "awsui_preference-icon--separator_1r9lg_1y4zq_354",
+  "preference-icon--focus-text": "awsui_preference-icon--focus-text_1r9lg_1y4zq_357",
+  "preference-icon-refresh--svg": "awsui_preference-icon-refresh--svg_1r9lg_1y4zq_361",
+  "preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_1r9lg_1y4zq_364",
+  "preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_1r9lg_1y4zq_367",
+  "preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_1r9lg_1y4zq_370",
+  "preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_1r9lg_1y4zq_373",
+  "preference-icon-refresh--column-header": "awsui_preference-icon-refresh--column-header_1r9lg_1y4zq_376",
+  "preference-icon-refresh--window": "awsui_preference-icon-refresh--window_1r9lg_1y4zq_379",
+  "preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_1r9lg_1y4zq_383",
+  "preference-icon-refresh--default": "awsui_preference-icon-refresh--default_1r9lg_1y4zq_386",
+  "preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_1r9lg_1y4zq_389",
+  "preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_1r9lg_1y4zq_392",
+  "preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_1r9lg_1y4zq_395",
+  "root": "awsui_root_1r9lg_1y4zq_399",
+  "preferences-button": "awsui_preferences-button_1r9lg_1y4zq_434",
+  "close-button": "awsui_close-button_1r9lg_1y4zq_438",
+  "drawer-closed": "awsui_drawer-closed_1r9lg_1y4zq_450",
+  "drawer-content-side": "awsui_drawer-content-side_1r9lg_1y4zq_455",
+  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_1y4zq_471",
+  "position-bottom": "awsui_position-bottom_1r9lg_1y4zq_478",
+  "position-side": "awsui_position-side_1r9lg_1y4zq_505",
+  "slider": "awsui_slider_1r9lg_1y4zq_511",
+  "slider-side": "awsui_slider-side_1r9lg_1y4zq_546",
+  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_1y4zq_553",
+  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_1y4zq_564",
+  "open-button": "awsui_open-button_1r9lg_1y4zq_575",
+  "open-button-side": "awsui_open-button-side_1r9lg_1y4zq_579",
+  "slider-icon": "awsui_slider-icon_1r9lg_1y4zq_588",
+  "slider-icon-bottom": "awsui_slider-icon-bottom_1r9lg_1y4zq_594",
+  "slider-icon-side": "awsui_slider-icon-side_1r9lg_1y4zq_598",
+  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_1y4zq_602",
+  "drawer-mobile": "awsui_drawer-mobile_1r9lg_1y4zq_613",
+  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_1y4zq_617",
+  "content-bottom": "awsui_content-bottom_1r9lg_1y4zq_626",
+  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_1y4zq_642",
+  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_1y4zq_647",
+  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_1y4zq_651",
+  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_1y4zq_655",
+  "content-side": "awsui_content-side_1r9lg_1y4zq_660",
+  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_1y4zq_670",
+  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_1y4zq_676",
+  "header": "awsui_header_1r9lg_1y4zq_683",
+  "header-text": "awsui_header-text_1r9lg_1y4zq_693",
+  "header-actions": "awsui_header-actions_1r9lg_1y4zq_706",
+  "divider": "awsui_divider_1r9lg_1y4zq_714"
 };
   

package/split-panel/widget.d.ts

@@ -1,6 +1,2 @@
-import React from 'react';
-import { SplitPanelProps } from './interfaces';
-type SplitPanelType = React.ForwardRefExoticComponent<SplitPanelProps & React.RefAttributes<HTMLElement>>;
-export declare function createWidgetizedSplitPanel(SplitPanelLoader?: SplitPanelType): SplitPanelType;
-export {};
+export { createWidgetizedSplitPanel } from './implementation';
 //# sourceMappingURL=widget.d.ts.map

package/split-panel/widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"widget.d.ts","sourceRoot":"","sources":["../../../src/split-panel/widget.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAI/C,KAAK,cAAc,GAAG,KAAK,CAAC,yBAAyB,CAAC,eAAe,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC;AAE1G,wBAAgB,0BAA0B,CAAC,gBAAgB,CAAC,EAAE,cAAc,GAAG,cAAc,CAS5F"}
+{"version":3,"file":"widget.d.ts","sourceRoot":"","sources":["../../../src/split-panel/widget.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC"}

package/split-panel/widget.js

@@ -1,16 +1,4 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import React from 'react';
-import { getGlobalFlag } from '../internal/utils/global-flags';
-import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
-import { SplitPanelImplementation } from './implementation';
-export function createWidgetizedSplitPanel(SplitPanelLoader) {
-    return React.forwardRef((props, ref) => {
-        const isRefresh = useVisualRefresh();
-        if (isRefresh && getGlobalFlag('appLayoutWidget') && SplitPanelLoader) {
-            return React.createElement(SplitPanelLoader, Object.assign({ ref: ref }, props));
-        }
-        return React.createElement(SplitPanelImplementation, Object.assign({ ref: ref }, props));
-    });
-}
+export { createWidgetizedSplitPanel } from './implementation';
 //# sourceMappingURL=widget.js.map

package/split-panel/widget.js.map

@@ -1 +1 @@
-{"version":3,"file":"widget.js","sourceRoot":"","sources":["../../../src/split-panel/widget.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAE/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAI5D,MAAM,UAAU,0BAA0B,CAAC,gBAAiC;IAC1E,OAAO,KAAK,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;QACrC,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;QACrC,IAAI,SAAS,IAAI,aAAa,CAAC,iBAAiB,CAAC,IAAI,gBAAgB,EAAE;YACrE,OAAO,oBAAC,gBAAgB,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CAAC;SAClD;QAED,OAAO,oBAAC,wBAAwB,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CAAC;IAC3D,CAAC,CAAC,CAAC;AACL,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { getGlobalFlag } from '../internal/utils/global-flags';\nimport { SplitPanelProps } from './interfaces';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { SplitPanelImplementation } from './implementation';\n\ntype SplitPanelType = React.ForwardRefExoticComponent<SplitPanelProps & React.RefAttributes<HTMLElement>>;\n\nexport function createWidgetizedSplitPanel(SplitPanelLoader?: SplitPanelType): SplitPanelType {\n  return React.forwardRef((props, ref) => {\n    const isRefresh = useVisualRefresh();\n    if (isRefresh && getGlobalFlag('appLayoutWidget') && SplitPanelLoader) {\n      return <SplitPanelLoader ref={ref} {...props} />;\n    }\n\n    return <SplitPanelImplementation ref={ref} {...props} />;\n  });\n}\n"]}
+{"version":3,"file":"widget.js","sourceRoot":"","sources":["../../../src/split-panel/widget.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nexport { createWidgetizedSplitPanel } from './implementation';\n"]}