@cloudscape-design/components 3.0.1270 → 3.0.1272

package/tabs/styles.scoped.css

@@ -151,7 +151,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_1ij54_154:not(#\9) {
+.awsui_tabs-header_14rmt_35hfj_154:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   padding-block: 0;
@@ -160,13 +160,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   flex-wrap: wrap;
 }
 
-.awsui_tab-header-scroll-container_14rmt_1ij54_163:not(#\9) {
+.awsui_tab-header-scroll-container_14rmt_35hfj_163:not(#\9) {
   display: flex;
   flex-grow: 1;
   max-inline-size: 100%;
 }
 
-.awsui_tabs-header-list_14rmt_1ij54_169:not(#\9) {
+.awsui_tabs-header-list_14rmt_35hfj_169:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   padding-block: 0;
@@ -179,33 +179,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   scroll-snap-type: inline proximity;
   scrollbar-width: none; /* Firefox */
 }
-.awsui_tabs-header-list_14rmt_1ij54_169:not(#\9)::-webkit-scrollbar {
+.awsui_tabs-header-list_14rmt_35hfj_169:not(#\9)::-webkit-scrollbar {
   display: none; /* Safari and Chrome */
 }
 
-.awsui_pagination-button_14rmt_1ij54_186:not(#\9) {
+.awsui_pagination-button_14rmt_35hfj_186:not(#\9) {
   margin-block: var(--space-scaled-s-8ozaad, 12px);
   margin-inline: 0;
   padding-block: 0;
   padding-inline: var(--space-xxs-hwfkai, 4px);
   display: flex;
 }
-.awsui_pagination-button-left_14rmt_1ij54_193:not(#\9) {
+.awsui_pagination-button-left_14rmt_35hfj_193:not(#\9) {
   border-inline-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-control-disabled-uj7t08, #dedee3);
 }
-.awsui_pagination-button-left-scrollable_14rmt_1ij54_196:not(#\9) {
+.awsui_pagination-button-left-scrollable_14rmt_35hfj_196:not(#\9) {
   z-index: 1;
   box-shadow: 5px 0px 4px -3px var(--color-border-tabs-shadow-ugyo07, rgba(15, 20, 26, 0.12)), 1px 0px 0px 0px var(--color-border-tabs-shadow-ugyo07, rgba(15, 20, 26, 0.12));
 }
-.awsui_pagination-button-right_14rmt_1ij54_200:not(#\9) {
+.awsui_pagination-button-right_14rmt_35hfj_200:not(#\9) {
   border-inline-start: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-control-disabled-uj7t08, #dedee3);
 }
-.awsui_pagination-button-right-scrollable_14rmt_1ij54_203:not(#\9) {
+.awsui_pagination-button-right-scrollable_14rmt_35hfj_203:not(#\9) {
   z-index: 1;
   box-shadow: -5px 0px 4px -3px var(--color-border-tabs-shadow-ugyo07, rgba(15, 20, 26, 0.12)), -1px 0px 0px 0 var(--color-border-tabs-shadow-ugyo07, rgba(15, 20, 26, 0.12));
 }
 
-.awsui_actions-container_14rmt_1ij54_208:not(#\9) {
+.awsui_actions-container_14rmt_35hfj_208:not(#\9) {
   flex-shrink: 0;
   align-self: center;
   padding-block: var(--space-xs-ymlm0b, 8px);
@@ -213,7 +213,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline-start: auto;
 }
 
-.awsui_tabs-tab_14rmt_1ij54_216:not(#\9) {
+.awsui_tabs-tab_14rmt_35hfj_216:not(#\9) {
   list-style: none;
   padding-block: 0;
   padding-inline: 0;
@@ -223,18 +223,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   scroll-snap-align: start;
 }
 
-.awsui_tabs-tab-label_14rmt_1ij54_226:not(#\9) {
+.awsui_tabs-tab-label_14rmt_35hfj_226:not(#\9) {
   display: flex;
   align-items: center;
   padding-inline: var(--space-xs-ymlm0b, 8px);
-  padding-block: var(--space-scaled-2x-xxs-e79hr1, 4px);
+  padding-block: var(--space-tabs-vertical-3qxuiu, 4px);
   text-align: start;
   position: relative;
   min-inline-size: 0;
   word-break: break-word;
 }
 
-.awsui_tabs-tab-header-container_14rmt_1ij54_237:not(#\9) {
+.awsui_tabs-tab-header-container_14rmt_35hfj_237:not(#\9) {
   position: relative;
   border-block: var(--border-divider-section-width-uwo8my, 1px) solid transparent;
   border-inline: var(--border-divider-section-width-uwo8my, 1px) solid transparent;
@@ -242,16 +242,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: flex;
   align-items: stretch;
 }
-.awsui_tabs-tab-header-container_14rmt_1ij54_237 > .awsui_tabs-tab-dismiss_14rmt_1ij54_245:not(#\9), .awsui_tabs-tab-header-container_14rmt_1ij54_237 > .awsui_tabs-tab-action_14rmt_1ij54_245:not(#\9) {
+.awsui_tabs-tab-header-container_14rmt_35hfj_237 > .awsui_tabs-tab-dismiss_14rmt_35hfj_245:not(#\9), .awsui_tabs-tab-header-container_14rmt_35hfj_237 > .awsui_tabs-tab-action_14rmt_35hfj_245:not(#\9) {
   position: relative;
   display: flex;
   align-items: center;
 }
-.awsui_tabs-tab-header-container_14rmt_1ij54_237.awsui_refresh_14rmt_1ij54_250 > span:not(#\9):first-of-type {
+.awsui_tabs-tab-header-container_14rmt_35hfj_237.awsui_refresh_14rmt_35hfj_250 > span:not(#\9):first-of-type {
   margin-inline-start: calc(-1 * var(--space-scaled-xs-xwoogq, 8px));
 }
 
-.awsui_tabs-tab-header-container_14rmt_1ij54_237:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1ij54_254):after {
+.awsui_tabs-tab-header-container_14rmt_35hfj_237:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_35hfj_254):after {
   content: "";
   position: absolute;
   inset-inline-start: 0;
@@ -265,35 +265,35 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background: var(--awsui-style-tabs-active-indicator-color-6b9ypa, var(--color-border-tabs-underline-gudemr, #006ce0));
   opacity: 0;
 }
-.awsui_tabs-tab-header-container_14rmt_1ij54_237:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1ij54_254).awsui_refresh_14rmt_1ij54_250:after {
+.awsui_tabs-tab-header-container_14rmt_35hfj_237:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_35hfj_254).awsui_refresh_14rmt_35hfj_250:after {
   transition: opacity var(--motion-duration-refresh-only-medium-5rbn3k, 165ms) var(--motion-easing-refresh-only-c-cxy2sk, cubic-bezier(0.84, 0, 0.16, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_tabs-tab-header-container_14rmt_1ij54_237:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1ij54_254).awsui_refresh_14rmt_1ij54_250:after {
+  .awsui_tabs-tab-header-container_14rmt_35hfj_237:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_35hfj_254).awsui_refresh_14rmt_35hfj_250:after {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_tabs-tab-header-container_14rmt_1ij54_237:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1ij54_254).awsui_refresh_14rmt_1ij54_250:after, .awsui-mode-entering .awsui_tabs-tab-header-container_14rmt_1ij54_237:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1ij54_254).awsui_refresh_14rmt_1ij54_250:after {
+.awsui-motion-disabled .awsui_tabs-tab-header-container_14rmt_35hfj_237:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_35hfj_254).awsui_refresh_14rmt_35hfj_250:after, .awsui-mode-entering .awsui_tabs-tab-header-container_14rmt_35hfj_237:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_35hfj_254).awsui_refresh_14rmt_35hfj_250:after {
   animation: none;
   transition: none;
 }
 
-.awsui_tabs-tab_14rmt_1ij54_216:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_1ij54_237 {
+.awsui_tabs-tab_14rmt_35hfj_216:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_35hfj_237 {
   margin-inline-end: calc(-1 * var(--border-divider-section-width-uwo8my, 1px));
 }
-.awsui_tabs-tab_14rmt_1ij54_216:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_1ij54_237:before {
+.awsui_tabs-tab_14rmt_35hfj_216:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_35hfj_237:before {
   content: "";
   position: absolute;
   border-inline-end: var(--awsui-style-tabs-separator-width-6b9ypa, var(--border-divider-section-width-uwo8my, 1px)) solid var(--awsui-style-tabs-separator-color-6b9ypa, var(--color-border-tabs-divider-f5t9va, #c6c6cd));
   inset: var(--space-scaled-s-8ozaad, 12px) 0;
   opacity: 1;
 }
-.awsui_tabs-tab_14rmt_1ij54_216:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_1ij54_237.awsui_refresh_14rmt_1ij54_250:before {
+.awsui_tabs-tab_14rmt_35hfj_216:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_35hfj_237.awsui_refresh_14rmt_35hfj_250:before {
   inset: calc(var(--space-static-s-t763lu, 12px) - var(--border-active-width-axzm24, 4px)) 0;
 }
 
-.awsui_tabs-tab-link_14rmt_1ij54_296:not(#\9) {
+.awsui_tabs-tab-link_14rmt_35hfj_296:not(#\9) {
   position: relative;
   display: flex;
   align-items: stretch;
@@ -305,9 +305,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block-start: 1px;
   border-block: var(--border-divider-section-width-uwo8my, 1px) solid var(--awsui-style-border-color-default-6b9ypa, transparent);
   border-inline: var(--border-divider-section-width-uwo8my, 1px) solid var(--awsui-style-border-color-default-6b9ypa, transparent);
-  font-size: var(--font-tabs-size-18irgl, 16px);
-  line-height: var(--font-tabs-line-height-5g6n1v, 20px);
-  font-weight: var(--font-wayfinding-link-active-weight-ny4hup, 700);
+  font-size: var(--font-size-tabs-eeo215, 16px);
+  line-height: var(--line-height-tabs-vpnjo7, 20px);
+  font-weight: var(--font-weight-tabs-ichxzl, 700);
   color: var(--awsui-style-color-default-6b9ypa, var(--color-text-interactive-default-ugh9wp, #424650));
   background-color: var(--awsui-style-background-default-6b9ypa, transparent);
   padding-inline-start: calc(var(--space-xxs-hwfkai, 4px) - 1px);
@@ -315,28 +315,28 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
 }
-.awsui_tabs-tab-link_14rmt_1ij54_296.awsui_refresh_14rmt_1ij54_250:not(#\9) {
+.awsui_tabs-tab-link_14rmt_35hfj_296.awsui_refresh_14rmt_35hfj_250:not(#\9) {
   padding-block-start: calc(var(--space-static-xs-gnm0mz, 8px) - 1px);
   padding-block-end: calc(var(--space-static-xs-gnm0mz, 8px) - 1px);
   margin-block-start: 0;
 }
-.awsui_tabs-tab-link_14rmt_1ij54_296:not(#\9):hover {
+.awsui_tabs-tab-link_14rmt_35hfj_296:not(#\9):hover {
   color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-accent-n1kmht, #006ce0));
   border-color: var(--awsui-style-border-color-hover-6b9ypa, var(--awsui-style-border-color-default-6b9ypa, transparent));
   background-color: var(--awsui-style-background-hover-6b9ypa, var(--awsui-style-background-default-6b9ypa, transparent));
 }
-.awsui_tabs-tab-link_14rmt_1ij54_296:not(#\9):focus {
+.awsui_tabs-tab-link_14rmt_35hfj_296:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_1ij54_296:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_35hfj_296:not(#\9):focus {
   --awsui-style-focus-ring-box-shadow-6b9ypa: 0 0 0 var(--awsui-style-focus-ring-border-width-6b9ypa, 2px) var(--awsui-style-focus-ring-border-color-6b9ypa, var(--color-border-item-focused-uk47pl, #006ce0));
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_1ij54_296:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_35hfj_296:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-tabs-focus-outline-gutter-eerrg4, -8px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_1ij54_296:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_35hfj_296:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -352,52 +352,52 @@ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_1ij54_296:not(#\9
   z-index: 1;
 }
 
-.awsui_tabs-tab_14rmt_1ij54_216:not(#\9):first-child {
+.awsui_tabs-tab_14rmt_35hfj_216:not(#\9):first-child {
   margin-inline-start: 1px;
   scroll-margin-inline-start: 1px;
 }
-.awsui_tabs-tab_14rmt_1ij54_216:not(#\9):first-child > .awsui_tabs-tab-header-container_14rmt_1ij54_237 {
+.awsui_tabs-tab_14rmt_35hfj_216:not(#\9):first-child > .awsui_tabs-tab-header-container_14rmt_35hfj_237 {
   padding-inline-start: calc(var(--space-xs-ymlm0b, 8px) - 1px);
 }
 
-.awsui_tabs-tab_14rmt_1ij54_216:not(#\9):last-child {
+.awsui_tabs-tab_14rmt_35hfj_216:not(#\9):last-child {
   margin-inline-end: 1px;
   scroll-margin-inline-end: 1px;
 }
-.awsui_tabs-tab_14rmt_1ij54_216:not(#\9):last-child > .awsui_tabs-tab-header-container_14rmt_1ij54_237 {
+.awsui_tabs-tab_14rmt_35hfj_216:not(#\9):last-child > .awsui_tabs-tab-header-container_14rmt_35hfj_237 {
   padding-inline-end: calc(var(--space-xs-ymlm0b, 8px) - 1px);
 }
 
-.awsui_tabs-tab-disabled_14rmt_1ij54_254:not(#\9), .awsui_tabs-tab-disabled_14rmt_1ij54_254:not(#\9):hover {
+.awsui_tabs-tab-disabled_14rmt_35hfj_254:not(#\9), .awsui_tabs-tab-disabled_14rmt_35hfj_254:not(#\9):hover {
   cursor: default;
   color: var(--awsui-style-color-disabled-6b9ypa, var(--color-text-interactive-disabled-1bqmrl, #b4b4bb));
   border-color: var(--awsui-style-border-color-disabled-6b9ypa, transparent);
   background-color: var(--awsui-style-background-disabled-6b9ypa, transparent);
-  font-weight: var(--font-tabs-disabled-weight-e3lt4d, 700);
+  font-weight: var(--font-weight-tabs-disabled-v5r551, 700);
 }
 
-.awsui_tabs-tab-active_14rmt_1ij54_379:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1ij54_254) {
+.awsui_tabs-tab-active_14rmt_35hfj_379:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_35hfj_254) {
   color: var(--awsui-style-color-active-6b9ypa, var(--color-text-accent-n1kmht, #006ce0));
   border-color: var(--awsui-style-border-color-active-6b9ypa, transparent);
   background-color: var(--awsui-style-background-active-6b9ypa, transparent);
 }
-.awsui_tabs-tab-active_14rmt_1ij54_379:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1ij54_254):after {
+.awsui_tabs-tab-active_14rmt_35hfj_379:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_35hfj_254):after {
   opacity: 1;
 }
 
-.awsui_tabs-header-with-divider_14rmt_1ij54_388:not(#\9) {
+.awsui_tabs-header-with-divider_14rmt_35hfj_388:not(#\9) {
   border-block-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-tabs-divider-f5t9va, #c6c6cd);
 }
 
-.awsui_tabs-tab-focusable_14rmt_1ij54_392:not(#\9) {
+.awsui_tabs-tab-focusable_14rmt_35hfj_392:not(#\9) {
   /* used to manage focusable logic */
 }
 
-.awsui_root_14rmt_1ij54_396:not(#\9) {
+.awsui_root_14rmt_35hfj_396:not(#\9) {
   /* used in test-utils or tests */
 }
 
-.awsui_tabs_14rmt_1ij54_154:not(#\9) {
+.awsui_tabs_14rmt_35hfj_154:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -431,21 +431,21 @@ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_1ij54_296:not(#\9
   inline-size: 100%;
 }
 
-.awsui_tabs-content_14rmt_1ij54_434:not(#\9) {
+.awsui_tabs-content_14rmt_35hfj_434:not(#\9) {
   display: none;
 }
 
-.awsui_fit-height_14rmt_1ij54_438:not(#\9) {
+.awsui_fit-height_14rmt_35hfj_438:not(#\9) {
   display: flex;
   flex-direction: column;
   block-size: 100%;
 }
 
-.awsui_tabs-content-active_14rmt_1ij54_444:not(#\9) {
+.awsui_tabs-content-active_14rmt_35hfj_444:not(#\9) {
   display: block;
   flex: 1;
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-content-active_14rmt_1ij54_444:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_tabs-content-active_14rmt_35hfj_444:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: 2px;
   border-start-start-radius: var(--border-radius-container-nsfwmm, 16px);
@@ -455,32 +455,32 @@ body[data-awsui-focus-visible=true] .awsui_tabs-content-active_14rmt_1ij54_444:n
   box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
 }
 
-.awsui_tabs-content-wrapper_14rmt_1ij54_458.awsui_with-paddings_14rmt_1ij54_458 > .awsui_tabs-content_14rmt_1ij54_434:not(#\9) {
+.awsui_tabs-content-wrapper_14rmt_35hfj_458.awsui_with-paddings_14rmt_35hfj_458 > .awsui_tabs-content_14rmt_35hfj_434:not(#\9) {
   padding-block: var(--space-scaled-m-m892r9, 16px);
   padding-inline: 0;
 }
-.awsui_fit-height_14rmt_1ij54_438 > .awsui_tabs-content-wrapper_14rmt_1ij54_458:not(#\9) {
+.awsui_fit-height_14rmt_35hfj_438 > .awsui_tabs-content-wrapper_14rmt_35hfj_458:not(#\9) {
   flex: 1;
   display: flex;
   flex-direction: column;
   overflow: auto;
 }
 
-.awsui_fit-height_14rmt_1ij54_438 > .awsui_tabs-content-wrapper_14rmt_1ij54_458 > .awsui_tabs-container-content-wrapper_14rmt_1ij54_469:not(#\9) {
+.awsui_fit-height_14rmt_35hfj_438 > .awsui_tabs-content-wrapper_14rmt_35hfj_458 > .awsui_tabs-container-content-wrapper_14rmt_35hfj_469:not(#\9) {
   block-size: 100%;
   display: flex;
   flex-direction: column;
 }
-.awsui_tabs-container-content-wrapper_14rmt_1ij54_469.awsui_with-paddings_14rmt_1ij54_458 > .awsui_tabs-content_14rmt_1ij54_434:not(#\9) {
+.awsui_tabs-container-content-wrapper_14rmt_35hfj_469.awsui_with-paddings_14rmt_35hfj_458 > .awsui_tabs-content_14rmt_35hfj_434:not(#\9) {
   padding-block-start: var(--space-tabs-content-top-ju6qox, 12px);
   padding-block-end: var(--space-scaled-l-sej05l, 20px);
   padding-inline: var(--space-container-horizontal-nqrzyh, 20px);
 }
 
-.awsui_disabled-reason-tooltip_14rmt_1ij54_480:not(#\9) {
+.awsui_disabled-reason-tooltip_14rmt_35hfj_480:not(#\9) {
   /* used in test-utils or tests */
 }
 
-.awsui_tabs-tab-focused_14rmt_1ij54_484:not(#\9) {
+.awsui_tabs-tab-focused_14rmt_35hfj_484:not(#\9) {
   /* used to manage focusable state for disabled with reason tabs */
 }

package/tabs/styles.selectors.js

@@ -2,35 +2,35 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "tabs-header": "awsui_tabs-header_14rmt_1ij54_154",
-  "tab-header-scroll-container": "awsui_tab-header-scroll-container_14rmt_1ij54_163",
-  "tabs-header-list": "awsui_tabs-header-list_14rmt_1ij54_169",
-  "pagination-button": "awsui_pagination-button_14rmt_1ij54_186",
-  "pagination-button-left": "awsui_pagination-button-left_14rmt_1ij54_193",
-  "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_1ij54_196",
-  "pagination-button-right": "awsui_pagination-button-right_14rmt_1ij54_200",
-  "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_1ij54_203",
-  "actions-container": "awsui_actions-container_14rmt_1ij54_208",
-  "tabs-tab": "awsui_tabs-tab_14rmt_1ij54_216",
-  "tabs-tab-label": "awsui_tabs-tab-label_14rmt_1ij54_226",
-  "tabs-tab-header-container": "awsui_tabs-tab-header-container_14rmt_1ij54_237",
-  "tabs-tab-dismiss": "awsui_tabs-tab-dismiss_14rmt_1ij54_245",
-  "tabs-tab-action": "awsui_tabs-tab-action_14rmt_1ij54_245",
-  "refresh": "awsui_refresh_14rmt_1ij54_250",
-  "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_1ij54_254",
-  "tabs-tab-link": "awsui_tabs-tab-link_14rmt_1ij54_296",
-  "tabs-tab-active": "awsui_tabs-tab-active_14rmt_1ij54_379",
-  "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_1ij54_388",
-  "tabs-tab-focusable": "awsui_tabs-tab-focusable_14rmt_1ij54_392",
-  "root": "awsui_root_14rmt_1ij54_396",
-  "tabs": "awsui_tabs_14rmt_1ij54_154",
-  "tabs-content": "awsui_tabs-content_14rmt_1ij54_434",
-  "fit-height": "awsui_fit-height_14rmt_1ij54_438",
-  "tabs-content-active": "awsui_tabs-content-active_14rmt_1ij54_444",
-  "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_1ij54_458",
-  "with-paddings": "awsui_with-paddings_14rmt_1ij54_458",
-  "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_1ij54_469",
-  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_14rmt_1ij54_480",
-  "tabs-tab-focused": "awsui_tabs-tab-focused_14rmt_1ij54_484"
+  "tabs-header": "awsui_tabs-header_14rmt_35hfj_154",
+  "tab-header-scroll-container": "awsui_tab-header-scroll-container_14rmt_35hfj_163",
+  "tabs-header-list": "awsui_tabs-header-list_14rmt_35hfj_169",
+  "pagination-button": "awsui_pagination-button_14rmt_35hfj_186",
+  "pagination-button-left": "awsui_pagination-button-left_14rmt_35hfj_193",
+  "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_35hfj_196",
+  "pagination-button-right": "awsui_pagination-button-right_14rmt_35hfj_200",
+  "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_35hfj_203",
+  "actions-container": "awsui_actions-container_14rmt_35hfj_208",
+  "tabs-tab": "awsui_tabs-tab_14rmt_35hfj_216",
+  "tabs-tab-label": "awsui_tabs-tab-label_14rmt_35hfj_226",
+  "tabs-tab-header-container": "awsui_tabs-tab-header-container_14rmt_35hfj_237",
+  "tabs-tab-dismiss": "awsui_tabs-tab-dismiss_14rmt_35hfj_245",
+  "tabs-tab-action": "awsui_tabs-tab-action_14rmt_35hfj_245",
+  "refresh": "awsui_refresh_14rmt_35hfj_250",
+  "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_35hfj_254",
+  "tabs-tab-link": "awsui_tabs-tab-link_14rmt_35hfj_296",
+  "tabs-tab-active": "awsui_tabs-tab-active_14rmt_35hfj_379",
+  "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_35hfj_388",
+  "tabs-tab-focusable": "awsui_tabs-tab-focusable_14rmt_35hfj_392",
+  "root": "awsui_root_14rmt_35hfj_396",
+  "tabs": "awsui_tabs_14rmt_35hfj_154",
+  "tabs-content": "awsui_tabs-content_14rmt_35hfj_434",
+  "fit-height": "awsui_fit-height_14rmt_35hfj_438",
+  "tabs-content-active": "awsui_tabs-content-active_14rmt_35hfj_444",
+  "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_35hfj_458",
+  "with-paddings": "awsui_with-paddings_14rmt_35hfj_458",
+  "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_35hfj_469",
+  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_14rmt_35hfj_480",
+  "tabs-tab-focused": "awsui_tabs-tab-focused_14rmt_35hfj_484"
 };
   

package/test-utils/dom/hotspot/index.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 // SPDX-License-Identifier: Apache-2.0
 const dom_1 = require("@cloudscape-design/test-utils-core/dom");
 const annotation_1 = require("../annotation");
-const index_1 = require("../index");
 const styles_selectors_js_1 = require("../../../annotation-context/annotation/styles.selectors.js");
 const styles_selectors_js_2 = require("../../../hotspot/styles.selectors.js");
 class HotspotWrapper extends dom_1.ComponentWrapper {
@@ -12,7 +11,7 @@ class HotspotWrapper extends dom_1.ComponentWrapper {
         return this.findByClassName(styles_selectors_js_1.default.hotspot);
     }
     findAnnotation() {
-        return (0, index_1.default)().findComponent(`.${styles_selectors_js_1.default.annotation}`, annotation_1.default);
+        return (0, dom_1.createWrapper)().findComponent(`.${styles_selectors_js_1.default.annotation}`, annotation_1.default);
     }
 }
 HotspotWrapper.rootSelector = styles_selectors_js_2.default.root;

package/test-utils/dom/hotspot/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/hotspot/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAA0F;AAE1F,8CAA8C;AAC9C,oCAAqC;AAErC,oGAA0F;AAC1F,8EAAiE;AAEjE,MAAqB,cAAe,SAAQ,sBAAgB;IAG1D,WAAW;QACT,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAgB,CAAC,OAAO,CAAE,CAAC;IACzD,CAAC;IAED,cAAc;QACZ,OAAO,IAAA,eAAa,GAAE,CAAC,aAAa,CAAC,IAAI,6BAAgB,CAAC,UAAU,EAAE,EAAE,oBAAiB,CAAE,CAAC;IAC9F,CAAC;;AARM,2BAAY,GAAW,6BAAa,CAAC,IAAI,CAAC;kBAD9B,cAAc"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/hotspot/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAAyG;AAEzG,8CAA8C;AAE9C,oGAA0F;AAC1F,8EAAiE;AAEjE,MAAqB,cAAe,SAAQ,sBAAgB;IAG1D,WAAW;QACT,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAgB,CAAC,OAAO,CAAE,CAAC;IACzD,CAAC;IAED,cAAc;QACZ,OAAO,IAAA,mBAAa,GAAE,CAAC,aAAa,CAAC,IAAI,6BAAgB,CAAC,UAAU,EAAE,EAAE,oBAAiB,CAAE,CAAC;IAC9F,CAAC;;AARM,2BAAY,GAAW,6BAAa,CAAC,IAAI,CAAC;kBAD9B,cAAc"}

package/test-utils/dom/prompt-input/index.d.ts

@@ -1,7 +1,33 @@
 import { ComponentWrapper, ElementWrapper } from '@cloudscape-design/test-utils-core/dom';
+import OptionWrapper from '../internal/option';
+export declare class PromptInputMenuWrapper extends ComponentWrapper {
+  findOptions(): Array<OptionWrapper>;
+  /**
+   * Returns an option from the menu.
+   *
+   * @param optionIndex 1-based index of the option to select.
+   */
+  findOption(optionIndex: number): OptionWrapper | null;
+  /**
+   * Returns an option from the menu by its value
+   *
+   * @param value The 'value' of the option.
+   */
+  findOptionByValue(value: string): OptionWrapper | null;
+}
 export default class PromptInputWrapper extends ComponentWrapper {
   static rootSelector: string;
+  /**
+   * Finds the native textarea element.
+   *
+   * Note: When `menus` or `tokens` is defined, the component uses a contentEditable element instead of a textarea.
+   * In this case, use findContentEditableElement() instead.
+   */
   findNativeTextarea(): ElementWrapper<HTMLTextAreaElement>;
+  /**
+   * Finds the contentEditable element used when `menus` or `tokens` is defined.
+   */
+  findContentEditableElement(): ElementWrapper<HTMLDivElement> | null;
   /**
    * Finds the action button. Note that, despite its typings, this may return null.
    */
@@ -12,16 +38,42 @@ export default class PromptInputWrapper extends ComponentWrapper {
   findSecondaryActions(): ElementWrapper<HTMLDivElement>;
   findSecondaryContent(): ElementWrapper<HTMLDivElement> | null;
   findCustomPrimaryAction(): ElementWrapper<HTMLDivElement> | null;
+  /**
+   * Finds the menu dropdown when `menus` or `tokens` is defined.
+   */
+  findOpenMenu(): PromptInputMenuWrapper | null;
   /**
    * Gets the value of the component.
    *
    * Returns the current value of the textarea.
+   *
+   * When `menus` or `tokens` is defined, the component uses a contentEditable element.
+   * Use findContentEditableElement().getElement().textContent instead.
    */
   getTextareaValue(): string;
   /**
-   * Sets the value of the component and calls the onChange handler.
+   * Sets the value of the textarea and calls the onChange handler.
+   *
+   * When `menus` or `tokens` is defined, the component uses a contentEditable element
+   * and this method will have no effect.
    *
    * @param value value to set the textarea to.
    */
   setTextareaValue(value: string): void;
+  /**
+   * Checks if the menu is currently open.
+   */
+  isMenuOpen(): boolean;
+  /**
+   * Selects an option from the menu by simulating mouse events.
+   *
+   * @param value value of option to select
+   */
+  selectMenuOptionByValue(value: string): void;
+  /**
+   * Selects an option from the menu by simulating mouse events.
+   *
+   * @param optionIndex 1-based index of the option to select
+   */
+  selectMenuOption(optionIndex: number): void;
 }