@cloudscape-design/components 3.0.730 → 3.0.732

package/split-panel/styles.scoped.css

@@ -146,176 +146,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
 */
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
-/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/* Style used for links in slots/components that are text heavy, to help links stand out among 
-surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-.awsui_drawer_1r9lg_1c0at_289.awsui_refresh_1r9lg_1c0at_289:not(#\9) {
-  transition-duration: var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
-  transition-property: none;
-}
-@media (prefers-reduced-motion: reduce) {
-  .awsui_drawer_1r9lg_1c0at_289.awsui_refresh_1r9lg_1c0at_289:not(#\9) {
-    animation: none;
-    transition: none;
-  }
-}
-.awsui-motion-disabled .awsui_drawer_1r9lg_1c0at_289.awsui_refresh_1r9lg_1c0at_289:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_1c0at_289.awsui_refresh_1r9lg_1c0at_289:not(#\9) {
-  animation: none;
-  transition: none;
-}
-.awsui_drawer_1r9lg_1c0at_289.awsui_refresh_1r9lg_1c0at_289.awsui_animating_1r9lg_1c0at_303: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_1c0at_289.awsui_refresh_1r9lg_1c0at_289.awsui_animating_1r9lg_1c0at_303:not(#\9) {
-    animation: none;
-    transition: none;
-  }
-}
-.awsui-motion-disabled .awsui_drawer_1r9lg_1c0at_289.awsui_refresh_1r9lg_1c0at_289.awsui_animating_1r9lg_1c0at_303:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_1c0at_289.awsui_refresh_1r9lg_1c0at_289.awsui_animating_1r9lg_1c0at_303:not(#\9) {
-  animation: none;
-  transition: none;
-}
-
-.awsui_drawer_1r9lg_1c0at_289:not(#\9) {
+.awsui_drawer_1r9lg_1p65x_149:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -356,35 +187,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_1c0at_358:not(#\9) {
+.awsui_drawer-closed_1r9lg_1p65x_189:not(#\9):not(.awsui_refresh_1r9lg_1p65x_189) {
   cursor: pointer;
   min-inline-size: 40px;
 }
 
-.awsui_drawer-content-side_1r9lg_1c0at_363:not(#\9) {
+.awsui_drawer-content-side_1r9lg_1p65x_194:not(#\9) {
   display: flex;
   align-items: center;
   block-size: 100%;
   overflow: auto;
 }
-.awsui_drawer-closed_1r9lg_1c0at_358 > .awsui_drawer-content-side_1r9lg_1c0at_363:not(#\9) {
+.awsui_drawer-content-side_1r9lg_1p65x_194 > [aria-hidden=true]:not(#\9), .awsui_drawer-closed_1r9lg_1p65x_189.awsui_refresh_1r9lg_1p65x_189 > .awsui_drawer-content-side_1r9lg_1p65x_194:not(#\9) {
+  display: none;
+}
+.awsui_drawer-closed_1r9lg_1p65x_189:not(#\9):not(.awsui_refresh_1r9lg_1p65x_189) > .awsui_drawer-content-side_1r9lg_1p65x_194 {
   inline-size: 40px;
 }
-.awsui_drawer-closed_1r9lg_1c0at_358 > .awsui_drawer-content-side_1r9lg_1c0at_363:not(#\9):hover {
+.awsui_drawer-closed_1r9lg_1p65x_189:not(#\9):not(.awsui_refresh_1r9lg_1p65x_189) > .awsui_drawer-content-side_1r9lg_1p65x_194:hover {
   background: var(--color-background-layout-panel-hover-n9apd3, #e9ebed);
 }
-.awsui_drawer-content-side_1r9lg_1c0at_363 > [aria-hidden=true]:not(#\9) {
-  display: none;
-}
 
-:not(#\9):not(.awsui_drawer-closed_1r9lg_1c0at_358) > .awsui_drawer-content-bottom_1r9lg_1c0at_379 {
+:not(#\9):not(.awsui_drawer-closed_1r9lg_1p65x_189) > .awsui_drawer-content-bottom_1r9lg_1p65x_210 {
   overflow-y: auto;
   position: absolute;
   inset: 0;
   clip-path: border-box;
 }
 
-.awsui_position-bottom_1r9lg_1c0at_386:not(#\9) {
+.awsui_position-bottom_1r9lg_1p65x_217: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);
@@ -393,37 +224,39 @@ 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_1c0at_386:not(#\9):not(.awsui_refresh_1r9lg_1c0at_289) {
+.awsui_position-bottom_1r9lg_1p65x_217:not(#\9):not(.awsui_refresh_1r9lg_1p65x_189) {
   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_1c0at_386.awsui_drawer-closed_1r9lg_1c0at_358:not(#\9) {
+.awsui_position-bottom_1r9lg_1p65x_217.awsui_drawer-closed_1r9lg_1p65x_189:not(#\9) {
   overflow: hidden;
 }
-.awsui_position-bottom_1r9lg_1c0at_386.awsui_drawer-closed_1r9lg_1c0at_358.awsui_with-toolbar_1r9lg_1c0at_403:not(#\9) {
-  display: none;
+.awsui_position-bottom_1r9lg_1p65x_217.awsui_drawer-closed_1r9lg_1p65x_189.awsui_with-toolbar_1r9lg_1p65x_234:not(#\9) {
+  block-size: 0px;
+  border-block: none;
+  border-inline: none;
 }
-.awsui_position-bottom_1r9lg_1c0at_386.awsui_drawer-closed_1r9lg_1c0at_358:not(#\9):hover {
+.awsui_position-bottom_1r9lg_1p65x_217.awsui_drawer-closed_1r9lg_1p65x_189:not(#\9):hover {
   background: var(--color-background-layout-panel-hover-n9apd3, #e9ebed);
 }
-.awsui_position-bottom_1r9lg_1c0at_386 > .awsui_drawer-content-bottom_1r9lg_1c0at_379 > [aria-hidden=true]:not(#\9) {
+.awsui_position-bottom_1r9lg_1p65x_217 > .awsui_drawer-content-bottom_1r9lg_1p65x_210 > [aria-hidden=true]:not(#\9) {
   display: none;
 }
-.awsui_position-bottom_1r9lg_1c0at_386.awsui_refresh_1r9lg_1c0at_289:not(#\9) {
+.awsui_position-bottom_1r9lg_1p65x_217.awsui_refresh_1r9lg_1p65x_189:not(#\9) {
   position: relative;
 }
 
-.awsui_position-side_1r9lg_1c0at_416:not(#\9) {
+.awsui_position-side_1r9lg_1p65x_249: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_position-side_1r9lg_1c0at_416.awsui_with-toolbar_1r9lg_1c0at_403:not(#\9) {
+.awsui_position-side_1r9lg_1p65x_249.awsui_with-toolbar_1r9lg_1p65x_234:not(#\9) {
   box-shadow: none;
 }
 
-.awsui_slider-wrapper-bottom_1r9lg_1c0at_425:not(#\9) {
+.awsui_slider-wrapper-bottom_1r9lg_1p65x_258:not(#\9) {
   position: absolute;
   inset-block-start: 0;
   inset-inline-start: 0;
@@ -434,7 +267,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   z-index: 2;
 }
 
-.awsui_slider-wrapper-side_1r9lg_1c0at_436:not(#\9) {
+.awsui_slider-wrapper-side_1r9lg_1p65x_269:not(#\9) {
   position: absolute;
   inset-inline-start: 0;
   inset-block-start: 0;
@@ -445,7 +278,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   z-index: 1;
 }
 
-.awsui_open-button-side_1r9lg_1c0at_447:not(#\9) {
+.awsui_open-button-side_1r9lg_1p65x_280:not(#\9) {
   flex: 0 0 auto;
   align-self: flex-start;
   box-sizing: border-box;
@@ -454,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_1c0at_456:not(#\9) {
+.awsui_pane-header-wrapper-bottom_1r9lg_1p65x_289:not(#\9) {
   position: sticky;
   inset-block-start: 0;
   display: flex;
@@ -464,90 +297,92 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: 0;
   padding-inline: var(--space-layout-content-horizontal-7l52k3, 24px);
 }
-.awsui_drawer-mobile_1r9lg_1c0at_466 > .awsui_drawer-content-bottom_1r9lg_1c0at_379 > .awsui_pane-header-wrapper-bottom_1r9lg_1c0at_456:not(#\9) {
+.awsui_drawer-mobile_1r9lg_1p65x_299 > .awsui_drawer-content-bottom_1r9lg_1p65x_210 > .awsui_pane-header-wrapper-bottom_1r9lg_1p65x_289:not(#\9) {
   padding-block: 0;
   padding-inline: var(--space-l-t419sm, 20px);
 }
-.awsui_drawer-disable-content-paddings_1r9lg_1c0at_470 > .awsui_drawer-content-bottom_1r9lg_1c0at_379 > .awsui_pane-header-wrapper-bottom_1r9lg_1c0at_456:not(#\9) {
+.awsui_drawer-disable-content-paddings_1r9lg_1p65x_303 > .awsui_drawer-content-bottom_1r9lg_1p65x_210 > .awsui_pane-header-wrapper-bottom_1r9lg_1p65x_289:not(#\9) {
   padding-block: 0;
   padding-inline: var(--space-l-t419sm, 20px);
 }
-:not(#\9):not(.awsui_drawer-closed_1r9lg_1c0at_358) > .awsui_drawer-content-bottom_1r9lg_1c0at_379 > .awsui_pane-header-wrapper-bottom_1r9lg_1c0at_456 {
+:not(#\9):not(.awsui_drawer-closed_1r9lg_1p65x_189) > .awsui_drawer-content-bottom_1r9lg_1p65x_210 > .awsui_pane-header-wrapper-bottom_1r9lg_1p65x_289 {
   background-color: var(--color-background-layout-panel-content-t82vgh, #ffffff);
   border-block-end: var(--border-panel-header-width-3w1py7, 1px) solid var(--color-border-panel-header-lf0q4c, #b6bec9);
 }
-.awsui_with-toolbar_1r9lg_1c0at_403:not(#\9):not(.awsui_drawer-closed_1r9lg_1c0at_358) > .awsui_drawer-content-bottom_1r9lg_1c0at_379 > .awsui_pane-header-wrapper-bottom_1r9lg_1c0at_456 {
+.awsui_with-toolbar_1r9lg_1p65x_234:not(#\9):not(.awsui_drawer-closed_1r9lg_1p65x_189) > .awsui_drawer-content-bottom_1r9lg_1p65x_210 > .awsui_pane-header-wrapper-bottom_1r9lg_1p65x_289 {
   border-color: transparent;
 }
 
-.awsui_content-bottom_1r9lg_1c0at_482:not(#\9) {
+.awsui_content-bottom_1r9lg_1p65x_315: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_with-toolbar_1r9lg_1c0at_403 > .awsui_drawer-content-bottom_1r9lg_1c0at_379 > .awsui_content-bottom_1r9lg_1c0at_482:not(#\9) {
+.awsui_with-toolbar_1r9lg_1p65x_234 > .awsui_drawer-content-bottom_1r9lg_1p65x_210 > .awsui_content-bottom_1r9lg_1p65x_315:not(#\9) {
   margin-block-start: 0px;
 }
-.awsui_drawer-mobile_1r9lg_1c0at_466 > .awsui_drawer-content-bottom_1r9lg_1c0at_379 > .awsui_content-bottom_1r9lg_1c0at_482:not(#\9) {
+.awsui_drawer-mobile_1r9lg_1p65x_299 > .awsui_drawer-content-bottom_1r9lg_1p65x_210 > .awsui_content-bottom_1r9lg_1p65x_315:not(#\9) {
   padding-block: 0;
   padding-inline: var(--space-l-t419sm, 20px);
 }
-.awsui_drawer-disable-content-paddings_1r9lg_1c0at_470 > .awsui_drawer-content-bottom_1r9lg_1c0at_379 > .awsui_content-bottom_1r9lg_1c0at_482:not(#\9) {
+.awsui_drawer-disable-content-paddings_1r9lg_1p65x_303 > .awsui_drawer-content-bottom_1r9lg_1p65x_210 > .awsui_content-bottom_1r9lg_1p65x_315:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
 }
 
-.awsui_pane-bottom-center-align_1r9lg_1c0at_501:not(#\9) {
+.awsui_pane-bottom-center-align_1r9lg_1p65x_334:not(#\9) {
   display: flex;
   justify-content: center;
 }
 
-.awsui_pane-bottom-content-nav-padding_1r9lg_1c0at_506:not(#\9) {
+.awsui_pane-bottom-content-nav-padding_1r9lg_1p65x_339: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_1c0at_510:not(#\9) {
+.awsui_pane-bottom-content-tools-padding_1r9lg_1p65x_343: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_1c0at_514:not(#\9) {
+.awsui_content-bottom-max-width_1r9lg_1p65x_347:not(#\9) {
   flex-grow: 1;
   max-inline-size: 100%;
 }
 
-.awsui_content-side_1r9lg_1c0at_519:not(#\9) {
+.awsui_content-side_1r9lg_1p65x_352:not(#\9) {
   flex: auto;
   align-self: flex-start;
   box-sizing: border-box;
   overflow-y: auto;
-  position: absolute;
   inset-block-start: 0;
   inset-inline: 0;
   block-size: 100%;
 }
-.awsui_content-side_1r9lg_1c0at_519 > .awsui_pane-header-wrapper-side_1r9lg_1c0at_529:not(#\9) {
+.awsui_content-side_1r9lg_1p65x_352.awsui_with-toolbar_1r9lg_1p65x_234:not(#\9) {
+  position: absolute;
+}
+.awsui_content-side_1r9lg_1p65x_352 > .awsui_pane-header-wrapper-side_1r9lg_1p65x_364: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-panel-header-lf0q4c, #b6bec9);
 }
-.awsui_content-side_1r9lg_1c0at_519.awsui_with-toolbar_1r9lg_1c0at_403 > .awsui_pane-header-wrapper-side_1r9lg_1c0at_529:not(#\9) {
+.awsui_content-side_1r9lg_1p65x_352.awsui_with-toolbar_1r9lg_1p65x_234 > .awsui_pane-header-wrapper-side_1r9lg_1p65x_364:not(#\9) {
   border-color: transparent;
 }
-.awsui_content-side_1r9lg_1c0at_519 > .awsui_pane-content-wrapper-side_1r9lg_1c0at_538:not(#\9) {
+.awsui_content-side_1r9lg_1p65x_352 > .awsui_pane-content-wrapper-side_1r9lg_1p65x_373: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);
   margin-block-start: var(--space-panel-split-top-q1pux4, 20px);
   margin-block-end: var(--space-panel-split-bottom-qwdduf, 20px);
 }
-.awsui_content-side_1r9lg_1c0at_519.awsui_with-toolbar_1r9lg_1c0at_403 > .awsui_pane-content-wrapper-side_1r9lg_1c0at_538:not(#\9) {
+.awsui_content-side_1r9lg_1p65x_352.awsui_with-toolbar_1r9lg_1p65x_234 > .awsui_pane-content-wrapper-side_1r9lg_1p65x_373:not(#\9) {
   margin-block-start: 0px;
 }
 
-.awsui_header_1r9lg_1c0at_549:not(#\9) {
+.awsui_header_1r9lg_1p65x_384:not(#\9) {
   display: flex;
   flex: auto;
   flex-direction: row;
@@ -557,10 +392,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
   margin-inline: 0;
 }
-.awsui_header_1r9lg_1c0at_549.awsui_with-toolbar_1r9lg_1c0at_403:not(#\9) {
+.awsui_header_1r9lg_1p65x_384.awsui_with-toolbar_1r9lg_1p65x_234:not(#\9) {
   margin-block: 10px;
 }
-.awsui_header-text_1r9lg_1c0at_562:not(#\9) {
+.awsui_header-text_1r9lg_1p65x_397: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);
@@ -573,7 +408,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block-start: calc(var(--space-scaled-xxs-7597g1, 4px) + 1px);
 }
 
-.awsui_header-actions_1r9lg_1c0at_575:not(#\9) {
+.awsui_header-actions_1r9lg_1p65x_410:not(#\9) {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
@@ -581,7 +416,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline-start: var(--space-xs-zb16t3, 8px);
 }
 
-.awsui_divider_1r9lg_1c0at_583:not(#\9) {
+.awsui_divider_1r9lg_1p65x_418: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,32 +2,31 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "drawer": "awsui_drawer_1r9lg_1c0at_289",
-  "refresh": "awsui_refresh_1r9lg_1c0at_289",
-  "animating": "awsui_animating_1r9lg_1c0at_303",
-  "drawer-closed": "awsui_drawer-closed_1r9lg_1c0at_358",
-  "drawer-content-side": "awsui_drawer-content-side_1r9lg_1c0at_363",
-  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_1c0at_379",
-  "position-bottom": "awsui_position-bottom_1r9lg_1c0at_386",
-  "with-toolbar": "awsui_with-toolbar_1r9lg_1c0at_403",
-  "position-side": "awsui_position-side_1r9lg_1c0at_416",
-  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_1c0at_425",
-  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_1c0at_436",
-  "open-button-side": "awsui_open-button-side_1r9lg_1c0at_447",
-  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_1c0at_456",
-  "drawer-mobile": "awsui_drawer-mobile_1r9lg_1c0at_466",
-  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_1c0at_470",
-  "content-bottom": "awsui_content-bottom_1r9lg_1c0at_482",
-  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_1c0at_501",
-  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_1c0at_506",
-  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_1c0at_510",
-  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_1c0at_514",
-  "content-side": "awsui_content-side_1r9lg_1c0at_519",
-  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_1c0at_529",
-  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_1c0at_538",
-  "header": "awsui_header_1r9lg_1c0at_549",
-  "header-text": "awsui_header-text_1r9lg_1c0at_562",
-  "header-actions": "awsui_header-actions_1r9lg_1c0at_575",
-  "divider": "awsui_divider_1r9lg_1c0at_583"
+  "drawer": "awsui_drawer_1r9lg_1p65x_149",
+  "drawer-closed": "awsui_drawer-closed_1r9lg_1p65x_189",
+  "refresh": "awsui_refresh_1r9lg_1p65x_189",
+  "drawer-content-side": "awsui_drawer-content-side_1r9lg_1p65x_194",
+  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_1p65x_210",
+  "position-bottom": "awsui_position-bottom_1r9lg_1p65x_217",
+  "with-toolbar": "awsui_with-toolbar_1r9lg_1p65x_234",
+  "position-side": "awsui_position-side_1r9lg_1p65x_249",
+  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_1p65x_258",
+  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_1p65x_269",
+  "open-button-side": "awsui_open-button-side_1r9lg_1p65x_280",
+  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_1p65x_289",
+  "drawer-mobile": "awsui_drawer-mobile_1r9lg_1p65x_299",
+  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_1p65x_303",
+  "content-bottom": "awsui_content-bottom_1r9lg_1p65x_315",
+  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_1p65x_334",
+  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_1p65x_339",
+  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_1p65x_343",
+  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_1p65x_347",
+  "content-side": "awsui_content-side_1r9lg_1p65x_352",
+  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_1p65x_364",
+  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_1p65x_373",
+  "header": "awsui_header_1r9lg_1p65x_384",
+  "header-text": "awsui_header-text_1r9lg_1p65x_397",
+  "header-actions": "awsui_header-actions_1r9lg_1p65x_410",
+  "divider": "awsui_divider_1r9lg_1p65x_418"
 };
   

package/tabs/analytics-metadata/interfaces.d.ts

@@ -0,0 +1,33 @@
+export interface GeneratedAnalyticsMetadataTabsSelect {
+    action: 'select';
+    detail: {
+        label: string;
+        id: string;
+        position: string;
+        originTabId: string;
+    };
+}
+export interface GeneratedAnalyticsMetadataTabsDismiss {
+    action: 'dismiss';
+    detail: {
+        label: string;
+        id: string;
+        position: string;
+    };
+}
+export interface GeneratedAnalyticsMetadataTabsComponent {
+    name: 'awsui.Tabs';
+    label: string;
+    properties?: {
+        activeTabId: string;
+        activeTabLabel: string;
+        activeTabPosition: string;
+        tabsCount: string;
+    };
+    innerContext?: {
+        tabId: string;
+        tabLabel: string;
+        tabPosition: string;
+    };
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/tabs/analytics-metadata/interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../src/tabs/analytics-metadata/interfaces.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,oCAAoC;IACnD,MAAM,EAAE,QAAQ,CAAC;IACjB,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,EAAE,EAAE,MAAM,CAAC;QACX,QAAQ,EAAE,MAAM,CAAC;QACjB,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;CACH;AAED,MAAM,WAAW,qCAAqC;IACpD,MAAM,EAAE,SAAS,CAAC;IAClB,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,EAAE,EAAE,MAAM,CAAC;QACX,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED,MAAM,WAAW,uCAAuC;IACtD,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE;QACX,WAAW,EAAE,MAAM,CAAC;QACpB,cAAc,EAAE,MAAM,CAAC;QACvB,iBAAiB,EAAE,MAAM,CAAC;QAC1B,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,YAAY,CAAC,EAAE;QACb,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;CACH"}

package/tabs/analytics-metadata/interfaces.js

@@ -0,0 +1,4 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+export {};
+//# sourceMappingURL=interfaces.js.map

package/tabs/analytics-metadata/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/tabs/analytics-metadata/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nexport interface GeneratedAnalyticsMetadataTabsSelect {\n  action: 'select';\n  detail: {\n    label: string;\n    id: string;\n    position: string;\n    originTabId: string;\n  };\n}\n\nexport interface GeneratedAnalyticsMetadataTabsDismiss {\n  action: 'dismiss';\n  detail: {\n    label: string;\n    id: string;\n    position: string;\n  };\n}\n\nexport interface GeneratedAnalyticsMetadataTabsComponent {\n  name: 'awsui.Tabs';\n  label: string;\n  properties?: {\n    activeTabId: string;\n    activeTabLabel: string;\n    activeTabPosition: string;\n    tabsCount: string;\n  };\n  innerContext?: {\n    tabId: string;\n    tabLabel: string;\n    tabPosition: string;\n  };\n}\n"]}

package/tabs/analytics-metadata/styles.css.js

@@ -0,0 +1,9 @@
+
+    import './styles.scoped.css';
+    export default {
+  "tabs-header-list": "awsui_tabs-header-list_1acwa_dp0cl_5",
+  "active-tab-header": "awsui_active-tab-header_1acwa_dp0cl_6",
+  "tab-label": "awsui_tab-label_1acwa_dp0cl_7",
+  "tab-dismiss-button": "awsui_tab-dismiss-button_1acwa_dp0cl_8"
+};
+  

package/tabs/analytics-metadata/styles.scoped.css

@@ -0,0 +1,10 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_tabs-header-list_1acwa_dp0cl_5:not(#\9),
+.awsui_active-tab-header_1acwa_dp0cl_6:not(#\9),
+.awsui_tab-label_1acwa_dp0cl_7:not(#\9),
+.awsui_tab-dismiss-button_1acwa_dp0cl_8:not(#\9) {
+  /* used in analytics metadata */
+}

