@cloudscape-design/components 3.0.1067 → 3.0.1069

package/split-panel/styles.scoped.css

@@ -150,7 +150,7 @@ 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_1hxnd_153:not(#\9) {
+.awsui_drawer_1r9lg_492kg_153:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -187,37 +187,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background-color: var(--color-background-layout-panel-content-xto15e, #ffffff);
   z-index: 840;
 }
-.awsui_drawer-closed_1r9lg_1hxnd_190:not(#\9) {
-  cursor: pointer;
-}
-.awsui_drawer-closed_1r9lg_1hxnd_190:not(#\9):not(.awsui_refresh_1r9lg_1hxnd_193) {
+.awsui_drawer-closed_1r9lg_492kg_190:not(#\9):not(.awsui_refresh_1r9lg_492kg_190) {
   min-inline-size: 40px;
 }
 
-.awsui_drawer-content-side_1r9lg_1hxnd_197:not(#\9) {
+.awsui_drawer-content-side_1r9lg_492kg_194:not(#\9) {
   display: flex;
   align-items: center;
   block-size: 100%;
   overflow: auto;
 }
-.awsui_drawer-content-side_1r9lg_1hxnd_197 > [aria-hidden=true]:not(#\9), .awsui_drawer-closed_1r9lg_1hxnd_190.awsui_refresh_1r9lg_1hxnd_193 > .awsui_drawer-content-side_1r9lg_1hxnd_197:not(#\9) {
+.awsui_drawer-content-side_1r9lg_492kg_194 > [aria-hidden=true]:not(#\9), .awsui_drawer-closed_1r9lg_492kg_190.awsui_refresh_1r9lg_492kg_190 > .awsui_drawer-content-side_1r9lg_492kg_194:not(#\9) {
   display: none;
 }
-.awsui_drawer-closed_1r9lg_1hxnd_190:not(#\9):not(.awsui_refresh_1r9lg_1hxnd_193) > .awsui_drawer-content-side_1r9lg_1hxnd_197 {
+.awsui_drawer-closed_1r9lg_492kg_190:not(#\9):not(.awsui_refresh_1r9lg_492kg_190) > .awsui_drawer-content-side_1r9lg_492kg_194 {
   inline-size: 40px;
 }
-.awsui_drawer-closed_1r9lg_1hxnd_190:not(#\9):not(.awsui_refresh_1r9lg_1hxnd_193) > .awsui_drawer-content-side_1r9lg_1hxnd_197:hover {
+.awsui_drawer-closed_1r9lg_492kg_190:not(#\9):not(.awsui_refresh_1r9lg_492kg_190) > .awsui_drawer-content-side_1r9lg_492kg_194:hover {
   background: var(--color-background-layout-panel-hover-tguulw, #ebebf0);
 }
 
-:not(#\9):not(.awsui_drawer-closed_1r9lg_1hxnd_190) > .awsui_drawer-content-bottom_1r9lg_1hxnd_213 {
+:not(#\9):not(.awsui_drawer-closed_1r9lg_492kg_190) > .awsui_drawer-content-bottom_1r9lg_492kg_210 {
   overflow-y: auto;
   position: absolute;
   inset: 0;
   clip-path: border-box;
 }
 
-.awsui_position-bottom_1r9lg_1hxnd_220:not(#\9) {
+.awsui_position-bottom_1r9lg_492kg_217:not(#\9) {
   position: fixed;
   overflow-y: auto;
   /*
@@ -225,37 +222,38 @@ 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_1hxnd_220:not(#\9):not(.awsui_hidden_1r9lg_1hxnd_228) {
+.awsui_position-bottom_1r9lg_492kg_217:not(#\9):not(.awsui_hidden_1r9lg_492kg_225) {
   border-block-start: var(--border-panel-top-width-10990j, 1px) solid var(--color-border-divider-panel-bottom-bruvuz, #c6c6cd);
 }
-.awsui_position-bottom_1r9lg_1hxnd_220:not(#\9):not(.awsui_refresh_1r9lg_1hxnd_193) {
+.awsui_position-bottom_1r9lg_492kg_217:not(#\9):not(.awsui_refresh_1r9lg_492kg_190) {
   box-shadow: var(--shadow-split-bottom-vlyulf, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
   border-inline-start: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-divider-panel-bottom-bruvuz, #c6c6cd);
   border-inline-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-divider-panel-bottom-bruvuz, #c6c6cd);
 }
-.awsui_position-bottom_1r9lg_1hxnd_220.awsui_drawer-closed_1r9lg_1hxnd_190:not(#\9) {
+.awsui_position-bottom_1r9lg_492kg_217.awsui_drawer-closed_1r9lg_492kg_190:not(#\9) {
   overflow: hidden;
 }
-.awsui_position-bottom_1r9lg_1hxnd_220.awsui_drawer-closed_1r9lg_1hxnd_190:not(#\9):hover {
+.awsui_position-bottom_1r9lg_492kg_217.awsui_drawer-closed_1r9lg_492kg_190.awsui_drawer-clickable_1r9lg_492kg_236:not(#\9):hover {
+  cursor: pointer;
   background: var(--color-background-layout-panel-hover-tguulw, #ebebf0);
 }
-.awsui_position-bottom_1r9lg_1hxnd_220 > .awsui_drawer-content-bottom_1r9lg_1hxnd_213 > [aria-hidden=true]:not(#\9) {
+.awsui_position-bottom_1r9lg_492kg_217 > .awsui_drawer-content-bottom_1r9lg_492kg_210 > [aria-hidden=true]:not(#\9) {
   display: none;
 }
-.awsui_position-bottom_1r9lg_1hxnd_220.awsui_refresh_1r9lg_1hxnd_193:not(#\9) {
+.awsui_position-bottom_1r9lg_492kg_217.awsui_refresh_1r9lg_492kg_190:not(#\9) {
   position: relative;
 }
 
-.awsui_position-side_1r9lg_1hxnd_249:not(#\9) {
+.awsui_position-side_1r9lg_492kg_247:not(#\9) {
   border-block-start: none;
   box-shadow: var(--shadow-split-side-nyajix, -1px 0px 1px 0px #e9ebed, -36px 6px 36px -36px rgba(0, 7, 22, 0.1));
   block-size: 100%;
 }
-.awsui_position-side_1r9lg_1hxnd_249.awsui_with-toolbar_1r9lg_1hxnd_254:not(#\9) {
+.awsui_position-side_1r9lg_492kg_247.awsui_with-toolbar_1r9lg_492kg_252:not(#\9) {
   box-shadow: none;
 }
 
-.awsui_slider-wrapper-bottom_1r9lg_1hxnd_258:not(#\9) {
+.awsui_slider-wrapper-bottom_1r9lg_492kg_256:not(#\9) {
   position: absolute;
   inset-block-start: 0;
   inset-inline-start: 0;
@@ -266,7 +264,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   z-index: 2;
 }
 
-.awsui_slider-wrapper-side_1r9lg_1hxnd_269:not(#\9) {
+.awsui_slider-wrapper-side_1r9lg_492kg_267:not(#\9) {
   position: absolute;
   inset-inline-start: 0;
   inset-block-start: 0;
@@ -276,11 +274,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   align-items: center;
   z-index: 1;
 }
-.awsui_slider-wrapper-side_1r9lg_1hxnd_269.awsui_with-toolbar_1r9lg_1hxnd_254:not(#\9) {
+.awsui_slider-wrapper-side_1r9lg_492kg_267.awsui_with-toolbar_1r9lg_492kg_252:not(#\9) {
   position: unset;
 }
 
-.awsui_open-button-side_1r9lg_1hxnd_283:not(#\9) {
+.awsui_open-button-side_1r9lg_492kg_281:not(#\9) {
   flex: 0 0 auto;
   align-self: flex-start;
   box-sizing: border-box;
@@ -289,7 +287,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline: auto;
 }
 
-.awsui_pane-header-wrapper-bottom_1r9lg_1hxnd_292:not(#\9) {
+.awsui_pane-header-wrapper-bottom_1r9lg_492kg_290:not(#\9) {
   position: sticky;
   inset-block-start: 0;
   display: flex;
@@ -299,60 +297,60 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: 0;
   padding-inline: var(--space-layout-content-horizontal-buc0zz, 24px);
 }
-.awsui_drawer-mobile_1r9lg_1hxnd_302 > .awsui_drawer-content-bottom_1r9lg_1hxnd_213 > .awsui_pane-header-wrapper-bottom_1r9lg_1hxnd_292:not(#\9) {
+.awsui_drawer-mobile_1r9lg_492kg_300 > .awsui_drawer-content-bottom_1r9lg_492kg_210 > .awsui_pane-header-wrapper-bottom_1r9lg_492kg_290:not(#\9) {
   padding-block: 0;
   padding-inline: var(--space-l-2ud1p3, 20px);
 }
-.awsui_drawer-disable-content-paddings_1r9lg_1hxnd_306 > .awsui_drawer-content-bottom_1r9lg_1hxnd_213 > .awsui_pane-header-wrapper-bottom_1r9lg_1hxnd_292:not(#\9) {
+.awsui_drawer-disable-content-paddings_1r9lg_492kg_304 > .awsui_drawer-content-bottom_1r9lg_492kg_210 > .awsui_pane-header-wrapper-bottom_1r9lg_492kg_290:not(#\9) {
   padding-block: 0;
   padding-inline: var(--space-l-2ud1p3, 20px);
 }
-:not(#\9):not(.awsui_drawer-closed_1r9lg_1hxnd_190) > .awsui_drawer-content-bottom_1r9lg_1hxnd_213 > .awsui_pane-header-wrapper-bottom_1r9lg_1hxnd_292 {
+:not(#\9):not(.awsui_drawer-closed_1r9lg_492kg_190) > .awsui_drawer-content-bottom_1r9lg_492kg_210 > .awsui_pane-header-wrapper-bottom_1r9lg_492kg_290 {
   background-color: var(--color-background-layout-panel-content-xto15e, #ffffff);
   border-block-end: var(--border-panel-header-width-t1iq1m, 1px) solid var(--color-border-panel-header-ygztvl, #c6c6cd);
 }
-.awsui_with-toolbar_1r9lg_1hxnd_254:not(#\9):not(.awsui_drawer-closed_1r9lg_1hxnd_190) > .awsui_drawer-content-bottom_1r9lg_1hxnd_213 > .awsui_pane-header-wrapper-bottom_1r9lg_1hxnd_292 {
+.awsui_with-toolbar_1r9lg_492kg_252:not(#\9):not(.awsui_drawer-closed_1r9lg_492kg_190) > .awsui_drawer-content-bottom_1r9lg_492kg_210 > .awsui_pane-header-wrapper-bottom_1r9lg_492kg_290 {
   border-color: transparent;
 }
 
-.awsui_content-bottom_1r9lg_1hxnd_318:not(#\9) {
+.awsui_content-bottom_1r9lg_492kg_316:not(#\9) {
   padding-block: 0;
   padding-inline: var(--space-layout-content-horizontal-buc0zz, 24px);
   margin-block-start: var(--space-panel-split-top-3u4vky, 20px);
   position: relative;
   z-index: 0;
 }
-.awsui_with-toolbar_1r9lg_1hxnd_254 > .awsui_drawer-content-bottom_1r9lg_1hxnd_213 > .awsui_content-bottom_1r9lg_1hxnd_318:not(#\9) {
+.awsui_with-toolbar_1r9lg_492kg_252 > .awsui_drawer-content-bottom_1r9lg_492kg_210 > .awsui_content-bottom_1r9lg_492kg_316:not(#\9) {
   margin-block-start: 0px;
 }
-.awsui_drawer-mobile_1r9lg_1hxnd_302 > .awsui_drawer-content-bottom_1r9lg_1hxnd_213 > .awsui_content-bottom_1r9lg_1hxnd_318:not(#\9) {
+.awsui_drawer-mobile_1r9lg_492kg_300 > .awsui_drawer-content-bottom_1r9lg_492kg_210 > .awsui_content-bottom_1r9lg_492kg_316:not(#\9) {
   padding-block: 0;
   padding-inline: var(--space-l-2ud1p3, 20px);
 }
-.awsui_drawer-disable-content-paddings_1r9lg_1hxnd_306 > .awsui_drawer-content-bottom_1r9lg_1hxnd_213 > .awsui_content-bottom_1r9lg_1hxnd_318:not(#\9) {
+.awsui_drawer-disable-content-paddings_1r9lg_492kg_304 > .awsui_drawer-content-bottom_1r9lg_492kg_210 > .awsui_content-bottom_1r9lg_492kg_316:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
 }
 
-.awsui_pane-bottom-center-align_1r9lg_1hxnd_337:not(#\9) {
+.awsui_pane-bottom-center-align_1r9lg_492kg_335:not(#\9) {
   display: flex;
   justify-content: center;
 }
 
-.awsui_pane-bottom-content-nav-padding_1r9lg_1hxnd_342:not(#\9) {
+.awsui_pane-bottom-content-nav-padding_1r9lg_492kg_340:not(#\9) {
   padding-inline-start: calc(var(--space-layout-toggle-diameter-j2qffw, 36px) + 2 * var(--space-layout-toggle-padding-chwlhz, 12px));
 }
 
-.awsui_pane-bottom-content-tools-padding_1r9lg_1hxnd_346:not(#\9) {
+.awsui_pane-bottom-content-tools-padding_1r9lg_492kg_344:not(#\9) {
   padding-inline-end: calc(var(--space-layout-toggle-diameter-j2qffw, 36px) + 2 * var(--space-layout-toggle-padding-chwlhz, 12px));
 }
 
-.awsui_content-bottom-max-width_1r9lg_1hxnd_350:not(#\9) {
+.awsui_content-bottom-max-width_1r9lg_492kg_348:not(#\9) {
   flex-grow: 1;
   max-inline-size: 100%;
 }
 
-.awsui_content-side_1r9lg_1hxnd_355:not(#\9) {
+.awsui_content-side_1r9lg_492kg_353:not(#\9) {
   flex: auto;
   align-self: flex-start;
   box-sizing: border-box;
@@ -361,57 +359,96 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-inline: 0;
   block-size: 100%;
 }
-.awsui_content-side_1r9lg_1hxnd_355.awsui_with-toolbar_1r9lg_1hxnd_254:not(#\9) {
+.awsui_content-side_1r9lg_492kg_353.awsui_with-toolbar_1r9lg_492kg_252:not(#\9) {
   position: absolute;
 }
-.awsui_content-side_1r9lg_1hxnd_355 > .awsui_pane-header-wrapper-side_1r9lg_1hxnd_367:not(#\9) {
+.awsui_content-side_1r9lg_492kg_353 > .awsui_pane-header-wrapper-side_1r9lg_492kg_365:not(#\9) {
   padding-block: 0;
   padding-inline-end: var(--space-m-dsumyt, 16px);
   padding-inline-start: var(--space-panel-side-left-u1m3s9, 28px);
   border-block-end: var(--border-panel-header-width-t1iq1m, 1px) solid var(--color-border-panel-header-ygztvl, #c6c6cd);
 }
-.awsui_content-side_1r9lg_1hxnd_355.awsui_with-toolbar_1r9lg_1hxnd_254 > .awsui_pane-header-wrapper-side_1r9lg_1hxnd_367:not(#\9) {
+.awsui_content-side_1r9lg_492kg_353.awsui_with-toolbar_1r9lg_492kg_252 > .awsui_pane-header-wrapper-side_1r9lg_492kg_365:not(#\9) {
   border-color: transparent;
 }
-.awsui_content-side_1r9lg_1hxnd_355 > .awsui_pane-content-wrapper-side_1r9lg_1hxnd_376:not(#\9) {
+.awsui_content-side_1r9lg_492kg_353 > .awsui_pane-content-wrapper-side_1r9lg_492kg_374:not(#\9) {
   padding-block: 0;
   padding-inline-start: var(--space-panel-side-left-u1m3s9, 28px);
   padding-inline-end: var(--space-panel-side-right-8wwirc, 24px);
   margin-block-start: var(--space-panel-split-top-3u4vky, 20px);
   margin-block-end: var(--space-panel-split-bottom-ir16d7, 20px);
 }
-.awsui_content-side_1r9lg_1hxnd_355.awsui_with-toolbar_1r9lg_1hxnd_254 > .awsui_pane-content-wrapper-side_1r9lg_1hxnd_376:not(#\9) {
+.awsui_content-side_1r9lg_492kg_353.awsui_with-toolbar_1r9lg_492kg_252 > .awsui_pane-content-wrapper-side_1r9lg_492kg_374:not(#\9) {
   margin-block-start: 0px;
 }
 
-.awsui_header_1r9lg_1hxnd_387:not(#\9) {
-  display: flex;
-  flex: auto;
-  flex-direction: row;
-  align-items: flex-start;
-  justify-content: space-between;
+.awsui_header_1r9lg_492kg_385:not(#\9) {
   inline-size: 100%;
   margin-block: var(--size-vertical-panel-icon-offset-z959cw, 15px);
   margin-inline: 0;
 }
-.awsui_header_1r9lg_1hxnd_387.awsui_with-toolbar_1r9lg_1hxnd_254:not(#\9) {
+.awsui_header_1r9lg_492kg_385.awsui_with-toolbar_1r9lg_492kg_252:not(#\9) {
   margin-block: 14px;
 }
-.awsui_header-text_1r9lg_1hxnd_400:not(#\9) {
+.awsui_header-main-row_1r9lg_492kg_393:not(#\9), .awsui_header-main-content_1r9lg_492kg_393:not(#\9) {
+  display: flex;
+}
+.awsui_header-main-row_1r9lg_492kg_393:not(#\9) {
+  align-items: flex-start;
+}
+.awsui_header-main-content_1r9lg_492kg_393:not(#\9) {
+  flex: auto;
+  flex-direction: row;
+  column-gap: var(--space-scaled-xs-xwoogq, 8px);
+  row-gap: var(--space-scaled-xxs-pfm1nx, 4px);
+  justify-content: space-between;
+  align-items: flex-start;
+}
+.awsui_header-tag-and-info_1r9lg_492kg_407:not(#\9) {
+  flex-grow: 1;
+  margin-block-start: calc(var(--space-scaled-xxs-pfm1nx, 4px) + 1px);
+  line-height: var(--line-height-body-s-nu5hx1, 16px);
+}
+.awsui_header-tag-and-info_1r9lg_492kg_407.awsui_with-description_1r9lg_492kg_412:not(#\9) {
+  margin-block-end: var(--space-scaled-xxxs-oo06c7, 2px);
+}
+.awsui_header-tag_1r9lg_492kg_407.awsui_with-info_1r9lg_492kg_415:not(#\9), .awsui_header-text_1r9lg_492kg_415:not(#\9) {
+  display: inline;
+}
+.awsui_header-tag_1r9lg_492kg_407:not(#\9) {
+  margin-block: 0;
+}
+.awsui_header-before-slot_1r9lg_492kg_421:not(#\9), .awsui_header-text_1r9lg_492kg_415:not(#\9) {
   font-size: var(--font-panel-header-size-33h9j8, 18px);
   letter-spacing: var(--letter-spacing-heading-m-29ewnk, -0.01em);
   line-height: var(--font-panel-header-line-height-8xb2qj, 22px);
   font-weight: var(--font-weight-heading-l-0t6dwc, 700);
   -webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
-  padding-block: 0;
-  padding-inline: 0;
+}
+.awsui_header-before-slot_1r9lg_492kg_421:not(#\9) {
+  margin-block-start: calc(-1 * calc(var(--space-scaled-xxs-pfm1nx, 4px) + 1px));
+}
+.awsui_header-tag_1r9lg_492kg_407.awsui_with-info_1r9lg_492kg_415 > .awsui_header-before-slot_1r9lg_492kg_421:not(#\9), .awsui_header-before-slot_1r9lg_492kg_421.awsui_with-header-text_1r9lg_492kg_432:not(#\9) {
+  display: inline-block;
+}
+.awsui_header-before-slot_1r9lg_492kg_421.awsui_with-header-text_1r9lg_492kg_432:not(#\9), .awsui_header-tag_1r9lg_492kg_407.awsui_with-info_1r9lg_492kg_415:not(#\9) {
+  margin-inline-end: var(--space-scaled-xs-xwoogq, 8px);
+}
+.awsui_header-actions-slot_1r9lg_492kg_438:not(#\9) {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  min-block-size: calc(var(--font-panel-header-line-height-8xb2qj, 22px) + 2 * calc(var(--space-scaled-xxs-pfm1nx, 4px) + 1px));
+}
+.awsui_header-description_1r9lg_492kg_444:not(#\9) {
+  color: var(--color-text-heading-secondary-iwtvf6, #424650);
+  font-size: var(--font-size-body-m-a7nh2n, 14px);
+  line-height: var(--line-height-body-m-2mh3ke, 20px);
   margin-block: 0;
-  margin-inline: 0;
-  margin-block-start: calc(var(--space-scaled-xxs-pfm1nx, 4px) + 1px);
 }
 
-.awsui_header-actions_1r9lg_1hxnd_414:not(#\9) {
+.awsui_header-buttons_1r9lg_492kg_451:not(#\9) {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
@@ -419,7 +456,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline-start: var(--space-xs-ymlm0b, 8px);
 }
 
-.awsui_divider_1r9lg_1hxnd_422:not(#\9) {
+.awsui_divider_1r9lg_492kg_459:not(#\9) {
   border-inline-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-divider-default-nr68jt, #c6c6cd);
   margin-block: var(--space-scaled-xxs-pfm1nx, 4px);
   margin-inline: var(--space-scaled-xs-xwoogq, 8px);

package/split-panel/styles.selectors.js

@@ -2,32 +2,43 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "drawer": "awsui_drawer_1r9lg_1hxnd_153",
-  "drawer-closed": "awsui_drawer-closed_1r9lg_1hxnd_190",
-  "refresh": "awsui_refresh_1r9lg_1hxnd_193",
-  "drawer-content-side": "awsui_drawer-content-side_1r9lg_1hxnd_197",
-  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_1hxnd_213",
-  "position-bottom": "awsui_position-bottom_1r9lg_1hxnd_220",
-  "hidden": "awsui_hidden_1r9lg_1hxnd_228",
-  "position-side": "awsui_position-side_1r9lg_1hxnd_249",
-  "with-toolbar": "awsui_with-toolbar_1r9lg_1hxnd_254",
-  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_1hxnd_258",
-  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_1hxnd_269",
-  "open-button-side": "awsui_open-button-side_1r9lg_1hxnd_283",
-  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_1hxnd_292",
-  "drawer-mobile": "awsui_drawer-mobile_1r9lg_1hxnd_302",
-  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_1hxnd_306",
-  "content-bottom": "awsui_content-bottom_1r9lg_1hxnd_318",
-  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_1hxnd_337",
-  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_1hxnd_342",
-  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_1hxnd_346",
-  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_1hxnd_350",
-  "content-side": "awsui_content-side_1r9lg_1hxnd_355",
-  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_1hxnd_367",
-  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_1hxnd_376",
-  "header": "awsui_header_1r9lg_1hxnd_387",
-  "header-text": "awsui_header-text_1r9lg_1hxnd_400",
-  "header-actions": "awsui_header-actions_1r9lg_1hxnd_414",
-  "divider": "awsui_divider_1r9lg_1hxnd_422"
+  "drawer": "awsui_drawer_1r9lg_492kg_153",
+  "drawer-closed": "awsui_drawer-closed_1r9lg_492kg_190",
+  "refresh": "awsui_refresh_1r9lg_492kg_190",
+  "drawer-content-side": "awsui_drawer-content-side_1r9lg_492kg_194",
+  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_492kg_210",
+  "position-bottom": "awsui_position-bottom_1r9lg_492kg_217",
+  "hidden": "awsui_hidden_1r9lg_492kg_225",
+  "drawer-clickable": "awsui_drawer-clickable_1r9lg_492kg_236",
+  "position-side": "awsui_position-side_1r9lg_492kg_247",
+  "with-toolbar": "awsui_with-toolbar_1r9lg_492kg_252",
+  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_492kg_256",
+  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_492kg_267",
+  "open-button-side": "awsui_open-button-side_1r9lg_492kg_281",
+  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_492kg_290",
+  "drawer-mobile": "awsui_drawer-mobile_1r9lg_492kg_300",
+  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_492kg_304",
+  "content-bottom": "awsui_content-bottom_1r9lg_492kg_316",
+  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_492kg_335",
+  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_492kg_340",
+  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_492kg_344",
+  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_492kg_348",
+  "content-side": "awsui_content-side_1r9lg_492kg_353",
+  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_492kg_365",
+  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_492kg_374",
+  "header": "awsui_header_1r9lg_492kg_385",
+  "header-main-row": "awsui_header-main-row_1r9lg_492kg_393",
+  "header-main-content": "awsui_header-main-content_1r9lg_492kg_393",
+  "header-tag-and-info": "awsui_header-tag-and-info_1r9lg_492kg_407",
+  "with-description": "awsui_with-description_1r9lg_492kg_412",
+  "header-tag": "awsui_header-tag_1r9lg_492kg_407",
+  "with-info": "awsui_with-info_1r9lg_492kg_415",
+  "header-text": "awsui_header-text_1r9lg_492kg_415",
+  "header-before-slot": "awsui_header-before-slot_1r9lg_492kg_421",
+  "with-header-text": "awsui_with-header-text_1r9lg_492kg_432",
+  "header-actions-slot": "awsui_header-actions-slot_1r9lg_492kg_438",
+  "header-description": "awsui_header-description_1r9lg_492kg_444",
+  "header-buttons": "awsui_header-buttons_1r9lg_492kg_451",
+  "divider": "awsui_divider_1r9lg_492kg_459"
 };
   

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

@@ -1,13 +1,17 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_rjqu5_zu8o5_5",
-  "header-text": "awsui_header-text_rjqu5_zu8o5_6",
-  "open-button": "awsui_open-button_rjqu5_zu8o5_7",
-  "close-button": "awsui_close-button_rjqu5_zu8o5_8",
-  "preferences-button": "awsui_preferences-button_rjqu5_zu8o5_9",
-  "slider": "awsui_slider_rjqu5_zu8o5_10",
-  "open-position-bottom": "awsui_open-position-bottom_rjqu5_zu8o5_11",
-  "open-position-side": "awsui_open-position-side_rjqu5_zu8o5_12"
+  "root": "awsui_root_rjqu5_1kbym_5",
+  "header-actions": "awsui_header-actions_rjqu5_1kbym_6",
+  "header-before": "awsui_header-before_rjqu5_1kbym_7",
+  "header-description": "awsui_header-description_rjqu5_1kbym_8",
+  "header-info": "awsui_header-info_rjqu5_1kbym_9",
+  "header-text": "awsui_header-text_rjqu5_1kbym_10",
+  "open-button": "awsui_open-button_rjqu5_1kbym_11",
+  "close-button": "awsui_close-button_rjqu5_1kbym_12",
+  "preferences-button": "awsui_preferences-button_rjqu5_1kbym_13",
+  "slider": "awsui_slider_rjqu5_1kbym_14",
+  "open-position-bottom": "awsui_open-position-bottom_rjqu5_1kbym_15",
+  "open-position-side": "awsui_open-position-side_rjqu5_1kbym_16"
 };
   

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

@@ -2,13 +2,17 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_rjqu5_zu8o5_5:not(#\9),
-.awsui_header-text_rjqu5_zu8o5_6:not(#\9),
-.awsui_open-button_rjqu5_zu8o5_7:not(#\9),
-.awsui_close-button_rjqu5_zu8o5_8:not(#\9),
-.awsui_preferences-button_rjqu5_zu8o5_9:not(#\9),
-.awsui_slider_rjqu5_zu8o5_10:not(#\9),
-.awsui_open-position-bottom_rjqu5_zu8o5_11:not(#\9),
-.awsui_open-position-side_rjqu5_zu8o5_12:not(#\9) {
+.awsui_root_rjqu5_1kbym_5:not(#\9),
+.awsui_header-actions_rjqu5_1kbym_6:not(#\9),
+.awsui_header-before_rjqu5_1kbym_7:not(#\9),
+.awsui_header-description_rjqu5_1kbym_8:not(#\9),
+.awsui_header-info_rjqu5_1kbym_9:not(#\9),
+.awsui_header-text_rjqu5_1kbym_10:not(#\9),
+.awsui_open-button_rjqu5_1kbym_11:not(#\9),
+.awsui_close-button_rjqu5_1kbym_12:not(#\9),
+.awsui_preferences-button_rjqu5_1kbym_13:not(#\9),
+.awsui_slider_rjqu5_1kbym_14:not(#\9),
+.awsui_open-position-bottom_rjqu5_1kbym_15:not(#\9),
+.awsui_open-position-side_rjqu5_1kbym_16:not(#\9) {
   /* used in test-utils */
 }

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

@@ -2,13 +2,17 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_rjqu5_zu8o5_5",
-  "header-text": "awsui_header-text_rjqu5_zu8o5_6",
-  "open-button": "awsui_open-button_rjqu5_zu8o5_7",
-  "close-button": "awsui_close-button_rjqu5_zu8o5_8",
-  "preferences-button": "awsui_preferences-button_rjqu5_zu8o5_9",
-  "slider": "awsui_slider_rjqu5_zu8o5_10",
-  "open-position-bottom": "awsui_open-position-bottom_rjqu5_zu8o5_11",
-  "open-position-side": "awsui_open-position-side_rjqu5_zu8o5_12"
+  "root": "awsui_root_rjqu5_1kbym_5",
+  "header-actions": "awsui_header-actions_rjqu5_1kbym_6",
+  "header-before": "awsui_header-before_rjqu5_1kbym_7",
+  "header-description": "awsui_header-description_rjqu5_1kbym_8",
+  "header-info": "awsui_header-info_rjqu5_1kbym_9",
+  "header-text": "awsui_header-text_rjqu5_1kbym_10",
+  "open-button": "awsui_open-button_rjqu5_1kbym_11",
+  "close-button": "awsui_close-button_rjqu5_1kbym_12",
+  "preferences-button": "awsui_preferences-button_rjqu5_1kbym_13",
+  "slider": "awsui_slider_rjqu5_1kbym_14",
+  "open-position-bottom": "awsui_open-position-bottom_rjqu5_1kbym_15",
+  "open-position-side": "awsui_open-position-side_rjqu5_1kbym_16"
 };
   

package/tabs/tab-header-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab-header-bar.d.ts","sourceRoot":"","sources":["../../../src/tabs/tab-header-bar.tsx"],"names":[],"mappings":";AA+BA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AA0CzC,UAAU,iBAAiB;IACzB,QAAQ,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,YAAY,KAAK,IAAI,CAAC;IACzD,WAAW,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;IACtC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACxB,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC;IACpC,sBAAsB,EAAE,QAAQ,CAAC,SAAS,CAAC,wBAAwB,CAAC,CAAC,CAAC;IACtE,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAChC;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,OAAO,EACP,WAAW,EACX,SAAS,EACT,cAAc,EACd,WAAW,EACX,sBAAsB,EACtB,OAAO,GACR,EAAE,iBAAiB,eAibnB;AA6ED,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,UAEzF"}
+{"version":3,"file":"tab-header-bar.d.ts","sourceRoot":"","sources":["../../../src/tabs/tab-header-bar.tsx"],"names":[],"mappings":";AAiCA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AA0CzC,UAAU,iBAAiB;IACzB,QAAQ,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,YAAY,KAAK,IAAI,CAAC;IACzD,WAAW,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;IACtC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACxB,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC;IACpC,sBAAsB,EAAE,QAAQ,CAAC,SAAS,CAAC,wBAAwB,CAAC,CAAC,CAAC;IACtE,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAChC;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,OAAO,EACP,WAAW,EACX,SAAS,EACT,cAAc,EACd,WAAW,EACX,sBAAsB,EACtB,OAAO,GACR,EAAE,iBAAiB,eAqbnB;AA6ED,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,UAEzF"}

package/tabs/tab-header-bar.js

@@ -16,6 +16,7 @@ import { usePrevious } from '../internal/hooks/use-previous';
 import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
 import { KeyCode } from '../internal/keycode';
 import { circleIndex } from '../internal/utils/circle-index';
+import { isHTMLElement } from '../internal/utils/dom';
 import handleKey from '../internal/utils/handle-key';
 import { hasHorizontalOverflow, hasInlineEndOverflow, hasInlineStartOverflow, onPaginationClick, scrollIntoView, } from './scroll-utils';
 import analyticsSelectors from './analytics-metadata/styles.css.js';
@@ -34,8 +35,10 @@ export function TabHeaderBar({ onChange, activeTabId, tabs, variant, idNamespace
     const i18n = useInternalI18n('tabs');
     const isVisualRefresh = useVisualRefresh();
     const containerObjectRef = useRef(null);
+    const documentRef = useRef(typeof document !== 'undefined' ? document : null);
+    const documentRefCallback = (node) => { var _a; return (documentRef.current = (_a = node === null || node === void 0 ? void 0 : node.ownerDocument) !== null && _a !== void 0 ? _a : document); };
     const [widthChange, containerMeasureRef] = useContainerQuery(rect => rect.contentBoxWidth);
-    const containerRef = useMergeRefs(containerObjectRef, containerMeasureRef);
+    const containerRef = useMergeRefs(containerObjectRef, containerMeasureRef, documentRefCallback);
     const tabRefs = useRef(new Map());
     const [horizontalOverflow, setHorizontalOverflow] = useState(false);
     const [inlineStartOverflow, setInlineStartOverflow] = useState(false);
@@ -99,8 +102,8 @@ export function TabHeaderBar({ onChange, activeTabId, tabs, variant, idNamespace
          When the selected tab changes and we are currently already focused on a tab,
          move the focus to the newly selected tab.
         */
-        if ((_a = headerBarRef.current) === null || _a === void 0 ? void 0 : _a.contains(document.activeElement)) {
-            if (document.activeElement !== activeTabHeaderRef.current) {
+        if (documentRef.current && ((_a = headerBarRef.current) === null || _a === void 0 ? void 0 : _a.contains(documentRef.current.activeElement))) {
+            if (documentRef.current.activeElement !== activeTabHeaderRef.current) {
                 (_b = activeTabHeaderRef.current) === null || _b === void 0 ? void 0 : _b.focus({ preventScroll: true });
             }
         }
@@ -156,7 +159,8 @@ export function TabHeaderBar({ onChange, activeTabId, tabs, variant, idNamespace
         (_a = navigationAPI.current) === null || _a === void 0 ? void 0 : _a.updateFocusTarget();
     }
     function onKeyDown(event) {
-        const focusTarget = document.activeElement;
+        var _a, _b, _c;
+        const focusTarget = (_a = documentRef.current) === null || _a === void 0 ? void 0 : _a.activeElement;
         const specialKeys = [
             KeyCode.right,
             KeyCode.left,
@@ -166,7 +170,7 @@ export function TabHeaderBar({ onChange, activeTabId, tabs, variant, idNamespace
             KeyCode.pageDown,
             KeyCode.space,
         ];
-        const isActionOpen = document.querySelector(`.${styles['tabs-tab-action']} [aria-expanded="true"]`);
+        const isActionOpen = (_b = documentRef.current) === null || _b === void 0 ? void 0 : _b.querySelector(`.${styles['tabs-tab-action']} [aria-expanded="true"]`);
         const isDismissOrActionFocused = !(focusTarget === null || focusTarget === void 0 ? void 0 : focusTarget.classList.contains(styles['tabs-tab-link']));
         if (isActionOpen) {
             return;
@@ -174,7 +178,7 @@ export function TabHeaderBar({ onChange, activeTabId, tabs, variant, idNamespace
         if (event.key === 'Tab' && !event.shiftKey && isDismissOrActionFocused) {
             event.preventDefault();
             const panelId = `${idNamespace}-${activeTabId}-panel`;
-            const panel = document.getElementById(panelId);
+            const panel = (_c = documentRef.current) === null || _c === void 0 ? void 0 : _c.getElementById(panelId);
             panel === null || panel === void 0 ? void 0 : panel.focus();
         }
         if (hasModifierKeys(event) || specialKeys.indexOf(event.keyCode) === -1) {
@@ -185,7 +189,7 @@ export function TabHeaderBar({ onChange, activeTabId, tabs, variant, idNamespace
         }
         event.preventDefault();
         const focusables = getFocusablesFrom(containerObjectRef.current);
-        const activeIndex = document.activeElement instanceof HTMLElement ? focusables.indexOf(document.activeElement) : -1;
+        const activeIndex = isHTMLElement(focusTarget) ? focusables.indexOf(focusTarget) : -1;
         handleKey(event, {
             onHome: () => focusElement(focusables[0]),
             onEnd: () => focusElement(focusables[focusables.length - 1]),
@@ -246,6 +250,7 @@ export function TabHeaderBar({ onChange, activeTabId, tabs, variant, idNamespace
         const { dismissible, dismissLabel, dismissDisabled, action, onDismiss } = tab;
         const isActive = activeTabId === tab.id && !tab.disabled;
         const clickTab = (event) => {
+            var _a;
             if (tab.disabled) {
                 event.preventDefault();
                 return;
@@ -260,7 +265,7 @@ export function TabHeaderBar({ onChange, activeTabId, tabs, variant, idNamespace
             if (!tab.href) {
                 const clickedTabRef = tabRefs.current.get(tab.id);
                 if (clickedTabRef) {
-                    if (clickedTabRef && clickedTabRef !== document.activeElement) {
+                    if (clickedTabRef && clickedTabRef !== ((_a = documentRef.current) === null || _a === void 0 ? void 0 : _a.activeElement)) {
                         clickedTabRef.focus({ preventScroll: true });
                     }
                 }