@cloudscape-design/components-themeable 3.0.327 → 3.0.329

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

@@ -1,36 +1,36 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1xupv_cjxm9_94",
-  "wizard": "awsui_wizard_1xupv_cjxm9_107",
-  "refresh": "awsui_refresh_1xupv_cjxm9_107",
-  "small-container": "awsui_small-container_1xupv_cjxm9_114",
-  "navigation": "awsui_navigation_1xupv_cjxm9_123",
-  "number": "awsui_number_1xupv_cjxm9_185",
-  "circle": "awsui_circle_1xupv_cjxm9_201",
-  "title": "awsui_title_1xupv_cjxm9_209",
-  "active": "awsui_active_1xupv_cjxm9_238",
-  "disabled": "awsui_disabled_1xupv_cjxm9_249",
-  "enabled": "awsui_enabled_1xupv_cjxm9_259",
-  "form": "awsui_form_1xupv_cjxm9_301",
-  "form-header": "awsui_form-header_1xupv_cjxm9_307",
-  "background": "awsui_background_1xupv_cjxm9_318",
-  "form-header-content": "awsui_form-header-content_1xupv_cjxm9_330",
-  "form-component": "awsui_form-component_1xupv_cjxm9_334",
-  "hidden": "awsui_hidden_1xupv_cjxm9_348",
-  "collapsed-steps": "awsui_collapsed-steps_1xupv_cjxm9_352",
-  "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_cjxm9_357",
-  "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_cjxm9_361",
-  "form-header-component": "awsui_form-header-component_1xupv_cjxm9_361",
-  "navigation-link": "awsui_navigation-link_1xupv_cjxm9_374",
-  "navigation-link-item": "awsui_navigation-link-item_1xupv_cjxm9_375",
-  "navigation-link-label": "awsui_navigation-link-label_1xupv_cjxm9_376",
-  "navigation-link-active": "awsui_navigation-link-active_1xupv_cjxm9_380",
-  "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_cjxm9_385",
-  "cancel-button": "awsui_cancel-button_1xupv_cjxm9_389",
-  "previous-button": "awsui_previous-button_1xupv_cjxm9_390",
-  "primary-button": "awsui_primary-button_1xupv_cjxm9_391",
-  "skip-to-button": "awsui_skip-to-button_1xupv_cjxm9_392",
-  "action-buttons": "awsui_action-buttons_1xupv_cjxm9_396"
+  "root": "awsui_root_1xupv_dy939_94",
+  "wizard": "awsui_wizard_1xupv_dy939_107",
+  "refresh": "awsui_refresh_1xupv_dy939_107",
+  "small-container": "awsui_small-container_1xupv_dy939_114",
+  "navigation": "awsui_navigation_1xupv_dy939_123",
+  "number": "awsui_number_1xupv_dy939_185",
+  "circle": "awsui_circle_1xupv_dy939_201",
+  "title": "awsui_title_1xupv_dy939_209",
+  "active": "awsui_active_1xupv_dy939_238",
+  "disabled": "awsui_disabled_1xupv_dy939_249",
+  "enabled": "awsui_enabled_1xupv_dy939_259",
+  "form": "awsui_form_1xupv_dy939_301",
+  "form-header": "awsui_form-header_1xupv_dy939_307",
+  "background": "awsui_background_1xupv_dy939_318",
+  "form-header-content": "awsui_form-header-content_1xupv_dy939_330",
+  "form-component": "awsui_form-component_1xupv_dy939_334",
+  "hidden": "awsui_hidden_1xupv_dy939_348",
+  "collapsed-steps": "awsui_collapsed-steps_1xupv_dy939_352",
+  "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_dy939_357",
+  "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_dy939_361",
+  "form-header-component": "awsui_form-header-component_1xupv_dy939_361",
+  "navigation-link": "awsui_navigation-link_1xupv_dy939_374",
+  "navigation-link-item": "awsui_navigation-link-item_1xupv_dy939_375",
+  "navigation-link-label": "awsui_navigation-link-label_1xupv_dy939_376",
+  "navigation-link-active": "awsui_navigation-link-active_1xupv_dy939_380",
+  "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_dy939_385",
+  "cancel-button": "awsui_cancel-button_1xupv_dy939_389",
+  "previous-button": "awsui_previous-button_1xupv_dy939_390",
+  "primary-button": "awsui_primary-button_1xupv_dy939_391",
+  "skip-to-button": "awsui_skip-to-button_1xupv_dy939_392",
+  "action-buttons": "awsui_action-buttons_1xupv_dy939_396"
 };
   

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

@@ -91,7 +91,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  SPDX-License-Identifier: Apache-2.0
 */
 /* stylelint-disable selector-max-universal, selector-max-type */
