npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1345 → 3.0.1346 - Mend

@cloudscape-design/components-themeable 3.0.1345 → 3.0.1346

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

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

@@ -142,7 +142,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_root_1xupv_1r1dl_145:not(#\9) {
+.awsui_root_1xupv_1i9o9_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -167,84 +167,84 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-spacing: normal;
   font-size: var(--font-size-body-m-tq5a14, 14px);
   line-height: var(--line-height-body-m-5xw6xo, 22px);
-  color: var(--color-text-body-default-kbrad2, #16191f);
+  color: var(--color-text-body-default-b2us04, #16191f);
   font-weight: var(--font-weight-normal-fr92v6, 400);
   font-family: var(--font-family-base-c9u5cr, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
 }
-.awsui_wizard_1xupv_1r1dl_177.awsui_refresh_1xupv_1r1dl_177:not(#\9) {
-  column-gap: var(--space-xl-4dmkh1, 24px);
+.awsui_wizard_1xupv_1i9o9_177.awsui_refresh_1xupv_1i9o9_177:not(#\9) {
+  column-gap: var(--space-xl-6jh0ay, 24px);
   display: grid;
   grid-template-columns: auto minmax(0, 1fr);
   grid-template-rows: auto 1fr;
-  row-gap: var(--space-scaled-xxs-jatbiv, 4px);
+  row-gap: var(--space-scaled-xxs-j00t0m, 4px);
 }
-.awsui_wizard_1xupv_1r1dl_177.awsui_refresh_1xupv_1r1dl_177.awsui_small-container_1xupv_1r1dl_184:not(#\9) {
+.awsui_wizard_1xupv_1i9o9_177.awsui_refresh_1xupv_1i9o9_177.awsui_small-container_1xupv_1i9o9_184:not(#\9) {
   grid-template-columns: minmax(0, 1fr) 0;
   grid-template-rows: auto auto 1fr;
-  row-gap: var(--space-scaled-xxs-jatbiv, 4px);
+  row-gap: var(--space-scaled-xxs-j00t0m, 4px);
 }
-.awsui_wizard_1xupv_1r1dl_177:not(#\9):not(.awsui_refresh_1xupv_1r1dl_177) {
+.awsui_wizard_1xupv_1i9o9_177:not(#\9):not(.awsui_refresh_1xupv_1i9o9_177) {
   display: flex;
 }
-.awsui_wizard_1xupv_1r1dl_177:not(#\9):not(.awsui_refresh_1xupv_1r1dl_177).awsui_small-container_1xupv_1r1dl_184 {
+.awsui_wizard_1xupv_1i9o9_177:not(#\9):not(.awsui_refresh_1xupv_1i9o9_177).awsui_small-container_1xupv_1i9o9_184 {
   flex-direction: column;
-  gap: var(--space-s-4a5hs8, 12px);
+  gap: var(--space-s-kll7oj, 12px);
 }
-.awsui_navigation_1xupv_1r1dl_198.awsui_refresh_1xupv_1r1dl_177:not(#\9) {
+.awsui_navigation_1xupv_1i9o9_198.awsui_refresh_1xupv_1i9o9_177:not(#\9) {
   grid-column: 1;
   grid-row: 1/span 2;
-  padding-block-start: calc(var(--space-xs-kw7k3v, 8px) + var(--space-scaled-xxs-jatbiv, 4px));
+  padding-block-start: calc(var(--space-xs-m9b7jf, 8px) + var(--space-scaled-xxs-j00t0m, 4px));
   /* stylelint-disable selector-max-type */
   /* stylelint-enable selector-max-type */
 }
-.awsui_navigation_1xupv_1r1dl_198.awsui_refresh_1xupv_1r1dl_177 > ul.awsui_refresh_1xupv_1r1dl_177:not(#\9) {
+.awsui_navigation_1xupv_1i9o9_198.awsui_refresh_1xupv_1i9o9_177 > ul.awsui_refresh_1xupv_1i9o9_177:not(#\9) {
   position: relative;
   margin-block: 0;
   margin-inline: 0;
-  padding-block-start: var(--space-scaled-xxs-jatbiv, 4px);
+  padding-block-start: var(--space-scaled-xxs-j00t0m, 4px);
   padding-block-end: 0;
   padding-inline: 0;
   inline-size: 260px;
   box-sizing: border-box;
 }
-.awsui_navigation_1xupv_1r1dl_198.awsui_refresh_1xupv_1r1dl_177 > ul.awsui_refresh_1xupv_1r1dl_177 > li:not(#\9) {
+.awsui_navigation_1xupv_1i9o9_198.awsui_refresh_1xupv_1i9o9_177 > ul.awsui_refresh_1xupv_1i9o9_177 > li:not(#\9) {
   display: grid;
-  column-gap: var(--space-xs-kw7k3v, 8px);
-  grid-template-columns: var(--space-l-3cws6j, 20px) 1fr;
+  column-gap: var(--space-xs-m9b7jf, 8px);
+  grid-template-columns: var(--space-l-dpyxli, 20px) 1fr;
   grid-template-rows: repeat(2, auto);
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_navigation_1xupv_1r1dl_198.awsui_refresh_1xupv_1r1dl_177 > ul.awsui_refresh_1xupv_1r1dl_177 > li > hr:not(#\9) {
-  background-color: var(--color-border-divider-default-hfk422, #eaeded);
+.awsui_navigation_1xupv_1i9o9_198.awsui_refresh_1xupv_1i9o9_177 > ul.awsui_refresh_1xupv_1i9o9_177 > li > hr:not(#\9) {
+  background-color: var(--color-border-divider-default-diwd4w, #eaeded);
   border-block: 0;
   border-inline: 0;
   grid-column: 1;
   block-size: 100%;
-  inline-size: var(--space-xxxs-3w1kr2, 2px);
+  inline-size: var(--space-xxxs-3ulqs3, 2px);
 }
-.awsui_navigation_1xupv_1r1dl_198.awsui_refresh_1xupv_1r1dl_177 > ul.awsui_refresh_1xupv_1r1dl_177 > li > .awsui_number_1xupv_1r1dl_231:not(#\9) {
-  color: var(--color-text-small-a6zp32, #687078);
+.awsui_navigation_1xupv_1i9o9_198.awsui_refresh_1xupv_1i9o9_177 > ul.awsui_refresh_1xupv_1i9o9_177 > li > .awsui_number_1xupv_1i9o9_231:not(#\9) {
+  color: var(--color-text-small-uo2fu4, #687078);
   font-size: var(--font-size-body-s-89y7qg, 12px);
   grid-column: 2;
   grid-row: 1;
 }
-.awsui_navigation_1xupv_1r1dl_198.awsui_refresh_1xupv_1r1dl_177 > ul.awsui_refresh_1xupv_1r1dl_177 > li > a:not(#\9) {
+.awsui_navigation_1xupv_1i9o9_198.awsui_refresh_1xupv_1i9o9_177 > ul.awsui_refresh_1xupv_1i9o9_177 > li > a:not(#\9) {
   align-items: start;
-  column-gap: var(--space-xs-kw7k3v, 8px);
+  column-gap: var(--space-xs-m9b7jf, 8px);
   cursor: pointer;
   display: grid;
   font-size: var(--font-size-body-m-tq5a14, 14px);
   grid-column: 1/span 2;
   grid-row: 2;
-  grid-template-columns: var(--space-l-3cws6j, 20px) 1fr;
+  grid-template-columns: var(--space-l-dpyxli, 20px) 1fr;
 }
-.awsui_navigation_1xupv_1r1dl_198.awsui_refresh_1xupv_1r1dl_177 > ul.awsui_refresh_1xupv_1r1dl_177 > li > a > .awsui_circle_1xupv_1r1dl_247:not(#\9) {
+.awsui_navigation_1xupv_1i9o9_198.awsui_refresh_1xupv_1i9o9_177 > ul.awsui_refresh_1xupv_1i9o9_177 > li > a > .awsui_circle_1xupv_1i9o9_247:not(#\9) {
   border-start-start-radius: 100%;
   border-start-end-radius: 100%;
   border-end-start-radius: 100%;
@@ -255,200 +255,200 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block-start: 6px;
   inline-size: 10px;
 }
-.awsui_navigation_1xupv_1r1dl_198.awsui_refresh_1xupv_1r1dl_177 > ul.awsui_refresh_1xupv_1r1dl_177 > li > a > .awsui_title_1xupv_1r1dl_258:not(#\9) {
+.awsui_navigation_1xupv_1i9o9_198.awsui_refresh_1xupv_1i9o9_177 > ul.awsui_refresh_1xupv_1i9o9_177 > li > a > .awsui_title_1xupv_1i9o9_258:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
   grid-column: 2;
 }
-body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_1r1dl_198.awsui_refresh_1xupv_1r1dl_177 > ul.awsui_refresh_1xupv_1r1dl_177 > li > a:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_1i9o9_198.awsui_refresh_1xupv_1i9o9_177 > ul.awsui_refresh_1xupv_1i9o9_177 > li > a:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-wn9h6t, 5px auto Highlight);
   outline-offset: 2px;
-  outline-color: var(--color-border-item-focused-a3thrr, #0073bb);
+  outline-color: var(--color-border-item-focused-sewkzn, #0073bb);
   border-start-start-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
   border-start-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
   border-end-start-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
   border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
-  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-ggjunl, 0px) var(--color-border-item-focused-a3thrr, #0073bb);
+  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-ggjunl, 0px) var(--color-border-item-focused-sewkzn, #0073bb);
 }
-.awsui_navigation_1xupv_1r1dl_198.awsui_refresh_1xupv_1r1dl_177 > ul.awsui_refresh_1xupv_1r1dl_177 > li:not(#\9):first-child > hr {
+.awsui_navigation_1xupv_1i9o9_198.awsui_refresh_1xupv_1i9o9_177 > ul.awsui_refresh_1xupv_1i9o9_177 > li:not(#\9):first-child > hr {
   grid-row: 2/span 2;
 }
-.awsui_navigation_1xupv_1r1dl_198.awsui_refresh_1xupv_1r1dl_177 > ul.awsui_refresh_1xupv_1r1dl_177 > li:not(#\9):not(:first-child) > .awsui_number_1xupv_1r1dl_231 {
-  margin-block-start: var(--space-m-n2lypl, 16px);
+.awsui_navigation_1xupv_1i9o9_198.awsui_refresh_1xupv_1i9o9_177 > ul.awsui_refresh_1xupv_1i9o9_177 > li:not(#\9):not(:first-child) > .awsui_number_1xupv_1i9o9_231 {
+  margin-block-start: var(--space-m-n8iq8o, 16px);
 }
-.awsui_navigation_1xupv_1r1dl_198.awsui_refresh_1xupv_1r1dl_177 > ul.awsui_refresh_1xupv_1r1dl_177 > li:not(#\9):last-child > hr {
+.awsui_navigation_1xupv_1i9o9_198.awsui_refresh_1xupv_1i9o9_177 > ul.awsui_refresh_1xupv_1i9o9_177 > li:not(#\9):last-child > hr {
   grid-row: 1;
 }
-.awsui_navigation_1xupv_1r1dl_198.awsui_refresh_1xupv_1r1dl_177 > ul.awsui_refresh_1xupv_1r1dl_177 > li:not(#\9):only-of-type > hr {
+.awsui_navigation_1xupv_1i9o9_198.awsui_refresh_1xupv_1i9o9_177 > ul.awsui_refresh_1xupv_1i9o9_177 > li:not(#\9):only-of-type > hr {
   display: none;
 }
-.awsui_navigation_1xupv_1r1dl_198.awsui_refresh_1xupv_1r1dl_177 > ul.awsui_refresh_1xupv_1r1dl_177 > li:not(#\9):not(:first-child):not(:last-child) > hr {
+.awsui_navigation_1xupv_1i9o9_198.awsui_refresh_1xupv_1i9o9_177 > ul.awsui_refresh_1xupv_1i9o9_177 > li:not(#\9):not(:first-child):not(:last-child) > hr {
   grid-row: 1/span 3;
 }
-.awsui_navigation_1xupv_1r1dl_198.awsui_refresh_1xupv_1r1dl_177 > ul.awsui_refresh_1xupv_1r1dl_177 > li.awsui_active_1xupv_1r1dl_289 > a:not(#\9) {
+.awsui_navigation_1xupv_1i9o9_198.awsui_refresh_1xupv_1i9o9_177 > ul.awsui_refresh_1xupv_1i9o9_177 > li.awsui_active_1xupv_1i9o9_289 > a:not(#\9) {
   cursor: text;
 }
-.awsui_navigation_1xupv_1r1dl_198.awsui_refresh_1xupv_1r1dl_177 > ul.awsui_refresh_1xupv_1r1dl_177 > li.awsui_active_1xupv_1r1dl_289 > a > .awsui_circle_1xupv_1r1dl_247:not(#\9) {
-  background-color: var(--color-background-control-checked-8lskez, #0073bb);
-  box-shadow: 0 0 0 3px var(--color-background-container-content-mvmryi, #ffffff), 0 0 0 5px var(--color-background-control-checked-8lskez, #0073bb), 0 0 0 7px var(--color-background-container-content-mvmryi, #ffffff);
+.awsui_navigation_1xupv_1i9o9_198.awsui_refresh_1xupv_1i9o9_177 > ul.awsui_refresh_1xupv_1i9o9_177 > li.awsui_active_1xupv_1i9o9_289 > a > .awsui_circle_1xupv_1i9o9_247:not(#\9) {
+  background-color: var(--color-background-control-checked-ksqwhc, #0073bb);
+  box-shadow: 0 0 0 3px var(--color-background-container-content-mjfil9, #ffffff), 0 0 0 5px var(--color-background-control-checked-ksqwhc, #0073bb), 0 0 0 7px var(--color-background-container-content-mjfil9, #ffffff);
 }
-.awsui_navigation_1xupv_1r1dl_198.awsui_refresh_1xupv_1r1dl_177 > ul.awsui_refresh_1xupv_1r1dl_177 > li.awsui_active_1xupv_1r1dl_289 > a > .awsui_title_1xupv_1r1dl_258:not(#\9) {
-  color: var(--color-background-control-checked-8lskez, #0073bb);
+.awsui_navigation_1xupv_1i9o9_198.awsui_refresh_1xupv_1i9o9_177 > ul.awsui_refresh_1xupv_1i9o9_177 > li.awsui_active_1xupv_1i9o9_289 > a > .awsui_title_1xupv_1i9o9_258:not(#\9) {
+  color: var(--color-background-control-checked-ksqwhc, #0073bb);
   font-weight: var(--font-weight-bold-xpar9m, 700);
 }
-.awsui_navigation_1xupv_1r1dl_198.awsui_refresh_1xupv_1r1dl_177 > ul.awsui_refresh_1xupv_1r1dl_177 > li.awsui_disabled_1xupv_1r1dl_300 > a:not(#\9) {
+.awsui_navigation_1xupv_1i9o9_198.awsui_refresh_1xupv_1i9o9_177 > ul.awsui_refresh_1xupv_1i9o9_177 > li.awsui_disabled_1xupv_1i9o9_300 > a:not(#\9) {
   cursor: text;
 }
-.awsui_navigation_1xupv_1r1dl_198.awsui_refresh_1xupv_1r1dl_177 > ul.awsui_refresh_1xupv_1r1dl_177 > li.awsui_disabled_1xupv_1r1dl_300 > a > .awsui_circle_1xupv_1r1dl_247:not(#\9) {
-  background-color: var(--color-background-container-content-mvmryi, #ffffff);
-  box-shadow: 0 0 0 2px var(--color-text-interactive-disabled-i9f2yj, #aab7b8), 0 0 0 4px var(--color-background-container-content-mvmryi, #ffffff);
+.awsui_navigation_1xupv_1i9o9_198.awsui_refresh_1xupv_1i9o9_177 > ul.awsui_refresh_1xupv_1i9o9_177 > li.awsui_disabled_1xupv_1i9o9_300 > a > .awsui_circle_1xupv_1i9o9_247:not(#\9) {
+  background-color: var(--color-background-container-content-mjfil9, #ffffff);
+  box-shadow: 0 0 0 2px var(--color-text-interactive-disabled-tuxgxq, #aab7b8), 0 0 0 4px var(--color-background-container-content-mjfil9, #ffffff);
 }
-.awsui_navigation_1xupv_1r1dl_198.awsui_refresh_1xupv_1r1dl_177 > ul.awsui_refresh_1xupv_1r1dl_177 > li.awsui_disabled_1xupv_1r1dl_300 > a > .awsui_title_1xupv_1r1dl_258:not(#\9) {
-  color: var(--color-text-status-inactive-mtqnz3, #687078);
+.awsui_navigation_1xupv_1i9o9_198.awsui_refresh_1xupv_1i9o9_177 > ul.awsui_refresh_1xupv_1i9o9_177 > li.awsui_disabled_1xupv_1i9o9_300 > a > .awsui_title_1xupv_1i9o9_258:not(#\9) {
+  color: var(--color-text-status-inactive-fqjc97, #687078);
 }
-.awsui_navigation_1xupv_1r1dl_198.awsui_refresh_1xupv_1r1dl_177 > ul.awsui_refresh_1xupv_1r1dl_177 > li.awsui_enabled_1xupv_1r1dl_310 > a > .awsui_circle_1xupv_1r1dl_247:not(#\9) {
-  background-color: var(--color-text-interactive-default-mf3cev, #545b64);
-  box-shadow: 0 0 0 2px var(--color-text-interactive-default-mf3cev, #545b64), 0 0 0 4px var(--color-background-container-content-mvmryi, #ffffff);
+.awsui_navigation_1xupv_1i9o9_198.awsui_refresh_1xupv_1i9o9_177 > ul.awsui_refresh_1xupv_1i9o9_177 > li.awsui_enabled_1xupv_1i9o9_310 > a > .awsui_circle_1xupv_1i9o9_247:not(#\9) {
+  background-color: var(--color-text-interactive-default-pauydh, #545b64);
+  box-shadow: 0 0 0 2px var(--color-text-interactive-default-pauydh, #545b64), 0 0 0 4px var(--color-background-container-content-mjfil9, #ffffff);
 }
-.awsui_navigation_1xupv_1r1dl_198.awsui_refresh_1xupv_1r1dl_177 > ul.awsui_refresh_1xupv_1r1dl_177 > li.awsui_enabled_1xupv_1r1dl_310 > a > .awsui_title_1xupv_1r1dl_258:not(#\9) {
-  color: var(--color-text-interactive-default-mf3cev, #545b64);
+.awsui_navigation_1xupv_1i9o9_198.awsui_refresh_1xupv_1i9o9_177 > ul.awsui_refresh_1xupv_1i9o9_177 > li.awsui_enabled_1xupv_1i9o9_310 > a > .awsui_title_1xupv_1i9o9_258:not(#\9) {
+  color: var(--color-text-interactive-default-pauydh, #545b64);
 }
-.awsui_navigation_1xupv_1r1dl_198.awsui_refresh_1xupv_1r1dl_177 > ul.awsui_refresh_1xupv_1r1dl_177 > li.awsui_enabled_1xupv_1r1dl_310 > a:not(#\9):hover > .awsui_circle_1xupv_1r1dl_247 {
-  background-color: var(--color-background-control-checked-8lskez, #0073bb);
-  box-shadow: 0 0 0 2px var(--color-background-control-checked-8lskez, #0073bb), 0 0 0 4px var(--color-background-container-content-mvmryi, #ffffff);
+.awsui_navigation_1xupv_1i9o9_198.awsui_refresh_1xupv_1i9o9_177 > ul.awsui_refresh_1xupv_1i9o9_177 > li.awsui_enabled_1xupv_1i9o9_310 > a:not(#\9):hover > .awsui_circle_1xupv_1i9o9_247 {
+  background-color: var(--color-background-control-checked-ksqwhc, #0073bb);
+  box-shadow: 0 0 0 2px var(--color-background-control-checked-ksqwhc, #0073bb), 0 0 0 4px var(--color-background-container-content-mjfil9, #ffffff);
 }
-.awsui_navigation_1xupv_1r1dl_198.awsui_refresh_1xupv_1r1dl_177 > ul.awsui_refresh_1xupv_1r1dl_177 > li.awsui_enabled_1xupv_1r1dl_310 > a:not(#\9):hover > .awsui_title_1xupv_1r1dl_258 {
-  color: var(--color-background-control-checked-8lskez, #0073bb);
+.awsui_navigation_1xupv_1i9o9_198.awsui_refresh_1xupv_1i9o9_177 > ul.awsui_refresh_1xupv_1i9o9_177 > li.awsui_enabled_1xupv_1i9o9_310 > a:not(#\9):hover > .awsui_title_1xupv_1i9o9_258 {
+  color: var(--color-background-control-checked-ksqwhc, #0073bb);
 }
-.awsui_navigation_1xupv_1r1dl_198:not(#\9):not(.awsui_refresh_1xupv_1r1dl_177) {
-  color: var(--color-text-disabled-nvj3g2, #aab7b8);
+.awsui_navigation_1xupv_1i9o9_198:not(#\9):not(.awsui_refresh_1xupv_1i9o9_177) {
+  color: var(--color-text-disabled-ybqlwm, #aab7b8);
   display: inline-block;
-  margin-inline-end: calc(2 * var(--space-xxxl-qhelse, 40px));
+  margin-inline-end: calc(2 * var(--space-xxxl-pjngik, 40px));
   min-inline-size: 200px;
-  padding-block-start: var(--space-xxs-jnczic, 4px);
+  padding-block-start: var(--space-xxs-3o1yoq, 4px);
   inline-size: 200px;
   /* stylelint-disable selector-max-type */
   /* stylelint-enable selector-max-type */
 }
-.awsui_navigation_1xupv_1r1dl_198:not(#\9):not(.awsui_refresh_1xupv_1r1dl_177) > ul:not(.awsui_refresh_1xupv_1r1dl_177) {
+.awsui_navigation_1xupv_1i9o9_198:not(#\9):not(.awsui_refresh_1xupv_1i9o9_177) > ul:not(.awsui_refresh_1xupv_1i9o9_177) {
   list-style: none;
   padding-block: 0;
   padding-inline: 0;
   margin-block: 0;
   margin-inline: 0;
 }
-.awsui_navigation_1xupv_1r1dl_198:not(#\9):not(.awsui_refresh_1xupv_1r1dl_177) > ul:not(.awsui_refresh_1xupv_1r1dl_177) > li {
+.awsui_navigation_1xupv_1i9o9_198:not(#\9):not(.awsui_refresh_1xupv_1i9o9_177) > ul:not(.awsui_refresh_1xupv_1i9o9_177) > li {
   min-inline-size: 0;
   word-break: break-word;
-  padding-block: 0 var(--space-scaled-m-sw9kcx, 16px);
+  padding-block: 0 var(--space-scaled-m-lfeh3i, 16px);
 }
-.awsui_navigation_1xupv_1r1dl_198:not(#\9):not(.awsui_refresh_1xupv_1r1dl_177) > ul:not(.awsui_refresh_1xupv_1r1dl_177) > li:not(:first-child) {
-  margin-block-start: var(--space-scaled-m-sw9kcx, 16px);
+.awsui_navigation_1xupv_1i9o9_198:not(#\9):not(.awsui_refresh_1xupv_1i9o9_177) > ul:not(.awsui_refresh_1xupv_1i9o9_177) > li:not(:first-child) {
+  margin-block-start: var(--space-scaled-m-lfeh3i, 16px);
 }
-.awsui_navigation_1xupv_1r1dl_198:not(#\9):not(.awsui_refresh_1xupv_1r1dl_177) > ul:not(.awsui_refresh_1xupv_1r1dl_177) > li:not(:last-child) {
-  border-block-end: var(--border-divider-list-width-2qbfmz, 1px) solid var(--color-border-layout-gb61sp, #d5dbdb);
+.awsui_navigation_1xupv_1i9o9_198:not(#\9):not(.awsui_refresh_1xupv_1i9o9_177) > ul:not(.awsui_refresh_1xupv_1i9o9_177) > li:not(:last-child) {
+  border-block-end: var(--border-divider-list-width-2qbfmz, 1px) solid var(--color-border-layout-h5yp20, #d5dbdb);
 }
-.awsui_form_1xupv_1r1dl_354:not(#\9):not(.awsui_refresh_1xupv_1r1dl_177) {
+.awsui_form_1xupv_1i9o9_354:not(#\9):not(.awsui_refresh_1xupv_1i9o9_177) {
   min-inline-size: 0;
   word-break: break-word;
   inline-size: 100%;
 }
-.awsui_form_1xupv_1r1dl_354:not(#\9):not(.awsui_refresh_1xupv_1r1dl_177) > .awsui_form-header_1xupv_1r1dl_359 {
+.awsui_form_1xupv_1i9o9_354:not(#\9):not(.awsui_refresh_1xupv_1i9o9_177) > .awsui_form-header_1xupv_1i9o9_359 {
   position: relative;
-  margin-block-end: var(--space-scaled-m-sw9kcx, 16px);
+  margin-block-end: var(--space-scaled-m-lfeh3i, 16px);
 }
-.awsui_form_1xupv_1r1dl_354.awsui_refresh_1xupv_1r1dl_177:not(#\9) {
+.awsui_form_1xupv_1i9o9_354.awsui_refresh_1xupv_1i9o9_177:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
   display: contents;
 }
-.awsui_form_1xupv_1r1dl_354.awsui_refresh_1xupv_1r1dl_177 > .awsui_form-header_1xupv_1r1dl_359:not(#\9) {
+.awsui_form_1xupv_1i9o9_354.awsui_refresh_1xupv_1i9o9_177 > .awsui_form-header_1xupv_1i9o9_359:not(#\9) {
   grid-column: 2;
   grid-row: 1;
-  color: var(--color-text-body-default-kbrad2, #16191f);
+  color: var(--color-text-body-default-b2us04, #16191f);
 }
-.awsui_form_1xupv_1r1dl_354.awsui_refresh_1xupv_1r1dl_177 > .awsui_form-header_1xupv_1r1dl_359 > .awsui_form-header-content_1xupv_1r1dl_374:not(#\9) {
-  padding-block-start: calc(var(--space-xl-4dmkh1, 24px) + var(--space-scaled-xxxs-prgw5k, 2px));
-  padding-block-end: var(--space-scaled-s-gjhvjd, 12px);
+.awsui_form_1xupv_1i9o9_354.awsui_refresh_1xupv_1i9o9_177 > .awsui_form-header_1xupv_1i9o9_359 > .awsui_form-header-content_1xupv_1i9o9_374:not(#\9) {
+  padding-block-start: calc(var(--space-xl-6jh0ay, 24px) + var(--space-scaled-xxxs-n0ri6o, 2px));
+  padding-block-end: var(--space-scaled-s-2crg2b, 12px);
 }
-.awsui_form_1xupv_1r1dl_354.awsui_refresh_1xupv_1r1dl_177 > .awsui_form-component_1xupv_1r1dl_378:not(#\9) {
+.awsui_form_1xupv_1i9o9_354.awsui_refresh_1xupv_1i9o9_177 > .awsui_form-component_1xupv_1i9o9_378:not(#\9) {
   grid-column: 2;
   grid-row: 2;
 }
-.awsui_form_1xupv_1r1dl_354.awsui_refresh_1xupv_1r1dl_177.awsui_small-container_1xupv_1r1dl_184 > .awsui_form-header_1xupv_1r1dl_359:not(#\9) {
+.awsui_form_1xupv_1i9o9_354.awsui_refresh_1xupv_1i9o9_177.awsui_small-container_1xupv_1i9o9_184 > .awsui_form-header_1xupv_1i9o9_359:not(#\9) {
   grid-column: 1/span 2;
   grid-row: 2;
 }
-.awsui_form_1xupv_1r1dl_354.awsui_refresh_1xupv_1r1dl_177.awsui_small-container_1xupv_1r1dl_184 > .awsui_form-header_1xupv_1r1dl_359 > .awsui_form-header-content_1xupv_1r1dl_374:not(#\9) {
+.awsui_form_1xupv_1i9o9_354.awsui_refresh_1xupv_1i9o9_177.awsui_small-container_1xupv_1i9o9_184 > .awsui_form-header_1xupv_1i9o9_359 > .awsui_form-header-content_1xupv_1i9o9_374:not(#\9) {
   padding-block-start: 0;
 }
-.awsui_form_1xupv_1r1dl_354.awsui_refresh_1xupv_1r1dl_177.awsui_small-container_1xupv_1r1dl_184 > .awsui_form-component_1xupv_1r1dl_378:not(#\9) {
+.awsui_form_1xupv_1i9o9_354.awsui_refresh_1xupv_1i9o9_177.awsui_small-container_1xupv_1i9o9_184 > .awsui_form-component_1xupv_1i9o9_378:not(#\9) {
   grid-column: 1/span 2;
   grid-row: 3;
 }
-.awsui_navigation_1xupv_1r1dl_198.awsui_hidden_1xupv_1r1dl_394:not(#\9) {
+.awsui_navigation_1xupv_1i9o9_198.awsui_hidden_1xupv_1i9o9_394:not(#\9) {
   display: none;
 }
-.awsui_collapsed-steps_1xupv_1r1dl_398:not(#\9) {
+.awsui_collapsed-steps_1xupv_1i9o9_398:not(#\9) {
   grid-column: 1/span 2;
   grid-row: 1;
 }
 /* Override fixed sidebar width for expandable navigation */
-.awsui_navigation_1xupv_1r1dl_198.awsui_refresh_1xupv_1r1dl_177.awsui_collapsed-steps-navigation_1xupv_1r1dl_404:not(#\9) {
+.awsui_navigation_1xupv_1i9o9_198.awsui_refresh_1xupv_1i9o9_177.awsui_collapsed-steps-navigation_1xupv_1i9o9_404:not(#\9) {
   grid-column: unset;
   grid-row: unset;
   padding-block-start: 0;
 }
-.awsui_navigation_1xupv_1r1dl_198.awsui_refresh_1xupv_1r1dl_177.awsui_collapsed-steps-navigation_1xupv_1r1dl_404 > ul.awsui_refresh_1xupv_1r1dl_177:not(#\9) {
+.awsui_navigation_1xupv_1i9o9_198.awsui_refresh_1xupv_1i9o9_177.awsui_collapsed-steps-navigation_1xupv_1i9o9_404 > ul.awsui_refresh_1xupv_1i9o9_177:not(#\9) {
   inline-size: 100%;
 }
-.awsui_form-header-component-wrapper_1xupv_1r1dl_413:not(#\9) {
+.awsui_form-header-component-wrapper_1xupv_1i9o9_413:not(#\9) {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_1r1dl_413:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_1i9o9_413:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-wn9h6t, 5px auto Highlight);
   outline-offset: 2px;
-  outline-color: var(--color-border-item-focused-a3thrr, #0073bb);
+  outline-color: var(--color-border-item-focused-sewkzn, #0073bb);
   border-start-start-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
   border-start-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
   border-end-start-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
   border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
-  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-ggjunl, 0px) var(--color-border-item-focused-a3thrr, #0073bb);
+  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-ggjunl, 0px) var(--color-border-item-focused-sewkzn, #0073bb);
 }
-.awsui_form-header-component_1xupv_1r1dl_413:not(#\9),
-.awsui_navigation-link_1xupv_1r1dl_429:not(#\9),
-.awsui_navigation-link-item_1xupv_1r1dl_430:not(#\9),
-.awsui_navigation-link-label_1xupv_1r1dl_431:not(#\9) {
+.awsui_form-header-component_1xupv_1i9o9_413:not(#\9),
+.awsui_navigation-link_1xupv_1i9o9_429:not(#\9),
+.awsui_navigation-link-item_1xupv_1i9o9_430:not(#\9),
+.awsui_navigation-link-label_1xupv_1i9o9_431:not(#\9) {
   /* used in test-utils */
 }
-.awsui_navigation-link-active_1xupv_1r1dl_435:not(#\9) {
+.awsui_navigation-link-active_1xupv_1i9o9_435:not(#\9) {
   font-weight: var(--font-weight-bold-xpar9m, 700);
-  color: var(--color-text-body-default-kbrad2, #16191f);
+  color: var(--color-text-body-default-b2us04, #16191f);
 }
-.awsui_navigation-link-disabled_1xupv_1r1dl_440:not(#\9) {
-  color: var(--color-text-status-inactive-mtqnz3, #687078);
+.awsui_navigation-link-disabled_1xupv_1i9o9_440:not(#\9) {
+  color: var(--color-text-status-inactive-fqjc97, #687078);
 }
-.awsui_cancel-button_1xupv_1r1dl_444:not(#\9),
-.awsui_previous-button_1xupv_1r1dl_445:not(#\9),
-.awsui_primary-button_1xupv_1r1dl_446:not(#\9),
-.awsui_skip-to-button_1xupv_1r1dl_447:not(#\9) {
+.awsui_cancel-button_1xupv_1i9o9_444:not(#\9),
+.awsui_previous-button_1xupv_1i9o9_445:not(#\9),
+.awsui_primary-button_1xupv_1i9o9_446:not(#\9),
+.awsui_skip-to-button_1xupv_1i9o9_447:not(#\9) {
   /* used in test-utils */
 }
-.awsui_action-buttons_1xupv_1r1dl_451:not(#\9) {
+.awsui_action-buttons_1xupv_1i9o9_451:not(#\9) {
   display: flex;
   justify-content: flex-end;
 }

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

@@ -2,35 +2,35 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1xupv_1r1dl_145",
-  "wizard": "awsui_wizard_1xupv_1r1dl_177",
-  "refresh": "awsui_refresh_1xupv_1r1dl_177",
-  "small-container": "awsui_small-container_1xupv_1r1dl_184",
-  "navigation": "awsui_navigation_1xupv_1r1dl_198",
-  "number": "awsui_number_1xupv_1r1dl_231",
-  "circle": "awsui_circle_1xupv_1r1dl_247",
-  "title": "awsui_title_1xupv_1r1dl_258",
-  "active": "awsui_active_1xupv_1r1dl_289",
-  "disabled": "awsui_disabled_1xupv_1r1dl_300",
-  "enabled": "awsui_enabled_1xupv_1r1dl_310",
-  "form": "awsui_form_1xupv_1r1dl_354",
-  "form-header": "awsui_form-header_1xupv_1r1dl_359",
-  "form-header-content": "awsui_form-header-content_1xupv_1r1dl_374",
-  "form-component": "awsui_form-component_1xupv_1r1dl_378",
-  "hidden": "awsui_hidden_1xupv_1r1dl_394",
-  "collapsed-steps": "awsui_collapsed-steps_1xupv_1r1dl_398",
-  "collapsed-steps-navigation": "awsui_collapsed-steps-navigation_1xupv_1r1dl_404",
-  "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_1r1dl_413",
-  "form-header-component": "awsui_form-header-component_1xupv_1r1dl_413",
-  "navigation-link": "awsui_navigation-link_1xupv_1r1dl_429",
-  "navigation-link-item": "awsui_navigation-link-item_1xupv_1r1dl_430",
-  "navigation-link-label": "awsui_navigation-link-label_1xupv_1r1dl_431",
-  "navigation-link-active": "awsui_navigation-link-active_1xupv_1r1dl_435",
-  "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_1r1dl_440",
-  "cancel-button": "awsui_cancel-button_1xupv_1r1dl_444",
-  "previous-button": "awsui_previous-button_1xupv_1r1dl_445",
-  "primary-button": "awsui_primary-button_1xupv_1r1dl_446",
-  "skip-to-button": "awsui_skip-to-button_1xupv_1r1dl_447",
-  "action-buttons": "awsui_action-buttons_1xupv_1r1dl_451"
+  "root": "awsui_root_1xupv_1i9o9_145",
+  "wizard": "awsui_wizard_1xupv_1i9o9_177",
+  "refresh": "awsui_refresh_1xupv_1i9o9_177",
+  "small-container": "awsui_small-container_1xupv_1i9o9_184",
+  "navigation": "awsui_navigation_1xupv_1i9o9_198",
+  "number": "awsui_number_1xupv_1i9o9_231",
+  "circle": "awsui_circle_1xupv_1i9o9_247",
+  "title": "awsui_title_1xupv_1i9o9_258",
+  "active": "awsui_active_1xupv_1i9o9_289",
+  "disabled": "awsui_disabled_1xupv_1i9o9_300",
+  "enabled": "awsui_enabled_1xupv_1i9o9_310",
+  "form": "awsui_form_1xupv_1i9o9_354",
+  "form-header": "awsui_form-header_1xupv_1i9o9_359",
+  "form-header-content": "awsui_form-header-content_1xupv_1i9o9_374",
+  "form-component": "awsui_form-component_1xupv_1i9o9_378",
+  "hidden": "awsui_hidden_1xupv_1i9o9_394",
+  "collapsed-steps": "awsui_collapsed-steps_1xupv_1i9o9_398",
+  "collapsed-steps-navigation": "awsui_collapsed-steps-navigation_1xupv_1i9o9_404",
+  "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_1i9o9_413",
+  "form-header-component": "awsui_form-header-component_1xupv_1i9o9_413",
+  "navigation-link": "awsui_navigation-link_1xupv_1i9o9_429",
+  "navigation-link-item": "awsui_navigation-link-item_1xupv_1i9o9_430",
+  "navigation-link-label": "awsui_navigation-link-label_1xupv_1i9o9_431",
+  "navigation-link-active": "awsui_navigation-link-active_1xupv_1i9o9_435",
+  "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_1i9o9_440",
+  "cancel-button": "awsui_cancel-button_1xupv_1i9o9_444",
+  "previous-button": "awsui_previous-button_1xupv_1i9o9_445",
+  "primary-button": "awsui_primary-button_1xupv_1i9o9_446",
+  "skip-to-button": "awsui_skip-to-button_1xupv_1i9o9_447",
+  "action-buttons": "awsui_action-buttons_1xupv_1i9o9_451"
 };

package/package.json CHANGED Viewed

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