package/tabs/analytics-metadata/styles.selectors.js

@@ -0,0 +1,10 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "tabs-header-list": "awsui_tabs-header-list_1acwa_dp0cl_5",
+  "active-tab-header": "awsui_active-tab-header_1acwa_dp0cl_6",
+  "tab-label": "awsui_tab-label_1acwa_dp0cl_7",
+  "tab-dismiss-button": "awsui_tab-dismiss-button_1acwa_dp0cl_8"
+};
+  

package/tabs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tabs/index.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAKzC,OAAO,EAAE,SAAS,EAAE,CAAC;AAUrB,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,IAAI,EACJ,OAAmB,EACnB,QAAQ,EACR,WAAW,EAAE,eAAe,EAC5B,SAAS,EACT,cAAc,EACd,sBAA8B,EAC9B,WAAW,EACX,SAAS,EACT,GAAG,IAAI,EACR,EAAE,SAAS,eAmGX"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tabs/index.tsx"],"names":[],"mappings":";AAgBA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAMzC,OAAO,EAAE,SAAS,EAAE,CAAC;AAUrB,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,IAAI,EACJ,OAAmB,EACnB,QAAQ,EACR,WAAW,EAAE,eAAe,EAC5B,SAAS,EACT,cAAc,EACd,sBAA8B,EAC9B,WAAW,EACX,SAAS,EACT,GAAG,IAAI,EACR,EAAE,SAAS,eAmHX"}