-.awsui_root_1xupv_cjxm9_94:not(#\9) {
+.awsui_root_1xupv_dy939_94:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -130,28 +130,28 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_wizard_1xupv_cjxm9_107.awsui_refresh_1xupv_cjxm9_107:not(#\9) {
+.awsui_wizard_1xupv_dy939_107.awsui_refresh_1xupv_dy939_107:not(#\9) {
   column-gap: var(--space-xl-uesynn, 24px);
   display: grid;
   grid-template-columns: auto minmax(0, 1fr);
   grid-template-rows: auto 1fr;
   row-gap: var(--space-scaled-xl-2yypb9, 24px);
 }
-.awsui_wizard_1xupv_cjxm9_107.awsui_refresh_1xupv_cjxm9_107.awsui_small-container_1xupv_cjxm9_114:not(#\9) {
+.awsui_wizard_1xupv_dy939_107.awsui_refresh_1xupv_dy939_107.awsui_small-container_1xupv_dy939_114:not(#\9) {
   grid-template-columns: minmax(0, 1fr) 0;
   row-gap: var(--space-scaled-l-w7rqqb, 20px);
 }
 
-.awsui_wizard_1xupv_cjxm9_107:not(#\9):not(.awsui_refresh_1xupv_cjxm9_107) {
+.awsui_wizard_1xupv_dy939_107:not(#\9):not(.awsui_refresh_1xupv_dy939_107) {
   display: flex;
 }
 
-.awsui_navigation_1xupv_cjxm9_123.awsui_refresh_1xupv_cjxm9_107:not(#\9) {
+.awsui_navigation_1xupv_dy939_123.awsui_refresh_1xupv_dy939_107:not(#\9) {
   grid-column: 1;
   grid-row: 1/span 2;
-  padding-top: var(--awsui-container-first-gap-8nglyc, 0px);
+  padding-top: var(--awsui-container-first-gap-zw2xxa, 0px);
 }
-.awsui_navigation_1xupv_cjxm9_123.awsui_refresh_1xupv_cjxm9_107 > ul:not(#\9) {
+.awsui_navigation_1xupv_dy939_123.awsui_refresh_1xupv_dy939_107 > ul:not(#\9) {
   background: var(--color-background-container-content-xlzim4, #ffffff);
   position: relative;
   border-radius: var(--border-radius-container-53367b, 0px);
@@ -161,7 +161,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   width: 280px;
   box-sizing: border-box;
 }
-.awsui_navigation_1xupv_cjxm9_123.awsui_refresh_1xupv_cjxm9_107 > ul:not(#\9)::before {
+.awsui_navigation_1xupv_dy939_123.awsui_refresh_1xupv_dy939_107 > ul:not(#\9)::before {
   content: "";
   position: absolute;
   left: 0px;
@@ -176,7 +176,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-container-53367b, 0px);
   z-index: 1;
 }
-.awsui_navigation_1xupv_cjxm9_123.awsui_refresh_1xupv_cjxm9_107 > ul:not(#\9)::after {
+.awsui_navigation_1xupv_dy939_123.awsui_refresh_1xupv_dy939_107 > ul:not(#\9)::after {
   content: "";
   position: absolute;
   left: 0px;
@@ -191,30 +191,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   mix-blend-mode: multiply;
 }
 @media screen and (-ms-high-contrast: active) {
-  .awsui_navigation_1xupv_cjxm9_123.awsui_refresh_1xupv_cjxm9_107 > ul:not(#\9) {
+  .awsui_navigation_1xupv_dy939_123.awsui_refresh_1xupv_dy939_107 > ul:not(#\9) {
     border: var(--border-field-width-gmdyxy, 1px) solid var(--color-border-container-top-1t94bd, #eaeded);
   }
 }
-.awsui_navigation_1xupv_cjxm9_123.awsui_refresh_1xupv_cjxm9_107 > ul > li:not(#\9) {
+.awsui_navigation_1xupv_dy939_123.awsui_refresh_1xupv_dy939_107 > ul > li:not(#\9) {
   display: grid;
   column-gap: var(--space-s-o95p2n, 12px);
   grid-template-columns: var(--space-l-z6h7qi, 20px) 1fr;
   grid-template-rows: repeat(2, auto);
 }
-.awsui_navigation_1xupv_cjxm9_123.awsui_refresh_1xupv_cjxm9_107 > ul > li > hr:not(#\9) {
+.awsui_navigation_1xupv_dy939_123.awsui_refresh_1xupv_dy939_107 > ul > li > hr:not(#\9) {
   background-color: var(--color-border-divider-default-uqjcpn, #eaeded);
   border: 0;
   grid-column: 1;
   height: 100%;
   width: var(--space-xxxs-du4mq0, 2px);
 }
-.awsui_navigation_1xupv_cjxm9_123.awsui_refresh_1xupv_cjxm9_107 > ul > li > .awsui_number_1xupv_cjxm9_185:not(#\9) {
+.awsui_navigation_1xupv_dy939_123.awsui_refresh_1xupv_dy939_107 > ul > li > .awsui_number_1xupv_dy939_185:not(#\9) {
   color: var(--color-text-small-wl1hyo, #687078);
   font-size: var(--font-body-s-size-v1w8ey, 12px);
   grid-column: 2;
   grid-row: 1;
 }
-.awsui_navigation_1xupv_cjxm9_123.awsui_refresh_1xupv_cjxm9_107 > ul > li > a:not(#\9) {
+.awsui_navigation_1xupv_dy939_123.awsui_refresh_1xupv_dy939_107 > ul > li > a:not(#\9) {
   align-items: start;
   column-gap: var(--space-s-o95p2n, 12px);
   cursor: pointer;
@@ -224,7 +224,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   grid-row: 2;
   grid-template-columns: var(--space-l-z6h7qi, 20px) 1fr;
 }
-.awsui_navigation_1xupv_cjxm9_123.awsui_refresh_1xupv_cjxm9_107 > ul > li > a > .awsui_circle_1xupv_cjxm9_201:not(#\9) {
+.awsui_navigation_1xupv_dy939_123.awsui_refresh_1xupv_dy939_107 > ul > li > a > .awsui_circle_1xupv_dy939_201:not(#\9) {
   border-radius: 100%;
   grid-column: 1;
   height: 10px;
@@ -232,13 +232,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-top: 6px;
   width: 10px;
 }
-.awsui_navigation_1xupv_cjxm9_123.awsui_refresh_1xupv_cjxm9_107 > ul > li > a > .awsui_title_1xupv_cjxm9_209:not(#\9) {
+.awsui_navigation_1xupv_dy939_123.awsui_refresh_1xupv_dy939_107 > ul > li > a > .awsui_title_1xupv_dy939_209:not(#\9) {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
   grid-column: 2;
 }
-body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_cjxm9_123.awsui_refresh_1xupv_cjxm9_107 > ul > li > a:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_dy939_123.awsui_refresh_1xupv_dy939_107 > ul > li > a:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-e033ba, 5px auto Highlight);
   outline-offset: 2px;
@@ -246,58 +246,58 @@ body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_cjxm9_123.awsui_refr
   border-radius: var(--border-radius-control-default-focus-ring-uu8qi4, 2px);
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-3gfzjd, 0px) var(--color-border-item-focused-4clyb1, #0073bb);
 }
-.awsui_navigation_1xupv_cjxm9_123.awsui_refresh_1xupv_cjxm9_107 > ul > li:not(#\9):first-child > hr {
+.awsui_navigation_1xupv_dy939_123.awsui_refresh_1xupv_dy939_107 > ul > li:not(#\9):first-child > hr {
   grid-row: 2/span 2;
 }
-.awsui_navigation_1xupv_cjxm9_123.awsui_refresh_1xupv_cjxm9_107 > ul > li:not(#\9):not(:first-child) > .awsui_number_1xupv_cjxm9_185 {
+.awsui_navigation_1xupv_dy939_123.awsui_refresh_1xupv_dy939_107 > ul > li:not(#\9):not(:first-child) > .awsui_number_1xupv_dy939_185 {
   margin-top: var(--space-scaled-xl-2yypb9, 24px);
 }
-.awsui_navigation_1xupv_cjxm9_123.awsui_refresh_1xupv_cjxm9_107 > ul > li:not(#\9):last-child > hr {
+.awsui_navigation_1xupv_dy939_123.awsui_refresh_1xupv_dy939_107 > ul > li:not(#\9):last-child > hr {
   grid-row: 1;
 }
-.awsui_navigation_1xupv_cjxm9_123.awsui_refresh_1xupv_cjxm9_107 > ul > li:not(#\9):only-of-type > hr {
+.awsui_navigation_1xupv_dy939_123.awsui_refresh_1xupv_dy939_107 > ul > li:not(#\9):only-of-type > hr {
   display: none;
 }
-.awsui_navigation_1xupv_cjxm9_123.awsui_refresh_1xupv_cjxm9_107 > ul > li:not(#\9):not(:first-child):not(:last-child) > hr {
+.awsui_navigation_1xupv_dy939_123.awsui_refresh_1xupv_dy939_107 > ul > li:not(#\9):not(:first-child):not(:last-child) > hr {
   grid-row: 1/span 3;
 }
-.awsui_navigation_1xupv_cjxm9_123.awsui_refresh_1xupv_cjxm9_107 > ul > li.awsui_active_1xupv_cjxm9_238 > a:not(#\9) {
+.awsui_navigation_1xupv_dy939_123.awsui_refresh_1xupv_dy939_107 > ul > li.awsui_active_1xupv_dy939_238 > a:not(#\9) {
   cursor: text;
 }
-.awsui_navigation_1xupv_cjxm9_123.awsui_refresh_1xupv_cjxm9_107 > ul > li.awsui_active_1xupv_cjxm9_238 > a > .awsui_circle_1xupv_cjxm9_201:not(#\9) {
+.awsui_navigation_1xupv_dy939_123.awsui_refresh_1xupv_dy939_107 > ul > li.awsui_active_1xupv_dy939_238 > a > .awsui_circle_1xupv_dy939_201:not(#\9) {
   background-color: var(--color-background-control-checked-uprbe0, #0073bb);
   box-shadow: 0 0 0 3px var(--color-background-container-content-xlzim4, #ffffff), 0 0 0 5px var(--color-background-control-checked-uprbe0, #0073bb), 0 0 0 7px var(--color-background-container-content-xlzim4, #ffffff);
 }
-.awsui_navigation_1xupv_cjxm9_123.awsui_refresh_1xupv_cjxm9_107 > ul > li.awsui_active_1xupv_cjxm9_238 > a > .awsui_title_1xupv_cjxm9_209:not(#\9) {
+.awsui_navigation_1xupv_dy939_123.awsui_refresh_1xupv_dy939_107 > ul > li.awsui_active_1xupv_dy939_238 > a > .awsui_title_1xupv_dy939_209:not(#\9) {
   color: var(--color-background-control-checked-uprbe0, #0073bb);
   font-weight: 700;
 }
-.awsui_navigation_1xupv_cjxm9_123.awsui_refresh_1xupv_cjxm9_107 > ul > li.awsui_disabled_1xupv_cjxm9_249 > a:not(#\9) {
+.awsui_navigation_1xupv_dy939_123.awsui_refresh_1xupv_dy939_107 > ul > li.awsui_disabled_1xupv_dy939_249 > a:not(#\9) {
   cursor: text;
 }
-.awsui_navigation_1xupv_cjxm9_123.awsui_refresh_1xupv_cjxm9_107 > ul > li.awsui_disabled_1xupv_cjxm9_249 > a > .awsui_circle_1xupv_cjxm9_201:not(#\9) {
+.awsui_navigation_1xupv_dy939_123.awsui_refresh_1xupv_dy939_107 > ul > li.awsui_disabled_1xupv_dy939_249 > a > .awsui_circle_1xupv_dy939_201:not(#\9) {
   background-color: var(--color-background-container-content-xlzim4, #ffffff);
   box-shadow: 0 0 0 2px var(--color-text-interactive-disabled-48m1sz, #aab7b8), 0 0 0 4px var(--color-background-container-content-xlzim4, #ffffff);
 }
-.awsui_navigation_1xupv_cjxm9_123.awsui_refresh_1xupv_cjxm9_107 > ul > li.awsui_disabled_1xupv_cjxm9_249 > a > .awsui_title_1xupv_cjxm9_209:not(#\9) {
+.awsui_navigation_1xupv_dy939_123.awsui_refresh_1xupv_dy939_107 > ul > li.awsui_disabled_1xupv_dy939_249 > a > .awsui_title_1xupv_dy939_209:not(#\9) {
   color: var(--color-text-status-inactive-npnnh8, #687078);
 }
-.awsui_navigation_1xupv_cjxm9_123.awsui_refresh_1xupv_cjxm9_107 > ul > li.awsui_enabled_1xupv_cjxm9_259 > a > .awsui_circle_1xupv_cjxm9_201:not(#\9) {
+.awsui_navigation_1xupv_dy939_123.awsui_refresh_1xupv_dy939_107 > ul > li.awsui_enabled_1xupv_dy939_259 > a > .awsui_circle_1xupv_dy939_201:not(#\9) {
   background-color: var(--color-text-interactive-default-9x433a, #545b64);
   box-shadow: 0 0 0 2px var(--color-text-interactive-default-9x433a, #545b64), 0 0 0 4px var(--color-background-container-content-xlzim4, #ffffff);
 }
-.awsui_navigation_1xupv_cjxm9_123.awsui_refresh_1xupv_cjxm9_107 > ul > li.awsui_enabled_1xupv_cjxm9_259 > a > .awsui_title_1xupv_cjxm9_209:not(#\9) {
+.awsui_navigation_1xupv_dy939_123.awsui_refresh_1xupv_dy939_107 > ul > li.awsui_enabled_1xupv_dy939_259 > a > .awsui_title_1xupv_dy939_209:not(#\9) {
   color: var(--color-text-interactive-default-9x433a, #545b64);
 }
-.awsui_navigation_1xupv_cjxm9_123.awsui_refresh_1xupv_cjxm9_107 > ul > li.awsui_enabled_1xupv_cjxm9_259 > a:not(#\9):hover > .awsui_circle_1xupv_cjxm9_201 {
+.awsui_navigation_1xupv_dy939_123.awsui_refresh_1xupv_dy939_107 > ul > li.awsui_enabled_1xupv_dy939_259 > a:not(#\9):hover > .awsui_circle_1xupv_dy939_201 {
   background-color: var(--color-background-control-checked-uprbe0, #0073bb);
   box-shadow: 0 0 0 2px var(--color-background-control-checked-uprbe0, #0073bb), 0 0 0 4px var(--color-background-container-content-xlzim4, #ffffff);
 }
-.awsui_navigation_1xupv_cjxm9_123.awsui_refresh_1xupv_cjxm9_107 > ul > li.awsui_enabled_1xupv_cjxm9_259 > a:not(#\9):hover > .awsui_title_1xupv_cjxm9_209 {
+.awsui_navigation_1xupv_dy939_123.awsui_refresh_1xupv_dy939_107 > ul > li.awsui_enabled_1xupv_dy939_259 > a:not(#\9):hover > .awsui_title_1xupv_dy939_209 {
   color: var(--color-background-control-checked-uprbe0, #0073bb);
 }
 
-.awsui_navigation_1xupv_cjxm9_123:not(#\9):not(.awsui_refresh_1xupv_cjxm9_107) {
+.awsui_navigation_1xupv_dy939_123:not(#\9):not(.awsui_refresh_1xupv_dy939_107) {
   color: var(--color-text-disabled-uznqkj, #aab7b8);
   display: inline-block;
   margin-right: calc(2 * var(--space-xxxl-ecj2b1, 40px));
@@ -305,89 +305,89 @@ body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_cjxm9_123.awsui_refr
   padding-top: var(--space-xxs-xx079q, 4px);
   width: 200px;
 }
-.awsui_navigation_1xupv_cjxm9_123:not(#\9):not(.awsui_refresh_1xupv_cjxm9_107) > ul {
+.awsui_navigation_1xupv_dy939_123:not(#\9):not(.awsui_refresh_1xupv_dy939_107) > ul {
   list-style: none;
   padding: 0;
   margin: 0;
 }
-.awsui_navigation_1xupv_cjxm9_123:not(#\9):not(.awsui_refresh_1xupv_cjxm9_107) > ul > li {
+.awsui_navigation_1xupv_dy939_123:not(#\9):not(.awsui_refresh_1xupv_dy939_107) > ul > li {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
   padding-bottom: var(--space-scaled-m-5caa5e, 16px);
   padding-top: 0;
 }
-.awsui_navigation_1xupv_cjxm9_123:not(#\9):not(.awsui_refresh_1xupv_cjxm9_107) > ul > li:not(:first-child) {
+.awsui_navigation_1xupv_dy939_123:not(#\9):not(.awsui_refresh_1xupv_dy939_107) > ul > li:not(:first-child) {
   margin-top: var(--space-scaled-m-5caa5e, 16px);
 }
-.awsui_navigation_1xupv_cjxm9_123:not(#\9):not(.awsui_refresh_1xupv_cjxm9_107) > ul > li:not(:last-child) {
+.awsui_navigation_1xupv_dy939_123:not(#\9):not(.awsui_refresh_1xupv_dy939_107) > ul > li:not(:last-child) {
   border-bottom: var(--border-divider-list-width-iu80dg, 1px) solid var(--color-border-layout-rmnayj, #d5dbdb);
 }
 
-.awsui_form_1xupv_cjxm9_301:not(#\9):not(.awsui_refresh_1xupv_cjxm9_107) {
+.awsui_form_1xupv_dy939_301:not(#\9):not(.awsui_refresh_1xupv_dy939_107) {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
   width: 100%;
 }
-.awsui_form_1xupv_cjxm9_301:not(#\9):not(.awsui_refresh_1xupv_cjxm9_107) > .awsui_form-header_1xupv_cjxm9_307 {
+.awsui_form_1xupv_dy939_301:not(#\9):not(.awsui_refresh_1xupv_dy939_107) > .awsui_form-header_1xupv_dy939_307 {
   position: relative;
   margin-bottom: var(--space-scaled-m-5caa5e, 16px);
 }
 
-.awsui_form_1xupv_cjxm9_301.awsui_refresh_1xupv_cjxm9_107:not(#\9) {
+.awsui_form_1xupv_dy939_301.awsui_refresh_1xupv_dy939_107:not(#\9) {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
   display: contents;
 }
-.awsui_form_1xupv_cjxm9_301.awsui_refresh_1xupv_cjxm9_107 > .awsui_background_1xupv_cjxm9_318:not(#\9) {
+.awsui_form_1xupv_dy939_301.awsui_refresh_1xupv_dy939_107 > .awsui_background_1xupv_dy939_318:not(#\9) {
   background-color: var(--color-background-layout-main-nd5gs3, #f2f3f3);
   grid-column: 1/span 2;
   grid-row: 1;
   color: var(--color-text-body-default-fckvk9, #16191f);
 }
-.awsui_form_1xupv_cjxm9_301.awsui_refresh_1xupv_cjxm9_107 > .awsui_form-header_1xupv_cjxm9_307:not(#\9) {
+.awsui_form_1xupv_dy939_301.awsui_refresh_1xupv_dy939_107 > .awsui_form-header_1xupv_dy939_307:not(#\9) {
   background-color: var(--color-background-layout-main-nd5gs3, #f2f3f3);
   grid-column: 2;
   grid-row: 1;
   color: var(--color-text-body-default-fckvk9, #16191f);
 }
-.awsui_form_1xupv_cjxm9_301.awsui_refresh_1xupv_cjxm9_107 > .awsui_form-header_1xupv_cjxm9_307 > .awsui_form-header-content_1xupv_cjxm9_330:not(#\9) {
+.awsui_form_1xupv_dy939_301.awsui_refresh_1xupv_dy939_107 > .awsui_form-header_1xupv_dy939_307 > .awsui_form-header-content_1xupv_dy939_330:not(#\9) {
   padding-top: var(--space-scaled-m-5caa5e, 16px);
   padding-bottom: var(--space-scaled-m-5caa5e, 16px);
 }
-.awsui_form_1xupv_cjxm9_301.awsui_refresh_1xupv_cjxm9_107 > .awsui_form-component_1xupv_cjxm9_334:not(#\9) {
+.awsui_form_1xupv_dy939_301.awsui_refresh_1xupv_dy939_107 > .awsui_form-component_1xupv_dy939_334:not(#\9) {
   grid-column: 2;
   grid-row: 2;
 }
-.awsui_form_1xupv_cjxm9_301.awsui_refresh_1xupv_cjxm9_107.awsui_small-container_1xupv_cjxm9_114 > .awsui_form-header_1xupv_cjxm9_307:not(#\9) {
+.awsui_form_1xupv_dy939_301.awsui_refresh_1xupv_dy939_107.awsui_small-container_1xupv_dy939_114 > .awsui_form-header_1xupv_dy939_307:not(#\9) {
   grid-column: 1/span 2;
 }
-.awsui_form_1xupv_cjxm9_301.awsui_refresh_1xupv_cjxm9_107.awsui_small-container_1xupv_cjxm9_114 > .awsui_form-header_1xupv_cjxm9_307 > .awsui_form-header-content_1xupv_cjxm9_330:not(#\9) {
+.awsui_form_1xupv_dy939_301.awsui_refresh_1xupv_dy939_107.awsui_small-container_1xupv_dy939_114 > .awsui_form-header_1xupv_dy939_307 > .awsui_form-header-content_1xupv_dy939_330:not(#\9) {
   padding-top: 0;
 }
-.awsui_form_1xupv_cjxm9_301.awsui_refresh_1xupv_cjxm9_107.awsui_small-container_1xupv_cjxm9_114 > .awsui_form-component_1xupv_cjxm9_334:not(#\9) {
+.awsui_form_1xupv_dy939_301.awsui_refresh_1xupv_dy939_107.awsui_small-container_1xupv_dy939_114 > .awsui_form-component_1xupv_dy939_334:not(#\9) {
   grid-column: 1/span 2;
 }
 
-.awsui_navigation_1xupv_cjxm9_123.awsui_hidden_1xupv_cjxm9_348:not(#\9) {
+.awsui_navigation_1xupv_dy939_123.awsui_hidden_1xupv_dy939_348:not(#\9) {
   display: none;
 }
 
-.awsui_collapsed-steps_1xupv_cjxm9_352:not(#\9) {
+.awsui_collapsed-steps_1xupv_dy939_352:not(#\9) {
   color: var(--color-text-heading-secondary-2r0p61, #545b64);
   font-weight: 700;
   padding-top: var(--space-scaled-xxs-gmgwxk, 4px);
 }
-.awsui_collapsed-steps-hidden_1xupv_cjxm9_357:not(#\9) {
+.awsui_collapsed-steps-hidden_1xupv_dy939_357:not(#\9) {
   display: none;
 }
 
-.awsui_form-header-component-wrapper_1xupv_cjxm9_361:not(#\9) {
+.awsui_form-header-component-wrapper_1xupv_dy939_361:not(#\9) {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_cjxm9_361:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_dy939_361:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-e033ba, 5px auto Highlight);
   outline-offset: 2px;
@@ -396,30 +396,30 @@ body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_c
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-3gfzjd, 0px) var(--color-border-item-focused-4clyb1, #0073bb);
 }
 
-.awsui_form-header-component_1xupv_cjxm9_361:not(#\9),
-.awsui_navigation-link_1xupv_cjxm9_374:not(#\9),
-.awsui_navigation-link-item_1xupv_cjxm9_375:not(#\9),
-.awsui_navigation-link-label_1xupv_cjxm9_376:not(#\9) {
+.awsui_form-header-component_1xupv_dy939_361:not(#\9),
+.awsui_navigation-link_1xupv_dy939_374:not(#\9),
+.awsui_navigation-link-item_1xupv_dy939_375:not(#\9),
+.awsui_navigation-link-label_1xupv_dy939_376:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_navigation-link-active_1xupv_cjxm9_380:not(#\9) {
+.awsui_navigation-link-active_1xupv_dy939_380:not(#\9) {
   font-weight: 700;
   color: var(--color-text-body-default-fckvk9, #16191f);
 }
 
-.awsui_navigation-link-disabled_1xupv_cjxm9_385:not(#\9) {
+.awsui_navigation-link-disabled_1xupv_dy939_385:not(#\9) {
   color: var(--color-text-status-inactive-npnnh8, #687078);
 }
 
-.awsui_cancel-button_1xupv_cjxm9_389:not(#\9),
-.awsui_previous-button_1xupv_cjxm9_390:not(#\9),
-.awsui_primary-button_1xupv_cjxm9_391:not(#\9),
-.awsui_skip-to-button_1xupv_cjxm9_392:not(#\9) {
+.awsui_cancel-button_1xupv_dy939_389:not(#\9),
+.awsui_previous-button_1xupv_dy939_390:not(#\9),
+.awsui_primary-button_1xupv_dy939_391:not(#\9),
+.awsui_skip-to-button_1xupv_dy939_392:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_action-buttons_1xupv_cjxm9_396:not(#\9) {
+.awsui_action-buttons_1xupv_dy939_396:not(#\9) {
   display: flex;
   justify-content: flex-end;
 }

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

@@ -2,36 +2,36 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1xupv_cjxm9_94",
-  "wizard": "awsui_wizard_1xupv_cjxm9_107",
-  "refresh": "awsui_refresh_1xupv_cjxm9_107",
-  "small-container": "awsui_small-container_1xupv_cjxm9_114",
-  "navigation": "awsui_navigation_1xupv_cjxm9_123",
-  "number": "awsui_number_1xupv_cjxm9_185",
-  "circle": "awsui_circle_1xupv_cjxm9_201",
-  "title": "awsui_title_1xupv_cjxm9_209",
-  "active": "awsui_active_1xupv_cjxm9_238",
-  "disabled": "awsui_disabled_1xupv_cjxm9_249",
-  "enabled": "awsui_enabled_1xupv_cjxm9_259",
-  "form": "awsui_form_1xupv_cjxm9_301",
-  "form-header": "awsui_form-header_1xupv_cjxm9_307",
-  "background": "awsui_background_1xupv_cjxm9_318",
-  "form-header-content": "awsui_form-header-content_1xupv_cjxm9_330",
-  "form-component": "awsui_form-component_1xupv_cjxm9_334",
-  "hidden": "awsui_hidden_1xupv_cjxm9_348",
-  "collapsed-steps": "awsui_collapsed-steps_1xupv_cjxm9_352",
-  "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_cjxm9_357",
-  "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_cjxm9_361",
-  "form-header-component": "awsui_form-header-component_1xupv_cjxm9_361",
-  "navigation-link": "awsui_navigation-link_1xupv_cjxm9_374",
-  "navigation-link-item": "awsui_navigation-link-item_1xupv_cjxm9_375",
-  "navigation-link-label": "awsui_navigation-link-label_1xupv_cjxm9_376",
-  "navigation-link-active": "awsui_navigation-link-active_1xupv_cjxm9_380",
-  "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_cjxm9_385",
-  "cancel-button": "awsui_cancel-button_1xupv_cjxm9_389",
-  "previous-button": "awsui_previous-button_1xupv_cjxm9_390",
-  "primary-button": "awsui_primary-button_1xupv_cjxm9_391",
-  "skip-to-button": "awsui_skip-to-button_1xupv_cjxm9_392",
-  "action-buttons": "awsui_action-buttons_1xupv_cjxm9_396"
+  "root": "awsui_root_1xupv_dy939_94",
+  "wizard": "awsui_wizard_1xupv_dy939_107",
+  "refresh": "awsui_refresh_1xupv_dy939_107",
+  "small-container": "awsui_small-container_1xupv_dy939_114",
+  "navigation": "awsui_navigation_1xupv_dy939_123",
+  "number": "awsui_number_1xupv_dy939_185",
+  "circle": "awsui_circle_1xupv_dy939_201",
+  "title": "awsui_title_1xupv_dy939_209",
+  "active": "awsui_active_1xupv_dy939_238",
+  "disabled": "awsui_disabled_1xupv_dy939_249",
+  "enabled": "awsui_enabled_1xupv_dy939_259",
+  "form": "awsui_form_1xupv_dy939_301",
+  "form-header": "awsui_form-header_1xupv_dy939_307",
+  "background": "awsui_background_1xupv_dy939_318",
+  "form-header-content": "awsui_form-header-content_1xupv_dy939_330",
+  "form-component": "awsui_form-component_1xupv_dy939_334",
+  "hidden": "awsui_hidden_1xupv_dy939_348",
+  "collapsed-steps": "awsui_collapsed-steps_1xupv_dy939_352",
+  "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_dy939_357",
+  "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_dy939_361",
+  "form-header-component": "awsui_form-header-component_1xupv_dy939_361",
+  "navigation-link": "awsui_navigation-link_1xupv_dy939_374",
+  "navigation-link-item": "awsui_navigation-link-item_1xupv_dy939_375",
+  "navigation-link-label": "awsui_navigation-link-label_1xupv_dy939_376",
+  "navigation-link-active": "awsui_navigation-link-active_1xupv_dy939_380",
+  "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_dy939_385",
+  "cancel-button": "awsui_cancel-button_1xupv_dy939_389",
+  "previous-button": "awsui_previous-button_1xupv_dy939_390",
+  "primary-button": "awsui_primary-button_1xupv_dy939_391",
+  "skip-to-button": "awsui_skip-to-button_1xupv_dy939_392",
+  "action-buttons": "awsui_action-buttons_1xupv_dy939_396"
 };
   

package/lib/internal/template-tokens/package.json

@@ -0,0 +1,9 @@
+{
+  "name": "@cloudscape-design/design-tokens-themed",
+  "version": "3.0.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/cloudscape-design/components.git"
+  },
+  "homepage": "https://cloudscape.design"
+}

package/lib/theming.d.ts

@@ -0,0 +1,9 @@
+import { TypedOverride } from './internal/template/internal/generated/theming/index.cjs';
+export type Theme = TypedOverride;
+export interface BuildThemedComponentsParams {
+    theme: Theme;
+    outputDir: string;
+    baseThemeId?: string;
+}
+export declare function buildThemedComponents({ theme, outputDir, baseThemeId }: BuildThemedComponentsParams): Promise<void>;
+//# sourceMappingURL=theming.d.ts.map

package/lib/theming.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theming.d.ts","sourceRoot":"lib/components-themeable/","sources":["theming.ts"],"names":[],"mappings":"AAIA,OAAO,EAAU,aAAa,EAAE,MAAM,0DAA0D,CAAC;AAOjG,MAAM,MAAM,KAAK,GAAG,aAAa,CAAC;AAClC,MAAM,WAAW,2BAA2B;IAC1C,KAAK,EAAE,KAAK,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,qBAAqB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,2BAA2B,GAAG,OAAO,CAAC,IAAI,CAAC,CAWnH"}

package/lib/theming.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildThemedComponents = void 0;
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+const path_1 = require("path");
+const theming_build_1 = require("@cloudscape-design/theming-build");
+const index_cjs_1 = require("./internal/template/internal/generated/theming/index.cjs");
+const internalDir = (0, path_1.join)(__dirname, './internal');
+const scssDir = (0, path_1.join)(internalDir, './scss');
+const templateDir = (0, path_1.join)(internalDir, './template');
+const designTokensTemplateDir = (0, path_1.join)(internalDir, './template-tokens');
+function buildThemedComponents({ theme, outputDir, baseThemeId }) {
+    return (0, theming_build_1.buildThemedComponents)({
+        override: theme,
+        preset: index_cjs_1.preset,
+        baseThemeId,
+        componentsOutputDir: (0, path_1.join)(outputDir, 'components'),
+        designTokensOutputDir: (0, path_1.join)(outputDir, 'design-tokens'),
+        templateDir,
+        designTokensTemplateDir,
+        scssDir,
+    });
+}
+exports.buildThemedComponents = buildThemedComponents;
+//# sourceMappingURL=theming.js.map

package/lib/theming.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theming.js","sourceRoot":"lib/components-themeable/","sources":["theming.ts"],"names":[],"mappings":";;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,+BAA4B;AAC5B,oEAA6F;AAC7F,wFAAiG;AAEjG,MAAM,WAAW,GAAG,IAAA,WAAI,EAAC,SAAS,EAAE,YAAY,CAAC,CAAC;AAClD,MAAM,OAAO,GAAG,IAAA,WAAI,EAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;AAC5C,MAAM,WAAW,GAAG,IAAA,WAAI,EAAC,WAAW,EAAE,YAAY,CAAC,CAAC;AACpD,MAAM,uBAAuB,GAAG,IAAA,WAAI,EAAC,WAAW,EAAE,mBAAmB,CAAC,CAAC;AASvE,SAAgB,qBAAqB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAA+B;IAClG,OAAO,IAAA,qCAAgB,EAAC;QACtB,QAAQ,EAAE,KAAK;QACf,MAAM,EAAN,kBAAM;QACN,WAAW;QACX,mBAAmB,EAAE,IAAA,WAAI,EAAC,SAAS,EAAE,YAAY,CAAC;QAClD,qBAAqB,EAAE,IAAA,WAAI,EAAC,SAAS,EAAE,eAAe,CAAC;QACvD,WAAW;QACX,uBAAuB;QACvB,OAAO;KACR,CAAC,CAAC;AACL,CAAC;AAXD,sDAWC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { join } from 'path';\nimport { buildThemedComponents as themingCoreBuild } from '@cloudscape-design/theming-build';\nimport { preset, TypedOverride } from './internal/template/internal/generated/theming/index.cjs';\n\nconst internalDir = join(__dirname, './internal');\nconst scssDir = join(internalDir, './scss');\nconst templateDir = join(internalDir, './template');\nconst designTokensTemplateDir = join(internalDir, './template-tokens');\n\nexport type Theme = TypedOverride;\nexport interface BuildThemedComponentsParams {\n  theme: Theme;\n  outputDir: string;\n  baseThemeId?: string;\n}\n\nexport function buildThemedComponents({ theme, outputDir, baseThemeId }: BuildThemedComponentsParams): Promise<void> {\n  return themingCoreBuild({\n    override: theme,\n    preset,\n    baseThemeId,\n    componentsOutputDir: join(outputDir, 'components'),\n    designTokensOutputDir: join(outputDir, 'design-tokens'),\n    templateDir,\n    designTokensTemplateDir,\n    scssDir,\n  });\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudscape-design/components-themeable",
-  "version": "3.0.327",
+  "version": "3.0.329",
   "files": [
     "lib",
     "package.json",

package/lib/internal/template/area-chart/model/async-store.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"async-store.d.ts","sourceRoot":"lib/default/","sources":["area-chart/model/async-store.ts"],"names":[],"mappings":"AAMA,KAAK,QAAQ,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,CAAC;AACtC,KAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,KAAK,GAAG,CAAC;AAEnD,MAAM,WAAW,kBAAkB,CAAC,CAAC;IACnC,GAAG,IAAI,CAAC,CAAC;IACT,SAAS,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC;IAC1E,WAAW,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;CAC5C;AAED,MAAM,CAAC,OAAO,OAAO,UAAU,CAAC,CAAC,CAAE,YAAW,kBAAkB,CAAC,CAAC,CAAC;IACjE,MAAM,EAAE,CAAC,CAAC;IACV,UAAU,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,CAAM;gBAEzC,KAAK,EAAE,CAAC;IAIpB,GAAG,IAAI,CAAC;IAIR,GAAG,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,GAAG,IAAI;IAe9B,SAAS,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI;IAMzE,WAAW,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,CAAC,GAAG,IAAI;CAU3C;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,CAYnH;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAc3F"}

package/lib/internal/template/area-chart/model/async-store.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"async-store.js","sourceRoot":"lib/default/","sources":["area-chart/model/async-store.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAWhE,MAAM,CAAC,OAAO,OAAO,UAAU;IAI7B,YAAY,KAAQ;QAFpB,eAAU,GAAwC,EAAE,CAAC;QAGnD,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACtB,CAAC;IAED,GAAG;QACD,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,GAAG,CAAC,EAAmB;QACrB,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC;QAC9B,MAAM,QAAQ,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC;QAE/B,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC;QAEvB,uBAAuB,CAAC,GAAG,EAAE;YAC3B,KAAK,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,IAAI,IAAI,CAAC,UAAU,EAAE;gBAClD,IAAI,QAAQ,CAAC,SAAS,CAAC,KAAK,QAAQ,CAAC,QAAQ,CAAC,EAAE;oBAC9C,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;iBAC/B;aACF;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,SAAS,CAAI,QAAwB,EAAE,QAAqB;QAC1D,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;QAE3C,OAAO,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC1C,CAAC;IAED,WAAW,CAAC,QAAuB;QACjC,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;YAC3D,MAAM,CAAC,EAAE,cAAc,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;YAElD,IAAI,cAAc,KAAK,QAAQ,EAAE;gBAC/B,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;gBACjC,MAAM;aACP;SACF;IACH,CAAC;CACF;AAED,MAAM,UAAU,WAAW,CAAO,KAA4B,EAAE,QAAwB,EAAE,MAAmB;IAC3G,eAAe,CACb,GAAG,EAAE;QACH,MAAM,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,CACpE,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC,CAChD,CAAC;QACF,OAAO,WAAW,CAAC;IACrB,CAAC;IACD,qEAAqE;IACrE,uDAAuD;IACvD,CAAC,KAAK,CAAC,CACR,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,WAAW,CAAO,KAA4B,EAAE,QAAwB;IACtF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAI,QAAQ,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;IAE7D,WAAW,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAC,EAAE;QACtC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACrB,CAAC,CAAC,CAAC;IAEH,6FAA6F;IAC7F,MAAM,SAAS,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IACrC,IAAI,SAAS,KAAK,IAAI,IAAI,SAAS,KAAK,KAAK,EAAE;QAC7C,OAAO,QAAQ,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC;KAC9B;IAED,OAAO,KAAK,CAAC;AACf,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useLayoutEffect, useState } from 'react';\nimport { unstable_batchedUpdates } from 'react-dom';\nimport { usePrevious } from '../../internal/hooks/use-previous';\n\ntype Selector<S, R> = (state: S) => R;\ntype Listener<S> = (state: S, prevState: S) => any;\n\nexport interface ReadonlyAsyncStore<S> {\n  get(): S;\n  subscribe<R>(selector: Selector<S, R>, listener: Listener<S>): () => void;\n  unsubscribe(listener: Listener<any>): void;\n}\n\nexport default class AsyncStore<S> implements ReadonlyAsyncStore<S> {\n  _state: S;\n  _listeners: [Selector<S, any>, Listener<any>][] = [];\n\n  constructor(state: S) {\n    this._state = state;\n  }\n\n  get(): S {\n    return this._state;\n  }\n\n  set(cb: (state: S) => S): void {\n    const prevState = this._state;\n    const newState = cb(prevState);\n\n    this._state = newState;\n\n    unstable_batchedUpdates(() => {\n      for (const [selector, listener] of this._listeners) {\n        if (selector(prevState) !== selector(newState)) {\n          listener(newState, prevState);\n        }\n      }\n    });\n  }\n\n  subscribe<R>(selector: Selector<S, R>, listener: Listener<S>): () => void {\n    this._listeners.push([selector, listener]);\n\n    return () => this.unsubscribe(listener);\n  }\n\n  unsubscribe(listener: Listener<any>): void {\n    for (let index = 0; index < this._listeners.length; index++) {\n      const [, storedListener] = this._listeners[index];\n\n      if (storedListener === listener) {\n        this._listeners.splice(index, 1);\n        break;\n      }\n    }\n  }\n}\n\nexport function useReaction<S, R>(store: ReadonlyAsyncStore<S>, selector: Selector<S, R>, effect: Listener<R>): void {\n  useLayoutEffect(\n    () => {\n      const unsubscribe = store.subscribe(selector, (newState, prevState) =>\n        effect(selector(newState), selector(prevState))\n      );\n      return unsubscribe;\n    },\n    // ignoring selector and effect as they are expected to stay constant\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [store]\n  );\n}\n\nexport function useSelector<S, R>(store: ReadonlyAsyncStore<S>, selector: Selector<S, R>): R {\n  const [state, setState] = useState<R>(selector(store.get()));\n\n  useReaction(store, selector, newState => {\n    setState(newState);\n  });\n\n  // When store changes we need the state to be updated synchronously to avoid inconsistencies.\n  const prevStore = usePrevious(store);\n  if (prevStore !== null && prevStore !== store) {\n    return selector(store.get());\n  }\n\n  return state;\n}\n"]}

package/lib/internal/template/split-panel/utils/use-keyboard-events.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { SizeControlProps } from '../interfaces';
-export declare const useKeyboardEvents: ({ position, setSidePanelWidth, setBottomPanelHeight, splitPanelRef, }: SizeControlProps) => (event: React.KeyboardEvent) => void;
-//# sourceMappingURL=use-keyboard-events.d.ts.map

package/lib/internal/template/split-panel/utils/use-keyboard-events.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-keyboard-events.d.ts","sourceRoot":"lib/default/","sources":["split-panel/utils/use-keyboard-events.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAqBjD,eAAO,MAAM,iBAAiB,0EAK3B,gBAAgB,aACF,mBAAmB,SAuDnC,CAAC"}

package/lib/internal/template/split-panel/utils/use-keyboard-events.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-keyboard-events.js","sourceRoot":"lib/default/","sources":["split-panel/utils/use-keyboard-events.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { KeyCode } from '../../internal/keycode';\nimport { SizeControlProps } from '../interfaces';\n\nconst KEYBOARD_SINGLE_STEP_SIZE = 10;\nconst KEYBOARD_MULTIPLE_STEPS_SIZE = 60;\n\nconst getCurrentSize = (splitPanelRef?: React.RefObject<HTMLDivElement>) => {\n  if (!splitPanelRef || !splitPanelRef.current) {\n    return {\n      splitPanelHeight: 0,\n      splitPanelWidth: 0,\n    };\n  }\n\n  const safeParseFloat = (size = '') => parseFloat(size) || 0;\n\n  return {\n    splitPanelHeight: safeParseFloat(splitPanelRef.current.style.height),\n    splitPanelWidth: safeParseFloat(splitPanelRef.current.style.width),\n  };\n};\n\nexport const useKeyboardEvents = ({\n  position,\n  setSidePanelWidth,\n  setBottomPanelHeight,\n  splitPanelRef,\n}: SizeControlProps) => {\n  return (event: React.KeyboardEvent) => {\n    let setSizeFunction;\n    let currentSize;\n    let maxSize;\n\n    const { splitPanelHeight, splitPanelWidth } = getCurrentSize(splitPanelRef);\n\n    if (position === 'side') {\n      setSizeFunction = setSidePanelWidth;\n      currentSize = splitPanelWidth;\n      // don't need the exact max size as it's constrained in the set size function\n      maxSize = window.innerWidth;\n    } else {\n      setSizeFunction = setBottomPanelHeight;\n      currentSize = splitPanelHeight;\n      // don't need the exact max size as it's constrained in the set size function\n      maxSize = window.innerHeight;\n    }\n\n    const primaryGrowKey = position === 'bottom' ? KeyCode.up : KeyCode.left;\n    const primaryShrinkKey = position === 'bottom' ? KeyCode.down : KeyCode.right;\n    const altGrowKey = position === 'bottom' ? KeyCode.right : KeyCode.down;\n    const altShrinkKey = position === 'bottom' ? KeyCode.left : KeyCode.up;\n\n    let isEventHandled = true;\n    switch (event.keyCode) {\n      case primaryGrowKey:\n      case altGrowKey:\n        setSizeFunction(currentSize + KEYBOARD_SINGLE_STEP_SIZE);\n        break;\n      case primaryShrinkKey:\n      case altShrinkKey:\n        setSizeFunction(currentSize - KEYBOARD_SINGLE_STEP_SIZE);\n        break;\n      case KeyCode.pageUp:\n        setSizeFunction(currentSize + KEYBOARD_MULTIPLE_STEPS_SIZE);\n        break;\n      case KeyCode.pageDown:\n        setSizeFunction(currentSize - KEYBOARD_MULTIPLE_STEPS_SIZE);\n        break;\n      case KeyCode.home:\n        setSizeFunction(maxSize);\n        break;\n      case KeyCode.end:\n        setSizeFunction(0);\n        break;\n      default:\n        isEventHandled = false;\n    }\n\n    if (isEventHandled) {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  };\n};\n"]}

package/lib/internal/template/split-panel/utils/use-pointer-events.d.ts

@@ -1,3 +0,0 @@
-import { SizeControlProps } from '../interfaces';
-export declare const usePointerEvents: ({ position, splitPanelRef, handleRef, setSidePanelWidth, setBottomPanelHeight, }: SizeControlProps) => () => void;
-//# sourceMappingURL=use-pointer-events.d.ts.map

package/lib/internal/template/split-panel/utils/use-pointer-events.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-pointer-events.d.ts","sourceRoot":"lib/default/","sources":["split-panel/utils/use-pointer-events.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGjD,eAAO,MAAM,gBAAgB,qFAM1B,gBAAgB,eA2ClB,CAAC"}