npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.4 → 3.0.7 - Mend

@cloudscape-design/components-themeable 3.0.4 → 3.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (126) hide show

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

@@ -186,33 +186,33 @@ 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_1uxez_189.awsui_refresh_1r9lg_1uxez_189:not(#\9) {
+.awsui_drawer_1r9lg_x5cjs_189.awsui_refresh_1r9lg_x5cjs_189:not(#\9) {
   transition-duration: 115ms;
   transition-duration: var(--motion-duration-refresh-only-fast-addxjd, 115ms);
   transition-property: none;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_drawer_1r9lg_1uxez_189.awsui_refresh_1r9lg_1uxez_189:not(#\9) {
+  .awsui_drawer_1r9lg_x5cjs_189.awsui_refresh_1r9lg_x5cjs_189:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_drawer_1r9lg_1uxez_189.awsui_refresh_1r9lg_1uxez_189:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_1uxez_189.awsui_refresh_1r9lg_1uxez_189:not(#\9) {
+.awsui-motion-disabled .awsui_drawer_1r9lg_x5cjs_189.awsui_refresh_1r9lg_x5cjs_189:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_x5cjs_189.awsui_refresh_1r9lg_x5cjs_189:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_drawer_1r9lg_1uxez_189.awsui_refresh_1r9lg_1uxez_189.awsui_animating_1r9lg_1uxez_203:not(#\9) {
+.awsui_drawer_1r9lg_x5cjs_189.awsui_refresh_1r9lg_x5cjs_189.awsui_animating_1r9lg_x5cjs_203:not(#\9) {
   transition-property: transform;
   transition-timing-function: cubic-bezier(0, 0, 0, 1);
   transition-timing-function: var(--motion-easing-refresh-only-a-sy0g8m, cubic-bezier(0, 0, 0, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_drawer_1r9lg_1uxez_189.awsui_refresh_1r9lg_1uxez_189.awsui_animating_1r9lg_1uxez_203:not(#\9) {
+  .awsui_drawer_1r9lg_x5cjs_189.awsui_refresh_1r9lg_x5cjs_189.awsui_animating_1r9lg_x5cjs_203:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_drawer_1r9lg_1uxez_189.awsui_refresh_1r9lg_1uxez_189.awsui_animating_1r9lg_1uxez_203:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_1uxez_189.awsui_refresh_1r9lg_1uxez_189.awsui_animating_1r9lg_1uxez_203:not(#\9) {
+.awsui-motion-disabled .awsui_drawer_1r9lg_x5cjs_189.awsui_refresh_1r9lg_x5cjs_189.awsui_animating_1r9lg_x5cjs_203:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_x5cjs_189.awsui_refresh_1r9lg_x5cjs_189.awsui_animating_1r9lg_x5cjs_203:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -225,108 +225,108 @@ 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_1uxez_226:not(#\9) {
+.awsui_preference-icon--layout-border_1r9lg_x5cjs_226:not(#\9) {
   stroke: #000000;
   stroke: var(--color-background-home-header-o5mjh6, #000000);
   fill: #ffffff;
   fill: var(--color-background-container-content-o88wxm, #ffffff);
 }
-.awsui_preference-icon--layout-background_1r9lg_1uxez_230:not(#\9) {
+.awsui_preference-icon--layout-background_1r9lg_x5cjs_230:not(#\9) {
   fill: #f2f3f3;
   fill: var(--color-background-layout-main-q0tbxx, #f2f3f3);
 }
-.awsui_preference-icon--layout-header_1r9lg_1uxez_233:not(#\9) {
+.awsui_preference-icon--layout-header_1r9lg_x5cjs_233:not(#\9) {
   fill: #000000;
   fill: var(--color-background-home-header-o5mjh6, #000000);
 }
-.awsui_preference-icon--border_1r9lg_1uxez_236:not(#\9) {
+.awsui_preference-icon--border_1r9lg_x5cjs_236:not(#\9) {
   stroke: #545b64;
   stroke: var(--color-text-group-label-5rxtyp, #545b64);
   fill: #ffffff;
   fill: var(--color-background-container-content-o88wxm, #ffffff);
 }
-.awsui_preference-icon--primary-button_1r9lg_1uxez_240:not(#\9) {
+.awsui_preference-icon--primary-button_1r9lg_x5cjs_240:not(#\9) {
   fill: #0073bb;
   fill: var(--color-background-button-primary-default-w02sje, #0073bb);
 }
-.awsui_preference-icon--secondary_1r9lg_1uxez_243:not(#\9) {
+.awsui_preference-icon--secondary_1r9lg_x5cjs_243:not(#\9) {
   fill: #545b64;
   fill: var(--color-text-group-label-5rxtyp, #545b64);
 }
-.awsui_preference-icon--disabled-element_1r9lg_1uxez_246:not(#\9) {
+.awsui_preference-icon--disabled-element_1r9lg_x5cjs_246:not(#\9) {
   fill: #d5dbdb;
   fill: var(--color-background-control-disabled-0y91m8, #d5dbdb);
 }
-.awsui_preference-icon--separator_1r9lg_1uxez_249:not(#\9) {
+.awsui_preference-icon--separator_1r9lg_x5cjs_249:not(#\9) {
   stroke: #d5dbdb;
   stroke: var(--color-background-control-disabled-0y91m8, #d5dbdb);
 }
-.awsui_preference-icon--focus-text_1r9lg_1uxez_252:not(#\9) {
+.awsui_preference-icon--focus-text_1r9lg_x5cjs_252:not(#\9) {
   fill: #545b64;
   fill: var(--color-text-interactive-default-9me1cm, #545b64);
 }
-.awsui_preference-icon-refresh--layout-top_1r9lg_1uxez_256:not(#\9) {
+.awsui_preference-icon-refresh--layout-top_1r9lg_x5cjs_256:not(#\9) {
   fill: #ffffff;
   fill: var(--color-background-button-primary-disabled-2xivjm, #ffffff);
 }
-.awsui_preference-icon-refresh--layout-main_1r9lg_1uxez_259:not(#\9) {
+.awsui_preference-icon-refresh--layout-main_1r9lg_x5cjs_259:not(#\9) {
   fill: #f2f3f3;
   fill: var(--color-background-layout-main-q0tbxx, #f2f3f3);
 }
-.awsui_preference-icon-refresh--primary_1r9lg_1uxez_262:not(#\9) {
+.awsui_preference-icon-refresh--primary_1r9lg_x5cjs_262:not(#\9) {
   fill: #0073bb;
   fill: var(--color-background-button-primary-default-w02sje, #0073bb);
 }
-.awsui_preference-icon-refresh--disabled_1r9lg_1uxez_265:not(#\9) {
+.awsui_preference-icon-refresh--disabled_1r9lg_x5cjs_265:not(#\9) {
   fill: #d5dbdb;
   fill: var(--color-background-control-disabled-0y91m8, #d5dbdb);
 }
-.awsui_preference-icon-refresh--window_1r9lg_1uxez_268:not(#\9) {
+.awsui_preference-icon-refresh--window_1r9lg_x5cjs_268:not(#\9) {
   stroke: #000000;
   stroke: var(--color-background-home-header-o5mjh6, #000000);
   fill: #ffffff;
   fill: var(--color-background-container-content-o88wxm, #ffffff);
 }
-.awsui_preference-icon-refresh--secondary_1r9lg_1uxez_272:not(#\9) {
+.awsui_preference-icon-refresh--secondary_1r9lg_x5cjs_272:not(#\9) {
   fill: #545b64;
   fill: var(--color-text-body-secondary-u912t7, #545b64);
 }
-.awsui_preference-icon-refresh--default_1r9lg_1uxez_275:not(#\9) {
+.awsui_preference-icon-refresh--default_1r9lg_x5cjs_275:not(#\9) {
   fill: #16191f;
   fill: var(--color-text-body-default-7m2b3r, #16191f);
 }
-.awsui_preference-icon-refresh--separator_1r9lg_1uxez_278:not(#\9) {
+.awsui_preference-icon-refresh--separator_1r9lg_x5cjs_278:not(#\9) {
   stroke: #d5dbdb;
   stroke: var(--color-border-button-primary-disabled-exj7lz, #d5dbdb);
 }
-.awsui_preference-icon-refresh--input-default_1r9lg_1uxez_281:not(#\9) {
+.awsui_preference-icon-refresh--input-default_1r9lg_x5cjs_281:not(#\9) {
   fill: #aab7b8;
   fill: var(--color-border-input-default-94d18j, #aab7b8);
 }
-.awsui_preference-icon-refresh--heading_1r9lg_1uxez_284:not(#\9) {
+.awsui_preference-icon-refresh--heading_1r9lg_x5cjs_284:not(#\9) {
   fill: #16191f;
   fill: var(--color-text-heading-default-bjds33, #16191f);
 }
 /* stylelint-disable selector-combinator-disallowed-list, selector-max-type, selector-max-universal */
-.awsui_resize-active_1r9lg_1uxez_289 *:not(#\9) {
+.awsui_resize-active_1r9lg_x5cjs_289 *:not(#\9) {
   -webkit-user-select: none;
       -ms-user-select: none;
           user-select: none;
 }
-.awsui_resize-active_1r9lg_1uxez_289 iframe:not(#\9) {
+.awsui_resize-active_1r9lg_x5cjs_289 iframe:not(#\9) {
   pointer-events: none;
 }
-.awsui_resize-side_1r9lg_1uxez_295 *:not(#\9) {
+.awsui_resize-side_1r9lg_x5cjs_295 *:not(#\9) {
   cursor: ew-resize;
 }
-.awsui_resize-bottom_1r9lg_1uxez_298 *:not(#\9) {
+.awsui_resize-bottom_1r9lg_x5cjs_298 *:not(#\9) {
   cursor: ns-resize;
 }
 /* stylelint-enable */
-.awsui_root_1r9lg_1uxez_303:not(#\9) {
+.awsui_root_1r9lg_x5cjs_303:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -368,15 +368,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-family: var(--font-family-base-mylvzb, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
 }
-.awsui_preferences-button_1r9lg_1uxez_314:not(#\9) {
+.awsui_preferences-button_1r9lg_x5cjs_314:not(#\9) {
   /* used in test-utils */
 }
-.awsui_close-button_1r9lg_1uxez_318:not(#\9) {
+.awsui_close-button_1r9lg_x5cjs_318:not(#\9) {
   /* used in test-utils */
 }
-.awsui_drawer_1r9lg_1uxez_189:not(#\9) {
+.awsui_drawer_1r9lg_x5cjs_189:not(#\9) {
   flex-shrink: 0;
   position: relative;
   word-wrap: break-word;
@@ -384,34 +384,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background-color: var(--color-background-layout-panel-content-r9pdjh, #ffffff);
   z-index: 851;
 }
-.awsui_drawer-closed_1r9lg_1uxez_329:not(#\9) {
+.awsui_drawer-closed_1r9lg_x5cjs_329:not(#\9) {
   cursor: pointer;
   min-width: 40px;
 }
-.awsui_drawer-content-side_1r9lg_1uxez_334:not(#\9) {
+.awsui_drawer-content-side_1r9lg_x5cjs_334:not(#\9) {
   display: flex;
   align-items: center;
   height: 100%;
   overflow: auto;
 }
-.awsui_drawer-closed_1r9lg_1uxez_329 > .awsui_drawer-content-side_1r9lg_1uxez_334:not(#\9) {
+.awsui_drawer-closed_1r9lg_x5cjs_329 > .awsui_drawer-content-side_1r9lg_x5cjs_334:not(#\9) {
   width: 40px;
 }
-.awsui_drawer-closed_1r9lg_1uxez_329 > .awsui_drawer-content-side_1r9lg_1uxez_334:not(#\9):hover {
+.awsui_drawer-closed_1r9lg_x5cjs_329 > .awsui_drawer-content-side_1r9lg_x5cjs_334:not(#\9):hover {
   background: #eaeded;
   background: var(--color-background-layout-panel-hover-thdv3z, #eaeded);
 }
-.awsui_drawer-content-side_1r9lg_1uxez_334.awsui_refresh_1r9lg_1uxez_189:not(#\9) {
+.awsui_drawer-content-side_1r9lg_x5cjs_334.awsui_refresh_1r9lg_x5cjs_189:not(#\9) {
   border-right: 1px solid transparent;
   border-right: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-divider-panel-side-hxw8vd, transparent);
   box-sizing: border-box;
 }
-.awsui_drawer-content-side_1r9lg_1uxez_334 > [aria-hidden=true]:not(#\9) {
+.awsui_drawer-content-side_1r9lg_x5cjs_334 > [aria-hidden=true]:not(#\9) {
   display: none;
 }
-:not(#\9):not(.awsui_drawer-closed_1r9lg_1uxez_329) > .awsui_drawer-content-bottom_1r9lg_1uxez_354 {
+:not(#\9):not(.awsui_drawer-closed_1r9lg_x5cjs_329) > .awsui_drawer-content-bottom_1r9lg_x5cjs_354 {
   overflow-y: auto;
   position: absolute;
   top: 0;
@@ -420,7 +420,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   bottom: 0;
 }
-.awsui_position-bottom_1r9lg_1uxez_363:not(#\9) {
+.awsui_position-bottom_1r9lg_x5cjs_363:not(#\9) {
   position: fixed;
   overflow-y: auto;
   border-left: 1px solid rgba(0, 28, 36, 0.15);
@@ -434,48 +434,48 @@ 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_1uxez_363:not(#\9):not(.awsui_refresh_1r9lg_1uxez_189) {
+.awsui_position-bottom_1r9lg_x5cjs_363:not(#\9):not(.awsui_refresh_1r9lg_x5cjs_189) {
   box-shadow: 0 -2px 1px -1px rgba(0, 28, 36, 0.15), 0 -1px 1px -1px rgba(0, 28, 36, 0.3);
   box-shadow: var(--shadow-split-bottom-nxe040, 0 -2px 1px -1px rgba(0, 28, 36, 0.15), 0 -1px 1px -1px rgba(0, 28, 36, 0.3));
 }
-.awsui_position-bottom_1r9lg_1uxez_363.awsui_drawer-closed_1r9lg_1uxez_329:not(#\9) {
+.awsui_position-bottom_1r9lg_x5cjs_363.awsui_drawer-closed_1r9lg_x5cjs_329:not(#\9) {
   overflow: hidden;
 }
-.awsui_position-bottom_1r9lg_1uxez_363.awsui_drawer-closed_1r9lg_1uxez_329:not(#\9):hover {
+.awsui_position-bottom_1r9lg_x5cjs_363.awsui_drawer-closed_1r9lg_x5cjs_329:not(#\9):hover {
   background: #eaeded;
   background: var(--color-background-layout-panel-hover-thdv3z, #eaeded);
 }
-.awsui_position-bottom_1r9lg_1uxez_363 > .awsui_drawer-content-bottom_1r9lg_1uxez_354 > [aria-hidden=true]:not(#\9) {
+.awsui_position-bottom_1r9lg_x5cjs_363 > .awsui_drawer-content-bottom_1r9lg_x5cjs_354 > [aria-hidden=true]:not(#\9) {
   display: none;
 }
-.awsui_position-bottom_1r9lg_1uxez_363.awsui_refresh_1r9lg_1uxez_189:not(#\9) {
+.awsui_position-bottom_1r9lg_x5cjs_363.awsui_refresh_1r9lg_x5cjs_189:not(#\9) {
   position: relative;
 }
-.awsui_position-side_1r9lg_1uxez_390:not(#\9) {
+.awsui_position-side_1r9lg_x5cjs_390:not(#\9) {
   border-top: none;
   box-shadow: 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15);
   box-shadow: var(--shadow-split-side-dzdo00, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
   height: 100%;
 }
-.awsui_slider_1r9lg_1uxez_396:not(#\9) {
+.awsui_slider_1r9lg_x5cjs_396:not(#\9) {
   padding: 0;
   cursor: ns-resize;
   margin: 2px 0 0 0;
   height: 16px;
 }
-.awsui_slider_1r9lg_1uxez_396:not(#\9):focus {
+.awsui_slider_1r9lg_x5cjs_396:not(#\9):focus {
   outline: none;
 }
-.awsui_slider_1r9lg_1uxez_396[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_slider_1r9lg_x5cjs_396[data-awsui-focus-visible=true]:not(#\9):focus {
   position: relative;
 }
-.awsui_slider_1r9lg_1uxez_396[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_slider_1r9lg_x5cjs_396[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-.awsui_slider_1r9lg_1uxez_396[data-awsui-focus-visible=true]:not(#\9):focus::before {
+.awsui_slider_1r9lg_x5cjs_396[data-awsui-focus-visible=true]:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -485,16 +485,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   height: calc(100% + 2 * 0px);
   border-radius: 2px;
   border-radius: var(--border-control-focus-ring-radius-default-9royjh, 2px);
-  box-shadow: 0 0 0 2px #00a1c9;
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-bs10w5, #00a1c9);
+  box-shadow: 0 0 0 2px #0073bb;
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-n5kd8g, #0073bb);
 }
-.awsui_slider-side_1r9lg_1uxez_424:not(#\9) {
+.awsui_slider-side_1r9lg_x5cjs_424:not(#\9) {
   cursor: ew-resize;
   margin: 0 0 0 2px;
 }
-.awsui_slider-wrapper-bottom_1r9lg_1uxez_429:not(#\9) {
+.awsui_slider-wrapper-bottom_1r9lg_x5cjs_429:not(#\9) {
   position: absolute;
   top: 0;
   left: 0;
@@ -505,7 +505,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   z-index: 2;
 }
-.awsui_slider-wrapper-side_1r9lg_1uxez_440:not(#\9) {
+.awsui_slider-wrapper-side_1r9lg_x5cjs_440:not(#\9) {
   position: absolute;
   left: 0;
   top: 0;
@@ -516,11 +516,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   z-index: 1;
 }
-.awsui_open-button_1r9lg_1uxez_451:not(#\9) {
+.awsui_open-button_1r9lg_x5cjs_451:not(#\9) {
   /* used in test-utils */
 }
-.awsui_open-button-side_1r9lg_1uxez_455:not(#\9) {
+.awsui_open-button-side_1r9lg_x5cjs_455:not(#\9) {
   flex: 0 0 auto;
   align-self: flex-start;
   box-sizing: border-box;
@@ -528,22 +528,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin: var(--space-xxs-ynfts5, 4px) auto 0;
 }
-.awsui_slider-icon_1r9lg_1uxez_462:not(#\9) {
+.awsui_slider-icon_1r9lg_x5cjs_462:not(#\9) {
   stroke: #545b64;
   stroke: var(--color-text-interactive-default-9me1cm, #545b64);
 }
-.awsui_slider-icon_1r9lg_1uxez_462:not(#\9):hover {
+.awsui_slider-icon_1r9lg_x5cjs_462:not(#\9):hover {
   stroke: #16191f;
   stroke: var(--color-text-interactive-hover-79wpl9, #16191f);
 }
-.awsui_slider-icon-bottom_1r9lg_1uxez_468:not(#\9) {
+.awsui_slider-icon-bottom_1r9lg_x5cjs_468:not(#\9) {
   margin: auto;
 }
-.awsui_slider-icon-side_1r9lg_1uxez_471:not(#\9) {
+.awsui_slider-icon-side_1r9lg_x5cjs_471:not(#\9) {
   transform: rotate(90deg);
 }
-.awsui_pane-header-wrapper-bottom_1r9lg_1uxez_475:not(#\9) {
+.awsui_pane-header-wrapper-bottom_1r9lg_x5cjs_475:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   position: sticky;
   top: 0;
@@ -554,56 +554,56 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding: 0 40px;
   padding: 0 var(--space-scaled-2x-xxxl-lbp35j, 40px);
 }
-.awsui_drawer-mobile_1r9lg_1uxez_485 > .awsui_drawer-content-bottom_1r9lg_1uxez_354 > .awsui_pane-header-wrapper-bottom_1r9lg_1uxez_475:not(#\9) {
+.awsui_drawer-mobile_1r9lg_x5cjs_485 > .awsui_drawer-content-bottom_1r9lg_x5cjs_354 > .awsui_pane-header-wrapper-bottom_1r9lg_x5cjs_475:not(#\9) {
   padding: 0 20px;
   padding: 0 var(--space-l-4vl6xu, 20px);
 }
-.awsui_drawer-disable-content-paddings_1r9lg_1uxez_488 > .awsui_drawer-content-bottom_1r9lg_1uxez_354 > .awsui_pane-header-wrapper-bottom_1r9lg_1uxez_475:not(#\9) {
+.awsui_drawer-disable-content-paddings_1r9lg_x5cjs_488 > .awsui_drawer-content-bottom_1r9lg_x5cjs_354 > .awsui_pane-header-wrapper-bottom_1r9lg_x5cjs_475:not(#\9) {
   padding: 0 20px;
   padding: 0 var(--space-l-4vl6xu, 20px);
 }
-:not(#\9):not(.awsui_drawer-closed_1r9lg_1uxez_329) > .awsui_drawer-content-bottom_1r9lg_1uxez_354 > .awsui_pane-header-wrapper-bottom_1r9lg_1uxez_475 {
+:not(#\9):not(.awsui_drawer-closed_1r9lg_x5cjs_329) > .awsui_drawer-content-bottom_1r9lg_x5cjs_354 > .awsui_pane-header-wrapper-bottom_1r9lg_x5cjs_475 {
   background-color: #ffffff;
   background-color: var(--color-background-layout-panel-content-r9pdjh, #ffffff);
   border-bottom: 0px solid #eaeded;
   border-bottom: var(--border-panel-header-width-ebtw6k, 0px) solid var(--color-border-divider-default-k96bks, #eaeded);
 }
-.awsui_content-bottom_1r9lg_1uxez_496:not(#\9) {
+.awsui_content-bottom_1r9lg_x5cjs_496:not(#\9) {
   padding: 0 40px;
   padding: 0 var(--space-scaled-2x-xxxl-lbp35j, 40px);
   margin-top: 0px;
   margin-top: var(--space-panel-split-top-mpmkyz, 0px);
 }
-.awsui_drawer-mobile_1r9lg_1uxez_485 > .awsui_drawer-content-bottom_1r9lg_1uxez_354 > .awsui_content-bottom_1r9lg_1uxez_496:not(#\9) {
+.awsui_drawer-mobile_1r9lg_x5cjs_485 > .awsui_drawer-content-bottom_1r9lg_x5cjs_354 > .awsui_content-bottom_1r9lg_x5cjs_496:not(#\9) {
   padding: 0 20px;
   padding: 0 var(--space-l-4vl6xu, 20px);
 }
-.awsui_drawer-disable-content-paddings_1r9lg_1uxez_488 > .awsui_drawer-content-bottom_1r9lg_1uxez_354 > .awsui_content-bottom_1r9lg_1uxez_496:not(#\9) {
+.awsui_drawer-disable-content-paddings_1r9lg_x5cjs_488 > .awsui_drawer-content-bottom_1r9lg_x5cjs_354 > .awsui_content-bottom_1r9lg_x5cjs_496:not(#\9) {
   padding: 0;
 }
-.awsui_pane-bottom-center-align_1r9lg_1uxez_507:not(#\9) {
+.awsui_pane-bottom-center-align_1r9lg_x5cjs_507:not(#\9) {
   display: flex;
   justify-content: center;
 }
-.awsui_pane-bottom-content-nav-padding_1r9lg_1uxez_512:not(#\9) {
+.awsui_pane-bottom-content-nav-padding_1r9lg_x5cjs_512:not(#\9) {
   padding-left: calc(40px + 2 * 20px);
   padding-left: calc(var(--space-layout-toggle-diameter-hzvqtj, 40px) + 2 * var(--space-layout-toggle-padding-axl9jr, 20px));
 }
-.awsui_pane-bottom-content-tools-padding_1r9lg_1uxez_516:not(#\9) {
+.awsui_pane-bottom-content-tools-padding_1r9lg_x5cjs_516:not(#\9) {
   padding-right: calc(40px + 2 * 20px);
   padding-right: calc(var(--space-layout-toggle-diameter-hzvqtj, 40px) + 2 * var(--space-layout-toggle-padding-axl9jr, 20px));
 }
-.awsui_content-bottom-max-width_1r9lg_1uxez_520:not(#\9) {
+.awsui_content-bottom-max-width_1r9lg_x5cjs_520:not(#\9) {
   flex-grow: 1;
   max-width: 100%;
 }
-.awsui_content-side_1r9lg_1uxez_525:not(#\9) {
+.awsui_content-side_1r9lg_x5cjs_525:not(#\9) {
   flex: auto;
   align-self: flex-start;
   box-sizing: border-box;
@@ -614,18 +614,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   right: 0;
   height: 100%;
 }
-.awsui_content-side_1r9lg_1uxez_525 > .awsui_pane-header-wrapper-side_1r9lg_1uxez_536:not(#\9) {
+.awsui_content-side_1r9lg_x5cjs_525 > .awsui_pane-header-wrapper-side_1r9lg_x5cjs_536:not(#\9) {
   padding: 0 16px 0 32px;
   padding: 0 var(--space-m-17eucw, 16px) 0 var(--space-panel-side-left-o3fm3s, 32px);
 }
-.awsui_content-side_1r9lg_1uxez_525 > .awsui_pane-content-wrapper-side_1r9lg_1uxez_539:not(#\9) {
+.awsui_content-side_1r9lg_x5cjs_525 > .awsui_pane-content-wrapper-side_1r9lg_x5cjs_539:not(#\9) {
   padding: 0 32px 0 32px;
   padding: 0 var(--space-panel-side-right-oktwq8, 32px) 0 var(--space-panel-side-left-o3fm3s, 32px);
   margin-top: 0px;
   margin-top: var(--space-panel-split-top-mpmkyz, 0px);
 }
-.awsui_header_1r9lg_1uxez_544:not(#\9) {
+.awsui_header_1r9lg_x5cjs_544:not(#\9) {
   display: flex;
   flex: auto;
   flex-direction: row;
@@ -635,7 +635,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin: 16px 0 16px 0;
   margin: var(--space-scaled-m-pv0fmt, 16px) 0 var(--space-m-17eucw, 16px) 0;
 }
-.awsui_header-text_1r9lg_1uxez_553:not(#\9) {
+.awsui_header-text_1r9lg_x5cjs_553:not(#\9) {
   font-size: 18px;
   font-size: var(--font-panel-header-size-s14y0f, 18px);
   line-height: 22px;
@@ -647,7 +647,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin: 0;
 }
-.awsui_header-divider_1r9lg_1uxez_561:not(#\9) {
+.awsui_header-divider_1r9lg_x5cjs_561:not(#\9) {
   border: none;
   border-top: 0px solid #eaeded;
   border-top: var(--border-panel-header-width-ebtw6k, 0px) solid var(--color-border-divider-default-k96bks, #eaeded);
@@ -655,7 +655,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-top: calc(-1 * var(--border-panel-header-width-ebtw6k, 0px));
 }
-.awsui_header-actions_1r9lg_1uxez_567:not(#\9) {
+.awsui_header-actions_1r9lg_x5cjs_567:not(#\9) {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
@@ -664,7 +664,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-left: var(--space-xs-rsr2qu, 8px);
 }
-.awsui_divider_1r9lg_1uxez_575:not(#\9) {
+.awsui_divider_1r9lg_x5cjs_575:not(#\9) {
   border-right: 1px solid #eaeded;
   border-right: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
   margin: 4px 8px;

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

@@ -2,63 +2,63 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "drawer": "awsui_drawer_1r9lg_1uxez_189",
-  "refresh": "awsui_refresh_1r9lg_1uxez_189",
-  "animating": "awsui_animating_1r9lg_1uxez_203",
-  "preference-icon--layout-border": "awsui_preference-icon--layout-border_1r9lg_1uxez_226",
-  "preference-icon--layout-background": "awsui_preference-icon--layout-background_1r9lg_1uxez_230",
-  "preference-icon--layout-header": "awsui_preference-icon--layout-header_1r9lg_1uxez_233",
-  "preference-icon--border": "awsui_preference-icon--border_1r9lg_1uxez_236",
-  "preference-icon--primary-button": "awsui_preference-icon--primary-button_1r9lg_1uxez_240",
-  "preference-icon--secondary": "awsui_preference-icon--secondary_1r9lg_1uxez_243",
-  "preference-icon--disabled-element": "awsui_preference-icon--disabled-element_1r9lg_1uxez_246",
-  "preference-icon--separator": "awsui_preference-icon--separator_1r9lg_1uxez_249",
-  "preference-icon--focus-text": "awsui_preference-icon--focus-text_1r9lg_1uxez_252",
-  "preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_1r9lg_1uxez_256",
-  "preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_1r9lg_1uxez_259",
-  "preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_1r9lg_1uxez_262",
-  "preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_1r9lg_1uxez_265",
-  "preference-icon-refresh--window": "awsui_preference-icon-refresh--window_1r9lg_1uxez_268",
-  "preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_1r9lg_1uxez_272",
-  "preference-icon-refresh--default": "awsui_preference-icon-refresh--default_1r9lg_1uxez_275",
-  "preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_1r9lg_1uxez_278",
-  "preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_1r9lg_1uxez_281",
-  "preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_1r9lg_1uxez_284",
-  "resize-active": "awsui_resize-active_1r9lg_1uxez_289",
-  "resize-side": "awsui_resize-side_1r9lg_1uxez_295",
-  "resize-bottom": "awsui_resize-bottom_1r9lg_1uxez_298",
-  "root": "awsui_root_1r9lg_1uxez_303",
-  "preferences-button": "awsui_preferences-button_1r9lg_1uxez_314",
-  "close-button": "awsui_close-button_1r9lg_1uxez_318",
-  "drawer-closed": "awsui_drawer-closed_1r9lg_1uxez_329",
-  "drawer-content-side": "awsui_drawer-content-side_1r9lg_1uxez_334",
-  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_1uxez_354",
-  "position-bottom": "awsui_position-bottom_1r9lg_1uxez_363",
-  "position-side": "awsui_position-side_1r9lg_1uxez_390",
-  "slider": "awsui_slider_1r9lg_1uxez_396",
-  "slider-side": "awsui_slider-side_1r9lg_1uxez_424",
-  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_1uxez_429",
-  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_1uxez_440",
-  "open-button": "awsui_open-button_1r9lg_1uxez_451",
-  "open-button-side": "awsui_open-button-side_1r9lg_1uxez_455",
-  "slider-icon": "awsui_slider-icon_1r9lg_1uxez_462",
-  "slider-icon-bottom": "awsui_slider-icon-bottom_1r9lg_1uxez_468",
-  "slider-icon-side": "awsui_slider-icon-side_1r9lg_1uxez_471",
-  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_1uxez_475",
-  "drawer-mobile": "awsui_drawer-mobile_1r9lg_1uxez_485",
-  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_1uxez_488",
-  "content-bottom": "awsui_content-bottom_1r9lg_1uxez_496",
-  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_1uxez_507",
-  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_1uxez_512",
-  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_1uxez_516",
-  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_1uxez_520",
-  "content-side": "awsui_content-side_1r9lg_1uxez_525",
-  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_1uxez_536",
-  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_1uxez_539",
-  "header": "awsui_header_1r9lg_1uxez_544",
-  "header-text": "awsui_header-text_1r9lg_1uxez_553",
-  "header-divider": "awsui_header-divider_1r9lg_1uxez_561",
-  "header-actions": "awsui_header-actions_1r9lg_1uxez_567",
-  "divider": "awsui_divider_1r9lg_1uxez_575"
+  "drawer": "awsui_drawer_1r9lg_x5cjs_189",
+  "refresh": "awsui_refresh_1r9lg_x5cjs_189",
+  "animating": "awsui_animating_1r9lg_x5cjs_203",
+  "preference-icon--layout-border": "awsui_preference-icon--layout-border_1r9lg_x5cjs_226",
+  "preference-icon--layout-background": "awsui_preference-icon--layout-background_1r9lg_x5cjs_230",
+  "preference-icon--layout-header": "awsui_preference-icon--layout-header_1r9lg_x5cjs_233",
+  "preference-icon--border": "awsui_preference-icon--border_1r9lg_x5cjs_236",
+  "preference-icon--primary-button": "awsui_preference-icon--primary-button_1r9lg_x5cjs_240",
+  "preference-icon--secondary": "awsui_preference-icon--secondary_1r9lg_x5cjs_243",
+  "preference-icon--disabled-element": "awsui_preference-icon--disabled-element_1r9lg_x5cjs_246",
+  "preference-icon--separator": "awsui_preference-icon--separator_1r9lg_x5cjs_249",
+  "preference-icon--focus-text": "awsui_preference-icon--focus-text_1r9lg_x5cjs_252",
+  "preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_1r9lg_x5cjs_256",
+  "preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_1r9lg_x5cjs_259",
+  "preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_1r9lg_x5cjs_262",
+  "preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_1r9lg_x5cjs_265",
+  "preference-icon-refresh--window": "awsui_preference-icon-refresh--window_1r9lg_x5cjs_268",
+  "preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_1r9lg_x5cjs_272",
+  "preference-icon-refresh--default": "awsui_preference-icon-refresh--default_1r9lg_x5cjs_275",
+  "preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_1r9lg_x5cjs_278",
+  "preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_1r9lg_x5cjs_281",
+  "preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_1r9lg_x5cjs_284",
+  "resize-active": "awsui_resize-active_1r9lg_x5cjs_289",
+  "resize-side": "awsui_resize-side_1r9lg_x5cjs_295",
+  "resize-bottom": "awsui_resize-bottom_1r9lg_x5cjs_298",
+  "root": "awsui_root_1r9lg_x5cjs_303",
+  "preferences-button": "awsui_preferences-button_1r9lg_x5cjs_314",
+  "close-button": "awsui_close-button_1r9lg_x5cjs_318",
+  "drawer-closed": "awsui_drawer-closed_1r9lg_x5cjs_329",
+  "drawer-content-side": "awsui_drawer-content-side_1r9lg_x5cjs_334",
+  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_x5cjs_354",
+  "position-bottom": "awsui_position-bottom_1r9lg_x5cjs_363",
+  "position-side": "awsui_position-side_1r9lg_x5cjs_390",
+  "slider": "awsui_slider_1r9lg_x5cjs_396",
+  "slider-side": "awsui_slider-side_1r9lg_x5cjs_424",
+  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_x5cjs_429",
+  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_x5cjs_440",
+  "open-button": "awsui_open-button_1r9lg_x5cjs_451",
+  "open-button-side": "awsui_open-button-side_1r9lg_x5cjs_455",
+  "slider-icon": "awsui_slider-icon_1r9lg_x5cjs_462",
+  "slider-icon-bottom": "awsui_slider-icon-bottom_1r9lg_x5cjs_468",
+  "slider-icon-side": "awsui_slider-icon-side_1r9lg_x5cjs_471",
+  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_x5cjs_475",
+  "drawer-mobile": "awsui_drawer-mobile_1r9lg_x5cjs_485",
+  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_x5cjs_488",
+  "content-bottom": "awsui_content-bottom_1r9lg_x5cjs_496",
+  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_x5cjs_507",
+  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_x5cjs_512",
+  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_x5cjs_516",
+  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_x5cjs_520",
+  "content-side": "awsui_content-side_1r9lg_x5cjs_525",
+  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_x5cjs_536",
+  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_x5cjs_539",
+  "header": "awsui_header_1r9lg_x5cjs_544",
+  "header-text": "awsui_header-text_1r9lg_x5cjs_553",
+  "header-divider": "awsui_header-divider_1r9lg_x5cjs_561",
+  "header-actions": "awsui_header-actions_1r9lg_x5cjs_567",
+  "divider": "awsui_divider_1r9lg_x5cjs_575"
 };