npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.374 → 3.0.376 - Mend

@cloudscape-design/components-themeable 3.0.374 → 3.0.376

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (392) hide show

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

@@ -1,36 +1,36 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1xupv_ja4z9_94",
-  "wizard": "awsui_wizard_1xupv_ja4z9_107",
-  "refresh": "awsui_refresh_1xupv_ja4z9_107",
-  "small-container": "awsui_small-container_1xupv_ja4z9_114",
-  "navigation": "awsui_navigation_1xupv_ja4z9_123",
-  "number": "awsui_number_1xupv_ja4z9_185",
-  "circle": "awsui_circle_1xupv_ja4z9_201",
-  "title": "awsui_title_1xupv_ja4z9_209",
-  "active": "awsui_active_1xupv_ja4z9_238",
-  "disabled": "awsui_disabled_1xupv_ja4z9_249",
-  "enabled": "awsui_enabled_1xupv_ja4z9_259",
-  "form": "awsui_form_1xupv_ja4z9_301",
-  "form-header": "awsui_form-header_1xupv_ja4z9_307",
-  "background": "awsui_background_1xupv_ja4z9_318",
-  "form-header-content": "awsui_form-header-content_1xupv_ja4z9_330",
-  "form-component": "awsui_form-component_1xupv_ja4z9_334",
-  "hidden": "awsui_hidden_1xupv_ja4z9_348",
-  "collapsed-steps": "awsui_collapsed-steps_1xupv_ja4z9_352",
-  "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_ja4z9_357",
-  "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_ja4z9_361",
-  "form-header-component": "awsui_form-header-component_1xupv_ja4z9_361",
-  "navigation-link": "awsui_navigation-link_1xupv_ja4z9_374",
-  "navigation-link-item": "awsui_navigation-link-item_1xupv_ja4z9_375",
-  "navigation-link-label": "awsui_navigation-link-label_1xupv_ja4z9_376",
-  "navigation-link-active": "awsui_navigation-link-active_1xupv_ja4z9_380",
-  "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_ja4z9_385",
-  "cancel-button": "awsui_cancel-button_1xupv_ja4z9_389",
-  "previous-button": "awsui_previous-button_1xupv_ja4z9_390",
-  "primary-button": "awsui_primary-button_1xupv_ja4z9_391",
-  "skip-to-button": "awsui_skip-to-button_1xupv_ja4z9_392",
-  "action-buttons": "awsui_action-buttons_1xupv_ja4z9_396"
+  "root": "awsui_root_1xupv_1hspe_94",
+  "wizard": "awsui_wizard_1xupv_1hspe_107",
+  "refresh": "awsui_refresh_1xupv_1hspe_107",
+  "small-container": "awsui_small-container_1xupv_1hspe_114",
+  "navigation": "awsui_navigation_1xupv_1hspe_123",
+  "number": "awsui_number_1xupv_1hspe_185",
+  "circle": "awsui_circle_1xupv_1hspe_201",
+  "title": "awsui_title_1xupv_1hspe_209",
+  "active": "awsui_active_1xupv_1hspe_238",
+  "disabled": "awsui_disabled_1xupv_1hspe_249",
+  "enabled": "awsui_enabled_1xupv_1hspe_259",
+  "form": "awsui_form_1xupv_1hspe_301",
+  "form-header": "awsui_form-header_1xupv_1hspe_307",
+  "background": "awsui_background_1xupv_1hspe_318",
+  "form-header-content": "awsui_form-header-content_1xupv_1hspe_330",
+  "form-component": "awsui_form-component_1xupv_1hspe_334",
+  "hidden": "awsui_hidden_1xupv_1hspe_348",
+  "collapsed-steps": "awsui_collapsed-steps_1xupv_1hspe_352",
+  "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_1hspe_357",
+  "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_1hspe_361",
+  "form-header-component": "awsui_form-header-component_1xupv_1hspe_361",
+  "navigation-link": "awsui_navigation-link_1xupv_1hspe_374",
+  "navigation-link-item": "awsui_navigation-link-item_1xupv_1hspe_375",
+  "navigation-link-label": "awsui_navigation-link-label_1xupv_1hspe_376",
+  "navigation-link-active": "awsui_navigation-link-active_1xupv_1hspe_380",
+  "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_1hspe_385",
+  "cancel-button": "awsui_cancel-button_1xupv_1hspe_389",
+  "previous-button": "awsui_previous-button_1xupv_1hspe_390",
+  "primary-button": "awsui_primary-button_1xupv_1hspe_391",
+  "skip-to-button": "awsui_skip-to-button_1xupv_1hspe_392",
+  "action-buttons": "awsui_action-buttons_1xupv_1hspe_396"
 };

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

