npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1341 → 3.0.1343 - Mend

@cloudscape-design/components-themeable 3.0.1341 → 3.0.1343

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 (161) hide show

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

@@ -142,7 +142,7 @@
 */
 /* 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 */
-@keyframes awsui_skeleton-wave_1qq5l_1x68q_1 {
+@keyframes awsui_skeleton-wave_1qq5l_edm9r_1 {
   0% {
     transform: translateX(-100%);
   }
@@ -150,7 +150,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     transform: translateX(100%);
   }
 }
-@keyframes awsui_skeleton-wave-rtl_1qq5l_1x68q_1 {
+@keyframes awsui_skeleton-wave-rtl_1qq5l_edm9r_1 {
   0% {
     transform: translateX(100%);
   }
@@ -158,24 +158,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     transform: translateX(-100%);
   }
 }
-.awsui_root_1qq5l_1x68q_161:not(#\9) {
+.awsui_root_1qq5l_edm9r_161:not(#\9) {
   inline-size: 100%;
 }
-.awsui_root_1qq5l_1x68q_161 > .awsui_inner_1qq5l_1x68q_164:not(#\9) {
+.awsui_root_1qq5l_edm9r_161 > .awsui_inner_1qq5l_edm9r_164:not(#\9) {
   block-size: 1em;
   inline-size: 100%;
   vertical-align: middle;
   display: inline-block;
   position: relative;
   overflow: hidden;
-  background-color: var(--color-background-skeleton-ggsbkh, #eaeded);
+  background-color: var(--color-background-skeleton-18zmuh, #879596);
   border-start-start-radius: var(--border-radius-skeleton-0r7m8y, 8px);
   border-start-end-radius: var(--border-radius-skeleton-0r7m8y, 8px);
   border-end-start-radius: var(--border-radius-skeleton-0r7m8y, 8px);
   border-end-end-radius: var(--border-radius-skeleton-0r7m8y, 8px);
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_root_1qq5l_1x68q_161 > .awsui_inner_1qq5l_1x68q_164:not(#\9)::after {
+.awsui_root_1qq5l_edm9r_161 > .awsui_inner_1qq5l_edm9r_164:not(#\9)::after {
   content: "";
   position: absolute;
   inset-block-start: 0;
@@ -183,91 +183,91 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-block-end: 0;
   inset-inline-start: 0;
   background: linear-gradient(90deg, transparent, var(--color-background-skeleton-wave-huwveo, #f6f6f9), transparent);
-  animation: awsui_skeleton-wave_1qq5l_1x68q_1 1.25s ease-in-out infinite;
+  animation: awsui_skeleton-wave_1qq5l_edm9r_1 1.25s ease-in-out infinite;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_root_1qq5l_1x68q_161 > .awsui_inner_1qq5l_1x68q_164:not(#\9)::after {
+  .awsui_root_1qq5l_edm9r_161 > .awsui_inner_1qq5l_edm9r_164:not(#\9)::after {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_root_1qq5l_1x68q_161 > .awsui_inner_1qq5l_1x68q_164:not(#\9)::after, .awsui-mode-entering .awsui_root_1qq5l_1x68q_161 > .awsui_inner_1qq5l_1x68q_164:not(#\9)::after {
+.awsui-motion-disabled .awsui_root_1qq5l_edm9r_161 > .awsui_inner_1qq5l_edm9r_164:not(#\9)::after, .awsui-mode-entering .awsui_root_1qq5l_edm9r_161 > .awsui_inner_1qq5l_edm9r_164:not(#\9)::after {
   animation: none;
   transition: none;
 }
-.awsui_root_1qq5l_1x68q_161 > .awsui_inner_1qq5l_1x68q_164:not(#\9):dir(rtl)::after {
-  animation: awsui_skeleton-wave-rtl_1qq5l_1x68q_1 1.25s ease-in-out infinite;
+.awsui_root_1qq5l_edm9r_161 > .awsui_inner_1qq5l_edm9r_164:not(#\9):dir(rtl)::after {
+  animation: awsui_skeleton-wave-rtl_1qq5l_edm9r_1 1.25s ease-in-out infinite;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_root_1qq5l_1x68q_161 > .awsui_inner_1qq5l_1x68q_164:not(#\9):dir(rtl)::after {
+  .awsui_root_1qq5l_edm9r_161 > .awsui_inner_1qq5l_edm9r_164:not(#\9):dir(rtl)::after {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_root_1qq5l_1x68q_161 > .awsui_inner_1qq5l_1x68q_164:not(#\9):dir(rtl)::after, .awsui-mode-entering .awsui_root_1qq5l_1x68q_161 > .awsui_inner_1qq5l_1x68q_164:not(#\9):dir(rtl)::after {
+.awsui-motion-disabled .awsui_root_1qq5l_edm9r_161 > .awsui_inner_1qq5l_edm9r_164:not(#\9):dir(rtl)::after, .awsui-mode-entering .awsui_root_1qq5l_edm9r_161 > .awsui_inner_1qq5l_edm9r_164:not(#\9):dir(rtl)::after {
   animation: none;
   transition: none;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_root_1qq5l_1x68q_161 > .awsui_inner_1qq5l_1x68q_164:not(#\9) {
+  .awsui_root_1qq5l_edm9r_161 > .awsui_inner_1qq5l_edm9r_164:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_root_1qq5l_1x68q_161 > .awsui_inner_1qq5l_1x68q_164:not(#\9), .awsui-mode-entering .awsui_root_1qq5l_1x68q_161 > .awsui_inner_1qq5l_1x68q_164:not(#\9) {
+.awsui-motion-disabled .awsui_root_1qq5l_edm9r_161 > .awsui_inner_1qq5l_edm9r_164:not(#\9), .awsui-mode-entering .awsui_root_1qq5l_edm9r_161 > .awsui_inner_1qq5l_edm9r_164:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_display-block_1qq5l_1x68q_222:not(#\9) {
+.awsui_display-block_1qq5l_edm9r_222:not(#\9) {
   display: block;
 }
-.awsui_display-inline-block_1qq5l_1x68q_226:not(#\9) {
+.awsui_display-inline-block_1qq5l_edm9r_226:not(#\9) {
   display: inline-block;
   vertical-align: middle;
 }
-.awsui_display-inline_1qq5l_1x68q_226:not(#\9) {
+.awsui_display-inline_1qq5l_edm9r_226:not(#\9) {
   display: inline;
 }
-.awsui_variant-text-body-s_1qq5l_1x68q_235:not(#\9) {
+.awsui_variant-text-body-s_1qq5l_edm9r_235:not(#\9) {
   font-size: var(--font-size-body-s-89y7qg, 12px);
   line-height: var(--line-height-body-s-gako33, 16px);
 }
-.awsui_variant-text-body-m_1qq5l_1x68q_240:not(#\9) {
+.awsui_variant-text-body-m_1qq5l_edm9r_240:not(#\9) {
   font-size: var(--font-size-body-m-tq5a14, 14px);
   line-height: var(--line-height-body-m-5xw6xo, 22px);
 }
-.awsui_variant-text-heading-xs_1qq5l_1x68q_245:not(#\9) {
+.awsui_variant-text-heading-xs_1qq5l_edm9r_245:not(#\9) {
   font-size: var(--font-size-heading-xs-yrvp79, 16px);
   line-height: var(--line-height-heading-xs-wcrr4i, 20px);
 }
-.awsui_variant-text-heading-s_1qq5l_1x68q_250:not(#\9) {
+.awsui_variant-text-heading-s_1qq5l_edm9r_250:not(#\9) {
   font-size: var(--font-size-heading-s-hm1hv8, 16px);
   line-height: var(--line-height-heading-s-3z7qjv, 20px);
 }
-.awsui_variant-text-heading-m_1qq5l_1x68q_255:not(#\9) {
+.awsui_variant-text-heading-m_1qq5l_edm9r_255:not(#\9) {
   font-size: var(--font-size-heading-m-cqvsuv, 18px);
   line-height: var(--line-height-heading-m-d6lkzb, 22px);
 }
-.awsui_variant-text-heading-l_1qq5l_1x68q_260:not(#\9) {
+.awsui_variant-text-heading-l_1qq5l_edm9r_260:not(#\9) {
   font-size: var(--font-size-heading-l-cax9xk, 18px);
   line-height: var(--line-height-heading-l-zmt48b, 22px);
 }
-.awsui_variant-text-heading-xl_1qq5l_1x68q_265:not(#\9) {
+.awsui_variant-text-heading-xl_1qq5l_edm9r_265:not(#\9) {
   font-size: var(--font-size-heading-xl-0tgqx0, 28px);
   line-height: var(--line-height-heading-xl-pi61pg, 36px);
 }
-.awsui_variant-text-display-l_1qq5l_1x68q_270:not(#\9) {
+.awsui_variant-text-display-l_1qq5l_edm9r_270:not(#\9) {
   font-size: var(--font-size-display-l-pdduqq, 44px);
   line-height: var(--line-height-display-l-tjudur, 56px);
 }

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

@@ -2,20 +2,20 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1qq5l_1x68q_161",
-  "inner": "awsui_inner_1qq5l_1x68q_164",
-  "skeleton-wave": "awsui_skeleton-wave_1qq5l_1x68q_1",
-  "skeleton-wave-rtl": "awsui_skeleton-wave-rtl_1qq5l_1x68q_1",
-  "display-block": "awsui_display-block_1qq5l_1x68q_222",
-  "display-inline-block": "awsui_display-inline-block_1qq5l_1x68q_226",
-  "display-inline": "awsui_display-inline_1qq5l_1x68q_226",
-  "variant-text-body-s": "awsui_variant-text-body-s_1qq5l_1x68q_235",
-  "variant-text-body-m": "awsui_variant-text-body-m_1qq5l_1x68q_240",
-  "variant-text-heading-xs": "awsui_variant-text-heading-xs_1qq5l_1x68q_245",
-  "variant-text-heading-s": "awsui_variant-text-heading-s_1qq5l_1x68q_250",
-  "variant-text-heading-m": "awsui_variant-text-heading-m_1qq5l_1x68q_255",
-  "variant-text-heading-l": "awsui_variant-text-heading-l_1qq5l_1x68q_260",
-  "variant-text-heading-xl": "awsui_variant-text-heading-xl_1qq5l_1x68q_265",
-  "variant-text-display-l": "awsui_variant-text-display-l_1qq5l_1x68q_270"
+  "root": "awsui_root_1qq5l_edm9r_161",
+  "inner": "awsui_inner_1qq5l_edm9r_164",
+  "skeleton-wave": "awsui_skeleton-wave_1qq5l_edm9r_1",
+  "skeleton-wave-rtl": "awsui_skeleton-wave-rtl_1qq5l_edm9r_1",
+  "display-block": "awsui_display-block_1qq5l_edm9r_222",
+  "display-inline-block": "awsui_display-inline-block_1qq5l_edm9r_226",
+  "display-inline": "awsui_display-inline_1qq5l_edm9r_226",
+  "variant-text-body-s": "awsui_variant-text-body-s_1qq5l_edm9r_235",
+  "variant-text-body-m": "awsui_variant-text-body-m_1qq5l_edm9r_240",
+  "variant-text-heading-xs": "awsui_variant-text-heading-xs_1qq5l_edm9r_245",
+  "variant-text-heading-s": "awsui_variant-text-heading-s_1qq5l_edm9r_250",
+  "variant-text-heading-m": "awsui_variant-text-heading-m_1qq5l_edm9r_255",
+  "variant-text-heading-l": "awsui_variant-text-heading-l_1qq5l_edm9r_260",
+  "variant-text-heading-xl": "awsui_variant-text-heading-xl_1qq5l_edm9r_265",
+  "variant-text-display-l": "awsui_variant-text-display-l_1qq5l_edm9r_270"
 };

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

@@ -22,6 +22,22 @@ export default class MultiselectWrapper extends DropdownHostComponentWrapper {
     }): InputWrapper | null;
     findPlaceholder(): ElementWrapper | null;
     findInlineLabel(): ElementWrapper | null;
+    /**
+     * Returns the custom dropdown header region rendered by `renderDropdownHeader`, if present.
+     * @param options
+     * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
+     */
+    findDropdownHeader(options?: {
+        expandToViewport: boolean;
+    }): ElementWrapper | null;
+    /**
+     * Returns the custom dropdown footer region rendered by `renderDropdownFooter`, if present.
+     * @param options
+     * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
+     */
+    findDropdownFooter(options?: {
+        expandToViewport: boolean;
+    }): ElementWrapper | null;
     /**
      * @param options
      * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.

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

@@ -43,6 +43,22 @@ class MultiselectWrapper extends dropdown_host_1.default {
     findInlineLabel() {
         return this.findByClassName(styles_selectors_js_6.default['inline-label']);
     }
+    /**
+     * Returns the custom dropdown header region rendered by `renderDropdownHeader`, if present.
+     * @param options
+     * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
+     */
+    findDropdownHeader(options = { expandToViewport: false }) {
+        return this.findDropdown(options).findByClassName(styles_selectors_js_5.default['dropdown-header']);
+    }
+    /**
+     * Returns the custom dropdown footer region rendered by `renderDropdownFooter`, if present.
+     * @param options
+     * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
+     */
+    findDropdownFooter(options = { expandToViewport: false }) {
+        return this.findDropdown(options).findByClassName(styles_selectors_js_5.default['dropdown-footer']);
+    }
     /**
      * @param options
      * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.

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

	@@ -1 +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,oCAAoC;AACpC,gDAA+C;AAG/C,4EAA6D;AAC7D,yGAAkG;AAClG,0GAAoG;AACpG,0GAA4F;AAC5F,kFAAyE;AACzE,mFAA0E;AAC1E,yFAAiF;AACjF,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;IAED,gBAAgB;;QACd,OAAO,CACL,MAAA,MAAA,IAAI,CAAC,eAAe,CAAC,6BAAiB,CAAC,mBAAmB,CAAC,CAAC,0CACxD,kBAAkB,CAAC,6BAAkB,CAAC,IAAI,EAC3C,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,eAAY,CAAC,YAAY,CAAC,UAAU,EAAE,CAAC,CAAC,mCAAI,EAAE,CAC1E,CAAC;IACJ,CAAC;IAED;;;;OAIG;IACH,eAAe,CAAC,UAAkB;QAChC,OAAO,IAAI,CAAC,aAAa,CACvB,IAAI,6BAAiB,CAAC,mBAAmB,CAAC,OAAO,6BAAkB,CAAC,IAAI,cAAc,UAAU,GAAG,EACnG,eAAY,CACb,CAAC;IACJ,CAAC;IAGD,UAAU;QACR,OAAQ,IAAI,CAAC,WAAW,EAAE,CAAC,UAAU,EAAwB,CAAC,QAAQ,CAAC;IACzE,CAAC;;~~AArFM~~,+BAAY,GAAW,6BAAiB,CAAC,IAAI,CAAC;kBADlC,kBAAkB;~~AAoFrC~~;IADC,aAAO;oDAGP"}
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,oCAAoC;AACpC,gDAA+C;AAG/C,4EAA6D;AAC7D,yGAAkG;AAClG,0GAAoG;AACpG,0GAA4F;AAC5F,kFAAyE;AACzE,mFAA0E;AAC1E,yFAAiF;AACjF,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;;;;OAIG;IACH,kBAAkB,CAAC,OAAO,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAE;QACtD,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,6BAAiB,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAC1F,CAAC;IAED;;;;OAIG;IACH,kBAAkB,CAAC,OAAO,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAE;QACtD,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,6BAAiB,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAC1F,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;IAED,gBAAgB;;QACd,OAAO,CACL,MAAA,MAAA,IAAI,CAAC,eAAe,CAAC,6BAAiB,CAAC,mBAAmB,CAAC,CAAC,0CACxD,kBAAkB,CAAC,6BAAkB,CAAC,IAAI,EAC3C,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,eAAY,CAAC,YAAY,CAAC,UAAU,EAAE,CAAC,CAAC,mCAAI,EAAE,CAC1E,CAAC;IACJ,CAAC;IAED;;;;OAIG;IACH,eAAe,CAAC,UAAkB;QAChC,OAAO,IAAI,CAAC,aAAa,CACvB,IAAI,6BAAiB,CAAC,mBAAmB,CAAC,OAAO,6BAAkB,CAAC,IAAI,cAAc,UAAU,GAAG,EACnG,eAAY,CACb,CAAC;IACJ,CAAC;IAGD,UAAU;QACR,OAAQ,IAAI,CAAC,WAAW,EAAE,CAAC,UAAU,EAAwB,CAAC,QAAQ,CAAC;IACzE,CAAC;;AAvGM,+BAAY,GAAW,6BAAiB,CAAC,IAAI,CAAC;kBADlC,kBAAkB;AAsGrC;IADC,aAAO;oDAGP"}

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

@@ -1,4 +1,4 @@
-import { ComponentWrapper } from '@cloudscape-design/test-utils-core/dom';
+import { ComponentWrapper, ElementWrapper } from '@cloudscape-design/test-utils-core/dom';
 import ButtonWrapper from '../button';
 import InputWrapper from '../input';
 import PopoverWrapper from '../popover';
@@ -17,6 +17,10 @@ export default class PaginationWrapper extends ComponentWrapper {
     findPageNumberByIndex(index: number): PaginationButtonWrapper | null;
     findPreviousPageButton(): PaginationButtonWrapper;
     findNextPageButton(): PaginationButtonWrapper;
+    /**
+     * Returns the visible text for compact pages (for example, `3 of 12` or `3 of 12+`).
+     */
+    findPagesCompactText(): ElementWrapper | null;
     /**
      * Returns the jump to page input field.
      */

package/lib/internal/template/test-utils/dom/pagination/index.js CHANGED Viewed

@@ -14,6 +14,7 @@ const button_1 = require("../button");
 const input_1 = require("../input");
 const popover_1 = require("../popover");
 const styles_selectors_js_1 = require("../../../pagination/styles.selectors.js");
+const styles_selectors_js_2 = require("../../../pagination/test-classes/styles.selectors.js");
 class PaginationButtonWrapper extends dom_1.ComponentWrapper {
     isDisabled() {
         return this.element.disabled || this.element.getAttribute('aria-disabled') === 'true';
@@ -46,6 +47,12 @@ class PaginationWrapper extends dom_1.ComponentWrapper {
     findNextPageButton() {
         return this.findComponent(`li:not(:first-child) .${styles_selectors_js_1.default.arrow}`, PaginationButtonWrapper);
     }
+    /**
+     * Returns the visible text for compact pages (for example, `3 of 12` or `3 of 12+`).
+     */
+    findPagesCompactText() {
+        return this.findByClassName(styles_selectors_js_2.default['pages-compact-text']);
+    }
     /**
      * Returns the jump to page input field.
      */

package/lib/internal/template/test-utils/dom/pagination/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/pagination/index.ts"],"names":[],"mappings":";;;;;;;;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,~~gEAAmF~~;~~AAEnF~~,sCAAsC;AACtC,oCAAoC;AACpC,wCAAwC;AAExC,iFAA6D;~~AAE7D~~,MAAa,uBAAwB,SAAQ,sBAAmC;IAE9E,UAAU;QACR,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,MAAM,CAAC;IACxF,CAAC;CACF;AALD,0DAKC;AAHC;IADC,aAAO;yDAGP;AAGH,MAAqB,iBAAkB,SAAQ,sBAAgB;IAG7D,eAAe;QACb,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,gBAAgB,CAAC,EAAE,EAAE,uBAAuB,CAAE,CAAC;IACtF,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,kBAAkB,CAAoB,6BAAM,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,CAC1E,OAAO,CAAC,EAAE,CAAC,IAAI,uBAAuB,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAC7D,CAAC;IACJ,CAAC;IAED;;;;OAIG;IACH,qBAAqB,CAAC,KAAa;QACjC,6CAA6C;QAC7C,MAAM,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;QAC5B,OAAO,IAAI,CAAC,aAAa,CAAC,gBAAgB,SAAS,MAAM,6BAAM,CAAC,MAAM,EAAE,EAAE,uBAAuB,CAAC,CAAC;IACrG,CAAC;IAED,sBAAsB;QACpB,OAAO,IAAI,CAAC,aAAa,CAAC,mBAAmB,6BAAM,CAAC,KAAK,EAAE,EAAE,uBAAuB,CAAE,CAAC;IACzF,CAAC;IAED,kBAAkB;QAChB,OAAO,IAAI,CAAC,aAAa,CAAC,yBAAyB,6BAAM,CAAC,KAAK,EAAE,EAAE,uBAAuB,CAAE,CAAC;IAC/F,CAAC;IAED;;OAEG;IACH,mBAAmB;QACjB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,oBAAoB,CAAC,EAAE,EAAE,eAAY,CAAC,CAAC;IAC9E,CAAC;IAED;;OAEG;IACH,oBAAoB;QAClB,MAAM,mBAAmB,GAAG,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,cAAc,CAAC,CAAC,CAAC;QACzE,OAAO,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,CAAC,aAAa,CAAC,QAAQ,EAAE,gBAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACjG,CAAC;IAED;;OAEG;IACH,qBAAqB;QACnB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,iBAAc,CAAC,YAAY,EAAE,EAAE,iBAAc,CAAC,CAAC;IAC/E,CAAC;IAGD,UAAU;QACR,OAAO,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,6BAAM,CAAC,eAAe,CAAC,CAAC,CAAC;IAClE,CAAC;;~~AAxDM~~,8BAAY,GAAG,6BAAM,CAAC,IAAI,CAAC;kBADf,iBAAiB;~~AAuDpC~~;IADC,aAAO;mDAGP"}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/pagination/index.ts"],"names":[],"mappings":";;;;;;;;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAAmG;AAEnG,sCAAsC;AACtC,oCAAoC;AACpC,wCAAwC;AAExC,iFAA6D;AAC7D,8FAA8E;AAE9E,MAAa,uBAAwB,SAAQ,sBAAmC;IAE9E,UAAU;QACR,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,MAAM,CAAC;IACxF,CAAC;CACF;AALD,0DAKC;AAHC;IADC,aAAO;yDAGP;AAGH,MAAqB,iBAAkB,SAAQ,sBAAgB;IAG7D,eAAe;QACb,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,gBAAgB,CAAC,EAAE,EAAE,uBAAuB,CAAE,CAAC;IACtF,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,kBAAkB,CAAoB,6BAAM,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,CAC1E,OAAO,CAAC,EAAE,CAAC,IAAI,uBAAuB,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAC7D,CAAC;IACJ,CAAC;IAED;;;;OAIG;IACH,qBAAqB,CAAC,KAAa;QACjC,6CAA6C;QAC7C,MAAM,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;QAC5B,OAAO,IAAI,CAAC,aAAa,CAAC,gBAAgB,SAAS,MAAM,6BAAM,CAAC,MAAM,EAAE,EAAE,uBAAuB,CAAC,CAAC;IACrG,CAAC;IAED,sBAAsB;QACpB,OAAO,IAAI,CAAC,aAAa,CAAC,mBAAmB,6BAAM,CAAC,KAAK,EAAE,EAAE,uBAAuB,CAAE,CAAC;IACzF,CAAC;IAED,kBAAkB;QAChB,OAAO,IAAI,CAAC,aAAa,CAAC,yBAAyB,6BAAM,CAAC,KAAK,EAAE,EAAE,uBAAuB,CAAE,CAAC;IAC/F,CAAC;IAED;;OAEG;IACH,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAU,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAChE,CAAC;IAED;;OAEG;IACH,mBAAmB;QACjB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,oBAAoB,CAAC,EAAE,EAAE,eAAY,CAAC,CAAC;IAC9E,CAAC;IAED;;OAEG;IACH,oBAAoB;QAClB,MAAM,mBAAmB,GAAG,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,cAAc,CAAC,CAAC,CAAC;QACzE,OAAO,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,CAAC,aAAa,CAAC,QAAQ,EAAE,gBAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACjG,CAAC;IAED;;OAEG;IACH,qBAAqB;QACnB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,iBAAc,CAAC,YAAY,EAAE,EAAE,iBAAc,CAAC,CAAC;IAC/E,CAAC;IAGD,UAAU;QACR,OAAO,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,6BAAM,CAAC,eAAe,CAAC,CAAC,CAAC;IAClE,CAAC;;AA/DM,8BAAY,GAAG,6BAAM,CAAC,IAAI,CAAC;kBADf,iBAAiB;AA8DpC;IADC,aAAO;mDAGP"}

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

@@ -26,6 +26,22 @@ export default class SelectWrapper extends DropdownHostComponentWrapper {
         expandToViewport: boolean;
     }): InputWrapper | null;
     findInlineLabel(): ElementWrapper | null;
+    /**
+     * Returns the custom dropdown header region rendered by `renderDropdownHeader`, if present.
+     * @param options
+     * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
+     */
+    findDropdownHeader(options?: {
+        expandToViewport: boolean;
+    }): ElementWrapper | null;
+    /**
+     * Returns the custom dropdown footer region rendered by `renderDropdownFooter`, if present.
+     * @param options
+     * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
+     */
+    findDropdownFooter(options?: {
+        expandToViewport: boolean;
+    }): ElementWrapper | null;
     findPlaceholder(): ElementWrapper | null;
     findTrigger(): ElementWrapper;
     isDisabled(): boolean;

package/lib/internal/template/test-utils/dom/select/index.js CHANGED Viewed

@@ -43,6 +43,22 @@ class SelectWrapper extends dropdown_host_1.default {
     findInlineLabel() {
         return this.findByClassName(styles_selectors_js_5.default['inline-label']);
     }
+    /**
+     * Returns the custom dropdown header region rendered by `renderDropdownHeader`, if present.
+     * @param options
+     * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
+     */
+    findDropdownHeader(options = { expandToViewport: false }) {
+        return this.findDropdown(options).findByClassName(styles_selectors_js_6.default['dropdown-header']);
+    }
+    /**
+     * Returns the custom dropdown footer region rendered by `renderDropdownFooter`, if present.
+     * @param options
+     * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
+     */
+    findDropdownFooter(options = { expandToViewport: false }) {
+        return this.findDropdown(options).findByClassName(styles_selectors_js_6.default['dropdown-footer']);
+    }
     findPlaceholder() {
         return this.findByClassName(styles_selectors_js_5.default.placeholder);
     }

package/lib/internal/template/test-utils/dom/select/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/select/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAAiF;AAEjF,oCAAoC;AACpC,6DAAqE;AAErE,4EAA6D;AAC7D,yGAAkG;AAClG,0GAAoG;AACpG,0GAA4F;AAC5F,mFAA0E;AAC1E,6EAA+D;AAE/D,MAAqB,aAAc,SAAQ,uBAA4B;IAGrE;;;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;;;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,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,6BAAiB,CAAC,cAAc,CAAC,CAAC,CAAC;IACjE,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAiB,CAAC,WAAW,CAAC,CAAC;IAC7D,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;;~~AA1CM~~,0BAAY,GAAW,6BAAY,CAAC,IAAI,CAAC;kBAD7B,aAAa;~~AAyChC~~;IADC,aAAO;+CAGP"}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/select/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAAiF;AAEjF,oCAAoC;AACpC,6DAAqE;AAErE,4EAA6D;AAC7D,yGAAkG;AAClG,0GAAoG;AACpG,0GAA4F;AAC5F,mFAA0E;AAC1E,6EAA+D;AAE/D,MAAqB,aAAc,SAAQ,uBAA4B;IAGrE;;;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;;;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,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,6BAAiB,CAAC,cAAc,CAAC,CAAC,CAAC;IACjE,CAAC;IAED;;;;OAIG;IACH,kBAAkB,CAAC,OAAO,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAE;QACtD,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,6BAAY,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACrF,CAAC;IAED;;;;OAIG;IACH,kBAAkB,CAAC,OAAO,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAE;QACtD,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,6BAAY,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACrF,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAiB,CAAC,WAAW,CAAC,CAAC;IAC7D,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;;AA5DM,0BAAY,GAAW,6BAAY,CAAC,IAAI,CAAC;kBAD7B,aAAa;AA2DhC;IADC,aAAO;+CAGP"}

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

@@ -22,6 +22,22 @@ export default class MultiselectWrapper extends DropdownHostComponentWrapper {
     }): InputWrapper;
     findPlaceholder(): ElementWrapper;
     findInlineLabel(): ElementWrapper;
+    /**
+     * Returns the custom dropdown header region rendered by `renderDropdownHeader`, if present.
+     * @param options
+     * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
+     */
+    findDropdownHeader(options?: {
+        expandToViewport: boolean;
+    }): ElementWrapper;
+    /**
+     * Returns the custom dropdown footer region rendered by `renderDropdownFooter`, if present.
+     * @param options
+     * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
+     */
+    findDropdownFooter(options?: {
+        expandToViewport: boolean;
+    }): ElementWrapper;
     /**
      * @param options
      * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.

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

@@ -38,6 +38,26 @@ class MultiselectWrapper extends dropdown_host_1.default {
     findInlineLabel() {
         return this.findByClassName(styles_selectors_js_6.default['inline-label']);
     }
+    /**
+     * Returns the custom dropdown header region rendered by `renderDropdownHeader`, if present.
+     * @param options
+     * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
+     */
+    findDropdownHeader(options = {
+        expandToViewport: false
+    }) {
+        return this.findDropdown(options).findByClassName(styles_selectors_js_5.default['dropdown-header']);
+    }
+    /**
+     * Returns the custom dropdown footer region rendered by `renderDropdownFooter`, if present.
+     * @param options
+     * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
+     */
+    findDropdownFooter(options = {
+        expandToViewport: false
+    }) {
+        return this.findDropdown(options).findByClassName(styles_selectors_js_5.default['dropdown-footer']);
+    }
     /**
      * @param options
      * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.

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

	@@ -1 +1 @@
1	- {"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;;~~AA1EM~~,+BAAY,GAAW,6BAAiB,CAAC,IAAI,CAAC;kBADlC,kBAAkB"}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/multiselect/index.ts"],"names":[],"mappings":"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"}

package/lib/internal/template/test-utils/selectors/pagination/index.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { ComponentWrapper } from "@cloudscape-design/test-utils-core/selectors";
+import { ComponentWrapper, ElementWrapper } from "@cloudscape-design/test-utils-core/selectors";
 import ButtonWrapper from '../button';
 import InputWrapper from '../input';
 import PopoverWrapper from '../popover';
@@ -16,6 +16,10 @@ export default class PaginationWrapper extends ComponentWrapper {
     findPageNumberByIndex(index: number): PaginationButtonWrapper;
     findPreviousPageButton(): PaginationButtonWrapper;
     findNextPageButton(): PaginationButtonWrapper;
+    /**
+     * Returns the visible text for compact pages (for example, `3 of 12` or `3 of 12+`).
+     */
+    findPagesCompactText(): ElementWrapper;
     /**
      * Returns the jump to page input field.
      */

package/lib/internal/template/test-utils/selectors/pagination/index.js CHANGED Viewed

@@ -8,6 +8,7 @@ const button_1 = require("../button");
 const input_1 = require("../input");
 const popover_1 = require("../popover");
 const styles_selectors_js_1 = require("../../../pagination/styles.selectors.js");
+const styles_selectors_js_2 = require("../../../pagination/test-classes/styles.selectors.js");
 class PaginationButtonWrapper extends selectors_1.ComponentWrapper {
 }
 exports.PaginationButtonWrapper = PaginationButtonWrapper;
@@ -34,6 +35,12 @@ class PaginationWrapper extends selectors_1.ComponentWrapper {
     findNextPageButton() {
         return this.findComponent(`li:not(:first-child) .${styles_selectors_js_1.default.arrow}`, PaginationButtonWrapper);
     }
+    /**
+     * Returns the visible text for compact pages (for example, `3 of 12` or `3 of 12+`).
+     */
+    findPagesCompactText() {
+        return this.findByClassName(styles_selectors_js_2.default['pages-compact-text']);
+    }
     /**
      * Returns the jump to page input field.
      */

package/lib/internal/template/test-utils/selectors/pagination/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/pagination/index.ts"],"names":[],"mappings":";;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,~~4EAAgF~~;~~AAChF~~,sCAAsC;AACtC,oCAAoC;AACpC,wCAAwC;AACxC,iFAA6D;AAC7D,MAAa,uBAAwB,SAAQ,4BAAgB;CAAG;AAAhE,0DAAgE;AAChE,MAAqB,iBAAkB,SAAQ,4BAAgB;IAE7D,eAAe;QACb,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,gBAAgB,CAAC,EAAE,EAAE,uBAAuB,CAAE,CAAC;IACtF,CAAC;IACD,eAAe;QACb,OAAO,IAAI,CAAC,kBAAkB,CAAC,6BAAM,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,uBAAuB,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;IAC1H,CAAC;IAED;;;;OAIG;IACH,qBAAqB,CAAC,KAAa;QACjC,6CAA6C;QAC7C,MAAM,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;QAC5B,OAAO,IAAI,CAAC,aAAa,CAAC,gBAAgB,SAAS,MAAM,6BAAM,CAAC,MAAM,EAAE,EAAE,uBAAuB,CAAC,CAAC;IACrG,CAAC;IACD,sBAAsB;QACpB,OAAO,IAAI,CAAC,aAAa,CAAC,mBAAmB,6BAAM,CAAC,KAAK,EAAE,EAAE,uBAAuB,CAAE,CAAC;IACzF,CAAC;IACD,kBAAkB;QAChB,OAAO,IAAI,CAAC,aAAa,CAAC,yBAAyB,6BAAM,CAAC,KAAK,EAAE,EAAE,uBAAuB,CAAE,CAAC;IAC/F,CAAC;IAED;;OAEG;IACH,mBAAmB;QACjB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,oBAAoB,CAAC,EAAE,EAAE,eAAY,CAAC,CAAC;IAC9E,CAAC;IAED;;OAEG;IACH,oBAAoB;QAClB,MAAM,mBAAmB,GAAG,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,cAAc,CAAC,CAAC,CAAC;QACzE,OAAO,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,CAAC,aAAa,CAAC,QAAQ,EAAE,gBAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACjG,CAAC;IAED;;OAEG;IACH,qBAAqB;QACnB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,iBAAc,CAAC,YAAY,EAAE,EAAE,iBAAc,CAAC,CAAC;IAC/E,CAAC;;~~AA7CM~~,8BAAY,GAAG,6BAAM,CAAC,IAAI,CAAC;kBADf,iBAAiB"}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/pagination/index.ts"],"names":[],"mappings":";;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,4EAAgG;AAChG,sCAAsC;AACtC,oCAAoC;AACpC,wCAAwC;AACxC,iFAA6D;AAC7D,8FAA8E;AAC9E,MAAa,uBAAwB,SAAQ,4BAAgB;CAAG;AAAhE,0DAAgE;AAChE,MAAqB,iBAAkB,SAAQ,4BAAgB;IAE7D,eAAe;QACb,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,gBAAgB,CAAC,EAAE,EAAE,uBAAuB,CAAE,CAAC;IACtF,CAAC;IACD,eAAe;QACb,OAAO,IAAI,CAAC,kBAAkB,CAAC,6BAAM,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,uBAAuB,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;IAC1H,CAAC;IAED;;;;OAIG;IACH,qBAAqB,CAAC,KAAa;QACjC,6CAA6C;QAC7C,MAAM,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;QAC5B,OAAO,IAAI,CAAC,aAAa,CAAC,gBAAgB,SAAS,MAAM,6BAAM,CAAC,MAAM,EAAE,EAAE,uBAAuB,CAAC,CAAC;IACrG,CAAC;IACD,sBAAsB;QACpB,OAAO,IAAI,CAAC,aAAa,CAAC,mBAAmB,6BAAM,CAAC,KAAK,EAAE,EAAE,uBAAuB,CAAE,CAAC;IACzF,CAAC;IACD,kBAAkB;QAChB,OAAO,IAAI,CAAC,aAAa,CAAC,yBAAyB,6BAAM,CAAC,KAAK,EAAE,EAAE,uBAAuB,CAAE,CAAC;IAC/F,CAAC;IAED;;OAEG;IACH,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAU,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAChE,CAAC;IAED;;OAEG;IACH,mBAAmB;QACjB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,oBAAoB,CAAC,EAAE,EAAE,eAAY,CAAC,CAAC;IAC9E,CAAC;IAED;;OAEG;IACH,oBAAoB;QAClB,MAAM,mBAAmB,GAAG,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,cAAc,CAAC,CAAC,CAAC;QACzE,OAAO,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,CAAC,aAAa,CAAC,QAAQ,EAAE,gBAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACjG,CAAC;IAED;;OAEG;IACH,qBAAqB;QACnB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,iBAAc,CAAC,YAAY,EAAE,EAAE,iBAAc,CAAC,CAAC;IAC/E,CAAC;;AApDM,8BAAY,GAAG,6BAAM,CAAC,IAAI,CAAC;kBADf,iBAAiB"}

package/lib/internal/template/test-utils/selectors/select/index.d.ts CHANGED Viewed

@@ -26,6 +26,22 @@ export default class SelectWrapper extends DropdownHostComponentWrapper {
         expandToViewport: boolean;
     }): InputWrapper;
     findInlineLabel(): ElementWrapper;
+    /**
+     * Returns the custom dropdown header region rendered by `renderDropdownHeader`, if present.
+     * @param options
+     * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
+     */
+    findDropdownHeader(options?: {
+        expandToViewport: boolean;
+    }): ElementWrapper;
+    /**
+     * Returns the custom dropdown footer region rendered by `renderDropdownFooter`, if present.
+     * @param options
+     * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
+     */
+    findDropdownFooter(options?: {
+        expandToViewport: boolean;
+    }): ElementWrapper;
     findPlaceholder(): ElementWrapper;
     findTrigger(): ElementWrapper;
 }

package/lib/internal/template/test-utils/selectors/select/index.js CHANGED Viewed

@@ -40,6 +40,26 @@ class SelectWrapper extends dropdown_host_1.default {
     findInlineLabel() {
         return this.findByClassName(styles_selectors_js_5.default['inline-label']);
     }
+    /**
+     * Returns the custom dropdown header region rendered by `renderDropdownHeader`, if present.
+     * @param options
+     * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
+     */
+    findDropdownHeader(options = {
+        expandToViewport: false
+    }) {
+        return this.findDropdown(options).findByClassName(styles_selectors_js_6.default['dropdown-header']);
+    }
+    /**
+     * Returns the custom dropdown footer region rendered by `renderDropdownFooter`, if present.
+     * @param options
+     * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
+     */
+    findDropdownFooter(options = {
+        expandToViewport: false
+    }) {
+        return this.findDropdown(options).findByClassName(styles_selectors_js_6.default['dropdown-footer']);
+    }
     findPlaceholder() {
         return this.findByClassName(styles_selectors_js_5.default.placeholder);
     }

package/lib/internal/template/test-utils/selectors/select/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/select/index.ts"],"names":[],"mappings":";;AAGA,oCAAoC;AACpC,6DAAqE;AACrE,4EAA6D;AAC7D,yGAAkG;AAClG,0GAAoG;AACpG,0GAA4F;AAC5F,mFAA0E;AAC1E,6EAA+D;AAC/D,MAAqB,aAAc,SAAQ,uBAA4B;IAGrE;;;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;;;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,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,6BAAiB,CAAC,cAAc,CAAC,CAAC,CAAC;IACjE,CAAC;IACD,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAiB,CAAC,WAAW,CAAC,CAAC;IAC7D,CAAC;IACD,WAAW;QACT,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAmB,CAAC,gBAAgB,CAAC,CAAE,CAAC;IACtE,CAAC;;~~AAxCM~~,0BAAY,GAAW,6BAAY,CAAC,IAAI,CAAC;kBAD7B,aAAa"}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/select/index.ts"],"names":[],"mappings":";;AAGA,oCAAoC;AACpC,6DAAqE;AACrE,4EAA6D;AAC7D,yGAAkG;AAClG,0GAAoG;AACpG,0GAA4F;AAC5F,mFAA0E;AAC1E,6EAA+D;AAC/D,MAAqB,aAAc,SAAQ,uBAA4B;IAGrE;;;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;;;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,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,6BAAiB,CAAC,cAAc,CAAC,CAAC,CAAC;IACjE,CAAC;IAED;;;;OAIG;IACH,kBAAkB,CAAC,OAAO,GAAG;QAC3B,gBAAgB,EAAE,KAAK;KACxB;QACC,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,6BAAY,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACrF,CAAC;IAED;;;;OAIG;IACH,kBAAkB,CAAC,OAAO,GAAG;QAC3B,gBAAgB,EAAE,KAAK;KACxB;QACC,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,6BAAY,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACrF,CAAC;IACD,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAiB,CAAC,WAAW,CAAC,CAAC;IAC7D,CAAC;IACD,WAAW;QACT,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAmB,CAAC,gBAAgB,CAAC,CAAE,CAAC;IACtE,CAAC;;AA9DM,0BAAY,GAAW,6BAAY,CAAC,IAAI,CAAC;kBAD7B,aAAa"}

package/lib/internal/template/textarea/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/textarea/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAc3C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAK7C,OAAO,EAAE,aAAa,EAAE,CAAC;AAEzB,QAAA,MAAM,QAAQ,~~yFAqGb~~,CAAC;AAGF,eAAe,QAAQ,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/textarea/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAc3C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAK7C,OAAO,EAAE,aAAa,EAAE,CAAC;AAEzB,QAAA,MAAM,QAAQ,yFA8Gb,CAAC;AAGF,eAAe,QAAQ,CAAC"}

package/lib/internal/template/textarea/index.js CHANGED Viewed

@@ -14,9 +14,17 @@ import { applyDisplayName } from '../internal/utils/apply-display-name';
 import WithNativeAttributes from '../internal/utils/with-native-attributes';
 import { getTextareaStyles } from './styles';
 import styles from './styles.css.js';
-const Textarea = React.forwardRef(({ value, autoComplete = true, disabled, readOnly, disableBrowserAutocorrect, disableBrowserSpellcheck, spellcheck, onKeyDown, onKeyUp, onChange, onBlur, onFocus, ariaRequired, name, rows, placeholder, autoFocus, ariaLabel, nativeTextareaAttributes, style, ...rest }, ref) => {
+const Textarea = React.forwardRef(({ value, autoComplete = true, disabled, readOnly, disableBrowserAutocorrect, disableBrowserSpellcheck, spellcheck, onKeyDown, onKeyUp, onChange, onBlur, onFocus, ariaRequired, name, rows, resize = 'both', placeholder, autoFocus, ariaLabel, nativeTextareaAttributes, style, ...rest }, ref) => {
     const { __internalRootRef } = useBaseComponent('Textarea', {
-        props: { autoComplete, autoFocus, disableBrowserAutocorrect, disableBrowserSpellcheck, readOnly, spellcheck },
+        props: {
+            autoComplete,
+            autoFocus,
+            disableBrowserAutocorrect,
+            disableBrowserSpellcheck,
+            readOnly,
+            resize,
+            spellcheck,
+        },
     });
     const { ariaLabelledby, ariaDescribedby, controlId, invalid, warning } = useFormFieldContext(rest);
     const baseProps = getBaseProps(rest);
@@ -31,7 +39,7 @@ const Textarea = React.forwardRef(({ value, autoComplete = true, disabled, readO
         name,
         placeholder,
         autoFocus,
-        className: clsx(styles.textarea, {
+        className: clsx(styles.textarea, styles[`textarea-resize-${resize}`], {
             [styles['textarea-readonly']]: readOnly,
             [styles['textarea-invalid']]: invalid,
             [styles['textarea-warning']]: warning && !invalid,

package/lib/internal/template/textarea/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/textarea/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;AACb,OAAO,KAAK,EAAE,EAAO,MAAM,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC/E,OAAO,eAAe,MAAM,iCAAiC,CAAC;AAC9D,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,oBAAoB,MAAM,0CAA0C,CAAC;AAG5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAC/B,CACE,EACE,KAAK,EACL,YAAY,GAAG,IAAI,EACnB,QAAQ,EACR,QAAQ,EACR,yBAAyB,EACzB,wBAAwB,EACxB,UAAU,EACV,SAAS,EACT,OAAO,EACP,QAAQ,EACR,MAAM,EACN,OAAO,EACP,YAAY,EACZ,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,SAAS,EACT,SAAS,EACT,wBAAwB,EACxB,KAAK,EACL,GAAG,IAAI,EACO,EAChB,GAA2B,EAC3B,EAAE;IACF,MAAM,EAAE,iBAAiB,EAAE,GAAG,gBAAgB,CAAC,UAAU,EAAE;QACzD,KAAK,EAAE,~~EAAE,~~YAAY,~~EAAE,~~SAAS,~~EAAE,~~yBAAyB,~~EAAE,~~wBAAwB,~~EAAE,~~QAAQ,~~EAAE~~,UAAU~~,EAAE~~;~~KAC9G~~,CAAC,CAAC;IACH,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAEnG,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAErC,MAAM,WAAW,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAC;IACtD,eAAe,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC;IAElC,MAAM,UAAU,GAAsD;QACpE,YAAY,EAAE,SAAS;QACvB,iBAAiB,EAAE,cAAc;QACjC,kBAAkB,EAAE,eAAe;QACnC,eAAe,EAAE,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;QAClD,cAAc,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;QAC5C,IAAI;QACJ,WAAW;QACX,SAAS;QACT,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE;~~YAC/B~~,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,EAAE,QAAQ;YACvC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,EAAE,OAAO;YACrC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,EAAE,OAAO,IAAI,CAAC,OAAO;SAClD,CAAC;QACF,YAAY,EAAE,mBAAmB,CAAC,YAAY,CAAC;QAC/C,UAAU,EAAE,UAAU;QACtB,QAAQ;QACR,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;QACrC,IAAI,EAAE,IAAI,IAAI,CAAC;QACf,SAAS,EAAE,SAAS,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QACtE,OAAO,EAAE,OAAO,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QAChE,yFAAyF;QACzF,KAAK,EAAE,KAAK,IAAI,EAAE;QAClB,QAAQ,EAAE,QAAQ,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;QAChG,MAAM,EAAE,MAAM,IAAI,CAAC,GAAG,EAAE,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC;QACxD,OAAO,EAAE,OAAO,IAAI,CAAC,GAAG,EAAE,CAAC,sBAAsB,CAAC,OAAO,CAAC,CAAC;KAC5D,CAAC;IAEF,IAAI,yBAAyB,EAAE,CAAC;QAC9B,UAAU,CAAC,WAAW,GAAG,KAAK,CAAC;QAC/B,UAAU,CAAC,cAAc,GAAG,KAAK,CAAC;IACpC,CAAC;IAED,IAAI,wBAAwB,EAAE,CAAC;QAC7B,UAAU,CAAC,UAAU,GAAG,OAAO,CAAC;IAClC,CAAC;IAED,MAAM,0BAA0B,GAAgD;QAC9E,IAAI,EAAE,gBAAgB;QACtB,KAAK,EAAE,UAAU;QACjB,UAAU,EAAE;YACV,KAAK,EAAE,KAAK,IAAI,EAAE;SACnB;KACF,CAAC;IAEF,OAAO,CACL,iCACM,SAAS,EACb,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC,EACjD,GAAG,EAAE,iBAAiB,KAClB,6BAA6B,CAAC,EAAE,SAAS,EAAE,0BAA0B,EAAE,CAAC;QAE5E,oBAAC,oBAAoB,OACf,UAAU,EACd,GAAG,EAAC,UAAU,EACd,aAAa,EAAC,UAAU,EACxB,gBAAgB,EAAE,wBAAwB,EAC1C,GAAG,EAAE,WAAW,EAChB,EAAE,EAAE,SAAS,EACb,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,GAC/B,CACG,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,gBAAgB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;AACvC,eAAe,QAAQ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React, { Ref, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { convertAutoComplete } from '../input/utils';\nimport { getBaseProps } from '../internal/base-component';\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport { fireKeyboardEvent, fireNonCancelableEvent } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport WithNativeAttributes from '../internal/utils/with-native-attributes';\nimport { GeneratedAnalyticsMetadataTextareaComponent } from './analytics-metadata/interfaces';\nimport { TextareaProps } from './interfaces';\nimport { getTextareaStyles } from './styles';\n\nimport styles from './styles.css.js';\n\nexport { TextareaProps };\n\nconst Textarea = React.forwardRef(\n (\n {\n value,\n autoComplete = true,\n disabled,\n readOnly,\n disableBrowserAutocorrect,\n disableBrowserSpellcheck,\n spellcheck,\n onKeyDown,\n onKeyUp,\n onChange,\n onBlur,\n onFocus,\n ariaRequired,\n name,\n rows,\n placeholder,\n autoFocus,\n ariaLabel,\n nativeTextareaAttributes,\n style,\n ...rest\n }: TextareaProps,\n ref: Ref<TextareaProps.Ref>\n ) => {\n const { __internalRootRef } = useBaseComponent('Textarea', {\n props: { autoComplete, autoFocus, disableBrowserAutocorrect, disableBrowserSpellcheck, readOnly, spellcheck },\n });\n const { ariaLabelledby, ariaDescribedby, controlId, invalid, warning } = useFormFieldContext(rest);\n\n const baseProps = getBaseProps(rest);\n\n const textareaRef = useRef<HTMLTextAreaElement>(null);\n useForwardFocus(ref, textareaRef);\n\n const attributes: React.TextareaHTMLAttributes<HTMLTextAreaElement> = {\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n 'aria-describedby': ariaDescribedby,\n 'aria-required': ariaRequired ? 'true' : undefined,\n 'aria-invalid': invalid ? 'true' : undefined,\n name,\n placeholder,\n autoFocus,\n className: clsx(styles.textarea, {\n [styles['textarea-readonly']]: readOnly,\n [styles['textarea-invalid']]: invalid,\n [styles['textarea-warning']]: warning && !invalid,\n }),\n autoComplete: convertAutoComplete(autoComplete),\n spellCheck: spellcheck,\n disabled,\n readOnly: readOnly ? true : undefined,\n rows: rows \|\| 3,\n onKeyDown: onKeyDown && (event => fireKeyboardEvent(onKeyDown, event)),\n onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)),\n // We set a default value on the component in order to force it into the controlled mode.\n value: value \|\| '',\n onChange: onChange && (event => fireNonCancelableEvent(onChange, { value: event.target.value })),\n onBlur: onBlur && (() => fireNonCancelableEvent(onBlur)),\n onFocus: onFocus && (() => fireNonCancelableEvent(onFocus)),\n };\n\n if (disableBrowserAutocorrect) {\n attributes.autoCorrect = 'off';\n attributes.autoCapitalize = 'off';\n }\n\n if (disableBrowserSpellcheck) {\n attributes.spellCheck = 'false';\n }\n\n const componentAnalyticsMetadata: GeneratedAnalyticsMetadataTextareaComponent = {\n name: 'awsui.Textarea',\n label: 'textarea',\n properties: {\n value: value \|\| '',\n },\n };\n\n return (\n <span\n {...baseProps}\n className={clsx(styles.root, baseProps.className)}\n ref={__internalRootRef}\n {...getAnalyticsMetadataAttribute({ component: componentAnalyticsMetadata })}\n >\n <WithNativeAttributes\n {...attributes}\n tag=\"textarea\"\n componentName=\"Textarea\"\n nativeAttributes={nativeTextareaAttributes}\n ref={textareaRef}\n id={controlId}\n style={getTextareaStyles(style)}\n />\n </span>\n );\n }\n);\n\napplyDisplayName(Textarea, 'Textarea');\nexport default Textarea;\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/textarea/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React, { Ref, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { convertAutoComplete } from '../input/utils';\nimport { getBaseProps } from '../internal/base-component';\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport { fireKeyboardEvent, fireNonCancelableEvent } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport WithNativeAttributes from '../internal/utils/with-native-attributes';\nimport { GeneratedAnalyticsMetadataTextareaComponent } from './analytics-metadata/interfaces';\nimport { TextareaProps } from './interfaces';\nimport { getTextareaStyles } from './styles';\n\nimport styles from './styles.css.js';\n\nexport { TextareaProps };\n\nconst Textarea = React.forwardRef(\n (\n {\n value,\n autoComplete = true,\n disabled,\n readOnly,\n disableBrowserAutocorrect,\n disableBrowserSpellcheck,\n spellcheck,\n onKeyDown,\n onKeyUp,\n onChange,\n onBlur,\n onFocus,\n ariaRequired,\n name,\n rows,\n resize = 'both',\n placeholder,\n autoFocus,\n ariaLabel,\n nativeTextareaAttributes,\n style,\n ...rest\n }: TextareaProps,\n ref: Ref<TextareaProps.Ref>\n ) => {\n const { __internalRootRef } = useBaseComponent('Textarea', {\n props: {\n autoComplete,\n autoFocus,\n disableBrowserAutocorrect,\n disableBrowserSpellcheck,\n readOnly,\n resize,\n spellcheck,\n },\n });\n const { ariaLabelledby, ariaDescribedby, controlId, invalid, warning } = useFormFieldContext(rest);\n\n const baseProps = getBaseProps(rest);\n\n const textareaRef = useRef<HTMLTextAreaElement>(null);\n useForwardFocus(ref, textareaRef);\n\n const attributes: React.TextareaHTMLAttributes<HTMLTextAreaElement> = {\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n 'aria-describedby': ariaDescribedby,\n 'aria-required': ariaRequired ? 'true' : undefined,\n 'aria-invalid': invalid ? 'true' : undefined,\n name,\n placeholder,\n autoFocus,\n className: clsx(styles.textarea, styles[`textarea-resize-${resize}`], {\n [styles['textarea-readonly']]: readOnly,\n [styles['textarea-invalid']]: invalid,\n [styles['textarea-warning']]: warning && !invalid,\n }),\n autoComplete: convertAutoComplete(autoComplete),\n spellCheck: spellcheck,\n disabled,\n readOnly: readOnly ? true : undefined,\n rows: rows \|\| 3,\n onKeyDown: onKeyDown && (event => fireKeyboardEvent(onKeyDown, event)),\n onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)),\n // We set a default value on the component in order to force it into the controlled mode.\n value: value \|\| '',\n onChange: onChange && (event => fireNonCancelableEvent(onChange, { value: event.target.value })),\n onBlur: onBlur && (() => fireNonCancelableEvent(onBlur)),\n onFocus: onFocus && (() => fireNonCancelableEvent(onFocus)),\n };\n\n if (disableBrowserAutocorrect) {\n attributes.autoCorrect = 'off';\n attributes.autoCapitalize = 'off';\n }\n\n if (disableBrowserSpellcheck) {\n attributes.spellCheck = 'false';\n }\n\n const componentAnalyticsMetadata: GeneratedAnalyticsMetadataTextareaComponent = {\n name: 'awsui.Textarea',\n label: 'textarea',\n properties: {\n value: value \|\| '',\n },\n };\n\n return (\n <span\n {...baseProps}\n className={clsx(styles.root, baseProps.className)}\n ref={__internalRootRef}\n {...getAnalyticsMetadataAttribute({ component: componentAnalyticsMetadata })}\n >\n <WithNativeAttributes\n {...attributes}\n tag=\"textarea\"\n componentName=\"Textarea\"\n nativeAttributes={nativeTextareaAttributes}\n ref={textareaRef}\n id={controlId}\n style={getTextareaStyles(style)}\n />\n </span>\n );\n }\n);\n\napplyDisplayName(Textarea, 'Textarea');\nexport default Textarea;\n"]}