@cloudscape-design/components-themeable 3.0.1127 → 3.0.1129

package/lib/internal/template/spinner/styles.scoped.css

@@ -150,52 +150,52 @@ 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
 */
-@keyframes awsui_spinner-rotator_1612d_sq8vz_1 {
+@keyframes awsui_spinner-rotator_1612d_sv6go_1 {
   0% {
-    transform: rotate(var(--awsui-spinner-rotator-from-lqnbqg));
+    transform: rotate(var(--awsui-spinner-rotator-from-b75yp7));
   }
   100% {
-    transform: rotate(var(--awsui-spinner-rotator-to-lqnbqg));
+    transform: rotate(var(--awsui-spinner-rotator-to-b75yp7));
   }
 }
-@keyframes awsui_spinner-line-left_1612d_sq8vz_1 {
+@keyframes awsui_spinner-line-left_1612d_sv6go_1 {
   0% {
-    transform: rotate(var(--awsui-spinner-line-left-from-lqnbqg));
+    transform: rotate(var(--awsui-spinner-line-left-from-b75yp7));
   }
   50% {
-    transform: rotate(var(--awsui-spinner-line-left-to-lqnbqg));
+    transform: rotate(var(--awsui-spinner-line-left-to-b75yp7));
   }
   100% {
-    transform: rotate(var(--awsui-spinner-line-left-from-lqnbqg));
+    transform: rotate(var(--awsui-spinner-line-left-from-b75yp7));
   }
 }
-@keyframes awsui_spinner-line-right_1612d_sq8vz_1 {
+@keyframes awsui_spinner-line-right_1612d_sv6go_1 {
   0% {
-    transform: rotate(var(--awsui-spinner-line-right-from-lqnbqg));
+    transform: rotate(var(--awsui-spinner-line-right-from-b75yp7));
   }
   50% {
-    transform: rotate(var(--awsui-spinner-line-right-to-lqnbqg));
+    transform: rotate(var(--awsui-spinner-line-right-to-b75yp7));
   }
   100% {
-    transform: rotate(var(--awsui-spinner-line-right-from-lqnbqg));
+    transform: rotate(var(--awsui-spinner-line-right-from-b75yp7));
   }
 }
-.awsui_root_1612d_sq8vz_183:not(#\9) {
-  --awsui-spinner-rotator-from-lqnbqg: 0deg;
-  --awsui-spinner-rotator-to-lqnbqg: 360deg;
-  --awsui-spinner-line-left-from-lqnbqg: 0deg;
-  --awsui-spinner-line-left-to-lqnbqg: 120deg;
-  --awsui-spinner-line-right-from-lqnbqg: 90deg;
-  --awsui-spinner-line-right-to-lqnbqg: -30deg;
+.awsui_root_1612d_sv6go_183:not(#\9) {
+  --awsui-spinner-rotator-from-b75yp7: 0deg;
+  --awsui-spinner-rotator-to-b75yp7: 360deg;
+  --awsui-spinner-line-left-from-b75yp7: 0deg;
+  --awsui-spinner-line-left-to-b75yp7: 120deg;
+  --awsui-spinner-line-right-from-b75yp7: 90deg;
+  --awsui-spinner-line-right-to-b75yp7: -30deg;
   display: inline-block;
   vertical-align: top;
   /*stylelint-disable-next-line @cloudscape-design/no-motion-outside-of-mixin */
-  animation: awsui_spinner-rotator_1612d_sq8vz_1 0.7s linear infinite;
+  animation: awsui_spinner-rotator_1612d_sv6go_1 0.7s linear infinite;
   box-sizing: border-box;
   line-height: 0;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_root_1612d_sq8vz_183.awsui_size-normal_1612d_sq8vz_198:not(#\9) {
+.awsui_root_1612d_sv6go_183.awsui_size-normal_1612d_sv6go_198:not(#\9) {
   inline-size: var(--size-icon-normal-2f5zkr, 16px);
   block-size: var(--size-icon-normal-2f5zkr, 16px);
   padding-block: calc((var(--size-icon-normal-2f5zkr, 16px) - 12px) / 2);
@@ -203,7 +203,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: calc((var(--line-height-body-m-bedeoh, 22px) - var(--size-icon-normal-2f5zkr, 16px)) / 2);
   box-sizing: border-box;
 }
-.awsui_root_1612d_sq8vz_183.awsui_size-big_1612d_sq8vz_206:not(#\9) {
+.awsui_root_1612d_sv6go_183.awsui_size-big_1612d_sv6go_206:not(#\9) {
   inline-size: var(--size-icon-big-hnqj8f, 32px);
   block-size: var(--size-icon-big-hnqj8f, 32px);
   padding-block: calc((var(--size-icon-big-hnqj8f, 32px) - 24px) / 2);
@@ -211,7 +211,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: calc((var(--line-height-heading-xl-vs1f23, 36px) - var(--size-icon-big-hnqj8f, 32px)) / 2);
   box-sizing: border-box;
 }
-.awsui_root_1612d_sq8vz_183.awsui_size-large_1612d_sq8vz_214:not(#\9) {
+.awsui_root_1612d_sv6go_183.awsui_size-large_1612d_sv6go_214:not(#\9) {
   inline-size: var(--size-icon-large-gj7xfw, 48px);
   block-size: var(--size-icon-large-gj7xfw, 48px);
   padding-block: calc((var(--size-icon-large-gj7xfw, 48px) - 36px) / 2);
@@ -219,32 +219,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: calc((var(--line-height-display-l-3zghmm, 56px) - var(--size-icon-large-gj7xfw, 48px)) / 2);
   box-sizing: border-box;
 }
-.awsui_root_1612d_sq8vz_183.awsui_variant-normal_1612d_sq8vz_222:not(#\9) {
+.awsui_root_1612d_sv6go_183.awsui_variant-normal_1612d_sv6go_222:not(#\9) {
   color: currentColor;
 }
-.awsui_root_1612d_sq8vz_183.awsui_variant-disabled_1612d_sq8vz_225:not(#\9) {
+.awsui_root_1612d_sv6go_183.awsui_variant-disabled_1612d_sv6go_225:not(#\9) {
   color: var(--color-text-interactive-disabled-xwt2jl, #aab7b8);
 }
-.awsui_root_1612d_sq8vz_183.awsui_variant-inverted_1612d_sq8vz_228:not(#\9) {
+.awsui_root_1612d_sv6go_183.awsui_variant-inverted_1612d_sv6go_228:not(#\9) {
   color: var(--color-text-inverted-2l365o, #ffffff);
 }
-.awsui_root_1612d_sq8vz_183:not(#\9):dir(rtl) {
-  --awsui-spinner-rotator-from-lqnbqg: 360deg;
-  --awsui-spinner-rotator-to-lqnbqg: 0deg;
-  --awsui-spinner-line-left-from-lqnbqg: 0deg;
-  --awsui-spinner-line-left-to-lqnbqg: -120deg;
-  --awsui-spinner-line-right-from-lqnbqg: -90deg;
-  --awsui-spinner-line-right-to-lqnbqg: 30deg;
+.awsui_root_1612d_sv6go_183:not(#\9):dir(rtl) {
+  --awsui-spinner-rotator-from-b75yp7: 360deg;
+  --awsui-spinner-rotator-to-b75yp7: 0deg;
+  --awsui-spinner-line-left-from-b75yp7: 0deg;
+  --awsui-spinner-line-left-to-b75yp7: -120deg;
+  --awsui-spinner-line-right-from-b75yp7: -90deg;
+  --awsui-spinner-line-right-to-b75yp7: 30deg;
 }
 
-.awsui_circle_1612d_sq8vz_240:not(#\9) {
+.awsui_circle_1612d_sv6go_240:not(#\9) {
   display: inline-block;
   inline-size: 50%;
   block-size: 100%;
   overflow: hidden;
   position: relative;
 }
-.awsui_circle_1612d_sq8vz_240:not(#\9):after {
+.awsui_circle_1612d_sv6go_240:not(#\9):after {
   position: absolute;
   box-sizing: border-box;
   content: "";
@@ -257,7 +257,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-inline-end-color: transparent;
   border-block-end-color: transparent;
 }
-.awsui_circle_1612d_sq8vz_240:not(#\9):after {
+.awsui_circle_1612d_sv6go_240:not(#\9):after {
   /*stylelint-disable-next-line @cloudscape-design/no-motion-outside-of-mixin */
   animation: 1.5s ease-in-out infinite;
   inset-block-start: 0;
@@ -265,13 +265,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   block-size: 100%;
   inline-size: 200%;
 }
-.awsui_circle_1612d_sq8vz_240.awsui_circle-left_1612d_sq8vz_268:not(#\9):after {
+.awsui_circle_1612d_sv6go_240.awsui_circle-left_1612d_sv6go_268:not(#\9):after {
   inset-inline-start: 0;
   /*stylelint-disable-next-line @cloudscape-design/no-motion-outside-of-mixin */
-  animation-name: awsui_spinner-line-left_1612d_sq8vz_1;
+  animation-name: awsui_spinner-line-left_1612d_sv6go_1;
 }
-.awsui_circle_1612d_sq8vz_240.awsui_circle-right_1612d_sq8vz_273:not(#\9):after {
+.awsui_circle_1612d_sv6go_240.awsui_circle-right_1612d_sv6go_273:not(#\9):after {
   inset-inline-start: -100%;
   /*stylelint-disable-next-line @cloudscape-design/no-motion-outside-of-mixin */
-  animation-name: awsui_spinner-line-right_1612d_sq8vz_1;
+  animation-name: awsui_spinner-line-right_1612d_sv6go_1;
 }

package/lib/internal/template/spinner/styles.selectors.js

@@ -2,18 +2,18 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1612d_sq8vz_183",
-  "spinner-rotator": "awsui_spinner-rotator_1612d_sq8vz_1",
-  "size-normal": "awsui_size-normal_1612d_sq8vz_198",
-  "size-big": "awsui_size-big_1612d_sq8vz_206",
-  "size-large": "awsui_size-large_1612d_sq8vz_214",
-  "variant-normal": "awsui_variant-normal_1612d_sq8vz_222",
-  "variant-disabled": "awsui_variant-disabled_1612d_sq8vz_225",
-  "variant-inverted": "awsui_variant-inverted_1612d_sq8vz_228",
-  "circle": "awsui_circle_1612d_sq8vz_240",
-  "circle-left": "awsui_circle-left_1612d_sq8vz_268",
-  "spinner-line-left": "awsui_spinner-line-left_1612d_sq8vz_1",
-  "circle-right": "awsui_circle-right_1612d_sq8vz_273",
-  "spinner-line-right": "awsui_spinner-line-right_1612d_sq8vz_1"
+  "root": "awsui_root_1612d_sv6go_183",
+  "spinner-rotator": "awsui_spinner-rotator_1612d_sv6go_1",
+  "size-normal": "awsui_size-normal_1612d_sv6go_198",
+  "size-big": "awsui_size-big_1612d_sv6go_206",
+  "size-large": "awsui_size-large_1612d_sv6go_214",
+  "variant-normal": "awsui_variant-normal_1612d_sv6go_222",
+  "variant-disabled": "awsui_variant-disabled_1612d_sv6go_225",
+  "variant-inverted": "awsui_variant-inverted_1612d_sv6go_228",
+  "circle": "awsui_circle_1612d_sv6go_240",
+  "circle-left": "awsui_circle-left_1612d_sv6go_268",
+  "spinner-line-left": "awsui_spinner-line-left_1612d_sv6go_1",
+  "circle-right": "awsui_circle-right_1612d_sv6go_273",
+  "spinner-line-right": "awsui_spinner-line-right_1612d_sv6go_1"
 };
   

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

@@ -1,8 +1,8 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_brdst_1u55z_145",
-  "loading": "awsui_loading_brdst_1u55z_149",
-  "undo-button": "awsui_undo-button_brdst_1u55z_153"
+  "root": "awsui_root_brdst_1danq_145",
+  "loading": "awsui_loading_brdst_1danq_149",
+  "undo-button": "awsui_undo-button_brdst_1danq_153"
 };
   

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

@@ -142,20 +142,20 @@
 */
 /* 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_1u55z_145:not(#\9) {
+.awsui_root_brdst_1danq_145:not(#\9) {
   /* used in test utils */
 }
 
-.awsui_loading_brdst_1u55z_149:not(#\9) {
+.awsui_loading_brdst_1danq_149:not(#\9) {
   /* used in test utils */
 }
 
-.awsui_undo-button_brdst_1u55z_153:not(#\9) {
+.awsui_undo-button_brdst_1danq_153:not(#\9) {
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
-  color: var(--awsui-style-color-default-lqnbqg, var(--color-text-link-default-x6cnv5, #0073bb));
+  color: var(--awsui-style-color-default-b75yp7, var(--color-text-link-default-x6cnv5, #0073bb));
   font-weight: var(--font-link-button-weight-bnpz8h, 400);
   letter-spacing: var(--font-link-button-letter-spacing-yobz7z, normal);
   text-decoration-line: underline;
@@ -166,30 +166,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_undo-button_brdst_1u55z_153:not(#\9) {
+  .awsui_undo-button_brdst_1danq_153:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_undo-button_brdst_1u55z_153:not(#\9), .awsui-mode-entering .awsui_undo-button_brdst_1u55z_153:not(#\9) {
+.awsui-motion-disabled .awsui_undo-button_brdst_1danq_153:not(#\9), .awsui-mode-entering .awsui_undo-button_brdst_1danq_153:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_undo-button_brdst_1u55z_153:not(#\9):hover {
+.awsui_undo-button_brdst_1danq_153:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-lqnbqg, var(--color-text-link-hover-tk5gkv, #0a4a74));
+  color: var(--awsui-style-color-hover-b75yp7, var(--color-text-link-hover-tk5gkv, #0a4a74));
 }
-.awsui_undo-button_brdst_1u55z_153:not(#\9):focus {
+.awsui_undo-button_brdst_1danq_153:not(#\9):focus {
   outline: none;
 }
-.awsui_undo-button_brdst_1u55z_153:not(#\9):active {
-  color: var(--awsui-style-color-active-lqnbqg, var(--color-text-link-hover-tk5gkv, #0a4a74));
+.awsui_undo-button_brdst_1danq_153:not(#\9):active {
+  color: var(--awsui-style-color-active-b75yp7, var(--color-text-link-hover-tk5gkv, #0a4a74));
 }
-.awsui_undo-button_brdst_1u55z_153:not(#\9):active, .awsui_undo-button_brdst_1u55z_153:not(#\9):focus, .awsui_undo-button_brdst_1u55z_153:not(#\9):hover {
+.awsui_undo-button_brdst_1danq_153:not(#\9):active, .awsui_undo-button_brdst_1danq_153:not(#\9):focus, .awsui_undo-button_brdst_1danq_153:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-button-underline-hover-s0fj6r, currentColor);
 }
-body[data-awsui-focus-visible=true] .awsui_undo-button_brdst_1u55z_153:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_undo-button_brdst_1danq_153:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-c5423y, 5px auto Highlight);
   outline-offset: 2px;

package/lib/internal/template/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_1u55z_145",
-  "loading": "awsui_loading_brdst_1u55z_149",
-  "undo-button": "awsui_undo-button_brdst_1u55z_153"
+  "root": "awsui_root_brdst_1danq_145",
+  "loading": "awsui_loading_brdst_1danq_149",
+  "undo-button": "awsui_undo-button_brdst_1danq_153"
 };
   

package/lib/internal/template/test-utils/dom/multiselect/index.d.ts

@@ -1,6 +1,7 @@
 import { ElementWrapper } from '@cloudscape-design/test-utils-core/dom';
 import InputWrapper from '../input';
 import DropdownHostComponentWrapper from '../internal/dropdown-host';
+import TokenWrapper from '../token';
 import { TokenGroupItemWrapper } from '../token-group/token';
 export default class MultiselectWrapper extends DropdownHostComponentWrapper {
     static rootSelector: string;
@@ -40,5 +41,12 @@ export default class MultiselectWrapper extends DropdownHostComponentWrapper {
     findTokenToggle(): ElementWrapper | null;
     findTokens(): Array<TokenGroupItemWrapper>;
     findTrigger(): ElementWrapper;
+    findInlineTokens(): Array<TokenWrapper>;
+    /**
+     * Returns an inline token.
+     *
+     * @param tokenIndex 1-based index of the inline token to return
+     */
+    findInlineToken(tokenIndex: number): TokenWrapper | null;
     isDisabled(): boolean;
 }

package/lib/internal/template/test-utils/dom/multiselect/index.js

@@ -11,6 +11,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const dom_1 = require("@cloudscape-design/test-utils-core/dom");
 const input_1 = require("../input");
 const dropdown_host_1 = require("../internal/dropdown-host");
+const token_1 = require("../token");
 const token_group_1 = require("../token-group");
 const styles_selectors_js_1 = require("../../../input/styles.selectors.js");
 const styles_selectors_js_2 = require("../../../internal/components/button-trigger/styles.selectors.js");
@@ -18,7 +19,8 @@ const styles_selectors_js_3 = require("../../../internal/components/dropdown-sta
 const styles_selectors_js_4 = require("../../../internal/components/dropdown-status/styles.selectors.js");
 const styles_selectors_js_5 = require("../../../multiselect/styles.selectors.js");
 const styles_selectors_js_6 = require("../../../select/parts/styles.selectors.js");
-const styles_selectors_js_7 = require("../../../token-group/styles.selectors.js");
+const styles_selectors_js_7 = require("../../../token/test-classes/styles.selectors.js");
+const styles_selectors_js_8 = require("../../../token-group/styles.selectors.js");
 class MultiselectWrapper extends dropdown_host_1.default {
     /**
      * @param options
@@ -54,23 +56,35 @@ class MultiselectWrapper extends dropdown_host_1.default {
      * @param tokenIndex 1-based index of the token to return
      */
     findToken(tokenIndex) {
-        const tokenGroup = this.findComponent(`.${styles_selectors_js_7.default.root}`, token_group_1.default);
+        const tokenGroup = this.findComponent(`.${styles_selectors_js_8.default.root}`, token_group_1.default);
         return tokenGroup.findToken(tokenIndex);
     }
     /**
      * Returns a token toggle button.
      */
     findTokenToggle() {
-        const tokenGroup = this.findComponent(`.${styles_selectors_js_7.default.root}`, token_group_1.default);
+        const tokenGroup = this.findComponent(`.${styles_selectors_js_8.default.root}`, token_group_1.default);
         return tokenGroup.findTokenToggle();
     }
     findTokens() {
-        const tokenGroup = this.findComponent(`.${styles_selectors_js_7.default.root}`, token_group_1.default);
+        const tokenGroup = this.findComponent(`.${styles_selectors_js_8.default.root}`, token_group_1.default);
         return (tokenGroup === null || tokenGroup === void 0 ? void 0 : tokenGroup.findTokens()) || [];
     }
     findTrigger() {
         return this.findByClassName(styles_selectors_js_2.default['button-trigger']);
     }
+    findInlineTokens() {
+        var _a, _b;
+        return ((_b = (_a = this.findByClassName(styles_selectors_js_6.default['inline-token-list'])) === null || _a === void 0 ? void 0 : _a.findAllByClassName(styles_selectors_js_7.default.root).map(tokenElement => new token_1.default(tokenElement.getElement()))) !== null && _b !== void 0 ? _b : []);
+    }
+    /**
+     * Returns an inline token.
+     *
+     * @param tokenIndex 1-based index of the inline token to return
+     */
+    findInlineToken(tokenIndex) {
+        return this.findComponent(`.${styles_selectors_js_6.default['inline-token-list']} > .${styles_selectors_js_7.default.root}:nth-child(${tokenIndex})`, token_1.default);
+    }
     isDisabled() {
         return this.findTrigger().getElement().disabled;
     }

package/lib/internal/template/test-utils/dom/multiselect/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/multiselect/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAAiF;AAEjF,oCAAoC;AACpC,6DAAqE;AACrE,gDAA+C;AAG/C,4EAA6D;AAC7D,yGAAkG;AAClG,0GAAoG;AACpG,0GAA4F;AAC5F,kFAAyE;AACzE,mFAA0E;AAC1E,kFAAwE;AAExE,MAAqB,kBAAmB,SAAQ,uBAA4B;IAG1E;;;OAGG;IACH,uBAAuB,CAAC,OAAO,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAE;QAC3D,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,6BAAY,CAAC,QAAQ,CAAC,CAAC;IAC3E,CAAC;IAED;;;;OAIG;IACH,kBAAkB,CAAC,OAAO,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAE;QACtD,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,IAAI,6BAAW,CAAC,iBAAiB,CAAC,EAAE,EAAE,eAAY,CAAC,CAAC;IACtG,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAmB,CAAC,WAAW,CAAC,CAAC;IAC/D,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAiB,CAAC,cAAc,CAAC,CAAC,CAAC;IACjE,CAAC;IAED;;;OAGG;IACH,mBAAmB,CAAC,OAAO,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAE;QACvD,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,6BAAoB,CAAC,IAAI,CAAC,CAAC;IAC/E,CAAC;IAED;;;;OAIG;IACH,SAAS,CAAC,UAAkB;QAC1B,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAgB,CAAC,IAAI,EAAE,EAAE,qBAAiB,CAAC,CAAC;QACtF,OAAO,UAAW,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IAC3C,CAAC;IAED;;OAEG;IACH,eAAe;QACb,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAgB,CAAC,IAAI,EAAE,EAAE,qBAAiB,CAAC,CAAC;QACtF,OAAO,UAAW,CAAC,eAAe,EAAE,CAAC;IACvC,CAAC;IAED,UAAU;QACR,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAgB,CAAC,IAAI,EAAE,EAAE,qBAAiB,CAAC,CAAC;QACtF,OAAO,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,UAAU,EAAE,KAAI,EAAE,CAAC;IACxC,CAAC;IAED,WAAW;QACT,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAmB,CAAC,gBAAgB,CAAC,CAAE,CAAC;IACtE,CAAC;IAGD,UAAU;QACR,OAAQ,IAAI,CAAC,WAAW,EAAE,CAAC,UAAU,EAAwB,CAAC,QAAQ,CAAC;IACzE,CAAC;;AAjEM,+BAAY,GAAW,6BAAiB,CAAC,IAAI,CAAC;AA+DrD;IADC,aAAO;oDAGP;AAlEH,qCAmEC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/multiselect/index.ts"],"names":[],"mappings":"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"}

package/lib/internal/template/test-utils/selectors/multiselect/index.d.ts

@@ -1,6 +1,7 @@
 import { ElementWrapper } from "@cloudscape-design/test-utils-core/selectors";
 import InputWrapper from '../input';
 import DropdownHostComponentWrapper from '../internal/dropdown-host';
+import TokenWrapper from '../token';
 import { TokenGroupItemWrapper } from '../token-group/token';
 export default class MultiselectWrapper extends DropdownHostComponentWrapper {
     static rootSelector: string;
@@ -40,4 +41,11 @@ export default class MultiselectWrapper extends DropdownHostComponentWrapper {
     findTokenToggle(): ElementWrapper;
     findTokens(): import("@cloudscape-design/test-utils-core/selectors").MultiElementWrapper<TokenGroupItemWrapper>;
     findTrigger(): ElementWrapper;
+    findInlineTokens(): import("@cloudscape-design/test-utils-core/selectors").MultiElementWrapper<TokenWrapper>;
+    /**
+     * Returns an inline token.
+     *
+     * @param tokenIndex 1-based index of the inline token to return
+     */
+    findInlineToken(tokenIndex: number): TokenWrapper;
 }

package/lib/internal/template/test-utils/selectors/multiselect/index.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const input_1 = require("../input");
 const dropdown_host_1 = require("../internal/dropdown-host");
+const token_1 = require("../token");
 const token_group_1 = require("../token-group");
 const styles_selectors_js_1 = require("../../../input/styles.selectors.js");
 const styles_selectors_js_2 = require("../../../internal/components/button-trigger/styles.selectors.js");
@@ -9,7 +10,8 @@ const styles_selectors_js_3 = require("../../../internal/components/dropdown-sta
 const styles_selectors_js_4 = require("../../../internal/components/dropdown-status/styles.selectors.js");
 const styles_selectors_js_5 = require("../../../multiselect/styles.selectors.js");
 const styles_selectors_js_6 = require("../../../select/parts/styles.selectors.js");
-const styles_selectors_js_7 = require("../../../token-group/styles.selectors.js");
+const styles_selectors_js_7 = require("../../../token/test-classes/styles.selectors.js");
+const styles_selectors_js_8 = require("../../../token-group/styles.selectors.js");
 class MultiselectWrapper extends dropdown_host_1.default {
     /**
      * @param options
@@ -51,23 +53,35 @@ class MultiselectWrapper extends dropdown_host_1.default {
      * @param tokenIndex 1-based index of the token to return
      */
     findToken(tokenIndex) {
-        const tokenGroup = this.findComponent(`.${styles_selectors_js_7.default.root}`, token_group_1.default);
+        const tokenGroup = this.findComponent(`.${styles_selectors_js_8.default.root}`, token_group_1.default);
         return tokenGroup.findToken(tokenIndex);
     }
     /**
      * Returns a token toggle button.
      */
     findTokenToggle() {
-        const tokenGroup = this.findComponent(`.${styles_selectors_js_7.default.root}`, token_group_1.default);
+        const tokenGroup = this.findComponent(`.${styles_selectors_js_8.default.root}`, token_group_1.default);
         return tokenGroup.findTokenToggle();
     }
     findTokens() {
-        const tokenGroup = this.findComponent(`.${styles_selectors_js_7.default.root}`, token_group_1.default);
+        const tokenGroup = this.findComponent(`.${styles_selectors_js_8.default.root}`, token_group_1.default);
         return (tokenGroup === null || tokenGroup === void 0 ? void 0 : tokenGroup.findTokens()) || [];
     }
     findTrigger() {
         return this.findByClassName(styles_selectors_js_2.default['button-trigger']);
     }
+    findInlineTokens() {
+        var _a, _b;
+        return (_b = (_a = this.findByClassName(styles_selectors_js_6.default['inline-token-list'])) === null || _a === void 0 ? void 0 : _a.findAllByClassName(styles_selectors_js_7.default.root).map(tokenElement => new token_1.default(tokenElement.getElement()))) !== null && _b !== void 0 ? _b : [];
+    }
+    /**
+     * Returns an inline token.
+     *
+     * @param tokenIndex 1-based index of the inline token to return
+     */
+    findInlineToken(tokenIndex) {
+        return this.findComponent(`.${styles_selectors_js_6.default['inline-token-list']} > .${styles_selectors_js_7.default.root}:nth-child(${tokenIndex})`, token_1.default);
+    }
 }
 exports.default = MultiselectWrapper;
 MultiselectWrapper.rootSelector = styles_selectors_js_5.default.root;

package/lib/internal/template/test-utils/selectors/multiselect/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/multiselect/index.ts"],"names":[],"mappings":";;AAGA,oCAAoC;AACpC,6DAAqE;AACrE,gDAA+C;AAE/C,4EAA6D;AAC7D,yGAAkG;AAClG,0GAAoG;AACpG,0GAA4F;AAC5F,kFAAyE;AACzE,mFAA0E;AAC1E,kFAAwE;AACxE,MAAqB,kBAAmB,SAAQ,uBAA4B;IAG1E;;;OAGG;IACH,uBAAuB,CAAC,OAAO,GAAG;QAChC,gBAAgB,EAAE,KAAK;KACxB;QACC,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,6BAAY,CAAC,QAAQ,CAAC,CAAC;IAC3E,CAAC;IAED;;;;OAIG;IACH,kBAAkB,CAAC,OAAO,GAAG;QAC3B,gBAAgB,EAAE,KAAK;KACxB;QACC,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,IAAI,6BAAW,CAAC,iBAAiB,CAAC,EAAE,EAAE,eAAY,CAAC,CAAC;IACtG,CAAC;IACD,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAmB,CAAC,WAAW,CAAC,CAAC;IAC/D,CAAC;IACD,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAiB,CAAC,cAAc,CAAC,CAAC,CAAC;IACjE,CAAC;IAED;;;OAGG;IACH,mBAAmB,CAAC,OAAO,GAAG;QAC5B,gBAAgB,EAAE,KAAK;KACxB;QACC,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,6BAAoB,CAAC,IAAI,CAAC,CAAC;IAC/E,CAAC;IAED;;;;OAIG;IACH,SAAS,CAAC,UAAkB;QAC1B,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAgB,CAAC,IAAI,EAAE,EAAE,qBAAiB,CAAC,CAAC;QACtF,OAAO,UAAW,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IAC3C,CAAC;IAED;;OAEG;IACH,eAAe;QACb,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAgB,CAAC,IAAI,EAAE,EAAE,qBAAiB,CAAC,CAAC;QACtF,OAAO,UAAW,CAAC,eAAe,EAAE,CAAC;IACvC,CAAC;IACD,UAAU;QACR,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAgB,CAAC,IAAI,EAAE,EAAE,qBAAiB,CAAC,CAAC;QACtF,OAAO,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,UAAU,EAAE,KAAI,EAAE,CAAC;IACxC,CAAC;IACD,WAAW;QACT,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAmB,CAAC,gBAAgB,CAAC,CAAE,CAAC;IACtE,CAAC;;AA/DH,qCAgEC;AA/DQ,+BAAY,GAAW,6BAAiB,CAAC,IAAI,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/multiselect/index.ts"],"names":[],"mappings":";;AAGA,oCAAoC;AACpC,6DAAqE;AACrE,oCAAoC;AACpC,gDAA+C;AAE/C,4EAA6D;AAC7D,yGAAkG;AAClG,0GAAoG;AACpG,0GAA4F;AAC5F,kFAAyE;AACzE,mFAA0E;AAC1E,yFAAiF;AACjF,kFAAwE;AACxE,MAAqB,kBAAmB,SAAQ,uBAA4B;IAG1E;;;OAGG;IACH,uBAAuB,CAAC,OAAO,GAAG;QAChC,gBAAgB,EAAE,KAAK;KACxB;QACC,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,6BAAY,CAAC,QAAQ,CAAC,CAAC;IAC3E,CAAC;IAED;;;;OAIG;IACH,kBAAkB,CAAC,OAAO,GAAG;QAC3B,gBAAgB,EAAE,KAAK;KACxB;QACC,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,IAAI,6BAAW,CAAC,iBAAiB,CAAC,EAAE,EAAE,eAAY,CAAC,CAAC;IACtG,CAAC;IACD,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAmB,CAAC,WAAW,CAAC,CAAC;IAC/D,CAAC;IACD,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAiB,CAAC,cAAc,CAAC,CAAC,CAAC;IACjE,CAAC;IAED;;;OAGG;IACH,mBAAmB,CAAC,OAAO,GAAG;QAC5B,gBAAgB,EAAE,KAAK;KACxB;QACC,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,6BAAoB,CAAC,IAAI,CAAC,CAAC;IAC/E,CAAC;IAED;;;;OAIG;IACH,SAAS,CAAC,UAAkB;QAC1B,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAgB,CAAC,IAAI,EAAE,EAAE,qBAAiB,CAAC,CAAC;QACtF,OAAO,UAAW,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IAC3C,CAAC;IAED;;OAEG;IACH,eAAe;QACb,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAgB,CAAC,IAAI,EAAE,EAAE,qBAAiB,CAAC,CAAC;QACtF,OAAO,UAAW,CAAC,eAAe,EAAE,CAAC;IACvC,CAAC;IACD,UAAU;QACR,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAgB,CAAC,IAAI,EAAE,EAAE,qBAAiB,CAAC,CAAC;QACtF,OAAO,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,UAAU,EAAE,KAAI,EAAE,CAAC;IACxC,CAAC;IACD,WAAW;QACT,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAmB,CAAC,gBAAgB,CAAC,CAAE,CAAC;IACtE,CAAC;IACD,gBAAgB;;QACd,OAAO,MAAA,MAAA,IAAI,CAAC,eAAe,CAAC,6BAAiB,CAAC,mBAAmB,CAAC,CAAC,0CAAE,kBAAkB,CAAC,6BAAkB,CAAC,IAAI,EAAE,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,eAAY,CAAC,YAAY,CAAC,UAAU,EAAE,CAAC,CAAC,mCAAI,EAAE,CAAC;IAC1L,CAAC;IAED;;;;OAIG;IACH,eAAe,CAAC,UAAkB;QAChC,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAiB,CAAC,mBAAmB,CAAC,OAAO,6BAAkB,CAAC,IAAI,cAAc,UAAU,GAAG,EAAE,eAAY,CAAC,CAAC;IAC/I,CAAC;;AA3EH,qCA4EC;AA3EQ,+BAAY,GAAW,6BAAiB,CAAC,IAAI,CAAC"}

package/lib/internal/template/text-content/styles.css.js

@@ -1,6 +1,6 @@
 
     import './styles.scoped.css';
     export default {
-  "text-content": "awsui_text-content_6absk_k48g3_146"
+  "text-content": "awsui_text-content_6absk_mbcml_146"
 };