@cloudscape-design/components-themeable 3.0.3 → 3.0.6

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_1rsa9_94:not(#\9) {
+.awsui_root_1xupv_ly7ly_94:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -133,7 +133,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-family: var(--font-family-base-mylvzb, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
 }
 
-.awsui_wizard_1xupv_1rsa9_105.awsui_refresh_1xupv_1rsa9_105:not(#\9) {
+.awsui_wizard_1xupv_ly7ly_105.awsui_refresh_1xupv_ly7ly_105:not(#\9) {
   column-gap: 24px;
   column-gap: var(--space-xl-a39hup, 24px);
   display: grid;
@@ -142,23 +142,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   row-gap: 24px;
   row-gap: var(--space-scaled-xl-w2t504, 24px);
 }
-.awsui_wizard_1xupv_1rsa9_105.awsui_refresh_1xupv_1rsa9_105.awsui_small-container_1xupv_1rsa9_112:not(#\9) {
+.awsui_wizard_1xupv_ly7ly_105.awsui_refresh_1xupv_ly7ly_105.awsui_small-container_1xupv_ly7ly_112:not(#\9) {
   row-gap: 20px;
   row-gap: var(--space-scaled-l-t03y3z, 20px);
 }
 
-.awsui_wizard_1xupv_1rsa9_105:not(#\9):not(.awsui_refresh_1xupv_1rsa9_105) {
+.awsui_wizard_1xupv_ly7ly_105:not(#\9):not(.awsui_refresh_1xupv_ly7ly_105) {
   display: flex;
 }
 
-.awsui_navigation_1xupv_1rsa9_120.awsui_refresh_1xupv_1rsa9_105:not(#\9) {
+.awsui_navigation_1xupv_ly7ly_120.awsui_refresh_1xupv_ly7ly_105:not(#\9) {
   grid-column: 1;
   grid-row: 1/span 2;
   padding-top: 4px;
   padding-top: var(--space-scaled-xxs-95dhkm, 4px);
   z-index: 1;
 }
-.awsui_navigation_1xupv_1rsa9_120.awsui_refresh_1xupv_1rsa9_105 > ul:not(#\9) {
+.awsui_navigation_1xupv_ly7ly_120.awsui_refresh_1xupv_ly7ly_105 > ul:not(#\9) {
   background: #ffffff;
   background: var(--color-background-container-content-o88wxm, #ffffff);
   border-radius: 0px;
@@ -171,7 +171,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   width: 280px;
   box-sizing: border-box;
 }
-.awsui_navigation_1xupv_1rsa9_120.awsui_refresh_1xupv_1rsa9_105 > ul > li:not(#\9) {
+.awsui_navigation_1xupv_ly7ly_120.awsui_refresh_1xupv_ly7ly_105 > ul > li:not(#\9) {
   display: grid;
   column-gap: 12px;
   column-gap: var(--space-s-hv8c1d, 12px);
@@ -179,7 +179,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   grid-template-columns: var(--space-l-4vl6xu, 20px) 1fr;
   grid-template-rows: repeat(2, auto);
 }
-.awsui_navigation_1xupv_1rsa9_120.awsui_refresh_1xupv_1rsa9_105 > ul > li > hr:not(#\9) {
+.awsui_navigation_1xupv_ly7ly_120.awsui_refresh_1xupv_ly7ly_105 > ul > li > hr:not(#\9) {
   background-color: #eaeded;
   background-color: var(--color-border-divider-default-k96bks, #eaeded);
   border: 0;
@@ -188,7 +188,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   width: 2px;
   width: var(--space-xxxs-k2w98v, 2px);
 }
-.awsui_navigation_1xupv_1rsa9_120.awsui_refresh_1xupv_1rsa9_105 > ul > li > .awsui_number_1xupv_1rsa9_148:not(#\9) {
+.awsui_navigation_1xupv_ly7ly_120.awsui_refresh_1xupv_ly7ly_105 > ul > li > .awsui_number_1xupv_ly7ly_148:not(#\9) {
   color: #687078;
   color: var(--color-text-small-5a9rs1, #687078);
   font-size: 12px;
@@ -196,7 +196,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   grid-column: 2;
   grid-row: 1;
 }
-.awsui_navigation_1xupv_1rsa9_120.awsui_refresh_1xupv_1rsa9_105 > ul > li > a:not(#\9) {
+.awsui_navigation_1xupv_ly7ly_120.awsui_refresh_1xupv_ly7ly_105 > ul > li > a:not(#\9) {
   align-items: start;
   column-gap: 12px;
   column-gap: var(--space-s-hv8c1d, 12px);
@@ -209,7 +209,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   grid-template-columns: 20px 1fr;
   grid-template-columns: var(--space-l-4vl6xu, 20px) 1fr;
 }
-.awsui_navigation_1xupv_1rsa9_120.awsui_refresh_1xupv_1rsa9_105 > ul > li > a > .awsui_circle_1xupv_1rsa9_164:not(#\9) {
+.awsui_navigation_1xupv_ly7ly_120.awsui_refresh_1xupv_ly7ly_105 > ul > li > a > .awsui_circle_1xupv_ly7ly_164:not(#\9) {
   border-radius: 100%;
   grid-column: 1;
   height: 10px;
@@ -217,89 +217,89 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-top: 6px;
   width: 10px;
 }
-.awsui_navigation_1xupv_1rsa9_120.awsui_refresh_1xupv_1rsa9_105 > ul > li > a > .awsui_title_1xupv_1rsa9_172:not(#\9) {
+.awsui_navigation_1xupv_ly7ly_120.awsui_refresh_1xupv_ly7ly_105 > ul > li > a > .awsui_title_1xupv_ly7ly_172:not(#\9) {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
   grid-column: 2;
 }
-.awsui_navigation_1xupv_1rsa9_120.awsui_refresh_1xupv_1rsa9_105 > ul > li > a[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_navigation_1xupv_ly7ly_120.awsui_refresh_1xupv_ly7ly_105 > ul > li > a[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: thin dotted;
   outline: 5px auto Highlight;
   outline: var(--border-link-focus-ring-outline-67z0xv, 5px auto Highlight);
   outline-offset: 2px;
-  outline-color: #00a1c9;
-  outline-color: var(--color-border-item-focused-bs10w5, #00a1c9);
+  outline-color: #0073bb;
+  outline-color: var(--color-border-item-focused-n5kd8g, #0073bb);
   border-radius: 2px;
   border-radius: var(--border-control-focus-ring-radius-default-9royjh, 2px);
-  box-shadow: 0 0 0 0px #00a1c9;
-  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-e3dct9, 0px) var(--color-border-item-focused-bs10w5, #00a1c9);
+  box-shadow: 0 0 0 0px #0073bb;
+  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-e3dct9, 0px) var(--color-border-item-focused-n5kd8g, #0073bb);
 }
-.awsui_navigation_1xupv_1rsa9_120.awsui_refresh_1xupv_1rsa9_105 > ul > li:not(#\9):first-child > hr {
+.awsui_navigation_1xupv_ly7ly_120.awsui_refresh_1xupv_ly7ly_105 > ul > li:not(#\9):first-child > hr {
   grid-row: 2/span 2;
 }
-.awsui_navigation_1xupv_1rsa9_120.awsui_refresh_1xupv_1rsa9_105 > ul > li:not(#\9):not(:first-child) > .awsui_number_1xupv_1rsa9_148 {
+.awsui_navigation_1xupv_ly7ly_120.awsui_refresh_1xupv_ly7ly_105 > ul > li:not(#\9):not(:first-child) > .awsui_number_1xupv_ly7ly_148 {
   margin-top: 24px;
   margin-top: var(--space-scaled-xl-w2t504, 24px);
 }
-.awsui_navigation_1xupv_1rsa9_120.awsui_refresh_1xupv_1rsa9_105 > ul > li:not(#\9):last-child > hr {
+.awsui_navigation_1xupv_ly7ly_120.awsui_refresh_1xupv_ly7ly_105 > ul > li:not(#\9):last-child > hr {
   grid-row: 1;
 }
-.awsui_navigation_1xupv_1rsa9_120.awsui_refresh_1xupv_1rsa9_105 > ul > li:not(#\9):only-of-type > hr {
+.awsui_navigation_1xupv_ly7ly_120.awsui_refresh_1xupv_ly7ly_105 > ul > li:not(#\9):only-of-type > hr {
   display: none;
 }
-.awsui_navigation_1xupv_1rsa9_120.awsui_refresh_1xupv_1rsa9_105 > ul > li:not(#\9):not(:first-child):not(:last-child) > hr {
+.awsui_navigation_1xupv_ly7ly_120.awsui_refresh_1xupv_ly7ly_105 > ul > li:not(#\9):not(:first-child):not(:last-child) > hr {
   grid-row: 1/span 3;
 }
-.awsui_navigation_1xupv_1rsa9_120.awsui_refresh_1xupv_1rsa9_105 > ul > li.awsui_active_1xupv_1rsa9_201 > a:not(#\9) {
+.awsui_navigation_1xupv_ly7ly_120.awsui_refresh_1xupv_ly7ly_105 > ul > li.awsui_active_1xupv_ly7ly_201 > a:not(#\9) {
   cursor: text;
 }
-.awsui_navigation_1xupv_1rsa9_120.awsui_refresh_1xupv_1rsa9_105 > ul > li.awsui_active_1xupv_1rsa9_201 > a > .awsui_circle_1xupv_1rsa9_164:not(#\9) {
+.awsui_navigation_1xupv_ly7ly_120.awsui_refresh_1xupv_ly7ly_105 > ul > li.awsui_active_1xupv_ly7ly_201 > a > .awsui_circle_1xupv_ly7ly_164:not(#\9) {
   background-color: #0073bb;
   background-color: var(--color-background-control-checked-dyuc53, #0073bb);
   box-shadow: 0 0 0 3px #ffffff, 0 0 0 5px #0073bb, 0 0 0 7px #ffffff;
   box-shadow: 0 0 0 3px var(--color-background-container-content-o88wxm, #ffffff), 0 0 0 5px var(--color-background-control-checked-dyuc53, #0073bb), 0 0 0 7px var(--color-background-container-content-o88wxm, #ffffff);
 }
-.awsui_navigation_1xupv_1rsa9_120.awsui_refresh_1xupv_1rsa9_105 > ul > li.awsui_active_1xupv_1rsa9_201 > a > .awsui_title_1xupv_1rsa9_172:not(#\9) {
+.awsui_navigation_1xupv_ly7ly_120.awsui_refresh_1xupv_ly7ly_105 > ul > li.awsui_active_1xupv_ly7ly_201 > a > .awsui_title_1xupv_ly7ly_172:not(#\9) {
   color: #0073bb;
   color: var(--color-background-control-checked-dyuc53, #0073bb);
   font-weight: 700;
 }
-.awsui_navigation_1xupv_1rsa9_120.awsui_refresh_1xupv_1rsa9_105 > ul > li.awsui_disabled_1xupv_1rsa9_212 > a:not(#\9) {
+.awsui_navigation_1xupv_ly7ly_120.awsui_refresh_1xupv_ly7ly_105 > ul > li.awsui_disabled_1xupv_ly7ly_212 > a:not(#\9) {
   cursor: text;
 }
-.awsui_navigation_1xupv_1rsa9_120.awsui_refresh_1xupv_1rsa9_105 > ul > li.awsui_disabled_1xupv_1rsa9_212 > a > .awsui_circle_1xupv_1rsa9_164:not(#\9) {
+.awsui_navigation_1xupv_ly7ly_120.awsui_refresh_1xupv_ly7ly_105 > ul > li.awsui_disabled_1xupv_ly7ly_212 > a > .awsui_circle_1xupv_ly7ly_164:not(#\9) {
   background-color: #ffffff;
   background-color: var(--color-background-container-content-o88wxm, #ffffff);
   box-shadow: 0 0 0 2px #aab7b8, 0 0 0 4px #ffffff;
   box-shadow: 0 0 0 2px var(--color-text-interactive-disabled-jcikk2, #aab7b8), 0 0 0 4px var(--color-background-container-content-o88wxm, #ffffff);
 }
-.awsui_navigation_1xupv_1rsa9_120.awsui_refresh_1xupv_1rsa9_105 > ul > li.awsui_disabled_1xupv_1rsa9_212 > a > .awsui_title_1xupv_1rsa9_172:not(#\9) {
+.awsui_navigation_1xupv_ly7ly_120.awsui_refresh_1xupv_ly7ly_105 > ul > li.awsui_disabled_1xupv_ly7ly_212 > a > .awsui_title_1xupv_ly7ly_172:not(#\9) {
   color: #aab7b8;
   color: var(--color-text-interactive-disabled-jcikk2, #aab7b8);
 }
-.awsui_navigation_1xupv_1rsa9_120.awsui_refresh_1xupv_1rsa9_105 > ul > li.awsui_enabled_1xupv_1rsa9_222 > a > .awsui_circle_1xupv_1rsa9_164:not(#\9) {
+.awsui_navigation_1xupv_ly7ly_120.awsui_refresh_1xupv_ly7ly_105 > ul > li.awsui_enabled_1xupv_ly7ly_222 > a > .awsui_circle_1xupv_ly7ly_164:not(#\9) {
   background-color: #545b64;
   background-color: var(--color-text-interactive-default-9me1cm, #545b64);
   box-shadow: 0 0 0 2px #545b64, 0 0 0 4px #ffffff;
   box-shadow: 0 0 0 2px var(--color-text-interactive-default-9me1cm, #545b64), 0 0 0 4px var(--color-background-container-content-o88wxm, #ffffff);
 }
-.awsui_navigation_1xupv_1rsa9_120.awsui_refresh_1xupv_1rsa9_105 > ul > li.awsui_enabled_1xupv_1rsa9_222 > a > .awsui_title_1xupv_1rsa9_172:not(#\9) {
+.awsui_navigation_1xupv_ly7ly_120.awsui_refresh_1xupv_ly7ly_105 > ul > li.awsui_enabled_1xupv_ly7ly_222 > a > .awsui_title_1xupv_ly7ly_172:not(#\9) {
   color: #545b64;
   color: var(--color-text-interactive-default-9me1cm, #545b64);
 }
-.awsui_navigation_1xupv_1rsa9_120.awsui_refresh_1xupv_1rsa9_105 > ul > li.awsui_enabled_1xupv_1rsa9_222 > a:not(#\9):hover > .awsui_circle_1xupv_1rsa9_164 {
+.awsui_navigation_1xupv_ly7ly_120.awsui_refresh_1xupv_ly7ly_105 > ul > li.awsui_enabled_1xupv_ly7ly_222 > a:not(#\9):hover > .awsui_circle_1xupv_ly7ly_164 {
   background-color: #0073bb;
   background-color: var(--color-background-control-checked-dyuc53, #0073bb);
   box-shadow: 0 0 0 2px #0073bb, 0 0 0 4px #ffffff;
   box-shadow: 0 0 0 2px var(--color-background-control-checked-dyuc53, #0073bb), 0 0 0 4px var(--color-background-container-content-o88wxm, #ffffff);
 }
-.awsui_navigation_1xupv_1rsa9_120.awsui_refresh_1xupv_1rsa9_105 > ul > li.awsui_enabled_1xupv_1rsa9_222 > a:not(#\9):hover > .awsui_title_1xupv_1rsa9_172 {
+.awsui_navigation_1xupv_ly7ly_120.awsui_refresh_1xupv_ly7ly_105 > ul > li.awsui_enabled_1xupv_ly7ly_222 > a:not(#\9):hover > .awsui_title_1xupv_ly7ly_172 {
   color: #0073bb;
   color: var(--color-background-control-checked-dyuc53, #0073bb);
 }
 
-.awsui_navigation_1xupv_1rsa9_120:not(#\9):not(.awsui_refresh_1xupv_1rsa9_105) {
+.awsui_navigation_1xupv_ly7ly_120:not(#\9):not(.awsui_refresh_1xupv_ly7ly_105) {
   color: #aab7b8;
   color: var(--color-text-disabled-pjiy51, #aab7b8);
   display: inline-block;
@@ -310,120 +310,120 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-top: var(--space-xxs-ynfts5, 4px);
   width: 200px;
 }
-.awsui_navigation_1xupv_1rsa9_120:not(#\9):not(.awsui_refresh_1xupv_1rsa9_105) > ul {
+.awsui_navigation_1xupv_ly7ly_120:not(#\9):not(.awsui_refresh_1xupv_ly7ly_105) > ul {
   list-style: none;
   padding: 0;
   margin: 0;
 }
-.awsui_navigation_1xupv_1rsa9_120:not(#\9):not(.awsui_refresh_1xupv_1rsa9_105) > ul > li {
+.awsui_navigation_1xupv_ly7ly_120:not(#\9):not(.awsui_refresh_1xupv_ly7ly_105) > ul > li {
   padding-bottom: 16px;
   padding-bottom: var(--space-scaled-m-pv0fmt, 16px);
   padding-top: 0;
 }
-.awsui_navigation_1xupv_1rsa9_120:not(#\9):not(.awsui_refresh_1xupv_1rsa9_105) > ul > li:not(:first-child) {
+.awsui_navigation_1xupv_ly7ly_120:not(#\9):not(.awsui_refresh_1xupv_ly7ly_105) > ul > li:not(:first-child) {
   margin-top: 16px;
   margin-top: var(--space-scaled-m-pv0fmt, 16px);
 }
-.awsui_navigation_1xupv_1rsa9_120:not(#\9):not(.awsui_refresh_1xupv_1rsa9_105) > ul > li:not(:last-child) {
+.awsui_navigation_1xupv_ly7ly_120:not(#\9):not(.awsui_refresh_1xupv_ly7ly_105) > ul > li:not(:last-child) {
   border-bottom: 1px solid #d5dbdb;
   border-bottom: var(--border-divider-list-width-hacikr, 1px) solid var(--color-border-layout-ifju5o, #d5dbdb);
 }
 
-.awsui_form_1xupv_1rsa9_261:not(#\9):not(.awsui_refresh_1xupv_1rsa9_105) {
+.awsui_form_1xupv_ly7ly_261:not(#\9):not(.awsui_refresh_1xupv_ly7ly_105) {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
   width: 100%;
 }
-.awsui_form_1xupv_1rsa9_261:not(#\9):not(.awsui_refresh_1xupv_1rsa9_105) > .awsui_form-header_1xupv_1rsa9_267 {
+.awsui_form_1xupv_ly7ly_261:not(#\9):not(.awsui_refresh_1xupv_ly7ly_105) > .awsui_form-header_1xupv_ly7ly_267 {
   position: relative;
   margin-bottom: 16px;
   margin-bottom: var(--space-scaled-m-pv0fmt, 16px);
 }
 
-.awsui_form_1xupv_1rsa9_261.awsui_refresh_1xupv_1rsa9_105:not(#\9) {
+.awsui_form_1xupv_ly7ly_261.awsui_refresh_1xupv_ly7ly_105:not(#\9) {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
   display: contents;
 }
-.awsui_form_1xupv_1rsa9_261.awsui_refresh_1xupv_1rsa9_105 > .awsui_background_1xupv_1rsa9_278:not(#\9) {
+.awsui_form_1xupv_ly7ly_261.awsui_refresh_1xupv_ly7ly_105 > .awsui_background_1xupv_ly7ly_278:not(#\9) {
   background-color: #f2f3f3;
   background-color: var(--color-background-layout-main-q0tbxx, #f2f3f3);
   grid-column: 1/span 2;
   grid-row: 1;
 }
-.awsui_form_1xupv_1rsa9_261.awsui_refresh_1xupv_1rsa9_105 > .awsui_form-header_1xupv_1rsa9_267:not(#\9) {
+.awsui_form_1xupv_ly7ly_261.awsui_refresh_1xupv_ly7ly_105 > .awsui_form-header_1xupv_ly7ly_267:not(#\9) {
   background-color: #f2f3f3;
   background-color: var(--color-background-layout-main-q0tbxx, #f2f3f3);
   grid-column: 2;
   grid-row: 1;
 }
-.awsui_form_1xupv_1rsa9_261.awsui_refresh_1xupv_1rsa9_105 > .awsui_form-header_1xupv_1rsa9_267 > .awsui_form-header-content_1xupv_1rsa9_288:not(#\9) {
+.awsui_form_1xupv_ly7ly_261.awsui_refresh_1xupv_ly7ly_105 > .awsui_form-header_1xupv_ly7ly_267 > .awsui_form-header-content_1xupv_ly7ly_288:not(#\9) {
   padding-top: 24px;
   padding-top: var(--space-scaled-xl-w2t504, 24px);
   padding-bottom: 24px;
   padding-bottom: var(--space-scaled-xl-w2t504, 24px);
 }
-.awsui_form_1xupv_1rsa9_261.awsui_refresh_1xupv_1rsa9_105 > .awsui_form-component_1xupv_1rsa9_292:not(#\9) {
+.awsui_form_1xupv_ly7ly_261.awsui_refresh_1xupv_ly7ly_105 > .awsui_form-component_1xupv_ly7ly_292:not(#\9) {
   grid-column: 2;
   grid-row: 2;
 }
-.awsui_form_1xupv_1rsa9_261.awsui_refresh_1xupv_1rsa9_105.awsui_small-container_1xupv_1rsa9_112 > .awsui_form-header_1xupv_1rsa9_267:not(#\9) {
+.awsui_form_1xupv_ly7ly_261.awsui_refresh_1xupv_ly7ly_105.awsui_small-container_1xupv_ly7ly_112 > .awsui_form-header_1xupv_ly7ly_267:not(#\9) {
   grid-column: 1/span 2;
 }
-.awsui_form_1xupv_1rsa9_261.awsui_refresh_1xupv_1rsa9_105.awsui_small-container_1xupv_1rsa9_112 > .awsui_form-header_1xupv_1rsa9_267 > .awsui_form-header-content_1xupv_1rsa9_288:not(#\9) {
+.awsui_form_1xupv_ly7ly_261.awsui_refresh_1xupv_ly7ly_105.awsui_small-container_1xupv_ly7ly_112 > .awsui_form-header_1xupv_ly7ly_267 > .awsui_form-header-content_1xupv_ly7ly_288:not(#\9) {
   padding-top: 0;
 }
-.awsui_form_1xupv_1rsa9_261.awsui_refresh_1xupv_1rsa9_105.awsui_small-container_1xupv_1rsa9_112 > .awsui_form-component_1xupv_1rsa9_292:not(#\9) {
+.awsui_form_1xupv_ly7ly_261.awsui_refresh_1xupv_ly7ly_105.awsui_small-container_1xupv_ly7ly_112 > .awsui_form-component_1xupv_ly7ly_292:not(#\9) {
   grid-column: 1/span 2;
 }
 
-.awsui_navigation_1xupv_1rsa9_120.awsui_hidden_1xupv_1rsa9_306:not(#\9) {
+.awsui_navigation_1xupv_ly7ly_120.awsui_hidden_1xupv_ly7ly_306:not(#\9) {
   display: none;
 }
 
-.awsui_collapsed-steps_1xupv_1rsa9_310:not(#\9) {
+.awsui_collapsed-steps_1xupv_ly7ly_310:not(#\9) {
   color: #545b64;
   color: var(--color-text-heading-secondary-mvxtuw, #545b64);
   font-weight: 700;
   padding-top: 4px;
   padding-top: var(--space-scaled-xxs-95dhkm, 4px);
 }
-.awsui_collapsed-steps-extra-padding_1xupv_1rsa9_315:not(#\9) {
+.awsui_collapsed-steps-extra-padding_1xupv_ly7ly_315:not(#\9) {
   padding-top: 20px;
   padding-top: var(--space-scaled-l-t03y3z, 20px);
 }
-.awsui_collapsed-steps-hidden_1xupv_1rsa9_318:not(#\9) {
+.awsui_collapsed-steps-hidden_1xupv_ly7ly_318:not(#\9) {
   display: none;
 }
 
-.awsui_form-header-component_1xupv_1rsa9_322:not(#\9),
-.awsui_navigation-link_1xupv_1rsa9_323:not(#\9),
-.awsui_navigation-link-item_1xupv_1rsa9_324:not(#\9),
-.awsui_navigation-link-label_1xupv_1rsa9_325:not(#\9) {
+.awsui_form-header-component_1xupv_ly7ly_322:not(#\9),
+.awsui_navigation-link_1xupv_ly7ly_323:not(#\9),
+.awsui_navigation-link-item_1xupv_ly7ly_324:not(#\9),
+.awsui_navigation-link-label_1xupv_ly7ly_325:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_navigation-link-active_1xupv_1rsa9_329:not(#\9) {
+.awsui_navigation-link-active_1xupv_ly7ly_329:not(#\9) {
   font-weight: 700;
   color: #16191f;
   color: var(--color-text-body-default-7m2b3r, #16191f);
 }
 
-.awsui_navigation-link-disabled_1xupv_1rsa9_334:not(#\9) {
+.awsui_navigation-link-disabled_1xupv_ly7ly_334:not(#\9) {
   color: #aab7b8;
   color: var(--color-text-control-disabled-l34dfo, #aab7b8);
 }
 
-.awsui_cancel-button_1xupv_1rsa9_338:not(#\9),
-.awsui_previous-button_1xupv_1rsa9_339:not(#\9),
-.awsui_primary-button_1xupv_1rsa9_340:not(#\9),
-.awsui_skip-to-button_1xupv_1rsa9_341:not(#\9) {
+.awsui_cancel-button_1xupv_ly7ly_338:not(#\9),
+.awsui_previous-button_1xupv_ly7ly_339:not(#\9),
+.awsui_primary-button_1xupv_ly7ly_340:not(#\9),
+.awsui_skip-to-button_1xupv_ly7ly_341:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_action-buttons_1xupv_1rsa9_345:not(#\9) {
+.awsui_action-buttons_1xupv_ly7ly_345: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_1rsa9_94",
-  "wizard": "awsui_wizard_1xupv_1rsa9_105",
-  "refresh": "awsui_refresh_1xupv_1rsa9_105",
-  "small-container": "awsui_small-container_1xupv_1rsa9_112",
-  "navigation": "awsui_navigation_1xupv_1rsa9_120",
-  "number": "awsui_number_1xupv_1rsa9_148",
-  "circle": "awsui_circle_1xupv_1rsa9_164",
-  "title": "awsui_title_1xupv_1rsa9_172",
-  "active": "awsui_active_1xupv_1rsa9_201",
-  "disabled": "awsui_disabled_1xupv_1rsa9_212",
-  "enabled": "awsui_enabled_1xupv_1rsa9_222",
-  "form": "awsui_form_1xupv_1rsa9_261",
-  "form-header": "awsui_form-header_1xupv_1rsa9_267",
-  "background": "awsui_background_1xupv_1rsa9_278",
-  "form-header-content": "awsui_form-header-content_1xupv_1rsa9_288",
-  "form-component": "awsui_form-component_1xupv_1rsa9_292",
-  "hidden": "awsui_hidden_1xupv_1rsa9_306",
-  "collapsed-steps": "awsui_collapsed-steps_1xupv_1rsa9_310",
-  "collapsed-steps-extra-padding": "awsui_collapsed-steps-extra-padding_1xupv_1rsa9_315",
-  "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_1rsa9_318",
-  "form-header-component": "awsui_form-header-component_1xupv_1rsa9_322",
-  "navigation-link": "awsui_navigation-link_1xupv_1rsa9_323",
-  "navigation-link-item": "awsui_navigation-link-item_1xupv_1rsa9_324",
-  "navigation-link-label": "awsui_navigation-link-label_1xupv_1rsa9_325",
-  "navigation-link-active": "awsui_navigation-link-active_1xupv_1rsa9_329",
-  "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_1rsa9_334",
-  "cancel-button": "awsui_cancel-button_1xupv_1rsa9_338",
-  "previous-button": "awsui_previous-button_1xupv_1rsa9_339",
-  "primary-button": "awsui_primary-button_1xupv_1rsa9_340",
-  "skip-to-button": "awsui_skip-to-button_1xupv_1rsa9_341",
-  "action-buttons": "awsui_action-buttons_1xupv_1rsa9_345"
+  "root": "awsui_root_1xupv_ly7ly_94",
+  "wizard": "awsui_wizard_1xupv_ly7ly_105",
+  "refresh": "awsui_refresh_1xupv_ly7ly_105",
+  "small-container": "awsui_small-container_1xupv_ly7ly_112",
+  "navigation": "awsui_navigation_1xupv_ly7ly_120",
+  "number": "awsui_number_1xupv_ly7ly_148",
+  "circle": "awsui_circle_1xupv_ly7ly_164",
+  "title": "awsui_title_1xupv_ly7ly_172",
+  "active": "awsui_active_1xupv_ly7ly_201",
+  "disabled": "awsui_disabled_1xupv_ly7ly_212",
+  "enabled": "awsui_enabled_1xupv_ly7ly_222",
+  "form": "awsui_form_1xupv_ly7ly_261",
+  "form-header": "awsui_form-header_1xupv_ly7ly_267",
+  "background": "awsui_background_1xupv_ly7ly_278",
+  "form-header-content": "awsui_form-header-content_1xupv_ly7ly_288",
+  "form-component": "awsui_form-component_1xupv_ly7ly_292",
+  "hidden": "awsui_hidden_1xupv_ly7ly_306",
+  "collapsed-steps": "awsui_collapsed-steps_1xupv_ly7ly_310",
+  "collapsed-steps-extra-padding": "awsui_collapsed-steps-extra-padding_1xupv_ly7ly_315",
+  "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_ly7ly_318",
+  "form-header-component": "awsui_form-header-component_1xupv_ly7ly_322",
+  "navigation-link": "awsui_navigation-link_1xupv_ly7ly_323",
+  "navigation-link-item": "awsui_navigation-link-item_1xupv_ly7ly_324",
+  "navigation-link-label": "awsui_navigation-link-label_1xupv_ly7ly_325",
+  "navigation-link-active": "awsui_navigation-link-active_1xupv_ly7ly_329",
+  "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_ly7ly_334",
+  "cancel-button": "awsui_cancel-button_1xupv_ly7ly_338",
+  "previous-button": "awsui_previous-button_1xupv_ly7ly_339",
+  "primary-button": "awsui_primary-button_1xupv_ly7ly_340",
+  "skip-to-button": "awsui_skip-to-button_1xupv_ly7ly_341",
+  "action-buttons": "awsui_action-buttons_1xupv_ly7ly_345"
 };
   

package/package.json

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

package/lib/internal/template/internal/hooks/dom-context/index.d.ts

@@ -1,14 +0,0 @@
-import React, { ProviderProps } from 'react';
-export interface RootProviderProps<T> extends React.HTMLAttributes<HTMLDivElement>, ProviderProps<T> {
-}
-export interface IntermediateProviderProps {
-    parentElement: HTMLElement;
-    children?: React.ReactNode;
-}
-export interface DomContextDeclaration<T> {
-    context: React.Context<T>;
-    RootProvider: React.FC<RootProviderProps<T>>;
-    IntermediateProvider: React.FC<IntermediateProviderProps>;
-}
-export declare function createDomContext<T>(name: string, defaultValue: T): DomContextDeclaration<T>;
-//# sourceMappingURL=index.d.ts.map

package/lib/internal/template/internal/hooks/dom-context/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/dom-context/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAiB,aAAa,EAAqC,MAAM,OAAO,CAAC;AAwB/F,MAAM,WAAW,iBAAiB,CAAC,CAAC,CAAE,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC;CAAG;AAEvG,MAAM,WAAW,yBAAyB;IACxC,aAAa,EAAE,WAAW,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,qBAAqB,CAAC,CAAC;IACtC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAC1B,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7C,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAAC,CAAC;CAC3D;AAED,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAiD3F"}

package/lib/internal/template/internal/hooks/dom-context/index.js

@@ -1,70 +0,0 @@
-import { __assign, __rest } from "tslib";
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-import React, { createContext, useLayoutEffect, useRef, useState } from 'react';
-function getContextFromElement(element, contextKey) {
-    return element[contextKey];
-}
-function setContextToElement(element, contextKey, contextValue) {
-    element[contextKey] = contextValue;
-    var event = document.createEvent('CustomEvent');
-    event.initCustomEvent(contextKey, false, false, null);
-    element.dispatchEvent(event);
-}
-function findupContext(contextKey, element) {
-    var currentElement = element;
-    while (currentElement) {
-        if (getContextFromElement(currentElement, contextKey) !== undefined) {
-            return currentElement;
-        }
-        currentElement = currentElement.parentElement;
-    }
-    return null;
-}
-export function createDomContext(name, defaultValue) {
-    var context = createContext(defaultValue);
-    var contextKey = "__awsui_context_".concat(name);
-    var ReactProvider = context.Provider;
-    function RootProvider(_a) {
-        var value = _a.value, rest = __rest(_a, ["value"]);
-        var ref = useRef(null);
-        useLayoutEffect(function () {
-            if (ref.current) {
-                setContextToElement(ref.current, contextKey, value);
-            }
-        }, [value]);
-        return (React.createElement(ReactProvider, { value: value },
-            React.createElement("div", __assign({ ref: ref }, rest))));
-    }
-    function IntermediateProvider(_a) {
-        var children = _a.children, parentElement = _a.parentElement;
-        var _b = useState(undefined), discoveredValue = _b[0], setDiscoveredValue = _b[1];
-        useLayoutEffect(function () {
-            var providerElement = findupContext(contextKey, parentElement);
-            if (!providerElement) {
-                setDiscoveredValue(null);
-            }
-            else {
-                setDiscoveredValue(getContextFromElement(providerElement, contextKey));
-                var changeListener_1 = function () {
-                    var newValue = getContextFromElement(providerElement, contextKey);
-                    setDiscoveredValue(newValue);
-                };
-                providerElement.addEventListener(contextKey, changeListener_1);
-                return function () { return providerElement.removeEventListener(contextKey, changeListener_1); };
-            }
-        }, [parentElement]);
-        // it is undefined at the first render
-        if (discoveredValue === undefined) {
-            return null;
-        }
-        // we looked for context value but found nothing, continue rendering children
-        if (discoveredValue === null) {
-            return React.createElement(React.Fragment, null, children);
-        }
-        // there is a context value, wrap into provider
-        return React.createElement(ReactProvider, { value: discoveredValue }, children);
-    }
-    return { context: context, RootProvider: RootProvider, IntermediateProvider: IntermediateProvider };
-}
-//# sourceMappingURL=index.js.map

package/lib/internal/template/internal/hooks/dom-context/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/dom-context/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\nimport React, { createContext, ProviderProps, useLayoutEffect, useRef, useState } from 'react';\n\nfunction getContextFromElement(element: HTMLElement, contextKey: string) {\n  return (element as any)[contextKey];\n}\n\nfunction setContextToElement(element: HTMLElement, contextKey: string, contextValue: any) {\n  (element as any)[contextKey] = contextValue;\n  const event = document.createEvent('CustomEvent');\n  event.initCustomEvent(contextKey, false, false, null);\n  element.dispatchEvent(event);\n}\n\nfunction findupContext(contextKey: string, element: HTMLElement) {\n  let currentElement: HTMLElement | null = element;\n  while (currentElement) {\n    if (getContextFromElement(currentElement, contextKey) !== undefined) {\n      return currentElement;\n    }\n    currentElement = currentElement.parentElement;\n  }\n  return null;\n}\n\nexport interface RootProviderProps<T> extends React.HTMLAttributes<HTMLDivElement>, ProviderProps<T> {}\n\nexport interface IntermediateProviderProps {\n  parentElement: HTMLElement;\n  children?: React.ReactNode;\n}\n\nexport interface DomContextDeclaration<T> {\n  context: React.Context<T>;\n  RootProvider: React.FC<RootProviderProps<T>>;\n  IntermediateProvider: React.FC<IntermediateProviderProps>;\n}\n\nexport function createDomContext<T>(name: string, defaultValue: T): DomContextDeclaration<T> {\n  const context = createContext<T>(defaultValue);\n  const contextKey = `__awsui_context_${name}`;\n  const ReactProvider = context.Provider;\n\n  function RootProvider({ value, ...rest }: RootProviderProps<T>) {\n    const ref = useRef<HTMLDivElement>(null);\n\n    useLayoutEffect(() => {\n      if (ref.current) {\n        setContextToElement(ref.current, contextKey, value);\n      }\n    }, [value]);\n    return (\n      <ReactProvider value={value}>\n        <div ref={ref} {...rest} />\n      </ReactProvider>\n    );\n  }\n\n  function IntermediateProvider({ children, parentElement }: IntermediateProviderProps) {\n    const [discoveredValue, setDiscoveredValue] = useState<T | null | undefined>(undefined);\n    useLayoutEffect(() => {\n      const providerElement = findupContext(contextKey, parentElement);\n      if (!providerElement) {\n        setDiscoveredValue(null);\n      } else {\n        setDiscoveredValue(getContextFromElement(providerElement, contextKey));\n        const changeListener = () => {\n          const newValue = getContextFromElement(providerElement, contextKey);\n          setDiscoveredValue(newValue);\n        };\n        providerElement.addEventListener(contextKey, changeListener);\n        return () => providerElement.removeEventListener(contextKey, changeListener);\n      }\n    }, [parentElement]);\n    // it is undefined at the first render\n    if (discoveredValue === undefined) {\n      return null;\n    }\n    // we looked for context value but found nothing, continue rendering children\n    if (discoveredValue === null) {\n      return <>{children}</>;\n    }\n    // there is a context value, wrap into provider\n    return <ReactProvider value={discoveredValue}>{children}</ReactProvider>;\n  }\n\n  return { context, RootProvider, IntermediateProvider };\n}\n"]}