@cloudscape-design/components-themeable 3.0.1127 → 3.0.1129

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

@@ -143,7 +143,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 */
-.awsui_text-content_6absk_k48g3_146:not(#\9) {
+.awsui_text-content_6absk_mbcml_146:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -176,12 +176,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   /* stylelint-disable no-descending-specificity */
   /* stylelint-enable no-descending-specificity */
 }
-.awsui_text-content_6absk_k48g3_146 h1:not(#\9),
-.awsui_text-content_6absk_k48g3_146 h2:not(#\9),
-.awsui_text-content_6absk_k48g3_146 h3:not(#\9),
-.awsui_text-content_6absk_k48g3_146 h4:not(#\9),
-.awsui_text-content_6absk_k48g3_146 h5:not(#\9),
-.awsui_text-content_6absk_k48g3_146 p:not(#\9) {
+.awsui_text-content_6absk_mbcml_146 h1:not(#\9),
+.awsui_text-content_6absk_mbcml_146 h2:not(#\9),
+.awsui_text-content_6absk_mbcml_146 h3:not(#\9),
+.awsui_text-content_6absk_mbcml_146 h4:not(#\9),
+.awsui_text-content_6absk_mbcml_146 h5:not(#\9),
+.awsui_text-content_6absk_mbcml_146 p:not(#\9) {
   font-family: inherit;
   font-weight: normal;
   text-decoration: none;
@@ -190,14 +190,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: var(--space-xxs-jnczic, 4px);
   padding-inline: 0;
 }
-.awsui_text-content_6absk_k48g3_146 h1:not(#\9),
-.awsui_text-content_6absk_k48g3_146 h2:not(#\9),
-.awsui_text-content_6absk_k48g3_146 h3:not(#\9),
-.awsui_text-content_6absk_k48g3_146 h4:not(#\9),
-.awsui_text-content_6absk_k48g3_146 h5:not(#\9) {
+.awsui_text-content_6absk_mbcml_146 h1:not(#\9),
+.awsui_text-content_6absk_mbcml_146 h2:not(#\9),
+.awsui_text-content_6absk_mbcml_146 h3:not(#\9),
+.awsui_text-content_6absk_mbcml_146 h4:not(#\9),
+.awsui_text-content_6absk_mbcml_146 h5:not(#\9) {
   color: var(--color-text-heading-default-wlau07, #16191f);
 }
-.awsui_text-content_6absk_k48g3_146 h1:not(#\9) {
+.awsui_text-content_6absk_mbcml_146 h1:not(#\9) {
   font-size: var(--font-size-heading-xl-w5di2k, 28px);
   line-height: var(--line-height-heading-xl-vs1f23, 36px);
   letter-spacing: var(--letter-spacing-heading-xl-33zwds, normal);
@@ -205,7 +205,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
 }
-.awsui_text-content_6absk_k48g3_146 h2:not(#\9) {
+.awsui_text-content_6absk_mbcml_146 h2:not(#\9) {
   font-size: var(--font-size-heading-l-qgg2za, 18px);
   line-height: var(--line-height-heading-l-vhgtnq, 22px);
   letter-spacing: var(--letter-spacing-heading-l-spdx5v, normal);
@@ -213,7 +213,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
 }
-.awsui_text-content_6absk_k48g3_146 h3:not(#\9) {
+.awsui_text-content_6absk_mbcml_146 h3:not(#\9) {
   font-size: var(--font-size-heading-m-56jjln, 18px);
   line-height: var(--line-height-heading-m-irezqt, 22px);
   letter-spacing: var(--letter-spacing-heading-m-93y02s, normal);
@@ -221,7 +221,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
 }
-.awsui_text-content_6absk_k48g3_146 h4:not(#\9) {
+.awsui_text-content_6absk_mbcml_146 h4:not(#\9) {
   font-size: var(--font-size-heading-s-yde02v, 16px);
   line-height: var(--line-height-heading-s-j2axh8, 20px);
   letter-spacing: var(--letter-spacing-heading-s-696sxe, normal);
@@ -229,34 +229,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
 }
-.awsui_text-content_6absk_k48g3_146 h5:not(#\9) {
+.awsui_text-content_6absk_mbcml_146 h5:not(#\9) {
   font-size: var(--font-size-heading-xs-c20ika, 16px);
   line-height: var(--line-height-heading-xs-fuzanp, 20px);
   font-weight: var(--font-weight-heading-xs-79d2p7, 400);
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
 }
-.awsui_text-content_6absk_k48g3_146 b:not(#\9),
-.awsui_text-content_6absk_k48g3_146 strong:not(#\9) {
+.awsui_text-content_6absk_mbcml_146 b:not(#\9),
+.awsui_text-content_6absk_mbcml_146 strong:not(#\9) {
   font-weight: 700;
 }
-.awsui_text-content_6absk_k48g3_146 p:not(#\9) {
+.awsui_text-content_6absk_mbcml_146 p:not(#\9) {
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
   color: inherit;
 }
-.awsui_text-content_6absk_k48g3_146 small:not(#\9) {
+.awsui_text-content_6absk_mbcml_146 small:not(#\9) {
   display: inline-block;
   font-size: var(--font-size-body-s-psgqn2, 12px);
   line-height: var(--line-height-body-s-otgtsr, 16px);
   letter-spacing: var(--letter-spacing-body-s-egrcsd, normal);
   color: var(--color-text-small-m20sr1, #687078);
 }
-.awsui_text-content_6absk_k48g3_146 small a:not(#\9) {
+.awsui_text-content_6absk_mbcml_146 small a:not(#\9) {
   font-size: inherit;
   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: inherit;
   letter-spacing: normal;
   text-decoration-line: underline;
@@ -267,44 +267,44 @@ 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_text-content_6absk_k48g3_146 small a:not(#\9) {
+  .awsui_text-content_6absk_mbcml_146 small a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_text-content_6absk_k48g3_146 small a:not(#\9), .awsui-mode-entering .awsui_text-content_6absk_k48g3_146 small a:not(#\9) {
+.awsui-motion-disabled .awsui_text-content_6absk_mbcml_146 small a:not(#\9), .awsui-mode-entering .awsui_text-content_6absk_mbcml_146 small a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_text-content_6absk_k48g3_146 small a:not(#\9):hover {
+.awsui_text-content_6absk_mbcml_146 small a: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_text-content_6absk_k48g3_146 small a:not(#\9):focus {
+.awsui_text-content_6absk_mbcml_146 small a:not(#\9):focus {
   outline: none;
 }
-.awsui_text-content_6absk_k48g3_146 small a:not(#\9):active {
-  color: var(--awsui-style-color-active-lqnbqg, var(--color-text-link-hover-tk5gkv, #0a4a74));
+.awsui_text-content_6absk_mbcml_146 small a:not(#\9):active {
+  color: var(--awsui-style-color-active-b75yp7, var(--color-text-link-hover-tk5gkv, #0a4a74));
 }
-.awsui_text-content_6absk_k48g3_146 small a:not(#\9):active, .awsui_text-content_6absk_k48g3_146 small a:not(#\9):focus, .awsui_text-content_6absk_k48g3_146 small a:not(#\9):hover {
+.awsui_text-content_6absk_mbcml_146 small a:not(#\9):active, .awsui_text-content_6absk_mbcml_146 small a:not(#\9):focus, .awsui_text-content_6absk_mbcml_146 small a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_text-content_6absk_k48g3_146 code:not(#\9),
-.awsui_text-content_6absk_k48g3_146 pre:not(#\9),
-.awsui_text-content_6absk_k48g3_146 samp:not(#\9) {
+.awsui_text-content_6absk_mbcml_146 code:not(#\9),
+.awsui_text-content_6absk_mbcml_146 pre:not(#\9),
+.awsui_text-content_6absk_mbcml_146 samp:not(#\9) {
   font-family: var(--font-family-monospace-fub2rr, Monaco, Menlo, Consolas, "Courier Prime", Courier, "Courier New", monospace);
   background: transparent;
 }
-.awsui_text-content_6absk_k48g3_146 code:not(#\9) {
+.awsui_text-content_6absk_mbcml_146 code:not(#\9) {
   font-size: var(--font-size-body-s-psgqn2, 12px);
   line-height: var(--line-height-body-s-otgtsr, 16px);
   letter-spacing: var(--letter-spacing-body-s-egrcsd, normal);
 }
-.awsui_text-content_6absk_k48g3_146 a:not(#\9) {
+.awsui_text-content_6absk_mbcml_146 a:not(#\9) {
   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: inherit;
   letter-spacing: normal;
   text-decoration-line: underline;
@@ -315,30 +315,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_text-content_6absk_k48g3_146 a:not(#\9) {
+  .awsui_text-content_6absk_mbcml_146 a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_text-content_6absk_k48g3_146 a:not(#\9), .awsui-mode-entering .awsui_text-content_6absk_k48g3_146 a:not(#\9) {
+.awsui-motion-disabled .awsui_text-content_6absk_mbcml_146 a:not(#\9), .awsui-mode-entering .awsui_text-content_6absk_mbcml_146 a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_text-content_6absk_k48g3_146 a:not(#\9):hover {
+.awsui_text-content_6absk_mbcml_146 a: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_text-content_6absk_k48g3_146 a:not(#\9):focus {
+.awsui_text-content_6absk_mbcml_146 a:not(#\9):focus {
   outline: none;
 }
-.awsui_text-content_6absk_k48g3_146 a:not(#\9):active {
-  color: var(--awsui-style-color-active-lqnbqg, var(--color-text-link-hover-tk5gkv, #0a4a74));
+.awsui_text-content_6absk_mbcml_146 a:not(#\9):active {
+  color: var(--awsui-style-color-active-b75yp7, var(--color-text-link-hover-tk5gkv, #0a4a74));
 }
-.awsui_text-content_6absk_k48g3_146 a:not(#\9):active, .awsui_text-content_6absk_k48g3_146 a:not(#\9):focus, .awsui_text-content_6absk_k48g3_146 a:not(#\9):hover {
+.awsui_text-content_6absk_mbcml_146 a:not(#\9):active, .awsui_text-content_6absk_mbcml_146 a:not(#\9):focus, .awsui_text-content_6absk_mbcml_146 a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_text-content_6absk_k48g3_146 a:not(#\9):focus {
+.awsui_text-content_6absk_mbcml_146 a:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-c5423y, 5px auto Highlight);
   outline-offset: 2px;
@@ -349,33 +349,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-woh62o, 0px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_text-content_6absk_k48g3_146 ul:not(#\9),
-.awsui_text-content_6absk_k48g3_146 ol:not(#\9) {
+.awsui_text-content_6absk_mbcml_146 ul:not(#\9),
+.awsui_text-content_6absk_mbcml_146 ol:not(#\9) {
   padding-inline-start: var(--space-l-3cws6j, 20px);
   margin-block: var(--space-scaled-xs-sppte9, 8px);
   margin-inline: 0;
   list-style-position: outside;
 }
-.awsui_text-content_6absk_k48g3_146 ul + ul:not(#\9),
-.awsui_text-content_6absk_k48g3_146 ul + ol:not(#\9),
-.awsui_text-content_6absk_k48g3_146 ul > li + ul:not(#\9),
-.awsui_text-content_6absk_k48g3_146 ul > li + li:not(#\9),
-.awsui_text-content_6absk_k48g3_146 ul > li + ol:not(#\9),
-.awsui_text-content_6absk_k48g3_146 ul > li > ul:not(#\9),
-.awsui_text-content_6absk_k48g3_146 ul > li > ol:not(#\9),
-.awsui_text-content_6absk_k48g3_146 ol + ul:not(#\9),
-.awsui_text-content_6absk_k48g3_146 ol + ol:not(#\9),
-.awsui_text-content_6absk_k48g3_146 ol > li + ul:not(#\9),
-.awsui_text-content_6absk_k48g3_146 ol > li + li:not(#\9),
-.awsui_text-content_6absk_k48g3_146 ol > li + ol:not(#\9),
-.awsui_text-content_6absk_k48g3_146 ol > li > ul:not(#\9),
-.awsui_text-content_6absk_k48g3_146 ol > li > ol:not(#\9) {
+.awsui_text-content_6absk_mbcml_146 ul + ul:not(#\9),
+.awsui_text-content_6absk_mbcml_146 ul + ol:not(#\9),
+.awsui_text-content_6absk_mbcml_146 ul > li + ul:not(#\9),
+.awsui_text-content_6absk_mbcml_146 ul > li + li:not(#\9),
+.awsui_text-content_6absk_mbcml_146 ul > li + ol:not(#\9),
+.awsui_text-content_6absk_mbcml_146 ul > li > ul:not(#\9),
+.awsui_text-content_6absk_mbcml_146 ul > li > ol:not(#\9),
+.awsui_text-content_6absk_mbcml_146 ol + ul:not(#\9),
+.awsui_text-content_6absk_mbcml_146 ol + ol:not(#\9),
+.awsui_text-content_6absk_mbcml_146 ol > li + ul:not(#\9),
+.awsui_text-content_6absk_mbcml_146 ol > li + li:not(#\9),
+.awsui_text-content_6absk_mbcml_146 ol > li + ol:not(#\9),
+.awsui_text-content_6absk_mbcml_146 ol > li > ul:not(#\9),
+.awsui_text-content_6absk_mbcml_146 ol > li > ol:not(#\9) {
   padding-block-start: var(--space-scaled-xxs-jatbiv, 4px);
 }
-.awsui_text-content_6absk_k48g3_146 ul > li > ul:not(#\9),
-.awsui_text-content_6absk_k48g3_146 ul > li > ol:not(#\9),
-.awsui_text-content_6absk_k48g3_146 ol > li > ul:not(#\9),
-.awsui_text-content_6absk_k48g3_146 ol > li > ol:not(#\9) {
+.awsui_text-content_6absk_mbcml_146 ul > li > ul:not(#\9),
+.awsui_text-content_6absk_mbcml_146 ul > li > ol:not(#\9),
+.awsui_text-content_6absk_mbcml_146 ol > li > ul:not(#\9),
+.awsui_text-content_6absk_mbcml_146 ol > li > ol:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
 }

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

@@ -2,6 +2,6 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "text-content": "awsui_text-content_6absk_k48g3_146"
+  "text-content": "awsui_text-content_6absk_mbcml_146"
 };
   

package/lib/internal/template/toggle/styles.css.js

@@ -1,15 +1,15 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_4yi2u_9z51l_145",
-  "outline": "awsui_outline_4yi2u_9z51l_178",
-  "toggle-control": "awsui_toggle-control_4yi2u_9z51l_201",
-  "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_9z51l_214",
-  "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_9z51l_217",
-  "toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_9z51l_223",
-  "toggle-handle": "awsui_toggle-handle_4yi2u_9z51l_227",
-  "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_9z51l_252",
-  "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_9z51l_259",
-  "toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_9z51l_263"
+  "root": "awsui_root_4yi2u_e2miy_145",
+  "outline": "awsui_outline_4yi2u_e2miy_178",
+  "toggle-control": "awsui_toggle-control_4yi2u_e2miy_201",
+  "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_e2miy_214",
+  "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_e2miy_217",
+  "toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_e2miy_223",
+  "toggle-handle": "awsui_toggle-handle_4yi2u_e2miy_227",
+  "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_e2miy_252",
+  "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_e2miy_259",
+  "toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_e2miy_263"
 };
   

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

@@ -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 */
-.awsui_root_4yi2u_9z51l_145:not(#\9) {
+.awsui_root_4yi2u_e2miy_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -175,15 +175,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: flex;
 }
 
-.awsui_outline_4yi2u_9z51l_178:not(#\9) {
-  --awsui-style-focus-ring-box-shadow-lqnbqg: 0 0 0 var(--awsui-style-focus-ring-border-width-lqnbqg, 2px) var(--awsui-style-focus-ring-border-color-lqnbqg, var(--color-border-item-focused-r5f6xl, #0073bb));
+.awsui_outline_4yi2u_e2miy_178:not(#\9) {
+  --awsui-style-focus-ring-box-shadow-b75yp7: 0 0 0 var(--awsui-style-focus-ring-border-width-b75yp7, 2px) var(--awsui-style-focus-ring-border-color-b75yp7, var(--color-border-item-focused-r5f6xl, #0073bb));
   position: relative;
 }
-.awsui_outline_4yi2u_9z51l_178:not(#\9) {
+.awsui_outline_4yi2u_e2miy_178:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-.awsui_outline_4yi2u_9z51l_178:not(#\9)::before {
+.awsui_outline_4yi2u_e2miy_178:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -191,14 +191,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-block-start: calc(-1 * 2px);
   inline-size: calc(100% + 2px + 2px);
   block-size: calc(100% + 2px + 2px);
-  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-lqnbqg, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-lqnbqg, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-lqnbqg, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-lqnbqg, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  box-shadow: var(--awsui-style-focus-ring-box-shadow-lqnbqg);
+  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-b75yp7, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
+  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-b75yp7, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
+  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-b75yp7, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
+  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-b75yp7, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
+  box-shadow: var(--awsui-style-focus-ring-box-shadow-b75yp7);
 }
 
-.awsui_toggle-control_4yi2u_9z51l_201:not(#\9) {
+.awsui_toggle-control_4yi2u_e2miy_201:not(#\9) {
   forced-color-adjust: none;
   margin-block-start: calc((var(--line-height-body-m-bedeoh, 22px) - 16px) / 2);
   min-block-size: 16px;
@@ -211,20 +211,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-start-radius: 8px;
   border-end-end-radius: 8px;
 }
-.awsui_toggle-control-checked_4yi2u_9z51l_214:not(#\9) {
+.awsui_toggle-control-checked_4yi2u_e2miy_214:not(#\9) {
   background: var(--color-background-control-checked-se0x0e, #0073bb);
 }
-.awsui_toggle-control-disabled_4yi2u_9z51l_217:not(#\9) {
+.awsui_toggle-control-disabled_4yi2u_e2miy_217:not(#\9) {
   background: var(--color-background-control-disabled-2ixett, #d5dbdb);
 }
-.awsui_toggle-control-disabled_4yi2u_9z51l_217.awsui_toggle-control-checked_4yi2u_9z51l_214:not(#\9) {
+.awsui_toggle-control-disabled_4yi2u_e2miy_217.awsui_toggle-control-checked_4yi2u_e2miy_214:not(#\9) {
   background: var(--color-background-toggle-checked-disabled-i9a3za, #99cbe4);
 }
-.awsui_toggle-control-readonly_4yi2u_9z51l_223:not(#\9) {
+.awsui_toggle-control-readonly_4yi2u_e2miy_223:not(#\9) {
   background: var(--color-background-control-disabled-2ixett, #d5dbdb);
 }
 
-.awsui_toggle-handle_4yi2u_9z51l_227:not(#\9) {
+.awsui_toggle-handle_4yi2u_e2miy_227:not(#\9) {
   display: block;
   position: absolute;
   border-start-start-radius: 6px;
@@ -240,29 +240,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition: transform var(--motion-duration-fast-okdxjh, 90ms) var(--motion-easing-ease-out-quart-x9fbvw, cubic-bezier(0.165, 0.84, 0.44, 1)), background-color var(--motion-duration-fast-okdxjh, 90ms) var(--motion-easing-ease-out-quart-x9fbvw, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_toggle-handle_4yi2u_9z51l_227:not(#\9) {
+  .awsui_toggle-handle_4yi2u_e2miy_227:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_toggle-handle_4yi2u_9z51l_227:not(#\9), .awsui-mode-entering .awsui_toggle-handle_4yi2u_9z51l_227:not(#\9) {
+.awsui-motion-disabled .awsui_toggle-handle_4yi2u_e2miy_227:not(#\9), .awsui-mode-entering .awsui_toggle-handle_4yi2u_e2miy_227:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_toggle-handle-checked_4yi2u_9z51l_252:not(#\9) {
+.awsui_toggle-handle-checked_4yi2u_e2miy_252:not(#\9) {
   transform: translateX(8px);
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_toggle-handle-checked_4yi2u_9z51l_252:not(#\9):dir(rtl) {
+.awsui_toggle-handle-checked_4yi2u_e2miy_252:not(#\9):dir(rtl) {
   transform: translateX(-8px);
 }
-.awsui_toggle-handle-disabled_4yi2u_9z51l_259:not(#\9) {
+.awsui_toggle-handle-disabled_4yi2u_e2miy_259:not(#\9) {
   background: var(--color-foreground-control-disabled-kj751b, #ffffff);
   box-shadow: none;
 }
-.awsui_toggle-handle-readonly_4yi2u_9z51l_263:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_9z51l_259) {
+.awsui_toggle-handle-readonly_4yi2u_e2miy_263:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_e2miy_259) {
   box-shadow: none;
 }
-.awsui_toggle-handle-readonly_4yi2u_9z51l_263:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_9z51l_259).awsui_toggle-handle-checked_4yi2u_9z51l_252 {
+.awsui_toggle-handle-readonly_4yi2u_e2miy_263:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_e2miy_259).awsui_toggle-handle-checked_4yi2u_e2miy_252 {
   background: var(--color-foreground-control-read-only-cgy3yn, #687078);
 }

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

@@ -2,15 +2,15 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_4yi2u_9z51l_145",
-  "outline": "awsui_outline_4yi2u_9z51l_178",
-  "toggle-control": "awsui_toggle-control_4yi2u_9z51l_201",
-  "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_9z51l_214",
-  "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_9z51l_217",
-  "toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_9z51l_223",
-  "toggle-handle": "awsui_toggle-handle_4yi2u_9z51l_227",
-  "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_9z51l_252",
-  "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_9z51l_259",
-  "toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_9z51l_263"
+  "root": "awsui_root_4yi2u_e2miy_145",
+  "outline": "awsui_outline_4yi2u_e2miy_178",
+  "toggle-control": "awsui_toggle-control_4yi2u_e2miy_201",
+  "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_e2miy_214",
+  "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_e2miy_217",
+  "toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_e2miy_223",
+  "toggle-handle": "awsui_toggle-handle_4yi2u_e2miy_227",
+  "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_e2miy_252",
+  "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_e2miy_259",
+  "toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_e2miy_263"
 };
   

package/lib/internal/template/toggle-button/internal.d.ts

@@ -2,5 +2,6 @@ import React from 'react';
 import { ToggleButtonProps } from './interfaces';
 export declare const InternalToggleButton: React.ForwardRefExoticComponent<ToggleButtonProps & {
     __title?: string | undefined;
+    analyticsAction?: string | undefined;
 } & React.RefAttributes<ToggleButtonProps.Ref>>;
 //# sourceMappingURL=internal.d.ts.map

package/lib/internal/template/toggle-button/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/toggle-button/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAKjD,eAAO,MAAM,oBAAoB;;+CAoDhC,CAAC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/toggle-button/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAKjD,eAAO,MAAM,oBAAoB;;;+CAsDhC,CAAC"}

package/lib/internal/template/toggle-button/internal.js

@@ -10,7 +10,7 @@ import { isDevelopment } from '../internal/is-development';
 import { getToggleIcon } from './util';
 import styles from './styles.css.js';
 export const InternalToggleButton = React.forwardRef((_a, ref) => {
-    var { pressed, iconName: defaultIconName, pressedIconName, iconSvg: defaultIconSvg, pressedIconSvg, iconUrl: defaultIconUrl, pressedIconUrl, variant, nativeButtonAttributes, onChange, className } = _a, rest = __rest(_a, ["pressed", "iconName", "pressedIconName", "iconSvg", "pressedIconSvg", "iconUrl", "pressedIconUrl", "variant", "nativeButtonAttributes", "onChange", "className"]);
+    var { pressed, iconName: defaultIconName, pressedIconName, iconSvg: defaultIconSvg, pressedIconSvg, iconUrl: defaultIconUrl, pressedIconUrl, variant, nativeButtonAttributes, onChange, className, analyticsAction = 'click' } = _a, rest = __rest(_a, ["pressed", "iconName", "pressedIconName", "iconSvg", "pressedIconSvg", "iconUrl", "pressedIconUrl", "variant", "nativeButtonAttributes", "onChange", "className", "analyticsAction"]);
     if (isDevelopment) {
         if (defaultIconName && !pressedIconName) {
             warnOnce('ToggleButton', '`pressedIconName` must be provided for `pressed` state.');
@@ -25,6 +25,6 @@ export const InternalToggleButton = React.forwardRef((_a, ref) => {
     return (React.createElement(InternalButton, Object.assign({ className: clsx(className, styles[`variant-${variant}`], { [styles.pressed]: pressed }), variant: variant, formAction: "none", iconName: getToggleIcon(pressed, defaultIconName, pressedIconName), iconUrl: getToggleIcon(pressed, defaultIconUrl, pressedIconUrl), iconSvg: getToggleIcon(pressed, defaultIconSvg, pressedIconSvg), "aria-pressed": pressed, onClick: event => {
             event.preventDefault();
             fireNonCancelableEvent(onChange, { pressed: !pressed });
-        } }, rest, { ref: ref, nativeButtonAttributes: nativeButtonAttributes })));
+        } }, rest, { ref: ref, nativeButtonAttributes: nativeButtonAttributes, analyticsAction: analyticsAction })));
 });
 //# sourceMappingURL=internal.js.map

package/lib/internal/template/toggle-button/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/toggle-button/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AAEzE,OAAO,cAAc,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE3D,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAEvC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAC,UAAU,CAClD,CACE,EAa2C,EAC3C,GAAqC,EACrC,EAAE;QAfF,EACE,OAAO,EACP,QAAQ,EAAE,eAAe,EACzB,eAAe,EACf,OAAO,EAAE,cAAc,EACvB,cAAc,EACd,OAAO,EAAE,cAAc,EACvB,cAAc,EACd,OAAO,EACP,sBAAsB,EACtB,QAAQ,EACR,SAAS,OAEgC,EADtC,IAAI,cAZT,kKAaC,CADQ;IAIT,IAAI,aAAa,EAAE;QACjB,IAAI,eAAe,IAAI,CAAC,eAAe,EAAE;YACvC,QAAQ,CAAC,cAAc,EAAE,yDAAyD,CAAC,CAAC;SACrF;QAED,IAAI,cAAc,IAAI,CAAC,cAAc,EAAE;YACrC,QAAQ,CAAC,cAAc,EAAE,wDAAwD,CAAC,CAAC;SACpF;QAED,IAAI,cAAc,IAAI,CAAC,cAAc,EAAE;YACrC,QAAQ,CAAC,cAAc,EAAE,wDAAwD,CAAC,CAAC;SACpF;KACF;IAED,OAAO,CACL,oBAAC,cAAc,kBACb,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,WAAW,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC,EACvF,OAAO,EAAE,OAAO,EAChB,UAAU,EAAC,MAAM,EACjB,QAAQ,EAAE,aAAa,CAAC,OAAO,EAAE,eAAe,EAAE,eAAe,CAAC,EAClE,OAAO,EAAE,aAAa,CAAC,OAAO,EAAE,cAAc,EAAE,cAAc,CAAC,EAC/D,OAAO,EAAE,aAAa,CAAC,OAAO,EAAE,cAAc,EAAE,cAAc,CAAC,kBACjD,OAAO,EACrB,OAAO,EAAE,KAAK,CAAC,EAAE;YACf,KAAK,CAAC,cAAc,EAAE,CAAC;YAEvB,sBAAsB,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC;QAC1D,CAAC,IACG,IAAI,IACR,GAAG,EAAE,GAAG,EACR,sBAAsB,EAAE,sBAAsB,IAC9C,CACH,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport InternalButton from '../button/internal';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { isDevelopment } from '../internal/is-development';\nimport { ToggleButtonProps } from './interfaces';\nimport { getToggleIcon } from './util';\n\nimport styles from './styles.css.js';\n\nexport const InternalToggleButton = React.forwardRef(\n  (\n    {\n      pressed,\n      iconName: defaultIconName,\n      pressedIconName,\n      iconSvg: defaultIconSvg,\n      pressedIconSvg,\n      iconUrl: defaultIconUrl,\n      pressedIconUrl,\n      variant,\n      nativeButtonAttributes,\n      onChange,\n      className,\n      ...rest\n    }: ToggleButtonProps & { __title?: string },\n    ref: React.Ref<ToggleButtonProps.Ref>\n  ) => {\n    if (isDevelopment) {\n      if (defaultIconName && !pressedIconName) {\n        warnOnce('ToggleButton', '`pressedIconName` must be provided for `pressed` state.');\n      }\n\n      if (defaultIconSvg && !pressedIconSvg) {\n        warnOnce('ToggleButton', '`pressedIconSvg` must be provided for `pressed` state.');\n      }\n\n      if (defaultIconUrl && !pressedIconUrl) {\n        warnOnce('ToggleButton', '`pressedIconUrl` must be provided for `pressed` state.');\n      }\n    }\n\n    return (\n      <InternalButton\n        className={clsx(className, styles[`variant-${variant}`], { [styles.pressed]: pressed })}\n        variant={variant}\n        formAction=\"none\"\n        iconName={getToggleIcon(pressed, defaultIconName, pressedIconName)}\n        iconUrl={getToggleIcon(pressed, defaultIconUrl, pressedIconUrl)}\n        iconSvg={getToggleIcon(pressed, defaultIconSvg, pressedIconSvg)}\n        aria-pressed={pressed}\n        onClick={event => {\n          event.preventDefault();\n\n          fireNonCancelableEvent(onChange, { pressed: !pressed });\n        }}\n        {...rest}\n        ref={ref}\n        nativeButtonAttributes={nativeButtonAttributes}\n      />\n    );\n  }\n);\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/toggle-button/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AAEzE,OAAO,cAAc,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE3D,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAEvC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAC,UAAU,CAClD,CACE,EAcqE,EACrE,GAAqC,EACrC,EAAE;QAhBF,EACE,OAAO,EACP,QAAQ,EAAE,eAAe,EACzB,eAAe,EACf,OAAO,EAAE,cAAc,EACvB,cAAc,EACd,OAAO,EAAE,cAAc,EACvB,cAAc,EACd,OAAO,EACP,sBAAsB,EACtB,QAAQ,EACR,SAAS,EACT,eAAe,GAAG,OAAO,OAE0C,EADhE,IAAI,cAbT,qLAcC,CADQ;IAIT,IAAI,aAAa,EAAE;QACjB,IAAI,eAAe,IAAI,CAAC,eAAe,EAAE;YACvC,QAAQ,CAAC,cAAc,EAAE,yDAAyD,CAAC,CAAC;SACrF;QAED,IAAI,cAAc,IAAI,CAAC,cAAc,EAAE;YACrC,QAAQ,CAAC,cAAc,EAAE,wDAAwD,CAAC,CAAC;SACpF;QAED,IAAI,cAAc,IAAI,CAAC,cAAc,EAAE;YACrC,QAAQ,CAAC,cAAc,EAAE,wDAAwD,CAAC,CAAC;SACpF;KACF;IAED,OAAO,CACL,oBAAC,cAAc,kBACb,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,WAAW,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC,EACvF,OAAO,EAAE,OAAO,EAChB,UAAU,EAAC,MAAM,EACjB,QAAQ,EAAE,aAAa,CAAC,OAAO,EAAE,eAAe,EAAE,eAAe,CAAC,EAClE,OAAO,EAAE,aAAa,CAAC,OAAO,EAAE,cAAc,EAAE,cAAc,CAAC,EAC/D,OAAO,EAAE,aAAa,CAAC,OAAO,EAAE,cAAc,EAAE,cAAc,CAAC,kBACjD,OAAO,EACrB,OAAO,EAAE,KAAK,CAAC,EAAE;YACf,KAAK,CAAC,cAAc,EAAE,CAAC;YAEvB,sBAAsB,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC;QAC1D,CAAC,IACG,IAAI,IACR,GAAG,EAAE,GAAG,EACR,sBAAsB,EAAE,sBAAsB,EAC9C,eAAe,EAAE,eAAe,IAChC,CACH,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport InternalButton from '../button/internal';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { isDevelopment } from '../internal/is-development';\nimport { ToggleButtonProps } from './interfaces';\nimport { getToggleIcon } from './util';\n\nimport styles from './styles.css.js';\n\nexport const InternalToggleButton = React.forwardRef(\n  (\n    {\n      pressed,\n      iconName: defaultIconName,\n      pressedIconName,\n      iconSvg: defaultIconSvg,\n      pressedIconSvg,\n      iconUrl: defaultIconUrl,\n      pressedIconUrl,\n      variant,\n      nativeButtonAttributes,\n      onChange,\n      className,\n      analyticsAction = 'click',\n      ...rest\n    }: ToggleButtonProps & { __title?: string; analyticsAction?: string },\n    ref: React.Ref<ToggleButtonProps.Ref>\n  ) => {\n    if (isDevelopment) {\n      if (defaultIconName && !pressedIconName) {\n        warnOnce('ToggleButton', '`pressedIconName` must be provided for `pressed` state.');\n      }\n\n      if (defaultIconSvg && !pressedIconSvg) {\n        warnOnce('ToggleButton', '`pressedIconSvg` must be provided for `pressed` state.');\n      }\n\n      if (defaultIconUrl && !pressedIconUrl) {\n        warnOnce('ToggleButton', '`pressedIconUrl` must be provided for `pressed` state.');\n      }\n    }\n\n    return (\n      <InternalButton\n        className={clsx(className, styles[`variant-${variant}`], { [styles.pressed]: pressed })}\n        variant={variant}\n        formAction=\"none\"\n        iconName={getToggleIcon(pressed, defaultIconName, pressedIconName)}\n        iconUrl={getToggleIcon(pressed, defaultIconUrl, pressedIconUrl)}\n        iconSvg={getToggleIcon(pressed, defaultIconSvg, pressedIconSvg)}\n        aria-pressed={pressed}\n        onClick={event => {\n          event.preventDefault();\n\n          fireNonCancelableEvent(onChange, { pressed: !pressed });\n        }}\n        {...rest}\n        ref={ref}\n        nativeButtonAttributes={nativeButtonAttributes}\n        analyticsAction={analyticsAction}\n      />\n    );\n  }\n);\n"]}

package/lib/internal/template/wizard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/wizard/index.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAG3C,iBAAS,MAAM,CAAC,EAAE,iBAAyB,EAAE,WAAmB,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,eA+CxF;AAID,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/wizard/index.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAK3C,iBAAS,MAAM,CAAC,EAAE,iBAAyB,EAAE,WAAmB,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,eAgDxF;AAID,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,eAAe,MAAM,CAAC"}

package/lib/internal/template/wizard/index.js

@@ -11,6 +11,7 @@ import { applyDisplayName } from '../internal/utils/apply-display-name';
 import { getExternalProps } from '../internal/utils/external-props';
 import { getStepConfiguration } from './analytics';
 import InternalWizard from './internal';
+import styles from './styles.css.js';
 function Wizard(_a) {
     var { isLoadingNextStep = false, allowSkipTo = false } = _a, props = __rest(_a, ["isLoadingNextStep", "allowSkipTo"]);
     const analyticsMetadata = getAnalyticsMetadataProps(props);
@@ -33,7 +34,7 @@ function Wizard(_a) {
     }, [wizardCount]);
     return (React.createElement(AnalyticsFunnel, { funnelIdentifier: analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.instanceIdentifier, funnelFlowType: analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.flowType, funnelErrorContext: analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.errorContext, funnelResourceType: analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.resourceType, funnelType: "multi-page", optionalStepNumbers: props.steps
             .map((step, index) => (step.isOptional ? index + 1 : -1))
-            .filter(step => step !== -1), totalFunnelSteps: props.steps.length, stepConfiguration: getStepConfiguration(props.steps) },
+            .filter(step => step !== -1), totalFunnelSteps: props.steps.length, stepConfiguration: getStepConfiguration(props.steps), componentSelectors: () => [`.${styles.root}`] },
         React.createElement(InternalWizard, Object.assign({ isLoadingNextStep: isLoadingNextStep, allowSkipTo: allowSkipTo }, externalProps, baseComponentProps, { __injectAnalyticsComponentMetadata: true }))));
 }
 applyDisplayName(Wizard, 'Wizard');

package/lib/internal/template/wizard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/wizard/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;;AACb,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,eAAe,EAAE,MAAM,mDAAmD,CAAC;AACpF,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAkC,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AACvG,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAEnD,OAAO,cAAc,MAAM,YAAY,CAAC;AAExC,SAAS,MAAM,CAAC,EAAyE;QAAzE,EAAE,iBAAiB,GAAG,KAAK,EAAE,WAAW,GAAG,KAAK,OAAyB,EAApB,KAAK,cAA1D,oCAA4D,CAAF;IACxE,MAAM,iBAAiB,GAAG,yBAAyB,CAAC,KAAuC,CAAC,CAAC;IAC7F,MAAM,kBAAkB,GAAG,gBAAgB,CACzC,QAAQ,EACR;QACE,KAAK,EAAE;YACL,WAAW;YACX,QAAQ,EAAE,iBAAiB,CAAC,QAAQ;SACrC;QACD,QAAQ,EAAE;YACR,qBAAqB,EAAE,OAAO,CAAC,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,kBAAkB,CAAC;YACrE,eAAe,EAAE,OAAO,CAAC,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,YAAY,CAAC;SAC1D;KACF,EACD,iBAAiB,CAClB,CAAC;IACF,MAAM,EAAE,WAAW,EAAE,GAAG,SAAS,EAAE,CAAC;IACpC,MAAM,aAAa,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAE9C,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,OAAO,EAAE,CAAC;QACtB,uDAAuD;QACvD,OAAO,GAAG,EAAE,CAAC,KAAK,WAAW,CAAC,OAAO,EAAE,CAAC;IAC1C,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,CACL,oBAAC,eAAe,IACd,gBAAgB,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,kBAAkB,EACvD,cAAc,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,QAAQ,EAC3C,kBAAkB,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,YAAY,EACnD,kBAAkB,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,YAAY,EACnD,UAAU,EAAC,YAAY,EACvB,mBAAmB,EAAE,KAAK,CAAC,KAAK;aAC7B,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;aACxD,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,EAC9B,gBAAgB,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,EACpC,iBAAiB,EAAE,oBAAoB,CAAC,KAAK,CAAC,KAAK,CAAC;QAEpD,oBAAC,cAAc,kBACb,iBAAiB,EAAE,iBAAiB,EACpC,WAAW,EAAE,WAAW,IACpB,aAAa,EACb,kBAAkB,IACtB,kCAAkC,EAAE,IAAI,IACxC,CACc,CACnB,CAAC;AACJ,CAAC;AAED,gBAAgB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;AAGnC,eAAe,MAAM,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React, { useEffect } from 'react';\n\nimport { AnalyticsFunnel } from '../internal/analytics/components/analytics-funnel';\nimport { useFunnel } from '../internal/analytics/hooks/use-funnel';\nimport { BasePropsWithAnalyticsMetadata, getAnalyticsMetadataProps } from '../internal/base-component';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { getExternalProps } from '../internal/utils/external-props';\nimport { getStepConfiguration } from './analytics';\nimport { WizardProps } from './interfaces';\nimport InternalWizard from './internal';\n\nfunction Wizard({ isLoadingNextStep = false, allowSkipTo = false, ...props }: WizardProps) {\n  const analyticsMetadata = getAnalyticsMetadataProps(props as BasePropsWithAnalyticsMetadata);\n  const baseComponentProps = useBaseComponent(\n    'Wizard',\n    {\n      props: {\n        allowSkipTo,\n        flowType: analyticsMetadata.flowType,\n      },\n      metadata: {\n        hasInstanceIdentifier: Boolean(analyticsMetadata?.instanceIdentifier),\n        hasResourceType: Boolean(analyticsMetadata?.resourceType),\n      },\n    },\n    analyticsMetadata\n  );\n  const { wizardCount } = useFunnel();\n  const externalProps = getExternalProps(props);\n\n  useEffect(() => {\n    wizardCount.current++;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    return () => void wizardCount.current--;\n  }, [wizardCount]);\n\n  return (\n    <AnalyticsFunnel\n      funnelIdentifier={analyticsMetadata?.instanceIdentifier}\n      funnelFlowType={analyticsMetadata?.flowType}\n      funnelErrorContext={analyticsMetadata?.errorContext}\n      funnelResourceType={analyticsMetadata?.resourceType}\n      funnelType=\"multi-page\"\n      optionalStepNumbers={props.steps\n        .map((step, index) => (step.isOptional ? index + 1 : -1))\n        .filter(step => step !== -1)}\n      totalFunnelSteps={props.steps.length}\n      stepConfiguration={getStepConfiguration(props.steps)}\n    >\n      <InternalWizard\n        isLoadingNextStep={isLoadingNextStep}\n        allowSkipTo={allowSkipTo}\n        {...externalProps}\n        {...baseComponentProps}\n        __injectAnalyticsComponentMetadata={true}\n      />\n    </AnalyticsFunnel>\n  );\n}\n\napplyDisplayName(Wizard, 'Wizard');\n\nexport { WizardProps };\nexport default Wizard;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/wizard/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, { useEffect } from 'react';\n\nimport { AnalyticsFunnel } from '../internal/analytics/components/analytics-funnel';\nimport { useFunnel } from '../internal/analytics/hooks/use-funnel';\nimport { BasePropsWithAnalyticsMetadata, getAnalyticsMetadataProps } from '../internal/base-component';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { getExternalProps } from '../internal/utils/external-props';\nimport { getStepConfiguration } from './analytics';\nimport { WizardProps } from './interfaces';\nimport InternalWizard from './internal';\n\nimport styles from './styles.css.js';\n\nfunction Wizard({ isLoadingNextStep = false, allowSkipTo = false, ...props }: WizardProps) {\n  const analyticsMetadata = getAnalyticsMetadataProps(props as BasePropsWithAnalyticsMetadata);\n  const baseComponentProps = useBaseComponent(\n    'Wizard',\n    {\n      props: {\n        allowSkipTo,\n        flowType: analyticsMetadata.flowType,\n      },\n      metadata: {\n        hasInstanceIdentifier: Boolean(analyticsMetadata?.instanceIdentifier),\n        hasResourceType: Boolean(analyticsMetadata?.resourceType),\n      },\n    },\n    analyticsMetadata\n  );\n  const { wizardCount } = useFunnel();\n  const externalProps = getExternalProps(props);\n\n  useEffect(() => {\n    wizardCount.current++;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    return () => void wizardCount.current--;\n  }, [wizardCount]);\n\n  return (\n    <AnalyticsFunnel\n      funnelIdentifier={analyticsMetadata?.instanceIdentifier}\n      funnelFlowType={analyticsMetadata?.flowType}\n      funnelErrorContext={analyticsMetadata?.errorContext}\n      funnelResourceType={analyticsMetadata?.resourceType}\n      funnelType=\"multi-page\"\n      optionalStepNumbers={props.steps\n        .map((step, index) => (step.isOptional ? index + 1 : -1))\n        .filter(step => step !== -1)}\n      totalFunnelSteps={props.steps.length}\n      stepConfiguration={getStepConfiguration(props.steps)}\n      componentSelectors={() => [`.${styles.root}`]}\n    >\n      <InternalWizard\n        isLoadingNextStep={isLoadingNextStep}\n        allowSkipTo={allowSkipTo}\n        {...externalProps}\n        {...baseComponentProps}\n        __injectAnalyticsComponentMetadata={true}\n      />\n    </AnalyticsFunnel>\n  );\n}\n\napplyDisplayName(Wizard, 'Wizard');\n\nexport { WizardProps };\nexport default Wizard;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudscape-design/components-themeable",
-  "version": "3.0.1127",
+  "version": "3.0.1129",
   "files": [
     "lib"
   ],