@cloudscape-design/components 3.0.841 → 3.0.842

package/tabs/styles.scoped.css

@@ -136,6 +136,10 @@
  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 */
 /*
@@ -272,6 +276,10 @@ 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
+*/
 /* 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 */
 /*
@@ -279,7 +287,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  SPDX-License-Identifier: Apache-2.0
 */
 /* stylelint-disable selector-max-type */
-.awsui_tabs-header_14rmt_eamln_282:not(#\9) {
+.awsui_tabs-header_14rmt_ji2br_290:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   padding-block: 0;
@@ -287,7 +295,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: flex;
 }
 
-.awsui_tabs-header-list_14rmt_eamln_290:not(#\9) {
+.awsui_tabs-header-list_14rmt_ji2br_298:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   padding-block: 0;
@@ -300,33 +308,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -ms-overflow-style: none; /* Internet Explorer 10+ */
   scrollbar-width: none; /* Firefox */
 }
-.awsui_tabs-header-list_14rmt_eamln_290:not(#\9)::-webkit-scrollbar {
+.awsui_tabs-header-list_14rmt_ji2br_298:not(#\9)::-webkit-scrollbar {
   display: none; /* Safari and Chrome */
 }
 
-.awsui_pagination-button_14rmt_eamln_307:not(#\9) {
+.awsui_pagination-button_14rmt_ji2br_315:not(#\9) {
   margin-block: var(--space-scaled-s-aqzyko, 12px);
   margin-inline: 0;
   padding-block: 0;
   padding-inline: var(--space-xxs-p8yyaw, 4px);
   display: flex;
 }
-.awsui_pagination-button-left_14rmt_eamln_314:not(#\9) {
+.awsui_pagination-button-left_14rmt_ji2br_322:not(#\9) {
   border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-control-disabled-qc5csz, #dedee3);
 }
-.awsui_pagination-button-left-scrollable_14rmt_eamln_317:not(#\9) {
+.awsui_pagination-button-left-scrollable_14rmt_ji2br_325:not(#\9) {
   z-index: 1;
   box-shadow: 5px 0px 4px -3px var(--color-border-tabs-shadow-enjrr2, rgba(15, 20, 26, 0.12)), 1px 0px 0px 0px var(--color-border-tabs-shadow-enjrr2, rgba(15, 20, 26, 0.12));
 }
-.awsui_pagination-button-right_14rmt_eamln_321:not(#\9) {
+.awsui_pagination-button-right_14rmt_ji2br_329:not(#\9) {
   border-inline-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-control-disabled-qc5csz, #dedee3);
 }
-.awsui_pagination-button-right-scrollable_14rmt_eamln_324:not(#\9) {
+.awsui_pagination-button-right-scrollable_14rmt_ji2br_332:not(#\9) {
   z-index: 1;
   box-shadow: -5px 0px 4px -3px var(--color-border-tabs-shadow-enjrr2, rgba(15, 20, 26, 0.12)), -1px 0px 0px 0 var(--color-border-tabs-shadow-enjrr2, rgba(15, 20, 26, 0.12));
 }
 
-.awsui_tabs-tab_14rmt_eamln_329:not(#\9) {
+.awsui_tabs-tab_14rmt_ji2br_337:not(#\9) {
   list-style: none;
   padding-block: 0;
   padding-inline: 0;
@@ -335,7 +343,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   max-inline-size: calc(90% - var(--space-l-t419sm, 20px));
 }
 
-.awsui_tabs-tab-label_14rmt_eamln_338:not(#\9) {
+.awsui_tabs-tab-label_14rmt_ji2br_346:not(#\9) {
   display: flex;
   align-items: center;
   padding-inline: var(--space-xs-zb16t3, 8px);
@@ -346,7 +354,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-break: break-word;
 }
 
-.awsui_tabs-tab-header-container_14rmt_eamln_349:not(#\9) {
+.awsui_tabs-tab-header-container_14rmt_ji2br_357:not(#\9) {
   position: relative;
   border-block: var(--border-divider-section-width-1061zr, 1px) solid transparent;
   border-inline: var(--border-divider-section-width-1061zr, 1px) solid transparent;
@@ -354,18 +362,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: flex;
   align-items: stretch;
 }
-.awsui_tabs-tab-header-container_14rmt_eamln_349:not(#\9), .awsui_tabs-tab-header-container_14rmt_eamln_349 > button:not(#\9) {
+.awsui_tabs-tab-header-container_14rmt_ji2br_357:not(#\9), .awsui_tabs-tab-header-container_14rmt_ji2br_357 > button:not(#\9) {
   background-color: transparent;
 }
-.awsui_tabs-tab-header-container_14rmt_eamln_349 > .awsui_tabs-tab-dismiss_14rmt_eamln_360:not(#\9), .awsui_tabs-tab-header-container_14rmt_eamln_349 > .awsui_tabs-tab-action_14rmt_eamln_360:not(#\9) {
+.awsui_tabs-tab-header-container_14rmt_ji2br_357 > .awsui_tabs-tab-dismiss_14rmt_ji2br_368:not(#\9), .awsui_tabs-tab-header-container_14rmt_ji2br_357 > .awsui_tabs-tab-action_14rmt_ji2br_368:not(#\9) {
   display: flex;
   align-items: center;
 }
-.awsui_tabs-tab-header-container_14rmt_eamln_349.awsui_refresh_14rmt_eamln_364 > span:not(#\9):first-of-type {
+.awsui_tabs-tab-header-container_14rmt_ji2br_357.awsui_refresh_14rmt_ji2br_372 > span:not(#\9):first-of-type {
   margin-inline-start: calc(-1 * var(--space-scaled-xs-26e2du, 8px));
 }
 
-.awsui_tabs-tab-header-container_14rmt_eamln_349:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_eamln_368):after {
+.awsui_tabs-tab-header-container_14rmt_ji2br_357:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_ji2br_376):after {
   content: "";
   position: absolute;
   inset-inline-start: 0;
@@ -379,35 +387,35 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background: var(--color-border-tabs-underline-a5fmhd, #006ce0);
   opacity: 0;
 }
-.awsui_tabs-tab-header-container_14rmt_eamln_349:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_eamln_368).awsui_refresh_14rmt_eamln_364:after {
+.awsui_tabs-tab-header-container_14rmt_ji2br_357:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_ji2br_376).awsui_refresh_14rmt_ji2br_372:after {
   transition: opacity var(--motion-duration-refresh-only-medium-nf6485, 165ms) var(--motion-easing-refresh-only-c-vg1m9h, cubic-bezier(0.84, 0, 0.16, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_tabs-tab-header-container_14rmt_eamln_349:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_eamln_368).awsui_refresh_14rmt_eamln_364:after {
+  .awsui_tabs-tab-header-container_14rmt_ji2br_357:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_ji2br_376).awsui_refresh_14rmt_ji2br_372:after {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_tabs-tab-header-container_14rmt_eamln_349:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_eamln_368).awsui_refresh_14rmt_eamln_364:after, .awsui-mode-entering .awsui_tabs-tab-header-container_14rmt_eamln_349:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_eamln_368).awsui_refresh_14rmt_eamln_364:after {
+.awsui-motion-disabled .awsui_tabs-tab-header-container_14rmt_ji2br_357:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_ji2br_376).awsui_refresh_14rmt_ji2br_372:after, .awsui-mode-entering .awsui_tabs-tab-header-container_14rmt_ji2br_357:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_ji2br_376).awsui_refresh_14rmt_ji2br_372:after {
   animation: none;
   transition: none;
 }
 
-.awsui_tabs-tab_14rmt_eamln_329:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_eamln_349 {
+.awsui_tabs-tab_14rmt_ji2br_337:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_ji2br_357 {
   margin-inline-end: calc(-1 * var(--border-divider-section-width-1061zr, 1px));
 }
-.awsui_tabs-tab_14rmt_eamln_329:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_eamln_349:before {
+.awsui_tabs-tab_14rmt_ji2br_337:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_ji2br_357:before {
   content: "";
   position: absolute;
   border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-tabs-divider-djfdfj, #c6c6cd);
   inset: var(--space-scaled-s-aqzyko, 12px) 0;
   opacity: 1;
 }
-.awsui_tabs-tab_14rmt_eamln_329:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_eamln_349.awsui_refresh_14rmt_eamln_364:before {
+.awsui_tabs-tab_14rmt_ji2br_337:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_ji2br_357.awsui_refresh_14rmt_ji2br_372:before {
   inset: calc(var(--space-static-s-n2eb28, 12px) - var(--border-active-width-9dmqf4, 4px)) 0;
 }
 
-.awsui_tabs-tab-link_14rmt_eamln_410:not(#\9) {
+.awsui_tabs-tab-link_14rmt_ji2br_418:not(#\9) {
   position: relative;
   display: flex;
   align-items: stretch;
@@ -428,27 +436,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
 }
-.awsui_tabs-tab-link_14rmt_eamln_410.awsui_refresh_14rmt_eamln_364:not(#\9) {
+.awsui_tabs-tab-link_14rmt_ji2br_418.awsui_refresh_14rmt_ji2br_372:not(#\9) {
   padding-block-start: calc(var(--space-static-xs-7sfb63, 8px) - 1px);
   padding-block-end: calc(var(--space-static-xs-7sfb63, 8px) - 1px);
   margin-block-start: 0;
 }
-.awsui_tabs-tab-link_14rmt_eamln_410:not(#\9):hover {
+.awsui_tabs-tab-link_14rmt_ji2br_418:not(#\9):hover {
   color: var(--color-text-accent-fptgkc, #006ce0);
 }
-.awsui_tabs-tab-link_14rmt_eamln_410:not(#\9):focus {
+.awsui_tabs-tab-link_14rmt_ji2br_418:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_eamln_410:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_ji2br_418:not(#\9):focus {
   z-index: 1;
   border-inline-end-color: transparent;
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_eamln_410:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_ji2br_418:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-tabs-focus-outline-gutter-xm37ly, -8px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_eamln_410:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_ji2br_418:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -463,46 +471,46 @@ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_eamln_410:not(#\9
   box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
 }
 
-.awsui_tabs-tab_14rmt_eamln_329:not(#\9):first-child {
+.awsui_tabs-tab_14rmt_ji2br_337:not(#\9):first-child {
   margin-inline-start: 1px;
 }
-.awsui_tabs-tab_14rmt_eamln_329:not(#\9):first-child > .awsui_tabs-tab-header-container_14rmt_eamln_349 {
+.awsui_tabs-tab_14rmt_ji2br_337:not(#\9):first-child > .awsui_tabs-tab-header-container_14rmt_ji2br_357 {
   padding-inline-start: calc(var(--space-xs-zb16t3, 8px) - 1px);
 }
 
-.awsui_tabs-tab_14rmt_eamln_329:not(#\9):last-child {
+.awsui_tabs-tab_14rmt_ji2br_337:not(#\9):last-child {
   margin-inline-end: 1px;
 }
-.awsui_tabs-tab_14rmt_eamln_329:not(#\9):last-child > .awsui_tabs-tab-header-container_14rmt_eamln_349 {
+.awsui_tabs-tab_14rmt_ji2br_337:not(#\9):last-child > .awsui_tabs-tab-header-container_14rmt_ji2br_357 {
   padding-inline-end: calc(var(--space-xs-zb16t3, 8px) - 1px);
 }
 
-.awsui_tabs-tab-disabled_14rmt_eamln_368:not(#\9), .awsui_tabs-tab-disabled_14rmt_eamln_368:not(#\9):hover {
+.awsui_tabs-tab-disabled_14rmt_ji2br_376:not(#\9), .awsui_tabs-tab-disabled_14rmt_ji2br_376:not(#\9):hover {
   cursor: default;
   color: var(--color-text-interactive-disabled-f5b4z5, #b4b4bb);
   font-weight: var(--font-tabs-disabled-weight-1xcs5l, 700);
 }
 
-.awsui_tabs-tab-active_14rmt_eamln_486:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_eamln_368) {
+.awsui_tabs-tab-active_14rmt_ji2br_494:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_ji2br_376) {
   color: var(--color-text-accent-fptgkc, #006ce0);
 }
-.awsui_tabs-tab-active_14rmt_eamln_486:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_eamln_368):after {
+.awsui_tabs-tab-active_14rmt_ji2br_494:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_ji2br_376):after {
   opacity: 1;
 }
 
-.awsui_tabs-header-with-divider_14rmt_eamln_493:not(#\9) {
+.awsui_tabs-header-with-divider_14rmt_ji2br_501:not(#\9) {
   border-block-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-tabs-divider-djfdfj, #c6c6cd);
 }
 
-.awsui_tabs-tab-focusable_14rmt_eamln_497:not(#\9) {
+.awsui_tabs-tab-focusable_14rmt_ji2br_505:not(#\9) {
   /* used to manage focusable logic */
 }
 
-.awsui_root_14rmt_eamln_501:not(#\9) {
+.awsui_root_14rmt_ji2br_509:not(#\9) {
   /* used in test-utils or tests */
 }
 
-.awsui_tabs_14rmt_eamln_282:not(#\9) {
+.awsui_tabs_14rmt_ji2br_290:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -537,21 +545,21 @@ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_eamln_410:not(#\9
   inline-size: 100%;
 }
 
-.awsui_tabs-content_14rmt_eamln_539:not(#\9) {
+.awsui_tabs-content_14rmt_ji2br_547:not(#\9) {
   display: none;
 }
 
-.awsui_fit-height_14rmt_eamln_543:not(#\9) {
+.awsui_fit-height_14rmt_ji2br_551:not(#\9) {
   display: flex;
   flex-direction: column;
   block-size: 100%;
 }
 
-.awsui_tabs-content-active_14rmt_eamln_549:not(#\9) {
+.awsui_tabs-content-active_14rmt_ji2br_557:not(#\9) {
   display: block;
   flex: 1;
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-content-active_14rmt_eamln_549:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_tabs-content-active_14rmt_ji2br_557:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: 2px;
   border-start-start-radius: var(--border-radius-container-wqv1zi, 16px);
@@ -561,32 +569,32 @@ body[data-awsui-focus-visible=true] .awsui_tabs-content-active_14rmt_eamln_549:n
   box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
 }
 
-.awsui_tabs-content-wrapper_14rmt_eamln_563.awsui_with-paddings_14rmt_eamln_563 > .awsui_tabs-content_14rmt_eamln_539:not(#\9) {
+.awsui_tabs-content-wrapper_14rmt_ji2br_571.awsui_with-paddings_14rmt_ji2br_571 > .awsui_tabs-content_14rmt_ji2br_547:not(#\9) {
   padding-block: var(--space-scaled-m-mo5yse, 16px);
   padding-inline: 0;
 }
-.awsui_fit-height_14rmt_eamln_543 > .awsui_tabs-content-wrapper_14rmt_eamln_563:not(#\9) {
+.awsui_fit-height_14rmt_ji2br_551 > .awsui_tabs-content-wrapper_14rmt_ji2br_571:not(#\9) {
   flex: 1;
   display: flex;
   flex-direction: column;
   overflow: auto;
 }
 
-.awsui_fit-height_14rmt_eamln_543 > .awsui_tabs-content-wrapper_14rmt_eamln_563 > .awsui_tabs-container-content-wrapper_14rmt_eamln_574:not(#\9) {
+.awsui_fit-height_14rmt_ji2br_551 > .awsui_tabs-content-wrapper_14rmt_ji2br_571 > .awsui_tabs-container-content-wrapper_14rmt_ji2br_582:not(#\9) {
   block-size: 100%;
   display: flex;
   flex-direction: column;
 }
-.awsui_tabs-container-content-wrapper_14rmt_eamln_574.awsui_with-paddings_14rmt_eamln_563 > .awsui_tabs-content_14rmt_eamln_539:not(#\9) {
+.awsui_tabs-container-content-wrapper_14rmt_ji2br_582.awsui_with-paddings_14rmt_ji2br_571 > .awsui_tabs-content_14rmt_ji2br_547:not(#\9) {
   padding-block-start: var(--space-tabs-content-top-dedu0k, 12px);
   padding-block-end: var(--space-scaled-l-0hpmd7, 20px);
   padding-inline: var(--space-container-horizontal-wfukh3, 20px);
 }
 
-.awsui_disabled-reason-tooltip_14rmt_eamln_585:not(#\9) {
+.awsui_disabled-reason-tooltip_14rmt_ji2br_593:not(#\9) {
   /* used in test-utils or tests */
 }
 
-.awsui_tabs-tab-focused_14rmt_eamln_589:not(#\9) {
+.awsui_tabs-tab-focused_14rmt_ji2br_597:not(#\9) {
   /* used to manage focusable state for disabled with reason tabs */
 }

package/tabs/styles.selectors.js

@@ -2,33 +2,33 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "tabs-header": "awsui_tabs-header_14rmt_eamln_282",
-  "tabs-header-list": "awsui_tabs-header-list_14rmt_eamln_290",
-  "pagination-button": "awsui_pagination-button_14rmt_eamln_307",
-  "pagination-button-left": "awsui_pagination-button-left_14rmt_eamln_314",
-  "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_eamln_317",
-  "pagination-button-right": "awsui_pagination-button-right_14rmt_eamln_321",
-  "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_eamln_324",
-  "tabs-tab": "awsui_tabs-tab_14rmt_eamln_329",
-  "tabs-tab-label": "awsui_tabs-tab-label_14rmt_eamln_338",
-  "tabs-tab-header-container": "awsui_tabs-tab-header-container_14rmt_eamln_349",
-  "tabs-tab-dismiss": "awsui_tabs-tab-dismiss_14rmt_eamln_360",
-  "tabs-tab-action": "awsui_tabs-tab-action_14rmt_eamln_360",
-  "refresh": "awsui_refresh_14rmt_eamln_364",
-  "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_eamln_368",
-  "tabs-tab-link": "awsui_tabs-tab-link_14rmt_eamln_410",
-  "tabs-tab-active": "awsui_tabs-tab-active_14rmt_eamln_486",
-  "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_eamln_493",
-  "tabs-tab-focusable": "awsui_tabs-tab-focusable_14rmt_eamln_497",
-  "root": "awsui_root_14rmt_eamln_501",
-  "tabs": "awsui_tabs_14rmt_eamln_282",
-  "tabs-content": "awsui_tabs-content_14rmt_eamln_539",
-  "fit-height": "awsui_fit-height_14rmt_eamln_543",
-  "tabs-content-active": "awsui_tabs-content-active_14rmt_eamln_549",
-  "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_eamln_563",
-  "with-paddings": "awsui_with-paddings_14rmt_eamln_563",
-  "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_eamln_574",
-  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_14rmt_eamln_585",
-  "tabs-tab-focused": "awsui_tabs-tab-focused_14rmt_eamln_589"
+  "tabs-header": "awsui_tabs-header_14rmt_ji2br_290",
+  "tabs-header-list": "awsui_tabs-header-list_14rmt_ji2br_298",
+  "pagination-button": "awsui_pagination-button_14rmt_ji2br_315",
+  "pagination-button-left": "awsui_pagination-button-left_14rmt_ji2br_322",
+  "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_ji2br_325",
+  "pagination-button-right": "awsui_pagination-button-right_14rmt_ji2br_329",
+  "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_ji2br_332",
+  "tabs-tab": "awsui_tabs-tab_14rmt_ji2br_337",
+  "tabs-tab-label": "awsui_tabs-tab-label_14rmt_ji2br_346",
+  "tabs-tab-header-container": "awsui_tabs-tab-header-container_14rmt_ji2br_357",
+  "tabs-tab-dismiss": "awsui_tabs-tab-dismiss_14rmt_ji2br_368",
+  "tabs-tab-action": "awsui_tabs-tab-action_14rmt_ji2br_368",
+  "refresh": "awsui_refresh_14rmt_ji2br_372",
+  "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_ji2br_376",
+  "tabs-tab-link": "awsui_tabs-tab-link_14rmt_ji2br_418",
+  "tabs-tab-active": "awsui_tabs-tab-active_14rmt_ji2br_494",
+  "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_ji2br_501",
+  "tabs-tab-focusable": "awsui_tabs-tab-focusable_14rmt_ji2br_505",
+  "root": "awsui_root_14rmt_ji2br_509",
+  "tabs": "awsui_tabs_14rmt_ji2br_290",
+  "tabs-content": "awsui_tabs-content_14rmt_ji2br_547",
+  "fit-height": "awsui_fit-height_14rmt_ji2br_551",
+  "tabs-content-active": "awsui_tabs-content-active_14rmt_ji2br_557",
+  "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_ji2br_571",
+  "with-paddings": "awsui_with-paddings_14rmt_ji2br_571",
+  "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_ji2br_582",
+  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_14rmt_ji2br_593",
+  "tabs-tab-focused": "awsui_tabs-tab-focused_14rmt_ji2br_597"
 };
   

package/tag-editor/styles.css.js

@@ -1,8 +1,8 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_brdst_1aw08_141",
-  "loading": "awsui_loading_brdst_1aw08_145",
-  "undo-button": "awsui_undo-button_brdst_1aw08_149"
+  "root": "awsui_root_brdst_19vdi_145",
+  "loading": "awsui_loading_brdst_19vdi_149",
+  "undo-button": "awsui_undo-button_brdst_19vdi_153"
 };
   

package/tag-editor/styles.scoped.css

@@ -136,17 +136,21 @@
  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 */
-.awsui_root_brdst_1aw08_141:not(#\9) {
+.awsui_root_brdst_19vdi_145:not(#\9) {
   /* used in test utils */
 }
 
-.awsui_loading_brdst_1aw08_145:not(#\9) {
+.awsui_loading_brdst_19vdi_149:not(#\9) {
   /* used in test utils */
 }
 
-.awsui_undo-button_brdst_1aw08_149:not(#\9) {
+.awsui_undo-button_brdst_19vdi_153:not(#\9) {
   -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
   text-underline-offset: 0.25em;
@@ -162,30 +166,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-nf6485, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_undo-button_brdst_1aw08_149:not(#\9) {
+  .awsui_undo-button_brdst_19vdi_153:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_undo-button_brdst_1aw08_149:not(#\9), .awsui-mode-entering .awsui_undo-button_brdst_1aw08_149:not(#\9) {
+.awsui-motion-disabled .awsui_undo-button_brdst_19vdi_153:not(#\9), .awsui-mode-entering .awsui_undo-button_brdst_19vdi_153:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_undo-button_brdst_1aw08_149:not(#\9):hover {
+.awsui_undo-button_brdst_19vdi_153:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-49uoe9, #002b66);
 }
-.awsui_undo-button_brdst_1aw08_149:not(#\9):focus {
+.awsui_undo-button_brdst_19vdi_153:not(#\9):focus {
   outline: none;
 }
-.awsui_undo-button_brdst_1aw08_149:not(#\9):active {
+.awsui_undo-button_brdst_19vdi_153:not(#\9):active {
   color: var(--color-text-link-hover-49uoe9, #002b66);
 }
-.awsui_undo-button_brdst_1aw08_149:not(#\9):active, .awsui_undo-button_brdst_1aw08_149:not(#\9):focus, .awsui_undo-button_brdst_1aw08_149:not(#\9):hover {
+.awsui_undo-button_brdst_19vdi_153:not(#\9):active, .awsui_undo-button_brdst_19vdi_153:not(#\9):focus, .awsui_undo-button_brdst_19vdi_153:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-button-underline-hover-gyir88, transparent);
 }
-body[data-awsui-focus-visible=true] .awsui_undo-button_brdst_1aw08_149:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_undo-button_brdst_19vdi_153:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-kkfop6, 0);
   outline-offset: 2px;

package/tag-editor/styles.selectors.js

@@ -2,8 +2,8 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_brdst_1aw08_141",
-  "loading": "awsui_loading_brdst_1aw08_145",
-  "undo-button": "awsui_undo-button_brdst_1aw08_149"
+  "root": "awsui_root_brdst_19vdi_145",
+  "loading": "awsui_loading_brdst_19vdi_149",
+  "undo-button": "awsui_undo-button_brdst_19vdi_153"
 };
   

package/test-utils/dom/button-group/index.d.ts

@@ -1,6 +1,7 @@
 import { ComponentWrapper, ElementWrapper } from '@cloudscape-design/test-utils-core/dom';
 import ButtonWrapper from '../button/index.js';
 import ButtonDropdownWrapper from '../button-dropdown/index.js';
+import FileInputWrapper from '../file-input/index.js';
 import ToggleButtonWrapper from '../toggle-button/index.js';
 export default class ButtonGroupWrapper extends ComponentWrapper {
     static rootSelector: string;
@@ -16,6 +17,10 @@ export default class ButtonGroupWrapper extends ComponentWrapper {
      * Finds a toggle button item by its id.
      */
     findToggleButtonById(id: string): null | ToggleButtonWrapper;
+    /**
+     * Finds a file input item by its id.
+     */
+    findFileInputById(id: string): null | FileInputWrapper;
     /**
      * Finds a menu item by its id.
      */

package/test-utils/dom/button-group/index.js

@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const dom_1 = require("@cloudscape-design/test-utils-core/dom");
 const index_js_1 = require("../button/index.js");
 const index_js_2 = require("../button-dropdown/index.js");
-const index_js_3 = require("../index.js");
-const index_js_4 = require("../toggle-button/index.js");
+const index_js_3 = require("../file-input/index.js");
+const index_js_4 = require("../index.js");
+const index_js_5 = require("../toggle-button/index.js");
 const styles_selectors_js_1 = require("../../../button-group/test-classes/styles.selectors.js");
 class ButtonGroupWrapper extends dom_1.ComponentWrapper {
     /**
@@ -19,7 +20,7 @@ class ButtonGroupWrapper extends dom_1.ComponentWrapper {
      * Finds a button item by its id.
      */
     findButtonById(id) {
-        const inlineItemSelector = `.${styles_selectors_js_1.default['button-group-item']}[data-testid="${id}"]`;
+        const inlineItemSelector = `.${styles_selectors_js_1.default['button-group-item']}[data-testid="${CSS.escape(id)}"]`;
         const wrapper = this.find(inlineItemSelector);
         return wrapper && new index_js_1.default(wrapper.getElement());
     }
@@ -27,15 +28,23 @@ class ButtonGroupWrapper extends dom_1.ComponentWrapper {
      * Finds a toggle button item by its id.
      */
     findToggleButtonById(id) {
-        const inlineItemSelector = `.${styles_selectors_js_1.default['button-group-item']}[data-testid="${id}"]`;
+        const inlineItemSelector = `.${styles_selectors_js_1.default['button-group-item']}[data-testid="${CSS.escape(id)}"]`;
         const wrapper = this.find(inlineItemSelector);
-        return wrapper && new index_js_4.default(wrapper.getElement());
+        return wrapper && new index_js_5.default(wrapper.getElement());
+    }
+    /**
+     * Finds a file input item by its id.
+     */
+    findFileInputById(id) {
+        const inlineItemSelector = `.${styles_selectors_js_1.default['button-group-item']}[data-testid="${CSS.escape(id)}"]`;
+        const wrapper = this.find(inlineItemSelector);
+        return wrapper && new index_js_3.default(wrapper.getElement());
     }
     /**
      * Finds a menu item by its id.
      */
     findMenuById(id) {
-        const inlineItemSelector = `.${styles_selectors_js_1.default['button-group-item']}[data-testid="${id}"]`;
+        const inlineItemSelector = `.${styles_selectors_js_1.default['button-group-item']}[data-testid="${CSS.escape(id)}"]`;
         const wrapper = this.find(inlineItemSelector);
         return wrapper && new index_js_2.default(wrapper.getElement());
     }
@@ -43,7 +52,7 @@ class ButtonGroupWrapper extends dom_1.ComponentWrapper {
      * Finds the currently opened tooltip.
      */
     findTooltip() {
-        return (0, index_js_3.default)().findByClassName(styles_selectors_js_1.default['button-group-tooltip']);
+        return (0, index_js_4.default)().findByClassName(styles_selectors_js_1.default['button-group-tooltip']);
     }
 }
 exports.default = ButtonGroupWrapper;

package/test-utils/dom/button-group/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/button-group/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAA0F;AAE1F,iDAA+C;AAC/C,0DAAgE;AAChE,0CAAwC;AACxC,wDAA4D;AAE5D,gGAAoF;AAEpF,MAAqB,kBAAmB,SAAQ,sBAAgB;IAG9D;;OAEG;IACH,SAAS;QACP,OAAO,IAAI,CAAC,kBAAkB,CAAC,6BAAc,CAAC,mBAAmB,CAAC,CAAC,CAAC;IACtE,CAAC;IAED;;OAEG;IACH,cAAc,CAAC,EAAU;QACvB,MAAM,kBAAkB,GAAG,IAAI,6BAAc,CAAC,mBAAmB,CAAC,iBAAiB,EAAE,IAAI,CAAC;QAC1F,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAsC,CAAC;QACnF,OAAO,OAAO,IAAI,IAAI,kBAAa,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC;IAC5D,CAAC;IAED;;OAEG;IACH,oBAAoB,CAAC,EAAU;QAC7B,MAAM,kBAAkB,GAAG,IAAI,6BAAc,CAAC,mBAAmB,CAAC,iBAAiB,EAAE,IAAI,CAAC;QAC1F,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAsC,CAAC;QACnF,OAAO,OAAO,IAAI,IAAI,kBAAmB,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC;IAClE,CAAC;IAED;;OAEG;IACH,YAAY,CAAC,EAAU;QACrB,MAAM,kBAAkB,GAAG,IAAI,6BAAc,CAAC,mBAAmB,CAAC,iBAAiB,EAAE,IAAI,CAAC;QAC1F,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;QAC9C,OAAO,OAAO,IAAI,IAAI,kBAAqB,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC;IACpE,CAAC;IAED;;OAEG;IACH,WAAW;QACT,OAAO,IAAA,kBAAa,GAAE,CAAC,eAAe,CAAC,6BAAc,CAAC,sBAAsB,CAAC,CAAC,CAAC;IACjF,CAAC;;AA1CH,qCA2CC;AA1CQ,+BAAY,GAAW,6BAAc,CAAC,cAAc,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/button-group/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAA0F;AAE1F,iDAA+C;AAC/C,0DAAgE;AAChE,qDAAsD;AACtD,0CAAwC;AACxC,wDAA4D;AAE5D,gGAAoF;AAEpF,MAAqB,kBAAmB,SAAQ,sBAAgB;IAG9D;;OAEG;IACH,SAAS;QACP,OAAO,IAAI,CAAC,kBAAkB,CAAC,6BAAc,CAAC,mBAAmB,CAAC,CAAC,CAAC;IACtE,CAAC;IAED;;OAEG;IACH,cAAc,CAAC,EAAU;QACvB,MAAM,kBAAkB,GAAG,IAAI,6BAAc,CAAC,mBAAmB,CAAC,iBAAiB,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC;QACtG,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAsC,CAAC;QACnF,OAAO,OAAO,IAAI,IAAI,kBAAa,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC;IAC5D,CAAC;IAED;;OAEG;IACH,oBAAoB,CAAC,EAAU;QAC7B,MAAM,kBAAkB,GAAG,IAAI,6BAAc,CAAC,mBAAmB,CAAC,iBAAiB,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC;QACtG,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAsC,CAAC;QACnF,OAAO,OAAO,IAAI,IAAI,kBAAmB,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC;IAClE,CAAC;IAED;;OAEG;IACH,iBAAiB,CAAC,EAAU;QAC1B,MAAM,kBAAkB,GAAG,IAAI,6BAAc,CAAC,mBAAmB,CAAC,iBAAiB,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC;QACtG,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAmC,CAAC;QAChF,OAAO,OAAO,IAAI,IAAI,kBAAgB,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC;IAC/D,CAAC;IAED;;OAEG;IACH,YAAY,CAAC,EAAU;QACrB,MAAM,kBAAkB,GAAG,IAAI,6BAAc,CAAC,mBAAmB,CAAC,iBAAiB,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC;QACtG,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;QAC9C,OAAO,OAAO,IAAI,IAAI,kBAAqB,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC;IACpE,CAAC;IAED;;OAEG;IACH,WAAW;QACT,OAAO,IAAA,kBAAa,GAAE,CAAC,eAAe,CAAC,6BAAc,CAAC,sBAAsB,CAAC,CAAC,CAAC;IACjF,CAAC;;AAnDH,qCAoDC;AAnDQ,+BAAY,GAAW,6BAAc,CAAC,cAAc,CAAC,CAAC"}

package/test-utils/selectors/button-group/index.d.ts

@@ -1,6 +1,7 @@
 import { ComponentWrapper, ElementWrapper } from "@cloudscape-design/test-utils-core/selectors";
 import ButtonWrapper from '../button/index.js';
 import ButtonDropdownWrapper from '../button-dropdown/index.js';
+import FileInputWrapper from '../file-input/index.js';
 import ToggleButtonWrapper from '../toggle-button/index.js';
 export default class ButtonGroupWrapper extends ComponentWrapper {
     static rootSelector: string;
@@ -16,6 +17,10 @@ export default class ButtonGroupWrapper extends ComponentWrapper {
      * Finds a toggle button item by its id.
      */
     findToggleButtonById(id: string): ToggleButtonWrapper;
+    /**
+     * Finds a file input item by its id.
+     */
+    findFileInputById(id: string): FileInputWrapper;
     /**
      * Finds a menu item by its id.
      */

package/test-utils/selectors/button-group/index.js

@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const selectors_1 = require("@cloudscape-design/test-utils-core/selectors");
 const index_js_1 = require("../button/index.js");
 const index_js_2 = require("../button-dropdown/index.js");
-const index_js_3 = require("../index.js");
-const index_js_4 = require("../toggle-button/index.js");
+const index_js_3 = require("../file-input/index.js");
+const index_js_4 = require("../index.js");
+const index_js_5 = require("../toggle-button/index.js");
 const styles_selectors_js_1 = require("../../../button-group/test-classes/styles.selectors.js");
 class ButtonGroupWrapper extends selectors_1.ComponentWrapper {
     /**
@@ -19,7 +20,7 @@ class ButtonGroupWrapper extends selectors_1.ComponentWrapper {
      * Finds a button item by its id.
      */
     findButtonById(id) {
-        const inlineItemSelector = `.${styles_selectors_js_1.default['button-group-item']}[data-testid="${id}"]`;
+        const inlineItemSelector = `.${styles_selectors_js_1.default['button-group-item']}[data-testid="${CSS.escape(id)}"]`;
         const wrapper = this.find(inlineItemSelector);
         return wrapper && new index_js_1.default(wrapper.getElement());
     }
@@ -27,15 +28,23 @@ class ButtonGroupWrapper extends selectors_1.ComponentWrapper {
      * Finds a toggle button item by its id.
      */
     findToggleButtonById(id) {
-        const inlineItemSelector = `.${styles_selectors_js_1.default['button-group-item']}[data-testid="${id}"]`;
+        const inlineItemSelector = `.${styles_selectors_js_1.default['button-group-item']}[data-testid="${CSS.escape(id)}"]`;
         const wrapper = this.find(inlineItemSelector);
-        return wrapper && new index_js_4.default(wrapper.getElement());
+        return wrapper && new index_js_5.default(wrapper.getElement());
+    }
+    /**
+     * Finds a file input item by its id.
+     */
+    findFileInputById(id) {
+        const inlineItemSelector = `.${styles_selectors_js_1.default['button-group-item']}[data-testid="${CSS.escape(id)}"]`;
+        const wrapper = this.find(inlineItemSelector);
+        return wrapper && new index_js_3.default(wrapper.getElement());
     }
     /**
      * Finds a menu item by its id.
      */
     findMenuById(id) {
-        const inlineItemSelector = `.${styles_selectors_js_1.default['button-group-item']}[data-testid="${id}"]`;
+        const inlineItemSelector = `.${styles_selectors_js_1.default['button-group-item']}[data-testid="${CSS.escape(id)}"]`;
         const wrapper = this.find(inlineItemSelector);
         return wrapper && new index_js_2.default(wrapper.getElement());
     }
@@ -43,7 +52,7 @@ class ButtonGroupWrapper extends selectors_1.ComponentWrapper {
      * Finds the currently opened tooltip.
      */
     findTooltip() {
-        return (0, index_js_3.default)().findByClassName(styles_selectors_js_1.default['button-group-tooltip']);
+        return (0, index_js_4.default)().findByClassName(styles_selectors_js_1.default['button-group-tooltip']);
     }
 }
 exports.default = ButtonGroupWrapper;