@cloudscape-design/components 3.0.640 → 3.0.641

package/split-panel/styles.scoped.css

@@ -198,36 +198,36 @@ 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_jkoke_201.awsui_refresh_1r9lg_jkoke_201:not(#\9) {
+.awsui_drawer_1r9lg_lic0n_201.awsui_refresh_1r9lg_lic0n_201:not(#\9) {
   transition-duration: var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
   transition-property: none;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_drawer_1r9lg_jkoke_201.awsui_refresh_1r9lg_jkoke_201:not(#\9) {
+  .awsui_drawer_1r9lg_lic0n_201.awsui_refresh_1r9lg_lic0n_201:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_drawer_1r9lg_jkoke_201.awsui_refresh_1r9lg_jkoke_201:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_jkoke_201.awsui_refresh_1r9lg_jkoke_201:not(#\9) {
+.awsui-motion-disabled .awsui_drawer_1r9lg_lic0n_201.awsui_refresh_1r9lg_lic0n_201:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_lic0n_201.awsui_refresh_1r9lg_lic0n_201:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_drawer_1r9lg_jkoke_201.awsui_refresh_1r9lg_jkoke_201.awsui_animating_1r9lg_jkoke_215:not(#\9) {
+.awsui_drawer_1r9lg_lic0n_201.awsui_refresh_1r9lg_lic0n_201.awsui_animating_1r9lg_lic0n_215:not(#\9) {
   transition-property: transform;
   transition-timing-function: var(--motion-easing-refresh-only-a-8flf9q, cubic-bezier(0, 0, 0, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_drawer_1r9lg_jkoke_201.awsui_refresh_1r9lg_jkoke_201.awsui_animating_1r9lg_jkoke_215:not(#\9) {
+  .awsui_drawer_1r9lg_lic0n_201.awsui_refresh_1r9lg_lic0n_201.awsui_animating_1r9lg_lic0n_215:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_drawer_1r9lg_jkoke_201.awsui_refresh_1r9lg_jkoke_201.awsui_animating_1r9lg_jkoke_215:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_jkoke_201.awsui_refresh_1r9lg_jkoke_201.awsui_animating_1r9lg_jkoke_215:not(#\9) {
+.awsui-motion-disabled .awsui_drawer_1r9lg_lic0n_201.awsui_refresh_1r9lg_lic0n_201.awsui_animating_1r9lg_lic0n_215:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_lic0n_201.awsui_refresh_1r9lg_lic0n_201.awsui_animating_1r9lg_lic0n_215:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_drawer_1r9lg_jkoke_201:not(#\9) {
+.awsui_drawer_1r9lg_lic0n_201:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -268,35 +268,35 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background-color: var(--color-background-layout-panel-content-t82vgh, #ffffff);
   z-index: 840;
 }
-.awsui_drawer-closed_1r9lg_jkoke_270:not(#\9) {
+.awsui_drawer-closed_1r9lg_lic0n_270:not(#\9) {
   cursor: pointer;
   min-inline-size: 40px;
 }
 
-.awsui_drawer-content-side_1r9lg_jkoke_275:not(#\9) {
+.awsui_drawer-content-side_1r9lg_lic0n_275:not(#\9) {
   display: flex;
   align-items: center;
   block-size: 100%;
   overflow: auto;
 }
-.awsui_drawer-closed_1r9lg_jkoke_270 > .awsui_drawer-content-side_1r9lg_jkoke_275:not(#\9) {
+.awsui_drawer-closed_1r9lg_lic0n_270 > .awsui_drawer-content-side_1r9lg_lic0n_275:not(#\9) {
   inline-size: 40px;
 }
-.awsui_drawer-closed_1r9lg_jkoke_270 > .awsui_drawer-content-side_1r9lg_jkoke_275:not(#\9):hover {
+.awsui_drawer-closed_1r9lg_lic0n_270 > .awsui_drawer-content-side_1r9lg_lic0n_275:not(#\9):hover {
   background: var(--color-background-layout-panel-hover-n9apd3, #e9ebed);
 }
-.awsui_drawer-content-side_1r9lg_jkoke_275 > [aria-hidden=true]:not(#\9) {
+.awsui_drawer-content-side_1r9lg_lic0n_275 > [aria-hidden=true]:not(#\9) {
   display: none;
 }
 
-:not(#\9):not(.awsui_drawer-closed_1r9lg_jkoke_270) > .awsui_drawer-content-bottom_1r9lg_jkoke_291 {
+:not(#\9):not(.awsui_drawer-closed_1r9lg_lic0n_270) > .awsui_drawer-content-bottom_1r9lg_lic0n_291 {
   overflow-y: auto;
   position: absolute;
   inset: 0;
   clip-path: border-box;
 }
 
-.awsui_position-bottom_1r9lg_jkoke_298:not(#\9) {
+.awsui_position-bottom_1r9lg_lic0n_298:not(#\9) {
   position: fixed;
   overflow-y: auto;
   border-block-start: var(--border-panel-top-width-7uc0w9, 1px) solid var(--color-border-divider-panel-bottom-dwyqvg, #b6bec9);
@@ -305,73 +305,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   SplitPanel is no longer in fixed position in the DOM.
   */
 }
-.awsui_position-bottom_1r9lg_jkoke_298:not(#\9):not(.awsui_refresh_1r9lg_jkoke_201) {
+.awsui_position-bottom_1r9lg_lic0n_298:not(#\9):not(.awsui_refresh_1r9lg_lic0n_201) {
   box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
   border-inline-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-panel-bottom-dwyqvg, #b6bec9);
   border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-panel-bottom-dwyqvg, #b6bec9);
 }
-.awsui_position-bottom_1r9lg_jkoke_298.awsui_drawer-closed_1r9lg_jkoke_270:not(#\9) {
+.awsui_position-bottom_1r9lg_lic0n_298.awsui_drawer-closed_1r9lg_lic0n_270:not(#\9) {
   overflow: hidden;
 }
-.awsui_position-bottom_1r9lg_jkoke_298.awsui_drawer-closed_1r9lg_jkoke_270:not(#\9):hover {
+.awsui_position-bottom_1r9lg_lic0n_298.awsui_drawer-closed_1r9lg_lic0n_270:not(#\9):hover {
   background: var(--color-background-layout-panel-hover-n9apd3, #e9ebed);
 }
-.awsui_position-bottom_1r9lg_jkoke_298 > .awsui_drawer-content-bottom_1r9lg_jkoke_291 > [aria-hidden=true]:not(#\9) {
+.awsui_position-bottom_1r9lg_lic0n_298 > .awsui_drawer-content-bottom_1r9lg_lic0n_291 > [aria-hidden=true]:not(#\9) {
   display: none;
 }
-.awsui_position-bottom_1r9lg_jkoke_298.awsui_refresh_1r9lg_jkoke_201:not(#\9) {
+.awsui_position-bottom_1r9lg_lic0n_298.awsui_refresh_1r9lg_lic0n_201:not(#\9) {
   position: relative;
 }
 
-.awsui_position-side_1r9lg_jkoke_325:not(#\9) {
+.awsui_position-side_1r9lg_lic0n_325:not(#\9) {
   border-block-start: none;
   box-shadow: var(--shadow-split-side-ggdtnk, -1px 0px 1px 0px #e9ebed, -36px 6px 36px -36px rgba(0, 7, 22, 0.1));
   block-size: 100%;
 }
 
-.awsui_slider_1r9lg_jkoke_331:not(#\9) {
-  padding-block: 0;
-  padding-inline: 0;
-  cursor: ns-resize;
-  margin-block-start: 2px;
-  margin-block-end: 0;
-  margin-inline: 0;
-  block-size: 16px;
-  touch-action: none;
-}
-.awsui_slider_1r9lg_jkoke_331:not(#\9):focus {
-  outline: none;
-}
-body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_jkoke_331:not(#\9):focus {
-  position: relative;
-}
-body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_jkoke_331:not(#\9):focus {
-  outline: 2px dotted transparent;
-  outline-offset: calc(0px - 1px);
-}
-body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_jkoke_331:not(#\9):focus::before {
-  content: " ";
-  display: block;
-  position: absolute;
-  inset-inline-start: calc(-1 * 0px);
-  inset-block-start: calc(-1 * 0px);
-  inline-size: calc(100% + 2 * 0px);
-  block-size: calc(100% + 2 * 0px);
-  border-start-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
-  border-start-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
-  border-end-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
-  border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
-}
-
-.awsui_slider-side_1r9lg_jkoke_366:not(#\9) {
-  cursor: ew-resize;
-  margin-block: 0;
-  margin-inline-start: 2px;
-  margin-inline-end: 0;
-}
-
-.awsui_slider-wrapper-bottom_1r9lg_jkoke_373:not(#\9) {
+.awsui_slider-wrapper-bottom_1r9lg_lic0n_331:not(#\9) {
   position: absolute;
   inset-block-start: 0;
   inset-inline-start: 0;
@@ -382,7 +340,7 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_jkoke_331:not(#\9):focus
   z-index: 2;
 }
 
-.awsui_slider-wrapper-side_1r9lg_jkoke_384:not(#\9) {
+.awsui_slider-wrapper-side_1r9lg_lic0n_342:not(#\9) {
   position: absolute;
   inset-inline-start: 0;
   inset-block-start: 0;
@@ -393,7 +351,7 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_jkoke_331:not(#\9):focus
   z-index: 1;
 }
 
-.awsui_open-button-side_1r9lg_jkoke_395:not(#\9) {
+.awsui_open-button-side_1r9lg_lic0n_353:not(#\9) {
   flex: 0 0 auto;
   align-self: flex-start;
   box-sizing: border-box;
@@ -402,21 +360,7 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_jkoke_331:not(#\9):focus
   margin-inline: auto;
 }
 
-.awsui_slider-icon_1r9lg_jkoke_404:not(#\9) {
-  stroke: var(--color-text-interactive-default-lnx6lk, #414d5c);
-}
-.awsui_slider-icon_1r9lg_jkoke_404:not(#\9):hover {
-  stroke: var(--color-text-interactive-hover-mj8add, #000716);
-}
-.awsui_slider-icon-bottom_1r9lg_jkoke_410:not(#\9) {
-  margin-block: auto;
-  margin-inline: auto;
-}
-.awsui_slider-icon-side_1r9lg_jkoke_414:not(#\9) {
-  transform: rotate(90deg);
-}
-
-.awsui_pane-header-wrapper-bottom_1r9lg_jkoke_418:not(#\9) {
+.awsui_pane-header-wrapper-bottom_1r9lg_lic0n_362:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   position: sticky;
   inset-block-start: 0;
@@ -427,54 +371,54 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_jkoke_331:not(#\9):focus
   padding-block: 0;
   padding-inline: var(--space-layout-content-horizontal-7l52k3, 24px);
 }
-.awsui_drawer-mobile_1r9lg_jkoke_429 > .awsui_drawer-content-bottom_1r9lg_jkoke_291 > .awsui_pane-header-wrapper-bottom_1r9lg_jkoke_418:not(#\9) {
+.awsui_drawer-mobile_1r9lg_lic0n_373 > .awsui_drawer-content-bottom_1r9lg_lic0n_291 > .awsui_pane-header-wrapper-bottom_1r9lg_lic0n_362:not(#\9) {
   padding-block: 0;
   padding-inline: var(--space-l-t419sm, 20px);
 }
-.awsui_drawer-disable-content-paddings_1r9lg_jkoke_433 > .awsui_drawer-content-bottom_1r9lg_jkoke_291 > .awsui_pane-header-wrapper-bottom_1r9lg_jkoke_418:not(#\9) {
+.awsui_drawer-disable-content-paddings_1r9lg_lic0n_377 > .awsui_drawer-content-bottom_1r9lg_lic0n_291 > .awsui_pane-header-wrapper-bottom_1r9lg_lic0n_362:not(#\9) {
   padding-block: 0;
   padding-inline: var(--space-l-t419sm, 20px);
 }
-:not(#\9):not(.awsui_drawer-closed_1r9lg_jkoke_270) > .awsui_drawer-content-bottom_1r9lg_jkoke_291 > .awsui_pane-header-wrapper-bottom_1r9lg_jkoke_418 {
+:not(#\9):not(.awsui_drawer-closed_1r9lg_lic0n_270) > .awsui_drawer-content-bottom_1r9lg_lic0n_291 > .awsui_pane-header-wrapper-bottom_1r9lg_lic0n_362 {
   background-color: var(--color-background-layout-panel-content-t82vgh, #ffffff);
   border-block-end: var(--border-panel-header-width-3w1py7, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
 }
 
-.awsui_content-bottom_1r9lg_jkoke_442:not(#\9) {
+.awsui_content-bottom_1r9lg_lic0n_386:not(#\9) {
   padding-block: 0;
   padding-inline: var(--space-layout-content-horizontal-7l52k3, 24px);
   margin-block-start: var(--space-panel-split-top-q1pux4, 20px);
   position: relative;
   z-index: 0;
 }
-.awsui_drawer-mobile_1r9lg_jkoke_429 > .awsui_drawer-content-bottom_1r9lg_jkoke_291 > .awsui_content-bottom_1r9lg_jkoke_442:not(#\9) {
+.awsui_drawer-mobile_1r9lg_lic0n_373 > .awsui_drawer-content-bottom_1r9lg_lic0n_291 > .awsui_content-bottom_1r9lg_lic0n_386:not(#\9) {
   padding-block: 0;
   padding-inline: var(--space-l-t419sm, 20px);
 }
-.awsui_drawer-disable-content-paddings_1r9lg_jkoke_433 > .awsui_drawer-content-bottom_1r9lg_jkoke_291 > .awsui_content-bottom_1r9lg_jkoke_442:not(#\9) {
+.awsui_drawer-disable-content-paddings_1r9lg_lic0n_377 > .awsui_drawer-content-bottom_1r9lg_lic0n_291 > .awsui_content-bottom_1r9lg_lic0n_386:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
 }
 
-.awsui_pane-bottom-center-align_1r9lg_jkoke_458:not(#\9) {
+.awsui_pane-bottom-center-align_1r9lg_lic0n_402:not(#\9) {
   display: flex;
   justify-content: center;
 }
 
-.awsui_pane-bottom-content-nav-padding_1r9lg_jkoke_463:not(#\9) {
+.awsui_pane-bottom-content-nav-padding_1r9lg_lic0n_407:not(#\9) {
   padding-inline-start: calc(var(--space-layout-toggle-diameter-hb85rk, 36px) + 2 * var(--space-layout-toggle-padding-lcu6qi, 12px));
 }
 
-.awsui_pane-bottom-content-tools-padding_1r9lg_jkoke_467:not(#\9) {
+.awsui_pane-bottom-content-tools-padding_1r9lg_lic0n_411:not(#\9) {
   padding-inline-end: calc(var(--space-layout-toggle-diameter-hb85rk, 36px) + 2 * var(--space-layout-toggle-padding-lcu6qi, 12px));
 }
 
-.awsui_content-bottom-max-width_1r9lg_jkoke_471:not(#\9) {
+.awsui_content-bottom-max-width_1r9lg_lic0n_415:not(#\9) {
   flex-grow: 1;
   max-inline-size: 100%;
 }
 
-.awsui_content-side_1r9lg_jkoke_476:not(#\9) {
+.awsui_content-side_1r9lg_lic0n_420:not(#\9) {
   flex: auto;
   align-self: flex-start;
   box-sizing: border-box;
@@ -484,13 +428,13 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_jkoke_331:not(#\9):focus
   inset-inline: 0;
   block-size: 100%;
 }
-.awsui_content-side_1r9lg_jkoke_476 > .awsui_pane-header-wrapper-side_1r9lg_jkoke_486:not(#\9) {
+.awsui_content-side_1r9lg_lic0n_420 > .awsui_pane-header-wrapper-side_1r9lg_lic0n_430:not(#\9) {
   padding-block: 0;
   padding-inline-end: var(--space-m-udix3p, 16px);
   padding-inline-start: var(--space-panel-side-left-5t0who, 28px);
   border-block-end: var(--border-panel-header-width-3w1py7, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
 }
-.awsui_content-side_1r9lg_jkoke_476 > .awsui_pane-content-wrapper-side_1r9lg_jkoke_492:not(#\9) {
+.awsui_content-side_1r9lg_lic0n_420 > .awsui_pane-content-wrapper-side_1r9lg_lic0n_436:not(#\9) {
   padding-block: 0;
   padding-inline-start: var(--space-panel-side-left-5t0who, 28px);
   padding-inline-end: var(--space-panel-side-right-xofg51, 24px);
@@ -498,7 +442,7 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_jkoke_331:not(#\9):focus
   margin-block-end: var(--space-panel-split-bottom-qwdduf, 20px);
 }
 
-.awsui_header_1r9lg_jkoke_500:not(#\9) {
+.awsui_header_1r9lg_lic0n_444:not(#\9) {
   display: flex;
   flex: auto;
   flex-direction: row;
@@ -508,7 +452,7 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_jkoke_331:not(#\9):focus
   margin-block: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
   margin-inline: 0;
 }
-.awsui_header-text_1r9lg_jkoke_510:not(#\9) {
+.awsui_header-text_1r9lg_lic0n_454:not(#\9) {
   font-size: var(--font-panel-header-size-edjz3l, 18px);
   line-height: var(--font-panel-header-line-height-kxi4u2, 22px);
   font-weight: var(--font-weight-heading-l-f8711v, 700);
@@ -521,7 +465,7 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_jkoke_331:not(#\9):focus
   margin-block-start: calc(var(--space-scaled-xxs-7597g1, 4px) + 1px);
 }
 
-.awsui_header-actions_1r9lg_jkoke_523:not(#\9) {
+.awsui_header-actions_1r9lg_lic0n_467:not(#\9) {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
@@ -529,7 +473,7 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_jkoke_331:not(#\9):focus
   margin-inline-start: var(--space-xs-zb16t3, 8px);
 }
 
-.awsui_divider_1r9lg_jkoke_531:not(#\9) {
+.awsui_divider_1r9lg_lic0n_475:not(#\9) {
   border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
   margin-block: var(--space-scaled-xxs-7597g1, 4px);
   margin-inline: var(--space-scaled-xs-26e2du, 8px);

package/split-panel/styles.selectors.js

@@ -2,36 +2,31 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "drawer": "awsui_drawer_1r9lg_jkoke_201",
-  "refresh": "awsui_refresh_1r9lg_jkoke_201",
-  "animating": "awsui_animating_1r9lg_jkoke_215",
-  "drawer-closed": "awsui_drawer-closed_1r9lg_jkoke_270",
-  "drawer-content-side": "awsui_drawer-content-side_1r9lg_jkoke_275",
-  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_jkoke_291",
-  "position-bottom": "awsui_position-bottom_1r9lg_jkoke_298",
-  "position-side": "awsui_position-side_1r9lg_jkoke_325",
-  "slider": "awsui_slider_1r9lg_jkoke_331",
-  "slider-side": "awsui_slider-side_1r9lg_jkoke_366",
-  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_jkoke_373",
-  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_jkoke_384",
-  "open-button-side": "awsui_open-button-side_1r9lg_jkoke_395",
-  "slider-icon": "awsui_slider-icon_1r9lg_jkoke_404",
-  "slider-icon-bottom": "awsui_slider-icon-bottom_1r9lg_jkoke_410",
-  "slider-icon-side": "awsui_slider-icon-side_1r9lg_jkoke_414",
-  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_jkoke_418",
-  "drawer-mobile": "awsui_drawer-mobile_1r9lg_jkoke_429",
-  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_jkoke_433",
-  "content-bottom": "awsui_content-bottom_1r9lg_jkoke_442",
-  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_jkoke_458",
-  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_jkoke_463",
-  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_jkoke_467",
-  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_jkoke_471",
-  "content-side": "awsui_content-side_1r9lg_jkoke_476",
-  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_jkoke_486",
-  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_jkoke_492",
-  "header": "awsui_header_1r9lg_jkoke_500",
-  "header-text": "awsui_header-text_1r9lg_jkoke_510",
-  "header-actions": "awsui_header-actions_1r9lg_jkoke_523",
-  "divider": "awsui_divider_1r9lg_jkoke_531"
+  "drawer": "awsui_drawer_1r9lg_lic0n_201",
+  "refresh": "awsui_refresh_1r9lg_lic0n_201",
+  "animating": "awsui_animating_1r9lg_lic0n_215",
+  "drawer-closed": "awsui_drawer-closed_1r9lg_lic0n_270",
+  "drawer-content-side": "awsui_drawer-content-side_1r9lg_lic0n_275",
+  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_lic0n_291",
+  "position-bottom": "awsui_position-bottom_1r9lg_lic0n_298",
+  "position-side": "awsui_position-side_1r9lg_lic0n_325",
+  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_lic0n_331",
+  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_lic0n_342",
+  "open-button-side": "awsui_open-button-side_1r9lg_lic0n_353",
+  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_lic0n_362",
+  "drawer-mobile": "awsui_drawer-mobile_1r9lg_lic0n_373",
+  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_lic0n_377",
+  "content-bottom": "awsui_content-bottom_1r9lg_lic0n_386",
+  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_lic0n_402",
+  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_lic0n_407",
+  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_lic0n_411",
+  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_lic0n_415",
+  "content-side": "awsui_content-side_1r9lg_lic0n_420",
+  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_lic0n_430",
+  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_lic0n_436",
+  "header": "awsui_header_1r9lg_lic0n_444",
+  "header-text": "awsui_header-text_1r9lg_lic0n_454",
+  "header-actions": "awsui_header-actions_1r9lg_lic0n_467",
+  "divider": "awsui_divider_1r9lg_lic0n_475"
 };
   

package/table/selection/selection-control.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selection-control.d.ts","sourceRoot":"","sources":["../../../../src/table/selection/selection-control.tsx"],"names":[],"mappings":"AAGA,OAAc,EAAiB,oBAAoB,EAA0B,MAAM,OAAO,CAAC;AAO3F,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9C,MAAM,WAAW,qBAAsB,SAAQ,cAAc;IAC3D,aAAa,CAAC,CAAC,YAAY,EAAE,OAAO,GAAG,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,WAAW,CAAC,EAAE,oBAAoB,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;IACd,gBAAgB,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;CAClC;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,aAAa,EACb,aAAqB,EACrB,aAAa,EACb,SAAS,EACT,WAAW,EACX,IAAI,EACJ,SAAS,EACT,gBAAgB,EAChB,GAAG,WAAW,EACf,EAAE,qBAAqB,eA4EvB"}
+{"version":3,"file":"selection-control.d.ts","sourceRoot":"","sources":["../../../../src/table/selection/selection-control.tsx"],"names":[],"mappings":"AAGA,OAAc,EAAiB,oBAAoB,EAA0B,MAAM,OAAO,CAAC;AAO3F,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9C,MAAM,WAAW,qBAAsB,SAAQ,cAAc;IAC3D,aAAa,CAAC,CAAC,YAAY,EAAE,OAAO,GAAG,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,WAAW,CAAC,EAAE,oBAAoB,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;IACd,gBAAgB,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;CAClC;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,aAAa,EACb,aAAqB,EACrB,aAAa,EACb,SAAS,EACT,WAAW,EACX,IAAI,EACJ,SAAS,EACT,gBAAgB,EAChB,GAAG,WAAW,EACf,EAAE,qBAAqB,eA2EvB"}

package/table/selection/selection-control.js.map

@@ -1 +1 @@
-{"version":3,"file":"selection-control.js","sourceRoot":"","sources":["../../../../src/table/selection/selection-control.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { KeyboardEvent, KeyboardEventHandler, MouseEvent, useContext } from 'react';\nimport { KeyCode } from '../../internal/keycode';\nimport { useUniqueId } from '../../internal/hooks/use-unique-id';\nimport InternalCheckbox from '../../checkbox/internal';\nimport RadioButton from '../../radio-group/radio-button';\n\nimport styles from './styles.css.js';\nimport { SelectionProps } from './interfaces';\nimport { SingleTabStopNavigationContext } from '../../internal/context/single-tab-stop-navigation-context';\n\nexport interface SelectionControlProps extends SelectionProps {\n  onShiftToggle?(shiftPressed: boolean): void;\n  onFocusUp?: KeyboardEventHandler;\n  onFocusDown?: KeyboardEventHandler;\n  ariaLabel?: string;\n  tabIndex?: -1;\n  focusedComponent?: null | string;\n}\n\nexport function SelectionControl({\n  selectionType,\n  indeterminate = false,\n  onShiftToggle,\n  onFocusUp,\n  onFocusDown,\n  name,\n  ariaLabel,\n  focusedComponent,\n  ...sharedProps\n}: SelectionControlProps) {\n  const controlId = useUniqueId();\n  const isMultiSelection = selectionType === 'multi';\n  const { navigationActive } = useContext(SingleTabStopNavigationContext);\n\n  const setShiftState = (event: KeyboardEvent | MouseEvent) => {\n    if (isMultiSelection) {\n      onShiftToggle && onShiftToggle(event.shiftKey);\n    }\n  };\n\n  const onMouseDownHandler = (event: MouseEvent) => {\n    setShiftState(event);\n    if (isMultiSelection) {\n      // To overcome an issue\n      // If you shift+click or ctrl+click on a label for a checkbox, checkbox is not checked.\n      // https://bugzilla.mozilla.org/show_bug.cgi?id=559506\n      event.preventDefault();\n    }\n  };\n\n  // native checkboxes do not have focus move via keyboard, we implement it here programmatically\n  const handleKeyDown = (event: KeyboardEvent) => {\n    setShiftState(event);\n    if (isMultiSelection && !navigationActive) {\n      if (event.keyCode === KeyCode.up) {\n        event.preventDefault();\n        onFocusUp && onFocusUp(event);\n      }\n      if (event.keyCode === KeyCode.down) {\n        event.preventDefault();\n        onFocusDown && onFocusDown(event);\n      }\n    }\n  };\n\n  const handleClick = (event: MouseEvent) => {\n    const target = event.currentTarget;\n    const nativeInput = (target.tagName === 'INPUT' ? target : target.querySelector('input')) as HTMLInputElement;\n    // Clicking on input, does not focus it on Firefox (AWSUI-11345)\n    nativeInput?.focus();\n  };\n\n  const selector = isMultiSelection ? (\n    <InternalCheckbox\n      {...sharedProps}\n      showOutline={focusedComponent === 'selection-control'}\n      controlId={controlId}\n      data-focus-id=\"selection-control\"\n      indeterminate={indeterminate}\n    />\n  ) : (\n    <RadioButton {...sharedProps} controlId={controlId} name={name} value={''} label={''} />\n  );\n\n  return (\n    <>\n      <label\n        onKeyDown={handleKeyDown}\n        onKeyUp={setShiftState}\n        onMouseDown={onMouseDownHandler}\n        onMouseUp={setShiftState}\n        onClick={handleClick}\n        htmlFor={controlId}\n        className={clsx(styles.label, styles.root)}\n        aria-label={ariaLabel}\n        title={ariaLabel}\n      >\n        {selector}\n      </label>\n      {/* HACK: IE11 collapses td's height to 0, if it contains only an absolutely positioned label */}\n      <span className={clsx(styles.stud)} aria-hidden={true}>\n        &nbsp;\n      </span>\n    </>\n  );\n}\n"]}
+{"version":3,"file":"selection-control.js","sourceRoot":"","sources":["../../../../src/table/selection/selection-control.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { KeyboardEvent, KeyboardEventHandler, MouseEvent, useContext } from 'react';\nimport { KeyCode } from '../../internal/keycode';\nimport { useUniqueId } from '../../internal/hooks/use-unique-id';\nimport InternalCheckbox from '../../checkbox/internal';\nimport RadioButton from '../../radio-group/radio-button';\n\nimport styles from './styles.css.js';\nimport { SelectionProps } from './interfaces';\nimport { SingleTabStopNavigationContext } from '../../internal/context/single-tab-stop-navigation-context';\n\nexport interface SelectionControlProps extends SelectionProps {\n  onShiftToggle?(shiftPressed: boolean): void;\n  onFocusUp?: KeyboardEventHandler;\n  onFocusDown?: KeyboardEventHandler;\n  ariaLabel?: string;\n  tabIndex?: -1;\n  focusedComponent?: null | string;\n}\n\nexport function SelectionControl({\n  selectionType,\n  indeterminate = false,\n  onShiftToggle,\n  onFocusUp,\n  onFocusDown,\n  name,\n  ariaLabel,\n  focusedComponent,\n  ...sharedProps\n}: SelectionControlProps) {\n  const controlId = useUniqueId();\n  const isMultiSelection = selectionType === 'multi';\n  const { navigationActive } = useContext(SingleTabStopNavigationContext);\n\n  const setShiftState = (event: KeyboardEvent | MouseEvent) => {\n    if (isMultiSelection) {\n      onShiftToggle && onShiftToggle(event.shiftKey);\n    }\n  };\n\n  const onMouseDownHandler = (event: MouseEvent) => {\n    setShiftState(event);\n    if (isMultiSelection) {\n      // To overcome an issue\n      // If you shift+click or ctrl+click on a label for a checkbox, checkbox is not checked.\n      // https://bugzilla.mozilla.org/show_bug.cgi?id=559506\n      event.preventDefault();\n    }\n  };\n\n  // native checkboxes do not have focus move via keyboard, we implement it here programmatically\n  const handleKeyDown = (event: KeyboardEvent) => {\n    setShiftState(event);\n    if (isMultiSelection && !navigationActive) {\n      if (event.keyCode === KeyCode.up) {\n        event.preventDefault();\n        onFocusUp && onFocusUp(event);\n      }\n      if (event.keyCode === KeyCode.down) {\n        event.preventDefault();\n        onFocusDown && onFocusDown(event);\n      }\n    }\n  };\n\n  const handleClick = (event: MouseEvent) => {\n    const target = event.currentTarget;\n    const nativeInput = (target.tagName === 'INPUT' ? target : target.querySelector('input')) as HTMLInputElement;\n    // Clicking on input, does not focus it on Firefox (AWSUI-11345)\n    nativeInput?.focus();\n  };\n\n  const selector = isMultiSelection ? (\n    <InternalCheckbox\n      {...sharedProps}\n      showOutline={focusedComponent === 'selection-control'}\n      controlId={controlId}\n      data-focus-id=\"selection-control\"\n      indeterminate={indeterminate}\n    />\n  ) : (\n    <RadioButton {...sharedProps} controlId={controlId} name={name} value={''} label={''} />\n  );\n\n  return (\n    <>\n      <label\n        onKeyDown={handleKeyDown}\n        onKeyUp={setShiftState}\n        onMouseDown={onMouseDownHandler}\n        onMouseUp={setShiftState}\n        onClick={handleClick}\n        htmlFor={controlId}\n        className={clsx(styles.label, styles.root)}\n        aria-label={ariaLabel}\n        title={ariaLabel}\n      >\n        {selector}\n      </label>\n      <span className={clsx(styles.stud)} aria-hidden={true}>\n        &nbsp;\n      </span>\n    </>\n  );\n}\n"]}

package/table/table-role/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/table/table-role/utils.ts"],"names":[],"mappings":"AAGA,wBAAgB,cAAc,CAAC,OAAO,EAAE,OAAO,+BAE9C;AAED,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,WAAW,WAKrD;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,OAAO,WAgBlD;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,8BAqB5G;AAED;;GAEG;AACH,wBAAgB,8BAA8B,CAC5C,QAAQ,EAAE,mBAAmB,EAC7B,kBAAkB,EAAE,MAAM,EAC1B,KAAK,EAAE,MAAM,+BAsBd;AAED,wBAAgB,WAAW,CAAC,OAAO,EAAE,OAAO,WAE3C;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,IAAI,GAAG,WAAW,QAO3D"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/table/table-role/utils.ts"],"names":[],"mappings":"AAGA,wBAAgB,cAAc,CAAC,OAAO,EAAE,OAAO,+BAE9C;AAED,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,WAAW,WAKrD;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,OAAO,WAgBlD;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,8BAqB5G;AAED;;GAEG;AACH,wBAAgB,8BAA8B,CAC5C,QAAQ,EAAE,mBAAmB,EAC7B,kBAAkB,EAAE,MAAM,EAC1B,KAAK,EAAE,MAAM,+BAsBd;AAED,wBAAgB,WAAW,CAAC,OAAO,EAAE,OAAO,WAE3C;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,IAAI,GAAG,WAAW,QAY3D"}

package/table/table-role/utils.js

@@ -83,8 +83,13 @@ export function isTableCell(element) {
 }
 export function focusNextElement(element) {
     if (element) {
+        // Table cells are not focusable by default (tabIndex=undefined) and cell.focus() is ignored.
+        // To force focusing we have to imperatively set tabIndex to -1. When focused, the grid navigation
+        // will update the tabIndex to 0 if the cell gets focused or set it to undefined if the cell content
+        // gets focused instead.
+        // We cannot make cells have tabIndex=-1 by default due to an associated bug with text selection, see: PR 2158.
         if (isTableCell(element)) {
-            element.tabIndex = 0;
+            element.tabIndex = -1;
         }
         element.focus();
     }

package/table/table-role/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/table/table-role/utils.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nexport function getClosestCell(element: Element) {\n  return element.closest('td,th') as null | HTMLTableCellElement;\n}\n\nexport function isElementDisabled(element: HTMLElement) {\n  if (element instanceof HTMLInputElement || element instanceof HTMLButtonElement) {\n    return element.disabled;\n  }\n  return false;\n}\n\n/**\n * Returns true if the target element or one of its parents is a dialog or is marked with data-awsui-table-suppress-navigation attribute.\n * This is used to suppress navigation for interactive content without a need to use a custom suppression check.\n */\nexport function defaultIsSuppressed(target: Element) {\n  let current: null | Element = target;\n  while (current) {\n    // Stop checking for parents upon reaching the cell element as the function only aims at the cell content.\n    if (isTableCell(current)) {\n      return false;\n    }\n    if (\n      current.getAttribute('role') === 'dialog' ||\n      current.getAttribute('data-awsui-table-suppress-navigation') === 'true'\n    ) {\n      return true;\n    }\n    current = current.parentElement;\n  }\n  return false;\n}\n\n/**\n * Finds the closest row to the targetAriaRowIndex+delta in the direction of delta.\n */\nexport function findTableRowByAriaRowIndex(table: HTMLTableElement, targetAriaRowIndex: number, delta: number) {\n  let targetRow: null | HTMLTableRowElement = null;\n  const rowElements = Array.from(table.querySelectorAll('tr[aria-rowindex]'));\n  if (delta < 0) {\n    rowElements.reverse();\n  }\n  for (const element of rowElements) {\n    const rowIndex = parseInt(element.getAttribute('aria-rowindex') ?? '');\n    targetRow = element as HTMLTableRowElement;\n\n    if (rowIndex === targetAriaRowIndex) {\n      break;\n    }\n    if (delta >= 0 && rowIndex > targetAriaRowIndex) {\n      break;\n    }\n    if (delta < 0 && rowIndex < targetAriaRowIndex) {\n      break;\n    }\n  }\n  return targetRow;\n}\n\n/**\n * Finds the closest column to the targetAriaColIndex+delta in the direction of delta.\n */\nexport function findTableRowCellByAriaColIndex(\n  tableRow: HTMLTableRowElement,\n  targetAriaColIndex: number,\n  delta: number\n) {\n  let targetCell: null | HTMLTableCellElement = null;\n  const cellElements = Array.from(tableRow.querySelectorAll('td[aria-colindex],th[aria-colindex]'));\n  if (delta < 0) {\n    cellElements.reverse();\n  }\n  for (const element of cellElements) {\n    const columnIndex = parseInt(element.getAttribute('aria-colindex') ?? '');\n    targetCell = element as HTMLTableCellElement;\n\n    if (columnIndex === targetAriaColIndex) {\n      break;\n    }\n    if (delta >= 0 && columnIndex > targetAriaColIndex) {\n      break;\n    }\n    if (delta < 0 && columnIndex < targetAriaColIndex) {\n      break;\n    }\n  }\n  return targetCell;\n}\n\nexport function isTableCell(element: Element) {\n  return element.tagName === 'TD' || element.tagName === 'TH';\n}\n\nexport function focusNextElement(element: null | HTMLElement) {\n  if (element) {\n    if (isTableCell(element)) {\n      element.tabIndex = 0;\n    }\n    element.focus();\n  }\n}\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/table/table-role/utils.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nexport function getClosestCell(element: Element) {\n  return element.closest('td,th') as null | HTMLTableCellElement;\n}\n\nexport function isElementDisabled(element: HTMLElement) {\n  if (element instanceof HTMLInputElement || element instanceof HTMLButtonElement) {\n    return element.disabled;\n  }\n  return false;\n}\n\n/**\n * Returns true if the target element or one of its parents is a dialog or is marked with data-awsui-table-suppress-navigation attribute.\n * This is used to suppress navigation for interactive content without a need to use a custom suppression check.\n */\nexport function defaultIsSuppressed(target: Element) {\n  let current: null | Element = target;\n  while (current) {\n    // Stop checking for parents upon reaching the cell element as the function only aims at the cell content.\n    if (isTableCell(current)) {\n      return false;\n    }\n    if (\n      current.getAttribute('role') === 'dialog' ||\n      current.getAttribute('data-awsui-table-suppress-navigation') === 'true'\n    ) {\n      return true;\n    }\n    current = current.parentElement;\n  }\n  return false;\n}\n\n/**\n * Finds the closest row to the targetAriaRowIndex+delta in the direction of delta.\n */\nexport function findTableRowByAriaRowIndex(table: HTMLTableElement, targetAriaRowIndex: number, delta: number) {\n  let targetRow: null | HTMLTableRowElement = null;\n  const rowElements = Array.from(table.querySelectorAll('tr[aria-rowindex]'));\n  if (delta < 0) {\n    rowElements.reverse();\n  }\n  for (const element of rowElements) {\n    const rowIndex = parseInt(element.getAttribute('aria-rowindex') ?? '');\n    targetRow = element as HTMLTableRowElement;\n\n    if (rowIndex === targetAriaRowIndex) {\n      break;\n    }\n    if (delta >= 0 && rowIndex > targetAriaRowIndex) {\n      break;\n    }\n    if (delta < 0 && rowIndex < targetAriaRowIndex) {\n      break;\n    }\n  }\n  return targetRow;\n}\n\n/**\n * Finds the closest column to the targetAriaColIndex+delta in the direction of delta.\n */\nexport function findTableRowCellByAriaColIndex(\n  tableRow: HTMLTableRowElement,\n  targetAriaColIndex: number,\n  delta: number\n) {\n  let targetCell: null | HTMLTableCellElement = null;\n  const cellElements = Array.from(tableRow.querySelectorAll('td[aria-colindex],th[aria-colindex]'));\n  if (delta < 0) {\n    cellElements.reverse();\n  }\n  for (const element of cellElements) {\n    const columnIndex = parseInt(element.getAttribute('aria-colindex') ?? '');\n    targetCell = element as HTMLTableCellElement;\n\n    if (columnIndex === targetAriaColIndex) {\n      break;\n    }\n    if (delta >= 0 && columnIndex > targetAriaColIndex) {\n      break;\n    }\n    if (delta < 0 && columnIndex < targetAriaColIndex) {\n      break;\n    }\n  }\n  return targetCell;\n}\n\nexport function isTableCell(element: Element) {\n  return element.tagName === 'TD' || element.tagName === 'TH';\n}\n\nexport function focusNextElement(element: null | HTMLElement) {\n  if (element) {\n    // Table cells are not focusable by default (tabIndex=undefined) and cell.focus() is ignored.\n    // To force focusing we have to imperatively set tabIndex to -1. When focused, the grid navigation\n    // will update the tabIndex to 0 if the cell gets focused or set it to undefined if the cell content\n    // gets focused instead.\n    // We cannot make cells have tabIndex=-1 by default due to an associated bug with text selection, see: PR 2158.\n    if (isTableCell(element)) {\n      element.tabIndex = -1;\n    }\n    element.focus();\n  }\n}\n"]}

package/tiles/styles.css.js

@@ -1,34 +1,34 @@
 
     import './styles.scoped.css';
     export default {
-  "column-layout": "awsui_column-layout_vj6p7_147sx_99",
-  "grid": "awsui_grid_vj6p7_147sx_134",
-  "grid-no-gutters": "awsui_grid-no-gutters_vj6p7_147sx_140",
-  "grid-variant-text-grid": "awsui_grid-variant-text-grid_vj6p7_147sx_144",
-  "grid-breakpoint-default": "awsui_grid-breakpoint-default_vj6p7_147sx_152",
-  "grid-columns-1": "awsui_grid-columns-1_vj6p7_147sx_155",
-  "grid-breakpoint-xxs": "awsui_grid-breakpoint-xxs_vj6p7_147sx_155",
-  "grid-breakpoint-xs": "awsui_grid-breakpoint-xs_vj6p7_147sx_158",
-  "grid-columns-2": "awsui_grid-columns-2_vj6p7_147sx_161",
-  "grid-columns-3": "awsui_grid-columns-3_vj6p7_147sx_167",
-  "grid-columns-4": "awsui_grid-columns-4_vj6p7_147sx_173",
-  "grid-vertical-borders": "awsui_grid-vertical-borders_vj6p7_147sx_189",
-  "grid-horizontal-borders": "awsui_grid-horizontal-borders_vj6p7_147sx_222",
-  "root": "awsui_root_vj6p7_147sx_276",
-  "tile-container": "awsui_tile-container_vj6p7_147sx_314",
-  "refresh": "awsui_refresh_vj6p7_147sx_329",
-  "has-metadata": "awsui_has-metadata_vj6p7_147sx_333",
-  "selected": "awsui_selected_vj6p7_147sx_339",
-  "disabled": "awsui_disabled_vj6p7_147sx_344",
-  "columns": "awsui_columns_vj6p7_147sx_360",
-  "column-1": "awsui_column-1_vj6p7_147sx_366",
-  "breakpoint-xs": "awsui_breakpoint-xs_vj6p7_147sx_374",
-  "breakpoint-xxs": "awsui_breakpoint-xxs_vj6p7_147sx_379",
-  "column-2": "awsui_column-2_vj6p7_147sx_384",
-  "column-3": "awsui_column-3_vj6p7_147sx_402",
-  "column-4": "awsui_column-4_vj6p7_147sx_420",
-  "control": "awsui_control_vj6p7_147sx_439",
-  "no-image": "awsui_no-image_vj6p7_147sx_443",
-  "image": "awsui_image_vj6p7_147sx_447"
+  "column-layout": "awsui_column-layout_vj6p7_1q1xl_99",
+  "grid": "awsui_grid_vj6p7_1q1xl_134",
+  "grid-no-gutters": "awsui_grid-no-gutters_vj6p7_1q1xl_140",
+  "grid-variant-text-grid": "awsui_grid-variant-text-grid_vj6p7_1q1xl_144",
+  "grid-breakpoint-default": "awsui_grid-breakpoint-default_vj6p7_1q1xl_152",
+  "grid-columns-1": "awsui_grid-columns-1_vj6p7_1q1xl_155",
+  "grid-breakpoint-xxs": "awsui_grid-breakpoint-xxs_vj6p7_1q1xl_155",
+  "grid-breakpoint-xs": "awsui_grid-breakpoint-xs_vj6p7_1q1xl_158",
+  "grid-columns-2": "awsui_grid-columns-2_vj6p7_1q1xl_161",
+  "grid-columns-3": "awsui_grid-columns-3_vj6p7_1q1xl_167",
+  "grid-columns-4": "awsui_grid-columns-4_vj6p7_1q1xl_173",
+  "grid-vertical-borders": "awsui_grid-vertical-borders_vj6p7_1q1xl_189",
+  "grid-horizontal-borders": "awsui_grid-horizontal-borders_vj6p7_1q1xl_222",
+  "root": "awsui_root_vj6p7_1q1xl_276",
+  "tile-container": "awsui_tile-container_vj6p7_1q1xl_314",
+  "refresh": "awsui_refresh_vj6p7_1q1xl_329",
+  "has-metadata": "awsui_has-metadata_vj6p7_1q1xl_333",
+  "selected": "awsui_selected_vj6p7_1q1xl_339",
+  "disabled": "awsui_disabled_vj6p7_1q1xl_344",
+  "columns": "awsui_columns_vj6p7_1q1xl_360",
+  "column-1": "awsui_column-1_vj6p7_1q1xl_366",
+  "breakpoint-xs": "awsui_breakpoint-xs_vj6p7_1q1xl_373",
+  "breakpoint-xxs": "awsui_breakpoint-xxs_vj6p7_1q1xl_377",
+  "column-2": "awsui_column-2_vj6p7_1q1xl_381",
+  "column-3": "awsui_column-3_vj6p7_1q1xl_396",
+  "column-4": "awsui_column-4_vj6p7_1q1xl_411",
+  "control": "awsui_control_vj6p7_1q1xl_427",
+  "no-image": "awsui_no-image_vj6p7_1q1xl_431",
+  "image": "awsui_image_vj6p7_1q1xl_435"
 };