@cloudscape-design/components 3.0.360 → 3.0.362

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_1l13g_189.awsui_refresh_1r9lg_1l13g_189:not(#\9) {
+.awsui_drawer_1r9lg_jlc19_189.awsui_refresh_1r9lg_jlc19_189:not(#\9) {
   transition-duration: var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
   transition-property: none;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_drawer_1r9lg_1l13g_189.awsui_refresh_1r9lg_1l13g_189:not(#\9) {
+  .awsui_drawer_1r9lg_jlc19_189.awsui_refresh_1r9lg_jlc19_189:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_drawer_1r9lg_1l13g_189.awsui_refresh_1r9lg_1l13g_189:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_1l13g_189.awsui_refresh_1r9lg_1l13g_189:not(#\9) {
+.awsui-motion-disabled .awsui_drawer_1r9lg_jlc19_189.awsui_refresh_1r9lg_jlc19_189:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_jlc19_189.awsui_refresh_1r9lg_jlc19_189:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_drawer_1r9lg_1l13g_189.awsui_refresh_1r9lg_1l13g_189.awsui_animating_1r9lg_1l13g_203:not(#\9) {
+.awsui_drawer_1r9lg_jlc19_189.awsui_refresh_1r9lg_jlc19_189.awsui_animating_1r9lg_jlc19_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_1l13g_189.awsui_refresh_1r9lg_1l13g_189.awsui_animating_1r9lg_1l13g_203:not(#\9) {
+  .awsui_drawer_1r9lg_jlc19_189.awsui_refresh_1r9lg_jlc19_189.awsui_animating_1r9lg_jlc19_203:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_drawer_1r9lg_1l13g_189.awsui_refresh_1r9lg_1l13g_189.awsui_animating_1r9lg_1l13g_203:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_1l13g_189.awsui_refresh_1r9lg_1l13g_189.awsui_animating_1r9lg_1l13g_203:not(#\9) {
+.awsui-motion-disabled .awsui_drawer_1r9lg_jlc19_189.awsui_refresh_1r9lg_jlc19_189.awsui_animating_1r9lg_jlc19_203:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_jlc19_189.awsui_refresh_1r9lg_jlc19_189.awsui_animating_1r9lg_jlc19_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_1l13g_226:not(#\9) {
+.awsui_preference-icon--layout-border_1r9lg_jlc19_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_1l13g_230:not(#\9) {
+.awsui_preference-icon--layout-background_1r9lg_jlc19_230:not(#\9) {
   fill: var(--color-background-layout-main-nx09lr, #ffffff);
 }
-.awsui_preference-icon--layout-header_1r9lg_1l13g_233:not(#\9) {
+.awsui_preference-icon--layout-header_1r9lg_jlc19_233:not(#\9) {
   fill: var(--color-background-home-header-2rudu7, #000716);
 }
-.awsui_preference-icon--border_1r9lg_1l13g_236:not(#\9) {
+.awsui_preference-icon--border_1r9lg_jlc19_236:not(#\9) {
   stroke: var(--color-text-group-label-zuh0h0, #414d5c);
   fill: var(--color-background-container-content-4un1ap, #ffffff);
 }
-.awsui_preference-icon--primary-button_1r9lg_1l13g_240:not(#\9) {
+.awsui_preference-icon--primary-button_1r9lg_jlc19_240:not(#\9) {
   fill: var(--color-background-button-primary-default-jrg2xu, #0972d3);
 }
-.awsui_preference-icon--secondary_1r9lg_1l13g_243:not(#\9) {
+.awsui_preference-icon--secondary_1r9lg_jlc19_243:not(#\9) {
   fill: var(--color-text-group-label-zuh0h0, #414d5c);
 }
-.awsui_preference-icon--disabled-element_1r9lg_1l13g_246:not(#\9) {
+.awsui_preference-icon--disabled-element_1r9lg_jlc19_246:not(#\9) {
   fill: var(--color-background-control-disabled-pwkvgd, #d1d5db);
 }
-.awsui_preference-icon--separator_1r9lg_1l13g_249:not(#\9) {
+.awsui_preference-icon--separator_1r9lg_jlc19_249:not(#\9) {
   stroke: var(--color-background-control-disabled-pwkvgd, #d1d5db);
 }
-.awsui_preference-icon--focus-text_1r9lg_1l13g_252:not(#\9) {
+.awsui_preference-icon--focus-text_1r9lg_jlc19_252:not(#\9) {
   fill: var(--color-text-interactive-default-lnx6lk, #414d5c);
 }
 
-.awsui_preference-icon-refresh--layout-top_1r9lg_1l13g_256:not(#\9) {
+.awsui_preference-icon-refresh--layout-top_1r9lg_jlc19_256:not(#\9) {
   fill: var(--color-background-button-primary-disabled-31l9pn, #e9ebed);
 }
-.awsui_preference-icon-refresh--layout-main_1r9lg_1l13g_259:not(#\9) {
+.awsui_preference-icon-refresh--layout-main_1r9lg_jlc19_259:not(#\9) {
   fill: var(--color-background-layout-main-nx09lr, #ffffff);
 }
-.awsui_preference-icon-refresh--primary_1r9lg_1l13g_262:not(#\9) {
+.awsui_preference-icon-refresh--primary_1r9lg_jlc19_262:not(#\9) {
   fill: var(--color-background-button-primary-default-jrg2xu, #0972d3);
 }
-.awsui_preference-icon-refresh--disabled_1r9lg_1l13g_265:not(#\9) {
+.awsui_preference-icon-refresh--disabled_1r9lg_jlc19_265:not(#\9) {
   fill: var(--color-background-control-disabled-pwkvgd, #d1d5db);
 }
-.awsui_preference-icon-refresh--column-header_1r9lg_1l13g_268:not(#\9) {
+.awsui_preference-icon-refresh--column-header_1r9lg_jlc19_268:not(#\9) {
   fill: var(--color-text-input-disabled-f8pjm5, #9ba7b6);
 }
-.awsui_preference-icon-refresh--window_1r9lg_1l13g_271:not(#\9) {
+.awsui_preference-icon-refresh--window_1r9lg_jlc19_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_1l13g_275:not(#\9) {
+.awsui_preference-icon-refresh--secondary_1r9lg_jlc19_275:not(#\9) {
   fill: var(--color-text-body-secondary-so8znq, #414d5c);
 }
-.awsui_preference-icon-refresh--default_1r9lg_1l13g_278:not(#\9) {
+.awsui_preference-icon-refresh--default_1r9lg_jlc19_278:not(#\9) {
   fill: var(--color-text-body-default-2sxhhn, #000716);
 }
-.awsui_preference-icon-refresh--separator_1r9lg_1l13g_281:not(#\9) {
-  stroke: var(--color-border-divider-default-d3adp9, #e9ebed);
+.awsui_preference-icon-refresh--separator_1r9lg_jlc19_281:not(#\9) {
+  stroke: var(--color-border-divider-default-et9j7s, #e9ebed);
 }
-.awsui_preference-icon-refresh--input-default_1r9lg_1l13g_284:not(#\9) {
+.awsui_preference-icon-refresh--input-default_1r9lg_jlc19_284:not(#\9) {
   fill: var(--color-border-input-default-1zl7hq, #7d8998);
 }
-.awsui_preference-icon-refresh--heading_1r9lg_1l13g_287:not(#\9) {
+.awsui_preference-icon-refresh--heading_1r9lg_jlc19_287:not(#\9) {
   fill: var(--color-text-heading-default-rtslvy, #000716);
 }
 
-.awsui_root_1r9lg_1l13g_291:not(#\9) {
+.awsui_root_1r9lg_jlc19_291:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -327,15 +327,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_preferences-button_1r9lg_1l13g_304:not(#\9) {
+.awsui_preferences-button_1r9lg_jlc19_304:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_close-button_1r9lg_1l13g_308:not(#\9) {
+.awsui_close-button_1r9lg_jlc19_308:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_drawer_1r9lg_1l13g_189:not(#\9) {
+.awsui_drawer_1r9lg_jlc19_189:not(#\9) {
   flex-shrink: 0;
   position: relative;
   min-width: 0;
@@ -344,32 +344,32 @@ 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_1l13g_321:not(#\9) {
+.awsui_drawer-closed_1r9lg_jlc19_321:not(#\9) {
   cursor: pointer;
   min-width: 40px;
 }
 
-.awsui_drawer-content-side_1r9lg_1l13g_326:not(#\9) {
+.awsui_drawer-content-side_1r9lg_jlc19_326:not(#\9) {
   display: flex;
   align-items: center;
   height: 100%;
   overflow: auto;
 }
-.awsui_drawer-closed_1r9lg_1l13g_321 > .awsui_drawer-content-side_1r9lg_1l13g_326:not(#\9) {
+.awsui_drawer-closed_1r9lg_jlc19_321 > .awsui_drawer-content-side_1r9lg_jlc19_326:not(#\9) {
   width: 40px;
 }
-.awsui_drawer-closed_1r9lg_1l13g_321 > .awsui_drawer-content-side_1r9lg_1l13g_326:not(#\9):hover {
+.awsui_drawer-closed_1r9lg_jlc19_321 > .awsui_drawer-content-side_1r9lg_jlc19_326:not(#\9):hover {
   background: var(--color-background-layout-panel-hover-n9apd3, #e9ebed);
 }
-.awsui_drawer-content-side_1r9lg_1l13g_326.awsui_refresh_1r9lg_1l13g_189:not(#\9) {
-  border-right: var(--border-divider-section-width-4ax5o2, 2px) solid var(--color-border-divider-panel-side-ompdsw, #e9ebed);
+.awsui_drawer-content-side_1r9lg_jlc19_326.awsui_refresh_1r9lg_jlc19_189:not(#\9) {
+  border-right: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-panel-side-qqne3x, #e9ebed);
   box-sizing: border-box;
 }
-.awsui_drawer-content-side_1r9lg_1l13g_326 > [aria-hidden=true]:not(#\9) {
+.awsui_drawer-content-side_1r9lg_jlc19_326 > [aria-hidden=true]:not(#\9) {
   display: none;
 }
 
-:not(#\9):not(.awsui_drawer-closed_1r9lg_1l13g_321) > .awsui_drawer-content-bottom_1r9lg_1l13g_346 {
+:not(#\9):not(.awsui_drawer-closed_1r9lg_jlc19_321) > .awsui_drawer-content-bottom_1r9lg_jlc19_346 {
   overflow-y: auto;
   position: absolute;
   top: 0;
@@ -378,57 +378,57 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   bottom: 0;
 }
 
-.awsui_position-bottom_1r9lg_1l13g_355:not(#\9) {
+.awsui_position-bottom_1r9lg_jlc19_355:not(#\9) {
   position: fixed;
   overflow-y: auto;
-  border-left: var(--border-divider-section-width-4ax5o2, 2px) solid var(--color-border-divider-panel-bottom-s8zdda, #e9ebed);
-  border-right: var(--border-divider-section-width-4ax5o2, 2px) solid var(--color-border-divider-panel-bottom-s8zdda, #e9ebed);
-  border-top: var(--border-panel-top-width-7uc0w9, 1px) solid var(--color-border-divider-panel-bottom-s8zdda, #e9ebed);
+  border-left: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-panel-bottom-16n9vt, #e9ebed);
+  border-right: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-panel-bottom-16n9vt, #e9ebed);
+  border-top: var(--border-panel-top-width-7uc0w9, 1px) solid var(--color-border-divider-panel-bottom-16n9vt, #e9ebed);
   /*
   Removed the position fixed with the AppLayout refactor because the
   SplitPanel is no longer in fixed position in the DOM.
   */
 }
-.awsui_position-bottom_1r9lg_1l13g_355:not(#\9):not(.awsui_refresh_1r9lg_1l13g_189) {
+.awsui_position-bottom_1r9lg_jlc19_355:not(#\9):not(.awsui_refresh_1r9lg_jlc19_189) {
   box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
 }
-.awsui_position-bottom_1r9lg_1l13g_355.awsui_drawer-closed_1r9lg_1l13g_321:not(#\9) {
+.awsui_position-bottom_1r9lg_jlc19_355.awsui_drawer-closed_1r9lg_jlc19_321:not(#\9) {
   overflow: hidden;
 }
-.awsui_position-bottom_1r9lg_1l13g_355.awsui_drawer-closed_1r9lg_1l13g_321:not(#\9):hover {
+.awsui_position-bottom_1r9lg_jlc19_355.awsui_drawer-closed_1r9lg_jlc19_321:not(#\9):hover {
   background: var(--color-background-layout-panel-hover-n9apd3, #e9ebed);
 }
-.awsui_position-bottom_1r9lg_1l13g_355 > .awsui_drawer-content-bottom_1r9lg_1l13g_346 > [aria-hidden=true]:not(#\9) {
+.awsui_position-bottom_1r9lg_jlc19_355 > .awsui_drawer-content-bottom_1r9lg_jlc19_346 > [aria-hidden=true]:not(#\9) {
   display: none;
 }
-.awsui_position-bottom_1r9lg_1l13g_355.awsui_refresh_1r9lg_1l13g_189:not(#\9) {
+.awsui_position-bottom_1r9lg_jlc19_355.awsui_refresh_1r9lg_jlc19_189:not(#\9) {
   position: relative;
 }
 
-.awsui_position-side_1r9lg_1l13g_382:not(#\9) {
+.awsui_position-side_1r9lg_jlc19_382:not(#\9) {
   border-top: 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%;
 }
 
-.awsui_slider_1r9lg_1l13g_388:not(#\9) {
+.awsui_slider_1r9lg_jlc19_388:not(#\9) {
   padding: 0;
   cursor: ns-resize;
   margin: 2px 0 0 0;
   height: 16px;
   touch-action: none;
 }
-.awsui_slider_1r9lg_1l13g_388:not(#\9):focus {
+.awsui_slider_1r9lg_jlc19_388:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1l13g_388:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_jlc19_388:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1l13g_388:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_jlc19_388:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1l13g_388:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_jlc19_388:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -440,12 +440,12 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1l13g_388:not(#\9):focus
   box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
 }
 
-.awsui_slider-side_1r9lg_1l13g_417:not(#\9) {
+.awsui_slider-side_1r9lg_jlc19_417:not(#\9) {
   cursor: ew-resize;
   margin: 0 0 0 2px;
 }
 
-.awsui_slider-wrapper-bottom_1r9lg_1l13g_422:not(#\9) {
+.awsui_slider-wrapper-bottom_1r9lg_jlc19_422:not(#\9) {
   position: absolute;
   top: 0;
   left: 0;
@@ -456,7 +456,7 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1l13g_388:not(#\9):focus
   z-index: 2;
 }
 
-.awsui_slider-wrapper-side_1r9lg_1l13g_433:not(#\9) {
+.awsui_slider-wrapper-side_1r9lg_jlc19_433:not(#\9) {
   position: absolute;
   left: 0;
   top: 0;
@@ -467,31 +467,31 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1l13g_388:not(#\9):focus
   z-index: 1;
 }
 
-.awsui_open-button_1r9lg_1l13g_444:not(#\9) {
+.awsui_open-button_1r9lg_jlc19_444:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_open-button-side_1r9lg_1l13g_448:not(#\9) {
+.awsui_open-button-side_1r9lg_jlc19_448:not(#\9) {
   flex: 0 0 auto;
   align-self: flex-start;
   box-sizing: border-box;
   margin: var(--space-xxs-p8yyaw, 4px) auto 0;
 }
 
-.awsui_slider-icon_1r9lg_1l13g_455:not(#\9) {
+.awsui_slider-icon_1r9lg_jlc19_455:not(#\9) {
   stroke: var(--color-text-interactive-default-lnx6lk, #414d5c);
 }
-.awsui_slider-icon_1r9lg_1l13g_455:not(#\9):hover {
+.awsui_slider-icon_1r9lg_jlc19_455:not(#\9):hover {
   stroke: var(--color-text-interactive-hover-mj8add, #000716);
 }
-.awsui_slider-icon-bottom_1r9lg_1l13g_461:not(#\9) {
+.awsui_slider-icon-bottom_1r9lg_jlc19_461:not(#\9) {
   margin: auto;
 }
-.awsui_slider-icon-side_1r9lg_1l13g_464:not(#\9) {
+.awsui_slider-icon-side_1r9lg_jlc19_464:not(#\9) {
   transform: rotate(90deg);
 }
 
-.awsui_pane-header-wrapper-bottom_1r9lg_1l13g_468:not(#\9) {
+.awsui_pane-header-wrapper-bottom_1r9lg_jlc19_468:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   position: sticky;
   top: 0;
@@ -501,49 +501,49 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1l13g_388:not(#\9):focus
   z-index: 1;
   padding: 0 var(--space-scaled-2x-xxxl-eqb3m6, 40px);
 }
-.awsui_drawer-mobile_1r9lg_1l13g_478 > .awsui_drawer-content-bottom_1r9lg_1l13g_346 > .awsui_pane-header-wrapper-bottom_1r9lg_1l13g_468:not(#\9) {
+.awsui_drawer-mobile_1r9lg_jlc19_478 > .awsui_drawer-content-bottom_1r9lg_jlc19_346 > .awsui_pane-header-wrapper-bottom_1r9lg_jlc19_468:not(#\9) {
   padding: 0 var(--space-l-t419sm, 20px);
 }
-.awsui_drawer-disable-content-paddings_1r9lg_1l13g_481 > .awsui_drawer-content-bottom_1r9lg_1l13g_346 > .awsui_pane-header-wrapper-bottom_1r9lg_1l13g_468:not(#\9) {
+.awsui_drawer-disable-content-paddings_1r9lg_jlc19_481 > .awsui_drawer-content-bottom_1r9lg_jlc19_346 > .awsui_pane-header-wrapper-bottom_1r9lg_jlc19_468:not(#\9) {
   padding: 0 var(--space-l-t419sm, 20px);
 }
-:not(#\9):not(.awsui_drawer-closed_1r9lg_1l13g_321) > .awsui_drawer-content-bottom_1r9lg_1l13g_346 > .awsui_pane-header-wrapper-bottom_1r9lg_1l13g_468 {
+:not(#\9):not(.awsui_drawer-closed_1r9lg_jlc19_321) > .awsui_drawer-content-bottom_1r9lg_jlc19_346 > .awsui_pane-header-wrapper-bottom_1r9lg_jlc19_468 {
   background-color: var(--color-background-layout-panel-content-t82vgh, #ffffff);
-  border-bottom: var(--border-panel-header-width-6icr2m, 2px) solid var(--color-border-divider-default-d3adp9, #e9ebed);
+  border-bottom: var(--border-panel-header-width-6icr2m, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
 }
 
-.awsui_content-bottom_1r9lg_1l13g_489:not(#\9) {
+.awsui_content-bottom_1r9lg_jlc19_489:not(#\9) {
   padding: 0 var(--space-scaled-2x-xxxl-eqb3m6, 40px);
   margin-top: var(--space-panel-split-top-q1pux4, 20px);
   position: relative;
   z-index: 0;
 }
-.awsui_drawer-mobile_1r9lg_1l13g_478 > .awsui_drawer-content-bottom_1r9lg_1l13g_346 > .awsui_content-bottom_1r9lg_1l13g_489:not(#\9) {
+.awsui_drawer-mobile_1r9lg_jlc19_478 > .awsui_drawer-content-bottom_1r9lg_jlc19_346 > .awsui_content-bottom_1r9lg_jlc19_489:not(#\9) {
   padding: 0 var(--space-l-t419sm, 20px);
 }
-.awsui_drawer-disable-content-paddings_1r9lg_1l13g_481 > .awsui_drawer-content-bottom_1r9lg_1l13g_346 > .awsui_content-bottom_1r9lg_1l13g_489:not(#\9) {
+.awsui_drawer-disable-content-paddings_1r9lg_jlc19_481 > .awsui_drawer-content-bottom_1r9lg_jlc19_346 > .awsui_content-bottom_1r9lg_jlc19_489:not(#\9) {
   padding: 0;
 }
 
-.awsui_pane-bottom-center-align_1r9lg_1l13g_502:not(#\9) {
+.awsui_pane-bottom-center-align_1r9lg_jlc19_502:not(#\9) {
   display: flex;
   justify-content: center;
 }
 
-.awsui_pane-bottom-content-nav-padding_1r9lg_1l13g_507:not(#\9) {
+.awsui_pane-bottom-content-nav-padding_1r9lg_jlc19_507:not(#\9) {
   padding-left: calc(var(--space-layout-toggle-diameter-x54u6y, 40px) + 2 * var(--space-layout-toggle-padding-sgkxy2, 20px));
 }
 
-.awsui_pane-bottom-content-tools-padding_1r9lg_1l13g_511:not(#\9) {
+.awsui_pane-bottom-content-tools-padding_1r9lg_jlc19_511:not(#\9) {
   padding-right: calc(var(--space-layout-toggle-diameter-x54u6y, 40px) + 2 * var(--space-layout-toggle-padding-sgkxy2, 20px));
 }
 
-.awsui_content-bottom-max-width_1r9lg_1l13g_515:not(#\9) {
+.awsui_content-bottom-max-width_1r9lg_jlc19_515:not(#\9) {
   flex-grow: 1;
   max-width: 100%;
 }
 
-.awsui_content-side_1r9lg_1l13g_520:not(#\9) {
+.awsui_content-side_1r9lg_jlc19_520:not(#\9) {
   flex: auto;
   align-self: flex-start;
   box-sizing: border-box;
@@ -554,15 +554,15 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1l13g_388:not(#\9):focus
   right: 0;
   height: 100%;
 }
-.awsui_content-side_1r9lg_1l13g_520 > .awsui_pane-header-wrapper-side_1r9lg_1l13g_531:not(#\9) {
+.awsui_content-side_1r9lg_jlc19_520 > .awsui_pane-header-wrapper-side_1r9lg_jlc19_531:not(#\9) {
   padding: 0 var(--space-m-udix3p, 16px) 0 var(--space-panel-side-left-5t0who, 28px);
 }
-.awsui_content-side_1r9lg_1l13g_520 > .awsui_pane-content-wrapper-side_1r9lg_1l13g_534:not(#\9) {
+.awsui_content-side_1r9lg_jlc19_520 > .awsui_pane-content-wrapper-side_1r9lg_jlc19_534: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);
 }
 
-.awsui_header_1r9lg_1l13g_539:not(#\9) {
+.awsui_header_1r9lg_jlc19_539:not(#\9) {
   display: flex;
   flex: auto;
   flex-direction: row;
@@ -571,7 +571,7 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1l13g_388:not(#\9):focus
   width: 100%;
   margin: var(--space-scaled-m-mo5yse, 16px) 0 var(--space-m-udix3p, 16px) 0;
 }
-.awsui_header-text_1r9lg_1l13g_548:not(#\9) {
+.awsui_header-text_1r9lg_jlc19_548: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-heading-l-weight-a4lz4s, 700);
@@ -581,13 +581,13 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1l13g_388:not(#\9):focus
   margin: 0;
 }
 
-.awsui_header-divider_1r9lg_1l13g_558:not(#\9) {
+.awsui_header-divider_1r9lg_jlc19_558:not(#\9) {
   border: none;
-  border-top: var(--border-panel-header-width-6icr2m, 2px) solid var(--color-border-divider-default-d3adp9, #e9ebed);
+  border-top: var(--border-panel-header-width-6icr2m, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
   margin-top: calc(-1 * var(--border-panel-header-width-6icr2m, 2px));
 }
 
-.awsui_header-actions_1r9lg_1l13g_564:not(#\9) {
+.awsui_header-actions_1r9lg_jlc19_564:not(#\9) {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
@@ -595,7 +595,7 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1l13g_388:not(#\9):focus
   margin-left: var(--space-xs-zb16t3, 8px);
 }
 
-.awsui_divider_1r9lg_1l13g_572:not(#\9) {
-  border-right: var(--border-divider-section-width-4ax5o2, 2px) solid var(--color-border-divider-default-d3adp9, #e9ebed);
+.awsui_divider_1r9lg_jlc19_572:not(#\9) {
+  border-right: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
   margin: var(--space-scaled-xxs-7597g1, 4px) var(--space-scaled-xs-26e2du, 8px);
 }

package/split-panel/styles.selectors.js

@@ -2,61 +2,61 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "drawer": "awsui_drawer_1r9lg_1l13g_189",
-  "refresh": "awsui_refresh_1r9lg_1l13g_189",
-  "animating": "awsui_animating_1r9lg_1l13g_203",
-  "preference-icon--layout-border": "awsui_preference-icon--layout-border_1r9lg_1l13g_226",
-  "preference-icon--layout-background": "awsui_preference-icon--layout-background_1r9lg_1l13g_230",
-  "preference-icon--layout-header": "awsui_preference-icon--layout-header_1r9lg_1l13g_233",
-  "preference-icon--border": "awsui_preference-icon--border_1r9lg_1l13g_236",
-  "preference-icon--primary-button": "awsui_preference-icon--primary-button_1r9lg_1l13g_240",
-  "preference-icon--secondary": "awsui_preference-icon--secondary_1r9lg_1l13g_243",
-  "preference-icon--disabled-element": "awsui_preference-icon--disabled-element_1r9lg_1l13g_246",
-  "preference-icon--separator": "awsui_preference-icon--separator_1r9lg_1l13g_249",
-  "preference-icon--focus-text": "awsui_preference-icon--focus-text_1r9lg_1l13g_252",
-  "preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_1r9lg_1l13g_256",
-  "preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_1r9lg_1l13g_259",
-  "preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_1r9lg_1l13g_262",
-  "preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_1r9lg_1l13g_265",
-  "preference-icon-refresh--column-header": "awsui_preference-icon-refresh--column-header_1r9lg_1l13g_268",
-  "preference-icon-refresh--window": "awsui_preference-icon-refresh--window_1r9lg_1l13g_271",
-  "preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_1r9lg_1l13g_275",
-  "preference-icon-refresh--default": "awsui_preference-icon-refresh--default_1r9lg_1l13g_278",
-  "preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_1r9lg_1l13g_281",
-  "preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_1r9lg_1l13g_284",
-  "preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_1r9lg_1l13g_287",
-  "root": "awsui_root_1r9lg_1l13g_291",
-  "preferences-button": "awsui_preferences-button_1r9lg_1l13g_304",
-  "close-button": "awsui_close-button_1r9lg_1l13g_308",
-  "drawer-closed": "awsui_drawer-closed_1r9lg_1l13g_321",
-  "drawer-content-side": "awsui_drawer-content-side_1r9lg_1l13g_326",
-  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_1l13g_346",
-  "position-bottom": "awsui_position-bottom_1r9lg_1l13g_355",
-  "position-side": "awsui_position-side_1r9lg_1l13g_382",
-  "slider": "awsui_slider_1r9lg_1l13g_388",
-  "slider-side": "awsui_slider-side_1r9lg_1l13g_417",
-  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_1l13g_422",
-  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_1l13g_433",
-  "open-button": "awsui_open-button_1r9lg_1l13g_444",
-  "open-button-side": "awsui_open-button-side_1r9lg_1l13g_448",
-  "slider-icon": "awsui_slider-icon_1r9lg_1l13g_455",
-  "slider-icon-bottom": "awsui_slider-icon-bottom_1r9lg_1l13g_461",
-  "slider-icon-side": "awsui_slider-icon-side_1r9lg_1l13g_464",
-  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_1l13g_468",
-  "drawer-mobile": "awsui_drawer-mobile_1r9lg_1l13g_478",
-  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_1l13g_481",
-  "content-bottom": "awsui_content-bottom_1r9lg_1l13g_489",
-  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_1l13g_502",
-  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_1l13g_507",
-  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_1l13g_511",
-  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_1l13g_515",
-  "content-side": "awsui_content-side_1r9lg_1l13g_520",
-  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_1l13g_531",
-  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_1l13g_534",
-  "header": "awsui_header_1r9lg_1l13g_539",
-  "header-text": "awsui_header-text_1r9lg_1l13g_548",
-  "header-divider": "awsui_header-divider_1r9lg_1l13g_558",
-  "header-actions": "awsui_header-actions_1r9lg_1l13g_564",
-  "divider": "awsui_divider_1r9lg_1l13g_572"
+  "drawer": "awsui_drawer_1r9lg_jlc19_189",
+  "refresh": "awsui_refresh_1r9lg_jlc19_189",
+  "animating": "awsui_animating_1r9lg_jlc19_203",
+  "preference-icon--layout-border": "awsui_preference-icon--layout-border_1r9lg_jlc19_226",
+  "preference-icon--layout-background": "awsui_preference-icon--layout-background_1r9lg_jlc19_230",
+  "preference-icon--layout-header": "awsui_preference-icon--layout-header_1r9lg_jlc19_233",
+  "preference-icon--border": "awsui_preference-icon--border_1r9lg_jlc19_236",
+  "preference-icon--primary-button": "awsui_preference-icon--primary-button_1r9lg_jlc19_240",
+  "preference-icon--secondary": "awsui_preference-icon--secondary_1r9lg_jlc19_243",
+  "preference-icon--disabled-element": "awsui_preference-icon--disabled-element_1r9lg_jlc19_246",
+  "preference-icon--separator": "awsui_preference-icon--separator_1r9lg_jlc19_249",
+  "preference-icon--focus-text": "awsui_preference-icon--focus-text_1r9lg_jlc19_252",
+  "preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_1r9lg_jlc19_256",
+  "preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_1r9lg_jlc19_259",
+  "preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_1r9lg_jlc19_262",
+  "preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_1r9lg_jlc19_265",
+  "preference-icon-refresh--column-header": "awsui_preference-icon-refresh--column-header_1r9lg_jlc19_268",
+  "preference-icon-refresh--window": "awsui_preference-icon-refresh--window_1r9lg_jlc19_271",
+  "preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_1r9lg_jlc19_275",
+  "preference-icon-refresh--default": "awsui_preference-icon-refresh--default_1r9lg_jlc19_278",
+  "preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_1r9lg_jlc19_281",
+  "preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_1r9lg_jlc19_284",
+  "preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_1r9lg_jlc19_287",
+  "root": "awsui_root_1r9lg_jlc19_291",
+  "preferences-button": "awsui_preferences-button_1r9lg_jlc19_304",
+  "close-button": "awsui_close-button_1r9lg_jlc19_308",
+  "drawer-closed": "awsui_drawer-closed_1r9lg_jlc19_321",
+  "drawer-content-side": "awsui_drawer-content-side_1r9lg_jlc19_326",
+  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_jlc19_346",
+  "position-bottom": "awsui_position-bottom_1r9lg_jlc19_355",
+  "position-side": "awsui_position-side_1r9lg_jlc19_382",
+  "slider": "awsui_slider_1r9lg_jlc19_388",
+  "slider-side": "awsui_slider-side_1r9lg_jlc19_417",
+  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_jlc19_422",
+  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_jlc19_433",
+  "open-button": "awsui_open-button_1r9lg_jlc19_444",
+  "open-button-side": "awsui_open-button-side_1r9lg_jlc19_448",
+  "slider-icon": "awsui_slider-icon_1r9lg_jlc19_455",
+  "slider-icon-bottom": "awsui_slider-icon-bottom_1r9lg_jlc19_461",
+  "slider-icon-side": "awsui_slider-icon-side_1r9lg_jlc19_464",
+  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_jlc19_468",
+  "drawer-mobile": "awsui_drawer-mobile_1r9lg_jlc19_478",
+  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_jlc19_481",
+  "content-bottom": "awsui_content-bottom_1r9lg_jlc19_489",
+  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_jlc19_502",
+  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_jlc19_507",
+  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_jlc19_511",
+  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_jlc19_515",
+  "content-side": "awsui_content-side_1r9lg_jlc19_520",
+  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_jlc19_531",
+  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_jlc19_534",
+  "header": "awsui_header_1r9lg_jlc19_539",
+  "header-text": "awsui_header-text_1r9lg_jlc19_548",
+  "header-divider": "awsui_header-divider_1r9lg_jlc19_558",
+  "header-actions": "awsui_header-actions_1r9lg_jlc19_564",
+  "divider": "awsui_divider_1r9lg_jlc19_572"
 };
   

package/table/body-cell/click-away.js

@@ -1,11 +1,11 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import { useEffect, useRef } from 'react';
-import { useStableEventHandler } from '../../internal/hooks/use-stable-event-handler';
 import { nodeBelongs } from '../../internal/utils/node-belongs';
+import { useStableCallback } from '@cloudscape-design/component-toolkit/internal';
 export function useClickAway(onClick) {
     const awayRef = useRef(null);
-    const onClickStable = useStableEventHandler(onClick);
+    const onClickStable = useStableCallback(onClick);
     useEffect(() => {
         function handleClick(event) {
             if (!nodeBelongs(awayRef.current, event.target)) {

package/table/body-cell/click-away.js.map

@@ -1 +1 @@
-{"version":3,"file":"click-away.js","sourceRoot":"lib/default/","sources":["table/body-cell/click-away.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AACtF,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAEhE,MAAM,UAAU,YAAY,CAAC,OAAmB;IAC9C,MAAM,OAAO,GAAG,MAAM,CAAM,IAAI,CAAC,CAAC;IAClC,MAAM,aAAa,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC;IACrD,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,WAAW,CAAC,KAAY;YAC/B,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,MAAqB,CAAC,EAAE;gBAC9D,aAAa,EAAE,CAAC;aACjB;QACH,CAAC;QACD,4EAA4E;QAC5E,yEAAyE;QACzE,sDAAsD;QACtD,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QACnE,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;IACrF,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IACpB,OAAO,OAAO,CAAC;AACjB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useEffect, useRef } from 'react';\nimport { useStableEventHandler } from '../../internal/hooks/use-stable-event-handler';\nimport { nodeBelongs } from '../../internal/utils/node-belongs';\n\nexport function useClickAway(onClick: () => void) {\n  const awayRef = useRef<any>(null);\n  const onClickStable = useStableEventHandler(onClick);\n  useEffect(() => {\n    function handleClick(event: Event) {\n      if (!nodeBelongs(awayRef.current, event.target as HTMLElement)) {\n        onClickStable();\n      }\n    }\n    // contains returns wrong result if the next render would remove the element\n    // but capture phase happens before the render, so returns correct result\n    // Ref: https://github.com/facebook/react/issues/20325\n    document.addEventListener('click', handleClick, { capture: true });\n    return () => document.removeEventListener('click', handleClick, { capture: true });\n  }, [onClickStable]);\n  return awayRef;\n}\n"]}
+{"version":3,"file":"click-away.js","sourceRoot":"lib/default/","sources":["table/body-cell/click-away.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAElF,MAAM,UAAU,YAAY,CAAC,OAAmB;IAC9C,MAAM,OAAO,GAAG,MAAM,CAAM,IAAI,CAAC,CAAC;IAClC,MAAM,aAAa,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC;IACjD,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,WAAW,CAAC,KAAY;YAC/B,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,MAAqB,CAAC,EAAE;gBAC9D,aAAa,EAAE,CAAC;aACjB;QACH,CAAC;QACD,4EAA4E;QAC5E,yEAAyE;QACzE,sDAAsD;QACtD,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QACnE,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;IACrF,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IACpB,OAAO,OAAO,CAAC;AACjB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useEffect, useRef } from 'react';\nimport { nodeBelongs } from '../../internal/utils/node-belongs';\nimport { useStableCallback } from '@cloudscape-design/component-toolkit/internal';\n\nexport function useClickAway(onClick: () => void) {\n  const awayRef = useRef<any>(null);\n  const onClickStable = useStableCallback(onClick);\n  useEffect(() => {\n    function handleClick(event: Event) {\n      if (!nodeBelongs(awayRef.current, event.target as HTMLElement)) {\n        onClickStable();\n      }\n    }\n    // contains returns wrong result if the next render would remove the element\n    // but capture phase happens before the render, so returns correct result\n    // Ref: https://github.com/facebook/react/issues/20325\n    document.addEventListener('click', handleClick, { capture: true });\n    return () => document.removeEventListener('click', handleClick, { capture: true });\n  }, [onClickStable]);\n  return awayRef;\n}\n"]}