@cloudscape-design/components 3.0.334 → 3.0.336

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_15wn6_189.awsui_refresh_1r9lg_15wn6_189:not(#\9) {
+.awsui_drawer_1r9lg_pjojv_189.awsui_refresh_1r9lg_pjojv_189:not(#\9) {
   transition-duration: var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
   transition-property: none;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_drawer_1r9lg_15wn6_189.awsui_refresh_1r9lg_15wn6_189:not(#\9) {
+  .awsui_drawer_1r9lg_pjojv_189.awsui_refresh_1r9lg_pjojv_189:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_drawer_1r9lg_15wn6_189.awsui_refresh_1r9lg_15wn6_189:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_15wn6_189.awsui_refresh_1r9lg_15wn6_189:not(#\9) {
+.awsui-motion-disabled .awsui_drawer_1r9lg_pjojv_189.awsui_refresh_1r9lg_pjojv_189:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_pjojv_189.awsui_refresh_1r9lg_pjojv_189:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_drawer_1r9lg_15wn6_189.awsui_refresh_1r9lg_15wn6_189.awsui_animating_1r9lg_15wn6_203:not(#\9) {
+.awsui_drawer_1r9lg_pjojv_189.awsui_refresh_1r9lg_pjojv_189.awsui_animating_1r9lg_pjojv_203:not(#\9) {
   transition-property: transform;
   transition-timing-function: var(--motion-easing-refresh-only-a-6ywz7k, cubic-bezier(0, 0, 0, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_drawer_1r9lg_15wn6_189.awsui_refresh_1r9lg_15wn6_189.awsui_animating_1r9lg_15wn6_203:not(#\9) {
+  .awsui_drawer_1r9lg_pjojv_189.awsui_refresh_1r9lg_pjojv_189.awsui_animating_1r9lg_pjojv_203:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_drawer_1r9lg_15wn6_189.awsui_refresh_1r9lg_15wn6_189.awsui_animating_1r9lg_15wn6_203:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_15wn6_189.awsui_refresh_1r9lg_15wn6_189.awsui_animating_1r9lg_15wn6_203:not(#\9) {
+.awsui-motion-disabled .awsui_drawer_1r9lg_pjojv_189.awsui_refresh_1r9lg_pjojv_189.awsui_animating_1r9lg_pjojv_203:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_pjojv_189.awsui_refresh_1r9lg_pjojv_189.awsui_animating_1r9lg_pjojv_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_15wn6_226:not(#\9) {
+.awsui_preference-icon--layout-border_1r9lg_pjojv_226:not(#\9) {
   stroke: var(--color-background-home-header-qnhw1k, #000716);
   fill: var(--color-background-container-content-og3y0v, #ffffff);
 }
-.awsui_preference-icon--layout-background_1r9lg_15wn6_230:not(#\9) {
+.awsui_preference-icon--layout-background_1r9lg_pjojv_230:not(#\9) {
   fill: var(--color-background-layout-main-m49752, #ffffff);
 }
-.awsui_preference-icon--layout-header_1r9lg_15wn6_233:not(#\9) {
+.awsui_preference-icon--layout-header_1r9lg_pjojv_233:not(#\9) {
   fill: var(--color-background-home-header-qnhw1k, #000716);
 }
-.awsui_preference-icon--border_1r9lg_15wn6_236:not(#\9) {
+.awsui_preference-icon--border_1r9lg_pjojv_236:not(#\9) {
   stroke: var(--color-text-group-label-qtmgp9, #414d5c);
   fill: var(--color-background-container-content-og3y0v, #ffffff);
 }
-.awsui_preference-icon--primary-button_1r9lg_15wn6_240:not(#\9) {
+.awsui_preference-icon--primary-button_1r9lg_pjojv_240:not(#\9) {
   fill: var(--color-background-button-primary-default-lxnvg2, #0972d3);
 }
-.awsui_preference-icon--secondary_1r9lg_15wn6_243:not(#\9) {
+.awsui_preference-icon--secondary_1r9lg_pjojv_243:not(#\9) {
   fill: var(--color-text-group-label-qtmgp9, #414d5c);
 }
-.awsui_preference-icon--disabled-element_1r9lg_15wn6_246:not(#\9) {
+.awsui_preference-icon--disabled-element_1r9lg_pjojv_246:not(#\9) {
   fill: var(--color-background-control-disabled-u2n10f, #d1d5db);
 }
-.awsui_preference-icon--separator_1r9lg_15wn6_249:not(#\9) {
+.awsui_preference-icon--separator_1r9lg_pjojv_249:not(#\9) {
   stroke: var(--color-background-control-disabled-u2n10f, #d1d5db);
 }
-.awsui_preference-icon--focus-text_1r9lg_15wn6_252:not(#\9) {
+.awsui_preference-icon--focus-text_1r9lg_pjojv_252:not(#\9) {
   fill: var(--color-text-interactive-default-2sml2m, #414d5c);
 }
 
-.awsui_preference-icon-refresh--layout-top_1r9lg_15wn6_256:not(#\9) {
+.awsui_preference-icon-refresh--layout-top_1r9lg_pjojv_256:not(#\9) {
   fill: var(--color-background-button-primary-disabled-mp3gf0, #e9ebed);
 }
-.awsui_preference-icon-refresh--layout-main_1r9lg_15wn6_259:not(#\9) {
+.awsui_preference-icon-refresh--layout-main_1r9lg_pjojv_259:not(#\9) {
   fill: var(--color-background-layout-main-m49752, #ffffff);
 }
-.awsui_preference-icon-refresh--primary_1r9lg_15wn6_262:not(#\9) {
+.awsui_preference-icon-refresh--primary_1r9lg_pjojv_262:not(#\9) {
   fill: var(--color-background-button-primary-default-lxnvg2, #0972d3);
 }
-.awsui_preference-icon-refresh--disabled_1r9lg_15wn6_265:not(#\9) {
+.awsui_preference-icon-refresh--disabled_1r9lg_pjojv_265:not(#\9) {
   fill: var(--color-background-control-disabled-u2n10f, #d1d5db);
 }
-.awsui_preference-icon-refresh--column-header_1r9lg_15wn6_268:not(#\9) {
+.awsui_preference-icon-refresh--column-header_1r9lg_pjojv_268:not(#\9) {
   fill: var(--color-text-input-disabled-dmotcr, #9ba7b6);
 }
-.awsui_preference-icon-refresh--window_1r9lg_15wn6_271:not(#\9) {
+.awsui_preference-icon-refresh--window_1r9lg_pjojv_271:not(#\9) {
   stroke: var(--color-background-home-header-qnhw1k, #000716);
   fill: var(--color-background-container-content-og3y0v, #ffffff);
 }
-.awsui_preference-icon-refresh--secondary_1r9lg_15wn6_275:not(#\9) {
+.awsui_preference-icon-refresh--secondary_1r9lg_pjojv_275:not(#\9) {
   fill: var(--color-text-body-secondary-he5d85, #414d5c);
 }
-.awsui_preference-icon-refresh--default_1r9lg_15wn6_278:not(#\9) {
+.awsui_preference-icon-refresh--default_1r9lg_pjojv_278:not(#\9) {
   fill: var(--color-text-body-default-su7kuo, #000716);
 }
-.awsui_preference-icon-refresh--separator_1r9lg_15wn6_281:not(#\9) {
+.awsui_preference-icon-refresh--separator_1r9lg_pjojv_281:not(#\9) {
   stroke: var(--color-border-divider-default-9o8zql, #e9ebed);
 }
-.awsui_preference-icon-refresh--input-default_1r9lg_15wn6_284:not(#\9) {
+.awsui_preference-icon-refresh--input-default_1r9lg_pjojv_284:not(#\9) {
   fill: var(--color-border-input-default-zb6g42, #7d8998);
 }
-.awsui_preference-icon-refresh--heading_1r9lg_15wn6_287:not(#\9) {
+.awsui_preference-icon-refresh--heading_1r9lg_pjojv_287:not(#\9) {
   fill: var(--color-text-heading-default-18iw0k, #000716);
 }
 
-.awsui_root_1r9lg_15wn6_291:not(#\9) {
+.awsui_root_1r9lg_pjojv_291:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -319,7 +319,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-spacing: normal;
   box-sizing: border-box;
   font-size: var(--font-body-m-size-7dign1, 14px);
-  line-height: var(--font-body-m-line-height-rfgrp9, 22px);
+  line-height: var(--font-body-m-line-height-ghizru, 20px);
   color: var(--color-text-body-default-su7kuo, #000716);
   font-weight: 400;
   font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
@@ -327,47 +327,47 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_preferences-button_1r9lg_15wn6_304:not(#\9) {
+.awsui_preferences-button_1r9lg_pjojv_304:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_close-button_1r9lg_15wn6_308:not(#\9) {
+.awsui_close-button_1r9lg_pjojv_308:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_drawer_1r9lg_15wn6_189:not(#\9) {
+.awsui_drawer_1r9lg_pjojv_189:not(#\9) {
   flex-shrink: 0;
   position: relative;
   word-wrap: break-word;
   background-color: var(--color-background-layout-panel-content-6tvac7, #ffffff);
   z-index: 840;
 }
-.awsui_drawer-closed_1r9lg_15wn6_319:not(#\9) {
+.awsui_drawer-closed_1r9lg_pjojv_319:not(#\9) {
   cursor: pointer;
   min-width: 40px;
 }
 
-.awsui_drawer-content-side_1r9lg_15wn6_324:not(#\9) {
+.awsui_drawer-content-side_1r9lg_pjojv_324:not(#\9) {
   display: flex;
   align-items: center;
   height: 100%;
   overflow: auto;
 }
-.awsui_drawer-closed_1r9lg_15wn6_319 > .awsui_drawer-content-side_1r9lg_15wn6_324:not(#\9) {
+.awsui_drawer-closed_1r9lg_pjojv_319 > .awsui_drawer-content-side_1r9lg_pjojv_324:not(#\9) {
   width: 40px;
 }
-.awsui_drawer-closed_1r9lg_15wn6_319 > .awsui_drawer-content-side_1r9lg_15wn6_324:not(#\9):hover {
+.awsui_drawer-closed_1r9lg_pjojv_319 > .awsui_drawer-content-side_1r9lg_pjojv_324:not(#\9):hover {
   background: var(--color-background-layout-panel-hover-4hingm, #e9ebed);
 }
-.awsui_drawer-content-side_1r9lg_15wn6_324.awsui_refresh_1r9lg_15wn6_189:not(#\9) {
+.awsui_drawer-content-side_1r9lg_pjojv_324.awsui_refresh_1r9lg_pjojv_189:not(#\9) {
   border-right: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-panel-side-imbwg9, #e9ebed);
   box-sizing: border-box;
 }
-.awsui_drawer-content-side_1r9lg_15wn6_324 > [aria-hidden=true]:not(#\9) {
+.awsui_drawer-content-side_1r9lg_pjojv_324 > [aria-hidden=true]:not(#\9) {
   display: none;
 }
 
-:not(#\9):not(.awsui_drawer-closed_1r9lg_15wn6_319) > .awsui_drawer-content-bottom_1r9lg_15wn6_344 {
+:not(#\9):not(.awsui_drawer-closed_1r9lg_pjojv_319) > .awsui_drawer-content-bottom_1r9lg_pjojv_344 {
   overflow-y: auto;
   position: absolute;
   top: 0;
@@ -376,7 +376,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   bottom: 0;
 }
 
-.awsui_position-bottom_1r9lg_15wn6_353:not(#\9) {
+.awsui_position-bottom_1r9lg_pjojv_353:not(#\9) {
   position: fixed;
   overflow-y: auto;
   border-left: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-panel-bottom-b9txih, #e9ebed);
@@ -387,46 +387,46 @@ 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_15wn6_353:not(#\9):not(.awsui_refresh_1r9lg_15wn6_189) {
+.awsui_position-bottom_1r9lg_pjojv_353:not(#\9):not(.awsui_refresh_1r9lg_pjojv_189) {
   box-shadow: var(--shadow-split-bottom-ijqtlb, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
 }
-.awsui_position-bottom_1r9lg_15wn6_353.awsui_drawer-closed_1r9lg_15wn6_319:not(#\9) {
+.awsui_position-bottom_1r9lg_pjojv_353.awsui_drawer-closed_1r9lg_pjojv_319:not(#\9) {
   overflow: hidden;
 }
-.awsui_position-bottom_1r9lg_15wn6_353.awsui_drawer-closed_1r9lg_15wn6_319:not(#\9):hover {
+.awsui_position-bottom_1r9lg_pjojv_353.awsui_drawer-closed_1r9lg_pjojv_319:not(#\9):hover {
   background: var(--color-background-layout-panel-hover-4hingm, #e9ebed);
 }
-.awsui_position-bottom_1r9lg_15wn6_353 > .awsui_drawer-content-bottom_1r9lg_15wn6_344 > [aria-hidden=true]:not(#\9) {
+.awsui_position-bottom_1r9lg_pjojv_353 > .awsui_drawer-content-bottom_1r9lg_pjojv_344 > [aria-hidden=true]:not(#\9) {
   display: none;
 }
-.awsui_position-bottom_1r9lg_15wn6_353.awsui_refresh_1r9lg_15wn6_189:not(#\9) {
+.awsui_position-bottom_1r9lg_pjojv_353.awsui_refresh_1r9lg_pjojv_189:not(#\9) {
   position: relative;
 }
 
-.awsui_position-side_1r9lg_15wn6_380:not(#\9) {
+.awsui_position-side_1r9lg_pjojv_380:not(#\9) {
   border-top: none;
   box-shadow: var(--shadow-split-side-y9t0a2, -1px 0px 1px 0px #e9ebed, -36px 6px 36px -36px rgba(0, 7, 22, 0.1));
   height: 100%;
 }
 
-.awsui_slider_1r9lg_15wn6_386:not(#\9) {
+.awsui_slider_1r9lg_pjojv_386:not(#\9) {
   padding: 0;
   cursor: ns-resize;
   margin: 2px 0 0 0;
   height: 16px;
   touch-action: none;
 }
-.awsui_slider_1r9lg_15wn6_386:not(#\9):focus {
+.awsui_slider_1r9lg_pjojv_386:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_15wn6_386:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_pjojv_386:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_15wn6_386:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_pjojv_386:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_15wn6_386:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_pjojv_386:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -438,12 +438,12 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_15wn6_386:not(#\9):focus
   box-shadow: 0 0 0 2px var(--color-border-item-focused-4t19h5, #0972d3);
 }
 
-.awsui_slider-side_1r9lg_15wn6_415:not(#\9) {
+.awsui_slider-side_1r9lg_pjojv_415:not(#\9) {
   cursor: ew-resize;
   margin: 0 0 0 2px;
 }
 
-.awsui_slider-wrapper-bottom_1r9lg_15wn6_420:not(#\9) {
+.awsui_slider-wrapper-bottom_1r9lg_pjojv_420:not(#\9) {
   position: absolute;
   top: 0;
   left: 0;
@@ -454,7 +454,7 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_15wn6_386:not(#\9):focus
   z-index: 2;
 }
 
-.awsui_slider-wrapper-side_1r9lg_15wn6_431:not(#\9) {
+.awsui_slider-wrapper-side_1r9lg_pjojv_431:not(#\9) {
   position: absolute;
   left: 0;
   top: 0;
@@ -465,31 +465,31 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_15wn6_386:not(#\9):focus
   z-index: 1;
 }
 
-.awsui_open-button_1r9lg_15wn6_442:not(#\9) {
+.awsui_open-button_1r9lg_pjojv_442:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_open-button-side_1r9lg_15wn6_446:not(#\9) {
+.awsui_open-button-side_1r9lg_pjojv_446:not(#\9) {
   flex: 0 0 auto;
   align-self: flex-start;
   box-sizing: border-box;
   margin: var(--space-xxs-ja5cp8, 4px) auto 0;
 }
 
-.awsui_slider-icon_1r9lg_15wn6_453:not(#\9) {
+.awsui_slider-icon_1r9lg_pjojv_453:not(#\9) {
   stroke: var(--color-text-interactive-default-2sml2m, #414d5c);
 }
-.awsui_slider-icon_1r9lg_15wn6_453:not(#\9):hover {
+.awsui_slider-icon_1r9lg_pjojv_453:not(#\9):hover {
   stroke: var(--color-text-interactive-hover-8bpozs, #000716);
 }
-.awsui_slider-icon-bottom_1r9lg_15wn6_459:not(#\9) {
+.awsui_slider-icon-bottom_1r9lg_pjojv_459:not(#\9) {
   margin: auto;
 }
-.awsui_slider-icon-side_1r9lg_15wn6_462:not(#\9) {
+.awsui_slider-icon-side_1r9lg_pjojv_462:not(#\9) {
   transform: rotate(90deg);
 }
 
-.awsui_pane-header-wrapper-bottom_1r9lg_15wn6_466:not(#\9) {
+.awsui_pane-header-wrapper-bottom_1r9lg_pjojv_466:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   position: sticky;
   top: 0;
@@ -499,49 +499,49 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_15wn6_386:not(#\9):focus
   z-index: 1;
   padding: 0 var(--space-scaled-2x-xxxl-qc7pg7, 40px);
 }
-.awsui_drawer-mobile_1r9lg_15wn6_476 > .awsui_drawer-content-bottom_1r9lg_15wn6_344 > .awsui_pane-header-wrapper-bottom_1r9lg_15wn6_466:not(#\9) {
+.awsui_drawer-mobile_1r9lg_pjojv_476 > .awsui_drawer-content-bottom_1r9lg_pjojv_344 > .awsui_pane-header-wrapper-bottom_1r9lg_pjojv_466:not(#\9) {
   padding: 0 var(--space-l-f4l5gr, 20px);
 }
-.awsui_drawer-disable-content-paddings_1r9lg_15wn6_479 > .awsui_drawer-content-bottom_1r9lg_15wn6_344 > .awsui_pane-header-wrapper-bottom_1r9lg_15wn6_466:not(#\9) {
+.awsui_drawer-disable-content-paddings_1r9lg_pjojv_479 > .awsui_drawer-content-bottom_1r9lg_pjojv_344 > .awsui_pane-header-wrapper-bottom_1r9lg_pjojv_466:not(#\9) {
   padding: 0 var(--space-l-f4l5gr, 20px);
 }
-:not(#\9):not(.awsui_drawer-closed_1r9lg_15wn6_319) > .awsui_drawer-content-bottom_1r9lg_15wn6_344 > .awsui_pane-header-wrapper-bottom_1r9lg_15wn6_466 {
+:not(#\9):not(.awsui_drawer-closed_1r9lg_pjojv_319) > .awsui_drawer-content-bottom_1r9lg_pjojv_344 > .awsui_pane-header-wrapper-bottom_1r9lg_pjojv_466 {
   background-color: var(--color-background-layout-panel-content-6tvac7, #ffffff);
   border-bottom: var(--border-panel-header-width-mb8f46, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
 }
 
-.awsui_content-bottom_1r9lg_15wn6_487:not(#\9) {
+.awsui_content-bottom_1r9lg_pjojv_487:not(#\9) {
   padding: 0 var(--space-scaled-2x-xxxl-qc7pg7, 40px);
   margin-top: var(--space-panel-split-top-yyup9h, 20px);
   position: relative;
   z-index: 0;
 }
-.awsui_drawer-mobile_1r9lg_15wn6_476 > .awsui_drawer-content-bottom_1r9lg_15wn6_344 > .awsui_content-bottom_1r9lg_15wn6_487:not(#\9) {
+.awsui_drawer-mobile_1r9lg_pjojv_476 > .awsui_drawer-content-bottom_1r9lg_pjojv_344 > .awsui_content-bottom_1r9lg_pjojv_487:not(#\9) {
   padding: 0 var(--space-l-f4l5gr, 20px);
 }
-.awsui_drawer-disable-content-paddings_1r9lg_15wn6_479 > .awsui_drawer-content-bottom_1r9lg_15wn6_344 > .awsui_content-bottom_1r9lg_15wn6_487:not(#\9) {
+.awsui_drawer-disable-content-paddings_1r9lg_pjojv_479 > .awsui_drawer-content-bottom_1r9lg_pjojv_344 > .awsui_content-bottom_1r9lg_pjojv_487:not(#\9) {
   padding: 0;
 }
 
-.awsui_pane-bottom-center-align_1r9lg_15wn6_500:not(#\9) {
+.awsui_pane-bottom-center-align_1r9lg_pjojv_500:not(#\9) {
   display: flex;
   justify-content: center;
 }
 
-.awsui_pane-bottom-content-nav-padding_1r9lg_15wn6_505:not(#\9) {
+.awsui_pane-bottom-content-nav-padding_1r9lg_pjojv_505:not(#\9) {
   padding-left: calc(var(--space-layout-toggle-diameter-i4mha3, 40px) + 2 * var(--space-layout-toggle-padding-dhzjwp, 20px));
 }
 
-.awsui_pane-bottom-content-tools-padding_1r9lg_15wn6_509:not(#\9) {
+.awsui_pane-bottom-content-tools-padding_1r9lg_pjojv_509:not(#\9) {
   padding-right: calc(var(--space-layout-toggle-diameter-i4mha3, 40px) + 2 * var(--space-layout-toggle-padding-dhzjwp, 20px));
 }
 
-.awsui_content-bottom-max-width_1r9lg_15wn6_513:not(#\9) {
+.awsui_content-bottom-max-width_1r9lg_pjojv_513:not(#\9) {
   flex-grow: 1;
   max-width: 100%;
 }
 
-.awsui_content-side_1r9lg_15wn6_518:not(#\9) {
+.awsui_content-side_1r9lg_pjojv_518:not(#\9) {
   flex: auto;
   align-self: flex-start;
   box-sizing: border-box;
@@ -552,15 +552,15 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_15wn6_386:not(#\9):focus
   right: 0;
   height: 100%;
 }
-.awsui_content-side_1r9lg_15wn6_518 > .awsui_pane-header-wrapper-side_1r9lg_15wn6_529:not(#\9) {
+.awsui_content-side_1r9lg_pjojv_518 > .awsui_pane-header-wrapper-side_1r9lg_pjojv_529:not(#\9) {
   padding: 0 var(--space-m-h2th94, 16px) 0 var(--space-panel-side-left-ob0rxs, 28px);
 }
-.awsui_content-side_1r9lg_15wn6_518 > .awsui_pane-content-wrapper-side_1r9lg_15wn6_532:not(#\9) {
+.awsui_content-side_1r9lg_pjojv_518 > .awsui_pane-content-wrapper-side_1r9lg_pjojv_532:not(#\9) {
   padding: 0 var(--space-panel-side-right-zzgkuy, 24px) 0 var(--space-panel-side-left-ob0rxs, 28px);
   margin-top: var(--space-panel-split-top-yyup9h, 20px);
 }
 
-.awsui_header_1r9lg_15wn6_537:not(#\9) {
+.awsui_header_1r9lg_pjojv_537:not(#\9) {
   display: flex;
   flex: auto;
   flex-direction: row;
@@ -569,7 +569,7 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_15wn6_386:not(#\9):focus
   width: 100%;
   margin: var(--space-scaled-m-gxhdpl, 16px) 0 var(--space-m-h2th94, 16px) 0;
 }
-.awsui_header-text_1r9lg_15wn6_546:not(#\9) {
+.awsui_header-text_1r9lg_pjojv_546:not(#\9) {
   font-size: var(--font-panel-header-size-x8jazn, 20px);
   line-height: var(--font-panel-header-line-height-mz6j6r, 24px);
   font-weight: var(--font-heading-l-weight-cxmpnm, 800);
@@ -579,13 +579,13 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_15wn6_386:not(#\9):focus
   margin: 0;
 }
 
-.awsui_header-divider_1r9lg_15wn6_556:not(#\9) {
+.awsui_header-divider_1r9lg_pjojv_556:not(#\9) {
   border: none;
   border-top: var(--border-panel-header-width-mb8f46, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
   margin-top: calc(-1 * var(--border-panel-header-width-mb8f46, 2px));
 }
 
-.awsui_header-actions_1r9lg_15wn6_562:not(#\9) {
+.awsui_header-actions_1r9lg_pjojv_562:not(#\9) {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
@@ -593,7 +593,7 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_15wn6_386:not(#\9):focus
   margin-left: var(--space-xs-edba2s, 8px);
 }
 
-.awsui_divider_1r9lg_15wn6_570:not(#\9) {
+.awsui_divider_1r9lg_pjojv_570:not(#\9) {
   border-right: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
   margin: var(--space-scaled-xxs-t2t62i, 4px) var(--space-scaled-xs-wbfgrv, 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_15wn6_189",
-  "refresh": "awsui_refresh_1r9lg_15wn6_189",
-  "animating": "awsui_animating_1r9lg_15wn6_203",
-  "preference-icon--layout-border": "awsui_preference-icon--layout-border_1r9lg_15wn6_226",
-  "preference-icon--layout-background": "awsui_preference-icon--layout-background_1r9lg_15wn6_230",
-  "preference-icon--layout-header": "awsui_preference-icon--layout-header_1r9lg_15wn6_233",
-  "preference-icon--border": "awsui_preference-icon--border_1r9lg_15wn6_236",
-  "preference-icon--primary-button": "awsui_preference-icon--primary-button_1r9lg_15wn6_240",
-  "preference-icon--secondary": "awsui_preference-icon--secondary_1r9lg_15wn6_243",
-  "preference-icon--disabled-element": "awsui_preference-icon--disabled-element_1r9lg_15wn6_246",
-  "preference-icon--separator": "awsui_preference-icon--separator_1r9lg_15wn6_249",
-  "preference-icon--focus-text": "awsui_preference-icon--focus-text_1r9lg_15wn6_252",
-  "preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_1r9lg_15wn6_256",
-  "preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_1r9lg_15wn6_259",
-  "preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_1r9lg_15wn6_262",
-  "preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_1r9lg_15wn6_265",
-  "preference-icon-refresh--column-header": "awsui_preference-icon-refresh--column-header_1r9lg_15wn6_268",
-  "preference-icon-refresh--window": "awsui_preference-icon-refresh--window_1r9lg_15wn6_271",
-  "preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_1r9lg_15wn6_275",
-  "preference-icon-refresh--default": "awsui_preference-icon-refresh--default_1r9lg_15wn6_278",
-  "preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_1r9lg_15wn6_281",
-  "preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_1r9lg_15wn6_284",
-  "preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_1r9lg_15wn6_287",
-  "root": "awsui_root_1r9lg_15wn6_291",
-  "preferences-button": "awsui_preferences-button_1r9lg_15wn6_304",
-  "close-button": "awsui_close-button_1r9lg_15wn6_308",
-  "drawer-closed": "awsui_drawer-closed_1r9lg_15wn6_319",
-  "drawer-content-side": "awsui_drawer-content-side_1r9lg_15wn6_324",
-  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_15wn6_344",
-  "position-bottom": "awsui_position-bottom_1r9lg_15wn6_353",
-  "position-side": "awsui_position-side_1r9lg_15wn6_380",
-  "slider": "awsui_slider_1r9lg_15wn6_386",
-  "slider-side": "awsui_slider-side_1r9lg_15wn6_415",
-  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_15wn6_420",
-  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_15wn6_431",
-  "open-button": "awsui_open-button_1r9lg_15wn6_442",
-  "open-button-side": "awsui_open-button-side_1r9lg_15wn6_446",
-  "slider-icon": "awsui_slider-icon_1r9lg_15wn6_453",
-  "slider-icon-bottom": "awsui_slider-icon-bottom_1r9lg_15wn6_459",
-  "slider-icon-side": "awsui_slider-icon-side_1r9lg_15wn6_462",
-  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_15wn6_466",
-  "drawer-mobile": "awsui_drawer-mobile_1r9lg_15wn6_476",
-  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_15wn6_479",
-  "content-bottom": "awsui_content-bottom_1r9lg_15wn6_487",
-  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_15wn6_500",
-  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_15wn6_505",
-  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_15wn6_509",
-  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_15wn6_513",
-  "content-side": "awsui_content-side_1r9lg_15wn6_518",
-  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_15wn6_529",
-  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_15wn6_532",
-  "header": "awsui_header_1r9lg_15wn6_537",
-  "header-text": "awsui_header-text_1r9lg_15wn6_546",
-  "header-divider": "awsui_header-divider_1r9lg_15wn6_556",
-  "header-actions": "awsui_header-actions_1r9lg_15wn6_562",
-  "divider": "awsui_divider_1r9lg_15wn6_570"
+  "drawer": "awsui_drawer_1r9lg_pjojv_189",
+  "refresh": "awsui_refresh_1r9lg_pjojv_189",
+  "animating": "awsui_animating_1r9lg_pjojv_203",
+  "preference-icon--layout-border": "awsui_preference-icon--layout-border_1r9lg_pjojv_226",
+  "preference-icon--layout-background": "awsui_preference-icon--layout-background_1r9lg_pjojv_230",
+  "preference-icon--layout-header": "awsui_preference-icon--layout-header_1r9lg_pjojv_233",
+  "preference-icon--border": "awsui_preference-icon--border_1r9lg_pjojv_236",
+  "preference-icon--primary-button": "awsui_preference-icon--primary-button_1r9lg_pjojv_240",
+  "preference-icon--secondary": "awsui_preference-icon--secondary_1r9lg_pjojv_243",
+  "preference-icon--disabled-element": "awsui_preference-icon--disabled-element_1r9lg_pjojv_246",
+  "preference-icon--separator": "awsui_preference-icon--separator_1r9lg_pjojv_249",
+  "preference-icon--focus-text": "awsui_preference-icon--focus-text_1r9lg_pjojv_252",
+  "preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_1r9lg_pjojv_256",
+  "preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_1r9lg_pjojv_259",
+  "preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_1r9lg_pjojv_262",
+  "preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_1r9lg_pjojv_265",
+  "preference-icon-refresh--column-header": "awsui_preference-icon-refresh--column-header_1r9lg_pjojv_268",
+  "preference-icon-refresh--window": "awsui_preference-icon-refresh--window_1r9lg_pjojv_271",
+  "preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_1r9lg_pjojv_275",
+  "preference-icon-refresh--default": "awsui_preference-icon-refresh--default_1r9lg_pjojv_278",
+  "preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_1r9lg_pjojv_281",
+  "preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_1r9lg_pjojv_284",
+  "preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_1r9lg_pjojv_287",
+  "root": "awsui_root_1r9lg_pjojv_291",
+  "preferences-button": "awsui_preferences-button_1r9lg_pjojv_304",
+  "close-button": "awsui_close-button_1r9lg_pjojv_308",
+  "drawer-closed": "awsui_drawer-closed_1r9lg_pjojv_319",
+  "drawer-content-side": "awsui_drawer-content-side_1r9lg_pjojv_324",
+  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_pjojv_344",
+  "position-bottom": "awsui_position-bottom_1r9lg_pjojv_353",
+  "position-side": "awsui_position-side_1r9lg_pjojv_380",
+  "slider": "awsui_slider_1r9lg_pjojv_386",
+  "slider-side": "awsui_slider-side_1r9lg_pjojv_415",
+  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_pjojv_420",
+  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_pjojv_431",
+  "open-button": "awsui_open-button_1r9lg_pjojv_442",
+  "open-button-side": "awsui_open-button-side_1r9lg_pjojv_446",
+  "slider-icon": "awsui_slider-icon_1r9lg_pjojv_453",
+  "slider-icon-bottom": "awsui_slider-icon-bottom_1r9lg_pjojv_459",
+  "slider-icon-side": "awsui_slider-icon-side_1r9lg_pjojv_462",
+  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_pjojv_466",
+  "drawer-mobile": "awsui_drawer-mobile_1r9lg_pjojv_476",
+  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_pjojv_479",
+  "content-bottom": "awsui_content-bottom_1r9lg_pjojv_487",
+  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_pjojv_500",
+  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_pjojv_505",
+  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_pjojv_509",
+  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_pjojv_513",
+  "content-side": "awsui_content-side_1r9lg_pjojv_518",
+  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_pjojv_529",
+  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_pjojv_532",
+  "header": "awsui_header_1r9lg_pjojv_537",
+  "header-text": "awsui_header-text_1r9lg_pjojv_546",
+  "header-divider": "awsui_header-divider_1r9lg_pjojv_556",
+  "header-actions": "awsui_header-actions_1r9lg_pjojv_562",
+  "divider": "awsui_divider_1r9lg_pjojv_570"
 };
   

package/status-indicator/internal.d.ts

@@ -27,7 +27,7 @@ export interface StatusIndicatorProps extends BaseComponentProps {
      */
     wrapText?: boolean;
 }
-interface InternalStatusIndicatorProps extends SomeRequired<StatusIndicatorProps, 'type'>, InternalBaseComponentProps {
+export interface InternalStatusIndicatorProps extends SomeRequired<StatusIndicatorProps, 'type'>, InternalBaseComponentProps {
     /**
      * Play an animation on the error icon when first rendered
      */
@@ -36,11 +36,14 @@ interface InternalStatusIndicatorProps extends SomeRequired<StatusIndicatorProps
      * Size of icon.
      */
     __size?: IconProps.Size;
+    /**
+     * The CSS behavior of the status indicator container element.
+     */
+    __display?: 'inline' | 'inline-block';
 }
 export declare namespace StatusIndicatorProps {
     type Type = 'error' | 'warning' | 'success' | 'info' | 'stopped' | 'pending' | 'in-progress' | 'loading';
     type Color = 'blue' | 'grey' | 'green' | 'red';
 }
-export default function StatusIndicator({ type, children, iconAriaLabel, colorOverride, wrapText, __animate, __internalRootRef, __size, ...rest }: InternalStatusIndicatorProps): JSX.Element;
-export {};
+export default function StatusIndicator({ type, children, iconAriaLabel, colorOverride, wrapText, __animate, __internalRootRef, __size, __display, ...rest }: InternalStatusIndicatorProps): JSX.Element;
 //# sourceMappingURL=internal.d.ts.map

package/status-indicator/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["status-indicator/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAgB,MAAM,4BAA4B,CAAC;AAI9E,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAajD,MAAM,WAAW,oBAAqB,SAAQ,kBAAkB;IAC9D;;OAEG;IACH,IAAI,CAAC,EAAE,oBAAoB,CAAC,IAAI,CAAC;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,aAAa,CAAC,EAAE,oBAAoB,CAAC,KAAK,CAAC;IAC3C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,4BAA6B,SAAQ,YAAY,CAAC,oBAAoB,EAAE,MAAM,CAAC,EAAE,0BAA0B;IACnH;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;CACzB;AAED,yBAAiB,oBAAoB,CAAC;IAGpC,KAAY,IAAI,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,CAAC;IAChH,KAAY,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC;CACvD;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,aAAa,EACb,QAAe,EACf,SAAiB,EACjB,iBAAiB,EACjB,MAAiB,EACjB,GAAG,IAAI,EACR,EAAE,4BAA4B,eAiC9B"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["status-indicator/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAgB,MAAM,4BAA4B,CAAC;AAI9E,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAajD,MAAM,WAAW,oBAAqB,SAAQ,kBAAkB;IAC9D;;OAEG;IACH,IAAI,CAAC,EAAE,oBAAoB,CAAC,IAAI,CAAC;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,aAAa,CAAC,EAAE,oBAAoB,CAAC,KAAK,CAAC;IAC3C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,4BACf,SAAQ,YAAY,CAAC,oBAAoB,EAAE,MAAM,CAAC,EAChD,0BAA0B;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAExB;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,cAAc,CAAC;CACvC;AAED,yBAAiB,oBAAoB,CAAC;IAGpC,KAAY,IAAI,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,CAAC;IAChH,KAAY,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC;CACvD;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,aAAa,EACb,QAAe,EACf,SAAiB,EACjB,iBAAiB,EACjB,MAAiB,EACjB,SAA0B,EAC1B,GAAG,IAAI,EACR,EAAE,4BAA4B,eAkC9B"}

package/status-indicator/internal.js

@@ -18,12 +18,12 @@ const typeToIcon = size => ({
     loading: React.createElement(InternalSpinner, null),
 });
 export default function StatusIndicator(_a) {
-    var { type, children, iconAriaLabel, colorOverride, wrapText = true, __animate = false, __internalRootRef, __size = 'normal' } = _a, rest = __rest(_a, ["type", "children", "iconAriaLabel", "colorOverride", "wrapText", "__animate", "__internalRootRef", "__size"]);
+    var { type, children, iconAriaLabel, colorOverride, wrapText = true, __animate = false, __internalRootRef, __size = 'normal', __display = 'inline-block' } = _a, rest = __rest(_a, ["type", "children", "iconAriaLabel", "colorOverride", "wrapText", "__animate", "__internalRootRef", "__size", "__display"]);
     const baseProps = getBaseProps(rest);
     return (React.createElement("span", Object.assign({}, baseProps, { className: clsx(styles.root, styles[`status-${type}`], {
             [styles[`color-override-${colorOverride}`]]: colorOverride,
         }, baseProps.className), ref: __internalRootRef }),
-        React.createElement("span", { className: clsx(styles.container, wrapText === false && styles['overflow-ellipsis'], __animate && styles['container-fade-in']) },
+        React.createElement("span", { className: clsx(styles.container, styles[`display-${__display}`], wrapText === false && styles['overflow-ellipsis'], __animate && styles['container-fade-in']) },
             React.createElement("span", { className: clsx(styles.icon, __animate && styles['icon-shake']), "aria-label": iconAriaLabel, role: iconAriaLabel ? 'img' : undefined }, typeToIcon(__size)[type]),
             children)));
 }