package/tabs/index.js

@@ -3,6 +3,7 @@ import { __rest } from "tslib";
 // SPDX-License-Identifier: Apache-2.0
 import React from 'react';
 import clsx from 'clsx';
+import { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';
 import InternalContainer from '../container/internal';
 import { getBaseProps } from '../internal/base-component';
 import { fireNonCancelableEvent } from '../internal/events';
@@ -12,6 +13,7 @@ import { useUniqueId } from '../internal/hooks/use-unique-id';
 import { applyDisplayName } from '../internal/utils/apply-display-name';
 import { checkSafeUrl } from '../internal/utils/check-safe-url';
 import { getTabElementId, TabHeaderBar } from './tab-header-bar';
+import analyticsSelectors from './analytics-metadata/styles.css.js';
 import styles from './styles.css.js';
 function firstEnabledTab(tabs) {
     const enabledTabs = tabs.filter(tab => !tab.disabled);
@@ -36,6 +38,18 @@ export default function Tabs(_a) {
         changeHandler: 'onChange',
     });
     const baseProps = getBaseProps(rest);
+    const analyticsComponentMetadata = {
+        name: 'awsui.Tabs',
+        label: `.${analyticsSelectors['tabs-header-list']}`,
+    };
+    if (activeTabId) {
+        analyticsComponentMetadata.properties = {
+            activeTabId,
+            activeTabLabel: `.${analyticsSelectors['active-tab-header']} .${analyticsSelectors['tab-label']}`,
+            activeTabPosition: `${tabs.findIndex(tab => tab.id === activeTabId) + 1}`,
+            tabsCount: `${tabs.length}`,
+        };
+    }
     const content = () => {
         const selectedTab = tabs.filter(tab => tab.id === activeTabId)[0];
         const renderContent = (tab) => {
@@ -66,9 +80,9 @@ export default function Tabs(_a) {
             fireNonCancelableEvent(onChange, changeDetail);
         }, i18nStrings: i18nStrings }));
     if (variant === 'container' || variant === 'stacked') {
-        return (React.createElement(InternalContainer, Object.assign({ header: header, disableHeaderPaddings: true }, baseProps, { className: clsx(baseProps.className, styles.root), __internalRootRef: __internalRootRef, disableContentPaddings: true, variant: variant === 'stacked' ? 'stacked' : 'default', fitHeight: fitHeight }), content()));
+        return (React.createElement(InternalContainer, Object.assign({ header: header, disableHeaderPaddings: true }, baseProps, { className: clsx(baseProps.className, styles.root), __internalRootRef: __internalRootRef, disableContentPaddings: true, variant: variant === 'stacked' ? 'stacked' : 'default', fitHeight: fitHeight }, getAnalyticsMetadataAttribute({ component: analyticsComponentMetadata })), content()));
     }
-    return (React.createElement("div", Object.assign({}, baseProps, { className: clsx(baseProps.className, styles.root, styles.tabs, { [styles['fit-height']]: fitHeight }), ref: __internalRootRef }),
+    return (React.createElement("div", Object.assign({}, baseProps, { className: clsx(baseProps.className, styles.root, styles.tabs, { [styles['fit-height']]: fitHeight }), ref: __internalRootRef }, getAnalyticsMetadataAttribute({ component: analyticsComponentMetadata })),
         header,
         content()));
 }