npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.853 → 3.0.855 - Mend

@cloudscape-design/components-themeable 3.0.853 → 3.0.855

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (617) hide show

package/lib/internal/template/tabs/styles.scoped.css CHANGED Viewed

@@ -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_t4wdv_282:not(#\9) {
+.awsui_tabs-header_14rmt_1fmp4_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_t4wdv_290:not(#\9) {
+.awsui_tabs-header-list_14rmt_1fmp4_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_t4wdv_290:not(#\9)::-webkit-scrollbar {
+.awsui_tabs-header-list_14rmt_1fmp4_298:not(#\9)::-webkit-scrollbar {
   display: none; /* Safari and Chrome */
 }
-.awsui_pagination-button_14rmt_t4wdv_307:not(#\9) {
+.awsui_pagination-button_14rmt_1fmp4_315:not(#\9) {
   margin-block: var(--space-scaled-s-8j7izy, 12px);
   margin-inline: 0;
   padding-block: 0;
   padding-inline: var(--space-xxs-y2432o, 4px);
   display: flex;
 }
-.awsui_pagination-button-left_14rmt_t4wdv_314:not(#\9) {
+.awsui_pagination-button-left_14rmt_1fmp4_322:not(#\9) {
   border-inline-end: var(--border-divider-section-width-iueskx, 1px) solid var(--color-border-control-disabled-7jgofv, #d5dbdb);
 }
-.awsui_pagination-button-left-scrollable_14rmt_t4wdv_317:not(#\9) {
+.awsui_pagination-button-left-scrollable_14rmt_1fmp4_325:not(#\9) {
   z-index: 1;
   box-shadow: 5px 0px 4px -3px var(--color-border-tabs-shadow-eb3y7s, #eaeded), 1px 0px 0px 0px var(--color-border-tabs-shadow-eb3y7s, #eaeded);
 }
-.awsui_pagination-button-right_14rmt_t4wdv_321:not(#\9) {
+.awsui_pagination-button-right_14rmt_1fmp4_329:not(#\9) {
   border-inline-start: var(--border-divider-section-width-iueskx, 1px) solid var(--color-border-control-disabled-7jgofv, #d5dbdb);
 }
-.awsui_pagination-button-right-scrollable_14rmt_t4wdv_324:not(#\9) {
+.awsui_pagination-button-right-scrollable_14rmt_1fmp4_332:not(#\9) {
   z-index: 1;
   box-shadow: -5px 0px 4px -3px var(--color-border-tabs-shadow-eb3y7s, #eaeded), -1px 0px 0px 0 var(--color-border-tabs-shadow-eb3y7s, #eaeded);
 }
-.awsui_tabs-tab_14rmt_t4wdv_329:not(#\9) {
+.awsui_tabs-tab_14rmt_1fmp4_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-eenfqd, 20px));
 }
-.awsui_tabs-tab-label_14rmt_t4wdv_338:not(#\9) {
+.awsui_tabs-tab-label_14rmt_1fmp4_346:not(#\9) {
   display: flex;
   align-items: center;
   padding-inline: var(--space-xs-6dgkww, 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_t4wdv_349:not(#\9) {
+.awsui_tabs-tab-header-container_14rmt_1fmp4_357:not(#\9) {
   position: relative;
   border-block: var(--border-divider-section-width-iueskx, 1px) solid transparent;
   border-inline: var(--border-divider-section-width-iueskx, 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_t4wdv_349:not(#\9), .awsui_tabs-tab-header-container_14rmt_t4wdv_349 > button:not(#\9) {
+.awsui_tabs-tab-header-container_14rmt_1fmp4_357:not(#\9), .awsui_tabs-tab-header-container_14rmt_1fmp4_357 > button:not(#\9) {
   background-color: transparent;
 }
-.awsui_tabs-tab-header-container_14rmt_t4wdv_349 > .awsui_tabs-tab-dismiss_14rmt_t4wdv_360:not(#\9), .awsui_tabs-tab-header-container_14rmt_t4wdv_349 > .awsui_tabs-tab-action_14rmt_t4wdv_360:not(#\9) {
+.awsui_tabs-tab-header-container_14rmt_1fmp4_357 > .awsui_tabs-tab-dismiss_14rmt_1fmp4_368:not(#\9), .awsui_tabs-tab-header-container_14rmt_1fmp4_357 > .awsui_tabs-tab-action_14rmt_1fmp4_368:not(#\9) {
   display: flex;
   align-items: center;
 }
-.awsui_tabs-tab-header-container_14rmt_t4wdv_349.awsui_refresh_14rmt_t4wdv_364 > span:not(#\9):first-of-type {
+.awsui_tabs-tab-header-container_14rmt_1fmp4_357.awsui_refresh_14rmt_1fmp4_372 > span:not(#\9):first-of-type {
   margin-inline-start: calc(-1 * var(--space-scaled-xs-t3am3w, 8px));
 }
-.awsui_tabs-tab-header-container_14rmt_t4wdv_349:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_t4wdv_368):after {
+.awsui_tabs-tab-header-container_14rmt_1fmp4_357:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1fmp4_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-3q3di9, #16191f);
   opacity: 0;
 }
-.awsui_tabs-tab-header-container_14rmt_t4wdv_349:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_t4wdv_368).awsui_refresh_14rmt_t4wdv_364:after {
+.awsui_tabs-tab-header-container_14rmt_1fmp4_357:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1fmp4_376).awsui_refresh_14rmt_1fmp4_372:after {
   transition: opacity var(--motion-duration-refresh-only-medium-kd6k1u, 0ms) var(--motion-easing-refresh-only-c-8zqwmw, cubic-bezier(0.84, 0, 0.16, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_tabs-tab-header-container_14rmt_t4wdv_349:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_t4wdv_368).awsui_refresh_14rmt_t4wdv_364:after {
+  .awsui_tabs-tab-header-container_14rmt_1fmp4_357:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1fmp4_376).awsui_refresh_14rmt_1fmp4_372:after {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_tabs-tab-header-container_14rmt_t4wdv_349:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_t4wdv_368).awsui_refresh_14rmt_t4wdv_364:after, .awsui-mode-entering .awsui_tabs-tab-header-container_14rmt_t4wdv_349:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_t4wdv_368).awsui_refresh_14rmt_t4wdv_364:after {
+.awsui-motion-disabled .awsui_tabs-tab-header-container_14rmt_1fmp4_357:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1fmp4_376).awsui_refresh_14rmt_1fmp4_372:after, .awsui-mode-entering .awsui_tabs-tab-header-container_14rmt_1fmp4_357:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1fmp4_376).awsui_refresh_14rmt_1fmp4_372:after {
   animation: none;
   transition: none;
 }
-.awsui_tabs-tab_14rmt_t4wdv_329:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_t4wdv_349 {
+.awsui_tabs-tab_14rmt_1fmp4_337:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_1fmp4_357 {
   margin-inline-end: calc(-1 * var(--border-divider-section-width-iueskx, 1px));
 }
-.awsui_tabs-tab_14rmt_t4wdv_329:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_t4wdv_349:before {
+.awsui_tabs-tab_14rmt_1fmp4_337:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_1fmp4_357:before {
   content: "";
   position: absolute;
   border-inline-end: var(--border-divider-section-width-iueskx, 1px) solid var(--color-border-tabs-divider-x9swcr, #aab7b8);
   inset: var(--space-scaled-s-8j7izy, 12px) 0;
   opacity: 1;
 }
-.awsui_tabs-tab_14rmt_t4wdv_329:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_t4wdv_349.awsui_refresh_14rmt_t4wdv_364:before {
+.awsui_tabs-tab_14rmt_1fmp4_337:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_1fmp4_357.awsui_refresh_14rmt_1fmp4_372:before {
   inset: calc(var(--space-static-s-pwj45y, 12px) - var(--border-active-width-28kchn, 2px)) 0;
 }
-.awsui_tabs-tab-link_14rmt_t4wdv_410:not(#\9) {
+.awsui_tabs-tab-link_14rmt_1fmp4_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-trr1e8, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hyxkxc, auto);
 }
-.awsui_tabs-tab-link_14rmt_t4wdv_410.awsui_refresh_14rmt_t4wdv_364:not(#\9) {
+.awsui_tabs-tab-link_14rmt_1fmp4_418.awsui_refresh_14rmt_1fmp4_372:not(#\9) {
   padding-block-start: calc(var(--space-static-xs-fwcjew, 8px) - 1px);
   padding-block-end: calc(var(--space-static-xs-fwcjew, 8px) - 1px);
   margin-block-start: 0;
 }
-.awsui_tabs-tab-link_14rmt_t4wdv_410:not(#\9):hover {
+.awsui_tabs-tab-link_14rmt_1fmp4_418:not(#\9):hover {
   color: var(--color-text-accent-b3retj, #0073bb);
 }
-.awsui_tabs-tab-link_14rmt_t4wdv_410:not(#\9):focus {
+.awsui_tabs-tab-link_14rmt_1fmp4_418:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_t4wdv_410:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_1fmp4_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_t4wdv_410:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_1fmp4_418:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-tabs-focus-outline-gutter-ix5qjm, 0px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_t4wdv_410:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_1fmp4_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_t4wdv_410:not(#\9
   box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
 }
-.awsui_tabs-tab_14rmt_t4wdv_329:not(#\9):first-child {
+.awsui_tabs-tab_14rmt_1fmp4_337:not(#\9):first-child {
   margin-inline-start: 1px;
 }
-.awsui_tabs-tab_14rmt_t4wdv_329:not(#\9):first-child > .awsui_tabs-tab-header-container_14rmt_t4wdv_349 {
+.awsui_tabs-tab_14rmt_1fmp4_337:not(#\9):first-child > .awsui_tabs-tab-header-container_14rmt_1fmp4_357 {
   padding-inline-start: calc(var(--space-xs-6dgkww, 8px) - 1px);
 }
-.awsui_tabs-tab_14rmt_t4wdv_329:not(#\9):last-child {
+.awsui_tabs-tab_14rmt_1fmp4_337:not(#\9):last-child {
   margin-inline-end: 1px;
 }
-.awsui_tabs-tab_14rmt_t4wdv_329:not(#\9):last-child > .awsui_tabs-tab-header-container_14rmt_t4wdv_349 {
+.awsui_tabs-tab_14rmt_1fmp4_337:not(#\9):last-child > .awsui_tabs-tab-header-container_14rmt_1fmp4_357 {
   padding-inline-end: calc(var(--space-xs-6dgkww, 8px) - 1px);
 }
-.awsui_tabs-tab-disabled_14rmt_t4wdv_368:not(#\9), .awsui_tabs-tab-disabled_14rmt_t4wdv_368:not(#\9):hover {
+.awsui_tabs-tab-disabled_14rmt_1fmp4_376:not(#\9), .awsui_tabs-tab-disabled_14rmt_1fmp4_376:not(#\9):hover {
   cursor: default;
   color: var(--color-text-interactive-disabled-xqzdg5, #aab7b8);
   font-weight: var(--font-tabs-disabled-weight-u0cr6g, 400);
 }
-.awsui_tabs-tab-active_14rmt_t4wdv_486:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_t4wdv_368) {
+.awsui_tabs-tab-active_14rmt_1fmp4_494:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1fmp4_376) {
   color: var(--color-text-accent-b3retj, #0073bb);
 }
-.awsui_tabs-tab-active_14rmt_t4wdv_486:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_t4wdv_368):after {
+.awsui_tabs-tab-active_14rmt_1fmp4_494:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1fmp4_376):after {
   opacity: 1;
 }
-.awsui_tabs-header-with-divider_14rmt_t4wdv_493:not(#\9) {
+.awsui_tabs-header-with-divider_14rmt_1fmp4_501:not(#\9) {
   border-block-end: var(--border-divider-section-width-iueskx, 1px) solid var(--color-border-tabs-divider-x9swcr, #aab7b8);
 }
-.awsui_tabs-tab-focusable_14rmt_t4wdv_497:not(#\9) {
+.awsui_tabs-tab-focusable_14rmt_1fmp4_505:not(#\9) {
   /* used to manage focusable logic */
 }
-.awsui_root_14rmt_t4wdv_501:not(#\9) {
+.awsui_root_14rmt_1fmp4_509:not(#\9) {
   /* used in test-utils or tests */
 }
-.awsui_tabs_14rmt_t4wdv_282:not(#\9) {
+.awsui_tabs_14rmt_1fmp4_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_t4wdv_410:not(#\9
   inline-size: 100%;
 }
-.awsui_tabs-content_14rmt_t4wdv_539:not(#\9) {
+.awsui_tabs-content_14rmt_1fmp4_547:not(#\9) {
   display: none;
 }
-.awsui_fit-height_14rmt_t4wdv_543:not(#\9) {
+.awsui_fit-height_14rmt_1fmp4_551:not(#\9) {
   display: flex;
   flex-direction: column;
   block-size: 100%;
 }
-.awsui_tabs-content-active_14rmt_t4wdv_549:not(#\9) {
+.awsui_tabs-content-active_14rmt_1fmp4_557:not(#\9) {
   display: block;
   flex: 1;
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-content-active_14rmt_t4wdv_549:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_tabs-content-active_14rmt_1fmp4_557:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: 2px;
   border-start-start-radius: var(--border-radius-container-3o3ats, 0px);
@@ -561,32 +569,32 @@ body[data-awsui-focus-visible=true] .awsui_tabs-content-active_14rmt_t4wdv_549:n
   box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
 }
-.awsui_tabs-content-wrapper_14rmt_t4wdv_563.awsui_with-paddings_14rmt_t4wdv_563 > .awsui_tabs-content_14rmt_t4wdv_539:not(#\9) {
+.awsui_tabs-content-wrapper_14rmt_1fmp4_571.awsui_with-paddings_14rmt_1fmp4_571 > .awsui_tabs-content_14rmt_1fmp4_547:not(#\9) {
   padding-block: var(--space-scaled-m-3uxq9h, 16px);
   padding-inline: 0;
 }
-.awsui_fit-height_14rmt_t4wdv_543 > .awsui_tabs-content-wrapper_14rmt_t4wdv_563:not(#\9) {
+.awsui_fit-height_14rmt_1fmp4_551 > .awsui_tabs-content-wrapper_14rmt_1fmp4_571:not(#\9) {
   flex: 1;
   display: flex;
   flex-direction: column;
   overflow: auto;
 }
-.awsui_fit-height_14rmt_t4wdv_543 > .awsui_tabs-content-wrapper_14rmt_t4wdv_563 > .awsui_tabs-container-content-wrapper_14rmt_t4wdv_574:not(#\9) {
+.awsui_fit-height_14rmt_1fmp4_551 > .awsui_tabs-content-wrapper_14rmt_1fmp4_571 > .awsui_tabs-container-content-wrapper_14rmt_1fmp4_582:not(#\9) {
   block-size: 100%;
   display: flex;
   flex-direction: column;
 }
-.awsui_tabs-container-content-wrapper_14rmt_t4wdv_574.awsui_with-paddings_14rmt_t4wdv_563 > .awsui_tabs-content_14rmt_t4wdv_539:not(#\9) {
+.awsui_tabs-container-content-wrapper_14rmt_1fmp4_582.awsui_with-paddings_14rmt_1fmp4_571 > .awsui_tabs-content_14rmt_1fmp4_547:not(#\9) {
   padding-block-start: var(--space-tabs-content-top-asxj61, 16px);
   padding-block-end: var(--space-scaled-l-7e51pg, 20px);
   padding-inline: var(--space-container-horizontal-v3575u, 20px);
 }
-.awsui_disabled-reason-tooltip_14rmt_t4wdv_585:not(#\9) {
+.awsui_disabled-reason-tooltip_14rmt_1fmp4_593:not(#\9) {
   /* used in test-utils or tests */
 }
-.awsui_tabs-tab-focused_14rmt_t4wdv_589:not(#\9) {
+.awsui_tabs-tab-focused_14rmt_1fmp4_597:not(#\9) {
   /* used to manage focusable state for disabled with reason tabs */
 }

package/lib/internal/template/tabs/styles.selectors.js CHANGED Viewed

@@ -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_t4wdv_282",
-  "tabs-header-list": "awsui_tabs-header-list_14rmt_t4wdv_290",
-  "pagination-button": "awsui_pagination-button_14rmt_t4wdv_307",
-  "pagination-button-left": "awsui_pagination-button-left_14rmt_t4wdv_314",
-  "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_t4wdv_317",
-  "pagination-button-right": "awsui_pagination-button-right_14rmt_t4wdv_321",
-  "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_t4wdv_324",
-  "tabs-tab": "awsui_tabs-tab_14rmt_t4wdv_329",
-  "tabs-tab-label": "awsui_tabs-tab-label_14rmt_t4wdv_338",
-  "tabs-tab-header-container": "awsui_tabs-tab-header-container_14rmt_t4wdv_349",
-  "tabs-tab-dismiss": "awsui_tabs-tab-dismiss_14rmt_t4wdv_360",
-  "tabs-tab-action": "awsui_tabs-tab-action_14rmt_t4wdv_360",
-  "refresh": "awsui_refresh_14rmt_t4wdv_364",
-  "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_t4wdv_368",
-  "tabs-tab-link": "awsui_tabs-tab-link_14rmt_t4wdv_410",
-  "tabs-tab-active": "awsui_tabs-tab-active_14rmt_t4wdv_486",
-  "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_t4wdv_493",
-  "tabs-tab-focusable": "awsui_tabs-tab-focusable_14rmt_t4wdv_497",
-  "root": "awsui_root_14rmt_t4wdv_501",
-  "tabs": "awsui_tabs_14rmt_t4wdv_282",
-  "tabs-content": "awsui_tabs-content_14rmt_t4wdv_539",
-  "fit-height": "awsui_fit-height_14rmt_t4wdv_543",
-  "tabs-content-active": "awsui_tabs-content-active_14rmt_t4wdv_549",
-  "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_t4wdv_563",
-  "with-paddings": "awsui_with-paddings_14rmt_t4wdv_563",
-  "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_t4wdv_574",
-  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_14rmt_t4wdv_585",
-  "tabs-tab-focused": "awsui_tabs-tab-focused_14rmt_t4wdv_589"
+  "tabs-header": "awsui_tabs-header_14rmt_1fmp4_290",
+  "tabs-header-list": "awsui_tabs-header-list_14rmt_1fmp4_298",
+  "pagination-button": "awsui_pagination-button_14rmt_1fmp4_315",
+  "pagination-button-left": "awsui_pagination-button-left_14rmt_1fmp4_322",
+  "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_1fmp4_325",
+  "pagination-button-right": "awsui_pagination-button-right_14rmt_1fmp4_329",
+  "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_1fmp4_332",
+  "tabs-tab": "awsui_tabs-tab_14rmt_1fmp4_337",
+  "tabs-tab-label": "awsui_tabs-tab-label_14rmt_1fmp4_346",
+  "tabs-tab-header-container": "awsui_tabs-tab-header-container_14rmt_1fmp4_357",
+  "tabs-tab-dismiss": "awsui_tabs-tab-dismiss_14rmt_1fmp4_368",
+  "tabs-tab-action": "awsui_tabs-tab-action_14rmt_1fmp4_368",
+  "refresh": "awsui_refresh_14rmt_1fmp4_372",
+  "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_1fmp4_376",
+  "tabs-tab-link": "awsui_tabs-tab-link_14rmt_1fmp4_418",
+  "tabs-tab-active": "awsui_tabs-tab-active_14rmt_1fmp4_494",
+  "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_1fmp4_501",
+  "tabs-tab-focusable": "awsui_tabs-tab-focusable_14rmt_1fmp4_505",
+  "root": "awsui_root_14rmt_1fmp4_509",
+  "tabs": "awsui_tabs_14rmt_1fmp4_290",
+  "tabs-content": "awsui_tabs-content_14rmt_1fmp4_547",
+  "fit-height": "awsui_fit-height_14rmt_1fmp4_551",
+  "tabs-content-active": "awsui_tabs-content-active_14rmt_1fmp4_557",
+  "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_1fmp4_571",
+  "with-paddings": "awsui_with-paddings_14rmt_1fmp4_571",
+  "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_1fmp4_582",
+  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_14rmt_1fmp4_593",
+  "tabs-tab-focused": "awsui_tabs-tab-focused_14rmt_1fmp4_597"
 };

package/lib/internal/template/tag-editor/styles.css.js CHANGED Viewed

@@ -1,8 +1,8 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_brdst_khi07_141",
-  "loading": "awsui_loading_brdst_khi07_145",
-  "undo-button": "awsui_undo-button_brdst_khi07_149"
+  "root": "awsui_root_brdst_1bkli_145",
+  "loading": "awsui_loading_brdst_1bkli_149",
+  "undo-button": "awsui_undo-button_brdst_1bkli_153"
 };

package/lib/internal/template/tag-editor/styles.scoped.css CHANGED Viewed

@@ -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_khi07_141:not(#\9) {
+.awsui_root_brdst_1bkli_145:not(#\9) {
   /* used in test utils */
 }
-.awsui_loading_brdst_khi07_145:not(#\9) {
+.awsui_loading_brdst_1bkli_149:not(#\9) {
   /* used in test utils */
 }
-.awsui_undo-button_brdst_khi07_149:not(#\9) {
+.awsui_undo-button_brdst_1bkli_153:not(#\9) {
   -webkit-font-smoothing: var(--font-smoothing-webkit-trr1e8, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hyxkxc, auto);
   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-kd6k1u, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_undo-button_brdst_khi07_149:not(#\9) {
+  .awsui_undo-button_brdst_1bkli_153:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_undo-button_brdst_khi07_149:not(#\9), .awsui-mode-entering .awsui_undo-button_brdst_khi07_149:not(#\9) {
+.awsui-motion-disabled .awsui_undo-button_brdst_1bkli_153:not(#\9), .awsui-mode-entering .awsui_undo-button_brdst_1bkli_153:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_undo-button_brdst_khi07_149:not(#\9):hover {
+.awsui_undo-button_brdst_1bkli_153:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-jvu4dp, #0a4a74);
 }
-.awsui_undo-button_brdst_khi07_149:not(#\9):focus {
+.awsui_undo-button_brdst_1bkli_153:not(#\9):focus {
   outline: none;
 }
-.awsui_undo-button_brdst_khi07_149:not(#\9):active {
+.awsui_undo-button_brdst_1bkli_153:not(#\9):active {
   color: var(--color-text-link-hover-jvu4dp, #0a4a74);
 }
-.awsui_undo-button_brdst_khi07_149:not(#\9):active, .awsui_undo-button_brdst_khi07_149:not(#\9):focus, .awsui_undo-button_brdst_khi07_149:not(#\9):hover {
+.awsui_undo-button_brdst_1bkli_153:not(#\9):active, .awsui_undo-button_brdst_1bkli_153:not(#\9):focus, .awsui_undo-button_brdst_1bkli_153:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-button-underline-hover-9rgjgz, currentColor);
 }
-body[data-awsui-focus-visible=true] .awsui_undo-button_brdst_khi07_149:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_undo-button_brdst_1bkli_153:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-bptw2p, 5px auto Highlight);
   outline-offset: 2px;

package/lib/internal/template/tag-editor/styles.selectors.js CHANGED Viewed

@@ -2,8 +2,8 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_brdst_khi07_141",
-  "loading": "awsui_loading_brdst_khi07_145",
-  "undo-button": "awsui_undo-button_brdst_khi07_149"
+  "root": "awsui_root_brdst_1bkli_145",
+  "loading": "awsui_loading_brdst_1bkli_149",
+  "undo-button": "awsui_undo-button_brdst_1bkli_153"
 };

package/lib/internal/template/test-utils/dom/button-group/index.d.ts CHANGED Viewed

@@ -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/lib/internal/template/test-utils/dom/button-group/index.js CHANGED Viewed

@@ -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/lib/internal/template/test-utils/dom/button-group/index.js.map CHANGED Viewed

	@@ -1 +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"}
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,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/lib/internal/template/test-utils/selectors/button-group/index.d.ts CHANGED Viewed

@@ -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/lib/internal/template/test-utils/selectors/button-group/index.js CHANGED Viewed

@@ -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;