@@ -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_ja4z9_94:not(#\9) {
+.awsui_root_1xupv_1hspe_94:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -121,47 +121,47 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   widows: 2;
   word-spacing: normal;
   box-sizing: border-box;
-  font-size: var(--font-body-m-size-q2y4dq, 14px);
-  line-height: var(--font-body-m-line-height-7pedlt, 22px);
-  color: var(--color-text-body-default-rcjsde, #16191f);
+  font-size: var(--font-body-m-size-bf8hby, 14px);
+  line-height: var(--font-body-m-line-height-wmg6vk, 22px);
+  color: var(--color-text-body-default-ki9w9u, #16191f);
   font-weight: 400;
-  font-family: var(--font-family-base-8fp8i6, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-0nmw8v, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
 }
-.awsui_wizard_1xupv_ja4z9_107.awsui_refresh_1xupv_ja4z9_107:not(#\9) {
-  column-gap: var(--space-xl-v605rp, 24px);
+.awsui_wizard_1xupv_1hspe_107.awsui_refresh_1xupv_1hspe_107:not(#\9) {
+  column-gap: var(--space-xl-5fdwzu, 24px);
   display: grid;
   grid-template-columns: auto minmax(0, 1fr);
   grid-template-rows: auto 1fr;
-  row-gap: var(--space-scaled-xl-6zb5a6, 24px);
+  row-gap: var(--space-scaled-xl-rljqft, 24px);
 }
-.awsui_wizard_1xupv_ja4z9_107.awsui_refresh_1xupv_ja4z9_107.awsui_small-container_1xupv_ja4z9_114:not(#\9) {
+.awsui_wizard_1xupv_1hspe_107.awsui_refresh_1xupv_1hspe_107.awsui_small-container_1xupv_1hspe_114:not(#\9) {
   grid-template-columns: minmax(0, 1fr) 0;
-  row-gap: var(--space-scaled-l-udxpzh, 20px);
+  row-gap: var(--space-scaled-l-08jb88, 20px);
 }
-.awsui_wizard_1xupv_ja4z9_107:not(#\9):not(.awsui_refresh_1xupv_ja4z9_107) {
+.awsui_wizard_1xupv_1hspe_107:not(#\9):not(.awsui_refresh_1xupv_1hspe_107) {
   display: flex;
 }
-.awsui_navigation_1xupv_ja4z9_123.awsui_refresh_1xupv_ja4z9_107:not(#\9) {
+.awsui_navigation_1xupv_1hspe_123.awsui_refresh_1xupv_1hspe_107:not(#\9) {
   grid-column: 1;
   grid-row: 1/span 2;
   padding-top: var(--awsui-container-first-gap-zw2xxa, 0px);
 }
-.awsui_navigation_1xupv_ja4z9_123.awsui_refresh_1xupv_ja4z9_107 > ul:not(#\9) {
-  background: var(--color-background-container-content-rearqm, #ffffff);
+.awsui_navigation_1xupv_1hspe_123.awsui_refresh_1xupv_1hspe_107 > ul:not(#\9) {
+  background: var(--color-background-container-content-il2pe5, #ffffff);
   position: relative;
-  border-radius: var(--border-radius-container-2j9fta, 0px);
+  border-radius: var(--border-radius-container-jm6teg, 0px);
   box-sizing: border-box;
   margin: 0;
-  padding: var(--space-scaled-m-wu03sm, 16px) var(--space-l-q5p9hz, 20px) var(--space-scaled-l-udxpzh, 20px) var(--space-m-6hr7pn, 16px);
+  padding: var(--space-scaled-m-er48cl, 16px) var(--space-l-xu1x80, 20px) var(--space-scaled-l-08jb88, 20px) var(--space-m-kpg8id, 16px);
   width: 280px;
   box-sizing: border-box;
 }
-.awsui_navigation_1xupv_ja4z9_123.awsui_refresh_1xupv_ja4z9_107 > ul:not(#\9)::before {
+.awsui_navigation_1xupv_1hspe_123.awsui_refresh_1xupv_1hspe_107 > ul:not(#\9)::before {
   content: "";
   position: absolute;
   left: 0px;
@@ -172,11 +172,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background: transparent;
   box-sizing: border-box;
   border-color: transparent;
-  border-top: var(--border-container-top-width-d5kmap, 1px) solid var(--color-border-container-top-akx1ho, #eaeded);
-  border-radius: var(--border-radius-container-2j9fta, 0px);
+  border-top: var(--border-container-top-width-s1x6t0, 1px) solid var(--color-border-container-top-9shhmi, #eaeded);
+  border-radius: var(--border-radius-container-jm6teg, 0px);
   z-index: 1;
 }
-.awsui_navigation_1xupv_ja4z9_123.awsui_refresh_1xupv_ja4z9_107 > ul:not(#\9)::after {
+.awsui_navigation_1xupv_1hspe_123.awsui_refresh_1xupv_1hspe_107 > ul:not(#\9)::after {
   content: "";
   position: absolute;
   left: 0px;
@@ -186,45 +186,45 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   pointer-events: none;
   background: transparent;
   box-sizing: border-box;
-  box-shadow: var(--shadow-container-vs1zdn, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
-  border-radius: var(--border-radius-container-2j9fta, 0px);
+  box-shadow: var(--shadow-container-u50cb8, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
+  border-radius: var(--border-radius-container-jm6teg, 0px);
   mix-blend-mode: multiply;
 }
 @media screen and (-ms-high-contrast: active) {
-  .awsui_navigation_1xupv_ja4z9_123.awsui_refresh_1xupv_ja4z9_107 > ul:not(#\9) {
-    border: var(--border-field-width-diib1p, 1px) solid var(--color-border-container-top-akx1ho, #eaeded);
+  .awsui_navigation_1xupv_1hspe_123.awsui_refresh_1xupv_1hspe_107 > ul:not(#\9) {
+    border: var(--border-field-width-yoy972, 1px) solid var(--color-border-container-top-9shhmi, #eaeded);
   }
 }
-.awsui_navigation_1xupv_ja4z9_123.awsui_refresh_1xupv_ja4z9_107 > ul > li:not(#\9) {
+.awsui_navigation_1xupv_1hspe_123.awsui_refresh_1xupv_1hspe_107 > ul > li:not(#\9) {
   display: grid;
-  column-gap: var(--space-xs-e7dyai, 8px);
-  grid-template-columns: var(--space-l-q5p9hz, 20px) 1fr;
+  column-gap: var(--space-xs-xf5ch3, 8px);
+  grid-template-columns: var(--space-l-xu1x80, 20px) 1fr;
   grid-template-rows: repeat(2, auto);
 }
-.awsui_navigation_1xupv_ja4z9_123.awsui_refresh_1xupv_ja4z9_107 > ul > li > hr:not(#\9) {
-  background-color: var(--color-border-divider-default-z9h069, #eaeded);
+.awsui_navigation_1xupv_1hspe_123.awsui_refresh_1xupv_1hspe_107 > ul > li > hr:not(#\9) {
+  background-color: var(--color-border-divider-default-cr3oi6, #eaeded);
   border: 0;
   grid-column: 1;
   height: 100%;
-  width: var(--space-xxxs-x2jyz4, 2px);
+  width: var(--space-xxxs-z28114, 2px);
 }
-.awsui_navigation_1xupv_ja4z9_123.awsui_refresh_1xupv_ja4z9_107 > ul > li > .awsui_number_1xupv_ja4z9_185:not(#\9) {
-  color: var(--color-text-small-vimsdo, #687078);
-  font-size: var(--font-body-s-size-wofdyf, 12px);
+.awsui_navigation_1xupv_1hspe_123.awsui_refresh_1xupv_1hspe_107 > ul > li > .awsui_number_1xupv_1hspe_185:not(#\9) {
+  color: var(--color-text-small-452yri, #687078);
+  font-size: var(--font-body-s-size-uzxiqw, 12px);
   grid-column: 2;
   grid-row: 1;
 }
-.awsui_navigation_1xupv_ja4z9_123.awsui_refresh_1xupv_ja4z9_107 > ul > li > a:not(#\9) {
+.awsui_navigation_1xupv_1hspe_123.awsui_refresh_1xupv_1hspe_107 > ul > li > a:not(#\9) {
   align-items: start;
-  column-gap: var(--space-xs-e7dyai, 8px);
+  column-gap: var(--space-xs-xf5ch3, 8px);
   cursor: pointer;
   display: grid;
-  font-size: var(--font-body-m-size-q2y4dq, 14px);
+  font-size: var(--font-body-m-size-bf8hby, 14px);
   grid-column: 1/span 2;
   grid-row: 2;
-  grid-template-columns: var(--space-l-q5p9hz, 20px) 1fr;
+  grid-template-columns: var(--space-l-xu1x80, 20px) 1fr;
 }
-.awsui_navigation_1xupv_ja4z9_123.awsui_refresh_1xupv_ja4z9_107 > ul > li > a > .awsui_circle_1xupv_ja4z9_201:not(#\9) {
+.awsui_navigation_1xupv_1hspe_123.awsui_refresh_1xupv_1hspe_107 > ul > li > a > .awsui_circle_1xupv_1hspe_201:not(#\9) {
   border-radius: 100%;
   grid-column: 1;
   height: 10px;
@@ -232,194 +232,194 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-top: 6px;
   width: 10px;
 }
-.awsui_navigation_1xupv_ja4z9_123.awsui_refresh_1xupv_ja4z9_107 > ul > li > a > .awsui_title_1xupv_ja4z9_209:not(#\9) {
+.awsui_navigation_1xupv_1hspe_123.awsui_refresh_1xupv_1hspe_107 > ul > li > a > .awsui_title_1xupv_1hspe_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_ja4z9_123.awsui_refresh_1xupv_ja4z9_107 > ul > li > a:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_1hspe_123.awsui_refresh_1xupv_1hspe_107 > ul > li > a:not(#\9):focus {
   outline: thin dotted;
-  outline: var(--border-link-focus-ring-outline-y3uozn, 5px auto Highlight);
+  outline: var(--border-link-focus-ring-outline-gygm43, 5px auto Highlight);
   outline-offset: 2px;
-  outline-color: var(--color-border-item-focused-gjqsnp, #0073bb);
-  border-radius: var(--border-radius-control-default-focus-ring-awoa2s, 2px);
-  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-btuheb, 0px) var(--color-border-item-focused-gjqsnp, #0073bb);
+  outline-color: var(--color-border-item-focused-v8nq2m, #0073bb);
+  border-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-efbp5h, 0px) var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_navigation_1xupv_ja4z9_123.awsui_refresh_1xupv_ja4z9_107 > ul > li:not(#\9):first-child > hr {
+.awsui_navigation_1xupv_1hspe_123.awsui_refresh_1xupv_1hspe_107 > ul > li:not(#\9):first-child > hr {
   grid-row: 2/span 2;
 }
-.awsui_navigation_1xupv_ja4z9_123.awsui_refresh_1xupv_ja4z9_107 > ul > li:not(#\9):not(:first-child) > .awsui_number_1xupv_ja4z9_185 {
-  margin-top: var(--space-m-6hr7pn, 16px);
+.awsui_navigation_1xupv_1hspe_123.awsui_refresh_1xupv_1hspe_107 > ul > li:not(#\9):not(:first-child) > .awsui_number_1xupv_1hspe_185 {
+  margin-top: var(--space-m-kpg8id, 16px);
 }
-.awsui_navigation_1xupv_ja4z9_123.awsui_refresh_1xupv_ja4z9_107 > ul > li:not(#\9):last-child > hr {
+.awsui_navigation_1xupv_1hspe_123.awsui_refresh_1xupv_1hspe_107 > ul > li:not(#\9):last-child > hr {
   grid-row: 1;
 }
-.awsui_navigation_1xupv_ja4z9_123.awsui_refresh_1xupv_ja4z9_107 > ul > li:not(#\9):only-of-type > hr {
+.awsui_navigation_1xupv_1hspe_123.awsui_refresh_1xupv_1hspe_107 > ul > li:not(#\9):only-of-type > hr {
   display: none;
 }
-.awsui_navigation_1xupv_ja4z9_123.awsui_refresh_1xupv_ja4z9_107 > ul > li:not(#\9):not(:first-child):not(:last-child) > hr {
+.awsui_navigation_1xupv_1hspe_123.awsui_refresh_1xupv_1hspe_107 > ul > li:not(#\9):not(:first-child):not(:last-child) > hr {
   grid-row: 1/span 3;
 }
-.awsui_navigation_1xupv_ja4z9_123.awsui_refresh_1xupv_ja4z9_107 > ul > li.awsui_active_1xupv_ja4z9_238 > a:not(#\9) {
+.awsui_navigation_1xupv_1hspe_123.awsui_refresh_1xupv_1hspe_107 > ul > li.awsui_active_1xupv_1hspe_238 > a:not(#\9) {
   cursor: text;
 }
-.awsui_navigation_1xupv_ja4z9_123.awsui_refresh_1xupv_ja4z9_107 > ul > li.awsui_active_1xupv_ja4z9_238 > a > .awsui_circle_1xupv_ja4z9_201:not(#\9) {
-  background-color: var(--color-background-control-checked-xl2eaq, #0073bb);
-  box-shadow: 0 0 0 3px var(--color-background-container-content-rearqm, #ffffff), 0 0 0 5px var(--color-background-control-checked-xl2eaq, #0073bb), 0 0 0 7px var(--color-background-container-content-rearqm, #ffffff);
+.awsui_navigation_1xupv_1hspe_123.awsui_refresh_1xupv_1hspe_107 > ul > li.awsui_active_1xupv_1hspe_238 > a > .awsui_circle_1xupv_1hspe_201:not(#\9) {
+  background-color: var(--color-background-control-checked-pvanxo, #0073bb);
+  box-shadow: 0 0 0 3px var(--color-background-container-content-il2pe5, #ffffff), 0 0 0 5px var(--color-background-control-checked-pvanxo, #0073bb), 0 0 0 7px var(--color-background-container-content-il2pe5, #ffffff);
 }
-.awsui_navigation_1xupv_ja4z9_123.awsui_refresh_1xupv_ja4z9_107 > ul > li.awsui_active_1xupv_ja4z9_238 > a > .awsui_title_1xupv_ja4z9_209:not(#\9) {
-  color: var(--color-background-control-checked-xl2eaq, #0073bb);
+.awsui_navigation_1xupv_1hspe_123.awsui_refresh_1xupv_1hspe_107 > ul > li.awsui_active_1xupv_1hspe_238 > a > .awsui_title_1xupv_1hspe_209:not(#\9) {
+  color: var(--color-background-control-checked-pvanxo, #0073bb);
   font-weight: 700;
 }
-.awsui_navigation_1xupv_ja4z9_123.awsui_refresh_1xupv_ja4z9_107 > ul > li.awsui_disabled_1xupv_ja4z9_249 > a:not(#\9) {
+.awsui_navigation_1xupv_1hspe_123.awsui_refresh_1xupv_1hspe_107 > ul > li.awsui_disabled_1xupv_1hspe_249 > a:not(#\9) {
   cursor: text;
 }
-.awsui_navigation_1xupv_ja4z9_123.awsui_refresh_1xupv_ja4z9_107 > ul > li.awsui_disabled_1xupv_ja4z9_249 > a > .awsui_circle_1xupv_ja4z9_201:not(#\9) {
-  background-color: var(--color-background-container-content-rearqm, #ffffff);
-  box-shadow: 0 0 0 2px var(--color-text-interactive-disabled-as5h1g, #aab7b8), 0 0 0 4px var(--color-background-container-content-rearqm, #ffffff);
+.awsui_navigation_1xupv_1hspe_123.awsui_refresh_1xupv_1hspe_107 > ul > li.awsui_disabled_1xupv_1hspe_249 > a > .awsui_circle_1xupv_1hspe_201:not(#\9) {
+  background-color: var(--color-background-container-content-il2pe5, #ffffff);
+  box-shadow: 0 0 0 2px var(--color-text-interactive-disabled-e23z4j, #aab7b8), 0 0 0 4px var(--color-background-container-content-il2pe5, #ffffff);
 }
-.awsui_navigation_1xupv_ja4z9_123.awsui_refresh_1xupv_ja4z9_107 > ul > li.awsui_disabled_1xupv_ja4z9_249 > a > .awsui_title_1xupv_ja4z9_209:not(#\9) {
-  color: var(--color-text-status-inactive-9ib456, #687078);
+.awsui_navigation_1xupv_1hspe_123.awsui_refresh_1xupv_1hspe_107 > ul > li.awsui_disabled_1xupv_1hspe_249 > a > .awsui_title_1xupv_1hspe_209:not(#\9) {
+  color: var(--color-text-status-inactive-kvlxhf, #687078);
 }
-.awsui_navigation_1xupv_ja4z9_123.awsui_refresh_1xupv_ja4z9_107 > ul > li.awsui_enabled_1xupv_ja4z9_259 > a > .awsui_circle_1xupv_ja4z9_201:not(#\9) {
-  background-color: var(--color-text-interactive-default-7wc1ct, #545b64);
-  box-shadow: 0 0 0 2px var(--color-text-interactive-default-7wc1ct, #545b64), 0 0 0 4px var(--color-background-container-content-rearqm, #ffffff);
+.awsui_navigation_1xupv_1hspe_123.awsui_refresh_1xupv_1hspe_107 > ul > li.awsui_enabled_1xupv_1hspe_259 > a > .awsui_circle_1xupv_1hspe_201:not(#\9) {
+  background-color: var(--color-text-interactive-default-dt26aj, #545b64);
+  box-shadow: 0 0 0 2px var(--color-text-interactive-default-dt26aj, #545b64), 0 0 0 4px var(--color-background-container-content-il2pe5, #ffffff);
 }
-.awsui_navigation_1xupv_ja4z9_123.awsui_refresh_1xupv_ja4z9_107 > ul > li.awsui_enabled_1xupv_ja4z9_259 > a > .awsui_title_1xupv_ja4z9_209:not(#\9) {
-  color: var(--color-text-interactive-default-7wc1ct, #545b64);
+.awsui_navigation_1xupv_1hspe_123.awsui_refresh_1xupv_1hspe_107 > ul > li.awsui_enabled_1xupv_1hspe_259 > a > .awsui_title_1xupv_1hspe_209:not(#\9) {
+  color: var(--color-text-interactive-default-dt26aj, #545b64);
 }
-.awsui_navigation_1xupv_ja4z9_123.awsui_refresh_1xupv_ja4z9_107 > ul > li.awsui_enabled_1xupv_ja4z9_259 > a:not(#\9):hover > .awsui_circle_1xupv_ja4z9_201 {
-  background-color: var(--color-background-control-checked-xl2eaq, #0073bb);
-  box-shadow: 0 0 0 2px var(--color-background-control-checked-xl2eaq, #0073bb), 0 0 0 4px var(--color-background-container-content-rearqm, #ffffff);
+.awsui_navigation_1xupv_1hspe_123.awsui_refresh_1xupv_1hspe_107 > ul > li.awsui_enabled_1xupv_1hspe_259 > a:not(#\9):hover > .awsui_circle_1xupv_1hspe_201 {
+  background-color: var(--color-background-control-checked-pvanxo, #0073bb);
+  box-shadow: 0 0 0 2px var(--color-background-control-checked-pvanxo, #0073bb), 0 0 0 4px var(--color-background-container-content-il2pe5, #ffffff);
 }
-.awsui_navigation_1xupv_ja4z9_123.awsui_refresh_1xupv_ja4z9_107 > ul > li.awsui_enabled_1xupv_ja4z9_259 > a:not(#\9):hover > .awsui_title_1xupv_ja4z9_209 {
-  color: var(--color-background-control-checked-xl2eaq, #0073bb);
+.awsui_navigation_1xupv_1hspe_123.awsui_refresh_1xupv_1hspe_107 > ul > li.awsui_enabled_1xupv_1hspe_259 > a:not(#\9):hover > .awsui_title_1xupv_1hspe_209 {
+  color: var(--color-background-control-checked-pvanxo, #0073bb);
 }
-.awsui_navigation_1xupv_ja4z9_123:not(#\9):not(.awsui_refresh_1xupv_ja4z9_107) {
-  color: var(--color-text-disabled-qsebzz, #aab7b8);
+.awsui_navigation_1xupv_1hspe_123:not(#\9):not(.awsui_refresh_1xupv_1hspe_107) {
+  color: var(--color-text-disabled-govsss, #aab7b8);
   display: inline-block;
-  margin-right: calc(2 * var(--space-xxxl-n18lpt, 40px));
+  margin-right: calc(2 * var(--space-xxxl-gvq98t, 40px));
   min-width: 200px;
-  padding-top: var(--space-xxs-1wmjb0, 4px);
+  padding-top: var(--space-xxs-9rrxti, 4px);
   width: 200px;
 }
-.awsui_navigation_1xupv_ja4z9_123:not(#\9):not(.awsui_refresh_1xupv_ja4z9_107) > ul {
+.awsui_navigation_1xupv_1hspe_123:not(#\9):not(.awsui_refresh_1xupv_1hspe_107) > ul {
   list-style: none;
   padding: 0;
   margin: 0;
 }
-.awsui_navigation_1xupv_ja4z9_123:not(#\9):not(.awsui_refresh_1xupv_ja4z9_107) > ul > li {
+.awsui_navigation_1xupv_1hspe_123:not(#\9):not(.awsui_refresh_1xupv_1hspe_107) > ul > li {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
-  padding-bottom: var(--space-scaled-m-wu03sm, 16px);
+  padding-bottom: var(--space-scaled-m-er48cl, 16px);
   padding-top: 0;
 }
-.awsui_navigation_1xupv_ja4z9_123:not(#\9):not(.awsui_refresh_1xupv_ja4z9_107) > ul > li:not(:first-child) {
-  margin-top: var(--space-scaled-m-wu03sm, 16px);
+.awsui_navigation_1xupv_1hspe_123:not(#\9):not(.awsui_refresh_1xupv_1hspe_107) > ul > li:not(:first-child) {
+  margin-top: var(--space-scaled-m-er48cl, 16px);
 }
-.awsui_navigation_1xupv_ja4z9_123:not(#\9):not(.awsui_refresh_1xupv_ja4z9_107) > ul > li:not(:last-child) {
-  border-bottom: var(--border-divider-list-width-efu3yc, 1px) solid var(--color-border-layout-uunw66, #d5dbdb);
+.awsui_navigation_1xupv_1hspe_123:not(#\9):not(.awsui_refresh_1xupv_1hspe_107) > ul > li:not(:last-child) {
+  border-bottom: var(--border-divider-list-width-471u6a, 1px) solid var(--color-border-layout-py7xy0, #d5dbdb);
 }
-.awsui_form_1xupv_ja4z9_301:not(#\9):not(.awsui_refresh_1xupv_ja4z9_107) {
+.awsui_form_1xupv_1hspe_301:not(#\9):not(.awsui_refresh_1xupv_1hspe_107) {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
   width: 100%;
 }
-.awsui_form_1xupv_ja4z9_301:not(#\9):not(.awsui_refresh_1xupv_ja4z9_107) > .awsui_form-header_1xupv_ja4z9_307 {
+.awsui_form_1xupv_1hspe_301:not(#\9):not(.awsui_refresh_1xupv_1hspe_107) > .awsui_form-header_1xupv_1hspe_307 {
   position: relative;
-  margin-bottom: var(--space-scaled-m-wu03sm, 16px);
+  margin-bottom: var(--space-scaled-m-er48cl, 16px);
 }
-.awsui_form_1xupv_ja4z9_301.awsui_refresh_1xupv_ja4z9_107:not(#\9) {
+.awsui_form_1xupv_1hspe_301.awsui_refresh_1xupv_1hspe_107:not(#\9) {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
   display: contents;
 }
-.awsui_form_1xupv_ja4z9_301.awsui_refresh_1xupv_ja4z9_107 > .awsui_background_1xupv_ja4z9_318:not(#\9) {
-  background-color: var(--color-background-layout-main-l0tv3m, #f2f3f3);
+.awsui_form_1xupv_1hspe_301.awsui_refresh_1xupv_1hspe_107 > .awsui_background_1xupv_1hspe_318:not(#\9) {
+  background-color: var(--color-background-layout-main-td853a, #f2f3f3);
   grid-column: 1/span 2;
   grid-row: 1;
-  color: var(--color-text-body-default-rcjsde, #16191f);
+  color: var(--color-text-body-default-ki9w9u, #16191f);
 }
-.awsui_form_1xupv_ja4z9_301.awsui_refresh_1xupv_ja4z9_107 > .awsui_form-header_1xupv_ja4z9_307:not(#\9) {
-  background-color: var(--color-background-layout-main-l0tv3m, #f2f3f3);
+.awsui_form_1xupv_1hspe_301.awsui_refresh_1xupv_1hspe_107 > .awsui_form-header_1xupv_1hspe_307:not(#\9) {
+  background-color: var(--color-background-layout-main-td853a, #f2f3f3);
   grid-column: 2;
   grid-row: 1;
-  color: var(--color-text-body-default-rcjsde, #16191f);
+  color: var(--color-text-body-default-ki9w9u, #16191f);
 }
-.awsui_form_1xupv_ja4z9_301.awsui_refresh_1xupv_ja4z9_107 > .awsui_form-header_1xupv_ja4z9_307 > .awsui_form-header-content_1xupv_ja4z9_330:not(#\9) {
-  padding-top: calc(var(--awsui-container-first-gap-zw2xxa, 0px) + var(--space-s-agghyv, 12px));
-  padding-bottom: var(--space-scaled-m-wu03sm, 16px);
+.awsui_form_1xupv_1hspe_301.awsui_refresh_1xupv_1hspe_107 > .awsui_form-header_1xupv_1hspe_307 > .awsui_form-header-content_1xupv_1hspe_330:not(#\9) {
+  padding-top: calc(var(--awsui-container-first-gap-zw2xxa, 0px) + var(--space-s-2025hl, 12px));
+  padding-bottom: var(--space-scaled-m-er48cl, 16px);
 }
-.awsui_form_1xupv_ja4z9_301.awsui_refresh_1xupv_ja4z9_107 > .awsui_form-component_1xupv_ja4z9_334:not(#\9) {
+.awsui_form_1xupv_1hspe_301.awsui_refresh_1xupv_1hspe_107 > .awsui_form-component_1xupv_1hspe_334:not(#\9) {
   grid-column: 2;
   grid-row: 2;
 }
-.awsui_form_1xupv_ja4z9_301.awsui_refresh_1xupv_ja4z9_107.awsui_small-container_1xupv_ja4z9_114 > .awsui_form-header_1xupv_ja4z9_307:not(#\9) {
+.awsui_form_1xupv_1hspe_301.awsui_refresh_1xupv_1hspe_107.awsui_small-container_1xupv_1hspe_114 > .awsui_form-header_1xupv_1hspe_307:not(#\9) {
   grid-column: 1/span 2;
 }
-.awsui_form_1xupv_ja4z9_301.awsui_refresh_1xupv_ja4z9_107.awsui_small-container_1xupv_ja4z9_114 > .awsui_form-header_1xupv_ja4z9_307 > .awsui_form-header-content_1xupv_ja4z9_330:not(#\9) {
+.awsui_form_1xupv_1hspe_301.awsui_refresh_1xupv_1hspe_107.awsui_small-container_1xupv_1hspe_114 > .awsui_form-header_1xupv_1hspe_307 > .awsui_form-header-content_1xupv_1hspe_330:not(#\9) {
   padding-top: 0;
 }
-.awsui_form_1xupv_ja4z9_301.awsui_refresh_1xupv_ja4z9_107.awsui_small-container_1xupv_ja4z9_114 > .awsui_form-component_1xupv_ja4z9_334:not(#\9) {
+.awsui_form_1xupv_1hspe_301.awsui_refresh_1xupv_1hspe_107.awsui_small-container_1xupv_1hspe_114 > .awsui_form-component_1xupv_1hspe_334:not(#\9) {
   grid-column: 1/span 2;
 }
-.awsui_navigation_1xupv_ja4z9_123.awsui_hidden_1xupv_ja4z9_348:not(#\9) {
+.awsui_navigation_1xupv_1hspe_123.awsui_hidden_1xupv_1hspe_348:not(#\9) {
   display: none;
 }
-.awsui_collapsed-steps_1xupv_ja4z9_352:not(#\9) {
-  color: var(--color-text-heading-secondary-jgww34, #545b64);
+.awsui_collapsed-steps_1xupv_1hspe_352:not(#\9) {
+  color: var(--color-text-heading-secondary-b83go1, #545b64);
   font-weight: 700;
-  padding-top: var(--space-scaled-xxs-sh0ehj, 4px);
+  padding-top: var(--space-scaled-xxs-t7ij38, 4px);
 }
-.awsui_collapsed-steps-hidden_1xupv_ja4z9_357:not(#\9) {
+.awsui_collapsed-steps-hidden_1xupv_1hspe_357:not(#\9) {
   display: none;
 }
-.awsui_form-header-component-wrapper_1xupv_ja4z9_361:not(#\9) {
+.awsui_form-header-component-wrapper_1xupv_1hspe_361:not(#\9) {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_ja4z9_361:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_1hspe_361:not(#\9):focus {
   outline: thin dotted;
-  outline: var(--border-link-focus-ring-outline-y3uozn, 5px auto Highlight);
+  outline: var(--border-link-focus-ring-outline-gygm43, 5px auto Highlight);
   outline-offset: 2px;
-  outline-color: var(--color-border-item-focused-gjqsnp, #0073bb);
-  border-radius: var(--border-radius-control-default-focus-ring-awoa2s, 2px);
-  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-btuheb, 0px) var(--color-border-item-focused-gjqsnp, #0073bb);
+  outline-color: var(--color-border-item-focused-v8nq2m, #0073bb);
+  border-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-efbp5h, 0px) var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_form-header-component_1xupv_ja4z9_361:not(#\9),
-.awsui_navigation-link_1xupv_ja4z9_374:not(#\9),
-.awsui_navigation-link-item_1xupv_ja4z9_375:not(#\9),
-.awsui_navigation-link-label_1xupv_ja4z9_376:not(#\9) {
+.awsui_form-header-component_1xupv_1hspe_361:not(#\9),
+.awsui_navigation-link_1xupv_1hspe_374:not(#\9),
+.awsui_navigation-link-item_1xupv_1hspe_375:not(#\9),
+.awsui_navigation-link-label_1xupv_1hspe_376:not(#\9) {
   /* used in test-utils */
 }
-.awsui_navigation-link-active_1xupv_ja4z9_380:not(#\9) {
+.awsui_navigation-link-active_1xupv_1hspe_380:not(#\9) {
   font-weight: 700;
-  color: var(--color-text-body-default-rcjsde, #16191f);
+  color: var(--color-text-body-default-ki9w9u, #16191f);
 }
-.awsui_navigation-link-disabled_1xupv_ja4z9_385:not(#\9) {
-  color: var(--color-text-status-inactive-9ib456, #687078);
+.awsui_navigation-link-disabled_1xupv_1hspe_385:not(#\9) {
+  color: var(--color-text-status-inactive-kvlxhf, #687078);
 }
-.awsui_cancel-button_1xupv_ja4z9_389:not(#\9),
-.awsui_previous-button_1xupv_ja4z9_390:not(#\9),
-.awsui_primary-button_1xupv_ja4z9_391:not(#\9),
-.awsui_skip-to-button_1xupv_ja4z9_392:not(#\9) {
+.awsui_cancel-button_1xupv_1hspe_389:not(#\9),
+.awsui_previous-button_1xupv_1hspe_390:not(#\9),
+.awsui_primary-button_1xupv_1hspe_391:not(#\9),
+.awsui_skip-to-button_1xupv_1hspe_392:not(#\9) {
   /* used in test-utils */
 }
-.awsui_action-buttons_1xupv_ja4z9_396:not(#\9) {
+.awsui_action-buttons_1xupv_1hspe_396:not(#\9) {
   display: flex;
   justify-content: flex-end;
 }

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

@@ -2,36 +2,36 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1xupv_ja4z9_94",
-  "wizard": "awsui_wizard_1xupv_ja4z9_107",
-  "refresh": "awsui_refresh_1xupv_ja4z9_107",
-  "small-container": "awsui_small-container_1xupv_ja4z9_114",
-  "navigation": "awsui_navigation_1xupv_ja4z9_123",
-  "number": "awsui_number_1xupv_ja4z9_185",
-  "circle": "awsui_circle_1xupv_ja4z9_201",
-  "title": "awsui_title_1xupv_ja4z9_209",
-  "active": "awsui_active_1xupv_ja4z9_238",
-  "disabled": "awsui_disabled_1xupv_ja4z9_249",
-  "enabled": "awsui_enabled_1xupv_ja4z9_259",
-  "form": "awsui_form_1xupv_ja4z9_301",
-  "form-header": "awsui_form-header_1xupv_ja4z9_307",
-  "background": "awsui_background_1xupv_ja4z9_318",
-  "form-header-content": "awsui_form-header-content_1xupv_ja4z9_330",
-  "form-component": "awsui_form-component_1xupv_ja4z9_334",
-  "hidden": "awsui_hidden_1xupv_ja4z9_348",
-  "collapsed-steps": "awsui_collapsed-steps_1xupv_ja4z9_352",
-  "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_ja4z9_357",
-  "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_ja4z9_361",
-  "form-header-component": "awsui_form-header-component_1xupv_ja4z9_361",
-  "navigation-link": "awsui_navigation-link_1xupv_ja4z9_374",
-  "navigation-link-item": "awsui_navigation-link-item_1xupv_ja4z9_375",
-  "navigation-link-label": "awsui_navigation-link-label_1xupv_ja4z9_376",
-  "navigation-link-active": "awsui_navigation-link-active_1xupv_ja4z9_380",
-  "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_ja4z9_385",
-  "cancel-button": "awsui_cancel-button_1xupv_ja4z9_389",
-  "previous-button": "awsui_previous-button_1xupv_ja4z9_390",
-  "primary-button": "awsui_primary-button_1xupv_ja4z9_391",
-  "skip-to-button": "awsui_skip-to-button_1xupv_ja4z9_392",
-  "action-buttons": "awsui_action-buttons_1xupv_ja4z9_396"
+  "root": "awsui_root_1xupv_1hspe_94",
+  "wizard": "awsui_wizard_1xupv_1hspe_107",
+  "refresh": "awsui_refresh_1xupv_1hspe_107",
+  "small-container": "awsui_small-container_1xupv_1hspe_114",
+  "navigation": "awsui_navigation_1xupv_1hspe_123",
+  "number": "awsui_number_1xupv_1hspe_185",
+  "circle": "awsui_circle_1xupv_1hspe_201",
+  "title": "awsui_title_1xupv_1hspe_209",
+  "active": "awsui_active_1xupv_1hspe_238",
+  "disabled": "awsui_disabled_1xupv_1hspe_249",
+  "enabled": "awsui_enabled_1xupv_1hspe_259",
+  "form": "awsui_form_1xupv_1hspe_301",
+  "form-header": "awsui_form-header_1xupv_1hspe_307",
+  "background": "awsui_background_1xupv_1hspe_318",
+  "form-header-content": "awsui_form-header-content_1xupv_1hspe_330",
+  "form-component": "awsui_form-component_1xupv_1hspe_334",
+  "hidden": "awsui_hidden_1xupv_1hspe_348",
+  "collapsed-steps": "awsui_collapsed-steps_1xupv_1hspe_352",
+  "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_1hspe_357",
+  "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_1hspe_361",
+  "form-header-component": "awsui_form-header-component_1xupv_1hspe_361",
+  "navigation-link": "awsui_navigation-link_1xupv_1hspe_374",
+  "navigation-link-item": "awsui_navigation-link-item_1xupv_1hspe_375",
+  "navigation-link-label": "awsui_navigation-link-label_1xupv_1hspe_376",
+  "navigation-link-active": "awsui_navigation-link-active_1xupv_1hspe_380",
+  "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_1hspe_385",
+  "cancel-button": "awsui_cancel-button_1xupv_1hspe_389",
+  "previous-button": "awsui_previous-button_1xupv_1hspe_390",
+  "primary-button": "awsui_primary-button_1xupv_1hspe_391",
+  "skip-to-button": "awsui_skip-to-button_1xupv_1hspe_392",
+  "action-buttons": "awsui_action-buttons_1xupv_1hspe_396"
 };

package/package.json CHANGED Viewed

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