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

@cloudscape-design/components-themeable 3.0.1343 → 3.0.1345

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 (473) 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_1acye_145:not(#\9) {
+.awsui_root_1xupv_1r1dl_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -167,42 +167,42 @@ 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-5qid0u, #16191f);
+  color: var(--color-text-body-default-kbrad2, #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_1acye_177.awsui_refresh_1xupv_1acye_177:not(#\9) {
+.awsui_wizard_1xupv_1r1dl_177.awsui_refresh_1xupv_1r1dl_177:not(#\9) {
   column-gap: var(--space-xl-4dmkh1, 24px);
   display: grid;
   grid-template-columns: auto minmax(0, 1fr);
   grid-template-rows: auto 1fr;
   row-gap: var(--space-scaled-xxs-jatbiv, 4px);
 }
-.awsui_wizard_1xupv_1acye_177.awsui_refresh_1xupv_1acye_177.awsui_small-container_1xupv_1acye_184:not(#\9) {
+.awsui_wizard_1xupv_1r1dl_177.awsui_refresh_1xupv_1r1dl_177.awsui_small-container_1xupv_1r1dl_184:not(#\9) {
   grid-template-columns: minmax(0, 1fr) 0;
   grid-template-rows: auto auto 1fr;
   row-gap: var(--space-scaled-xxs-jatbiv, 4px);
 }
-.awsui_wizard_1xupv_1acye_177:not(#\9):not(.awsui_refresh_1xupv_1acye_177) {
+.awsui_wizard_1xupv_1r1dl_177:not(#\9):not(.awsui_refresh_1xupv_1r1dl_177) {
   display: flex;
 }
-.awsui_wizard_1xupv_1acye_177:not(#\9):not(.awsui_refresh_1xupv_1acye_177).awsui_small-container_1xupv_1acye_184 {
+.awsui_wizard_1xupv_1r1dl_177:not(#\9):not(.awsui_refresh_1xupv_1r1dl_177).awsui_small-container_1xupv_1r1dl_184 {
   flex-direction: column;
   gap: var(--space-s-4a5hs8, 12px);
 }
-.awsui_navigation_1xupv_1acye_198.awsui_refresh_1xupv_1acye_177:not(#\9) {
+.awsui_navigation_1xupv_1r1dl_198.awsui_refresh_1xupv_1r1dl_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));
   /* stylelint-disable selector-max-type */
   /* stylelint-enable selector-max-type */
 }
-.awsui_navigation_1xupv_1acye_198.awsui_refresh_1xupv_1acye_177 > ul.awsui_refresh_1xupv_1acye_177:not(#\9) {
+.awsui_navigation_1xupv_1r1dl_198.awsui_refresh_1xupv_1r1dl_177 > ul.awsui_refresh_1xupv_1r1dl_177:not(#\9) {
   position: relative;
   margin-block: 0;
   margin-inline: 0;
@@ -212,7 +212,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: 260px;
   box-sizing: border-box;
 }
-.awsui_navigation_1xupv_1acye_198.awsui_refresh_1xupv_1acye_177 > ul.awsui_refresh_1xupv_1acye_177 > li:not(#\9) {
+.awsui_navigation_1xupv_1r1dl_198.awsui_refresh_1xupv_1r1dl_177 > ul.awsui_refresh_1xupv_1r1dl_177 > li:not(#\9) {
   display: grid;
   column-gap: var(--space-xs-kw7k3v, 8px);
   grid-template-columns: var(--space-l-3cws6j, 20px) 1fr;
@@ -220,21 +220,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_navigation_1xupv_1acye_198.awsui_refresh_1xupv_1acye_177 > ul.awsui_refresh_1xupv_1acye_177 > li > hr:not(#\9) {
-  background-color: var(--color-border-divider-default-ipvpev, #eaeded);
+.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);
   border-block: 0;
   border-inline: 0;
   grid-column: 1;
   block-size: 100%;
   inline-size: var(--space-xxxs-3w1kr2, 2px);
 }
-.awsui_navigation_1xupv_1acye_198.awsui_refresh_1xupv_1acye_177 > ul.awsui_refresh_1xupv_1acye_177 > li > .awsui_number_1xupv_1acye_231:not(#\9) {
-  color: var(--color-text-small-m20sr1, #687078);
+.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);
   font-size: var(--font-size-body-s-89y7qg, 12px);
   grid-column: 2;
   grid-row: 1;
 }
-.awsui_navigation_1xupv_1acye_198.awsui_refresh_1xupv_1acye_177 > ul.awsui_refresh_1xupv_1acye_177 > li > a:not(#\9) {
+.awsui_navigation_1xupv_1r1dl_198.awsui_refresh_1xupv_1r1dl_177 > ul.awsui_refresh_1xupv_1r1dl_177 > li > a:not(#\9) {
   align-items: start;
   column-gap: var(--space-xs-kw7k3v, 8px);
   cursor: pointer;
@@ -244,7 +244,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   grid-row: 2;
   grid-template-columns: var(--space-l-3cws6j, 20px) 1fr;
 }
-.awsui_navigation_1xupv_1acye_198.awsui_refresh_1xupv_1acye_177 > ul.awsui_refresh_1xupv_1acye_177 > li > a > .awsui_circle_1xupv_1acye_247:not(#\9) {
+.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) {
   border-start-start-radius: 100%;
   border-start-end-radius: 100%;
   border-end-start-radius: 100%;
@@ -255,75 +255,75 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block-start: 6px;
   inline-size: 10px;
 }
-.awsui_navigation_1xupv_1acye_198.awsui_refresh_1xupv_1acye_177 > ul.awsui_refresh_1xupv_1acye_177 > li > a > .awsui_title_1xupv_1acye_258:not(#\9) {
+.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) {
   min-inline-size: 0;
   word-break: break-word;
   grid-column: 2;
 }
-body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_1acye_198.awsui_refresh_1xupv_1acye_177 > ul.awsui_refresh_1xupv_1acye_177 > li > a:not(#\9):focus {
+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 {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-wn9h6t, 5px auto Highlight);
   outline-offset: 2px;
-  outline-color: var(--color-border-item-focused-r5f6xl, #0073bb);
+  outline-color: var(--color-border-item-focused-a3thrr, #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-r5f6xl, #0073bb);
+  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-ggjunl, 0px) var(--color-border-item-focused-a3thrr, #0073bb);
 }
-.awsui_navigation_1xupv_1acye_198.awsui_refresh_1xupv_1acye_177 > ul.awsui_refresh_1xupv_1acye_177 > li:not(#\9):first-child > hr {
+.awsui_navigation_1xupv_1r1dl_198.awsui_refresh_1xupv_1r1dl_177 > ul.awsui_refresh_1xupv_1r1dl_177 > li:not(#\9):first-child > hr {
   grid-row: 2/span 2;
 }
-.awsui_navigation_1xupv_1acye_198.awsui_refresh_1xupv_1acye_177 > ul.awsui_refresh_1xupv_1acye_177 > li:not(#\9):not(:first-child) > .awsui_number_1xupv_1acye_231 {
+.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_1acye_198.awsui_refresh_1xupv_1acye_177 > ul.awsui_refresh_1xupv_1acye_177 > li:not(#\9):last-child > hr {
+.awsui_navigation_1xupv_1r1dl_198.awsui_refresh_1xupv_1r1dl_177 > ul.awsui_refresh_1xupv_1r1dl_177 > li:not(#\9):last-child > hr {
   grid-row: 1;
 }
-.awsui_navigation_1xupv_1acye_198.awsui_refresh_1xupv_1acye_177 > ul.awsui_refresh_1xupv_1acye_177 > li:not(#\9):only-of-type > hr {
+.awsui_navigation_1xupv_1r1dl_198.awsui_refresh_1xupv_1r1dl_177 > ul.awsui_refresh_1xupv_1r1dl_177 > li:not(#\9):only-of-type > hr {
   display: none;
 }
-.awsui_navigation_1xupv_1acye_198.awsui_refresh_1xupv_1acye_177 > ul.awsui_refresh_1xupv_1acye_177 > li:not(#\9):not(:first-child):not(:last-child) > hr {
+.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 {
   grid-row: 1/span 3;
 }
-.awsui_navigation_1xupv_1acye_198.awsui_refresh_1xupv_1acye_177 > ul.awsui_refresh_1xupv_1acye_177 > li.awsui_active_1xupv_1acye_289 > a:not(#\9) {
+.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) {
   cursor: text;
 }
-.awsui_navigation_1xupv_1acye_198.awsui_refresh_1xupv_1acye_177 > ul.awsui_refresh_1xupv_1acye_177 > li.awsui_active_1xupv_1acye_289 > a > .awsui_circle_1xupv_1acye_247:not(#\9) {
-  background-color: var(--color-background-control-checked-se0x0e, #0073bb);
-  box-shadow: 0 0 0 3px var(--color-background-container-content-aemn43, #ffffff), 0 0 0 5px var(--color-background-control-checked-se0x0e, #0073bb), 0 0 0 7px var(--color-background-container-content-aemn43, #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_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_1acye_198.awsui_refresh_1xupv_1acye_177 > ul.awsui_refresh_1xupv_1acye_177 > li.awsui_active_1xupv_1acye_289 > a > .awsui_title_1xupv_1acye_258:not(#\9) {
-  color: var(--color-background-control-checked-se0x0e, #0073bb);
+.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);
   font-weight: var(--font-weight-bold-xpar9m, 700);
 }
-.awsui_navigation_1xupv_1acye_198.awsui_refresh_1xupv_1acye_177 > ul.awsui_refresh_1xupv_1acye_177 > li.awsui_disabled_1xupv_1acye_300 > a:not(#\9) {
+.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) {
   cursor: text;
 }
-.awsui_navigation_1xupv_1acye_198.awsui_refresh_1xupv_1acye_177 > ul.awsui_refresh_1xupv_1acye_177 > li.awsui_disabled_1xupv_1acye_300 > a > .awsui_circle_1xupv_1acye_247:not(#\9) {
-  background-color: var(--color-background-container-content-aemn43, #ffffff);
-  box-shadow: 0 0 0 2px var(--color-text-interactive-disabled-xwt2jl, #aab7b8), 0 0 0 4px var(--color-background-container-content-aemn43, #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_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_1acye_198.awsui_refresh_1xupv_1acye_177 > ul.awsui_refresh_1xupv_1acye_177 > li.awsui_disabled_1xupv_1acye_300 > a > .awsui_title_1xupv_1acye_258:not(#\9) {
-  color: var(--color-text-status-inactive-n7p1uq, #687078);
+.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_1acye_198.awsui_refresh_1xupv_1acye_177 > ul.awsui_refresh_1xupv_1acye_177 > li.awsui_enabled_1xupv_1acye_310 > a > .awsui_circle_1xupv_1acye_247:not(#\9) {
-  background-color: var(--color-text-interactive-default-qwoe3g, #545b64);
-  box-shadow: 0 0 0 2px var(--color-text-interactive-default-qwoe3g, #545b64), 0 0 0 4px var(--color-background-container-content-aemn43, #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_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_1acye_198.awsui_refresh_1xupv_1acye_177 > ul.awsui_refresh_1xupv_1acye_177 > li.awsui_enabled_1xupv_1acye_310 > a > .awsui_title_1xupv_1acye_258:not(#\9) {
-  color: var(--color-text-interactive-default-qwoe3g, #545b64);
+.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_1acye_198.awsui_refresh_1xupv_1acye_177 > ul.awsui_refresh_1xupv_1acye_177 > li.awsui_enabled_1xupv_1acye_310 > a:not(#\9):hover > .awsui_circle_1xupv_1acye_247 {
-  background-color: var(--color-background-control-checked-se0x0e, #0073bb);
-  box-shadow: 0 0 0 2px var(--color-background-control-checked-se0x0e, #0073bb), 0 0 0 4px var(--color-background-container-content-aemn43, #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_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_1acye_198.awsui_refresh_1xupv_1acye_177 > ul.awsui_refresh_1xupv_1acye_177 > li.awsui_enabled_1xupv_1acye_310 > a:not(#\9):hover > .awsui_title_1xupv_1acye_258 {
-  color: var(--color-background-control-checked-se0x0e, #0073bb);
+.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_1acye_198:not(#\9):not(.awsui_refresh_1xupv_1acye_177) {
-  color: var(--color-text-disabled-bhrk1i, #aab7b8);
+.awsui_navigation_1xupv_1r1dl_198:not(#\9):not(.awsui_refresh_1xupv_1r1dl_177) {
+  color: var(--color-text-disabled-nvj3g2, #aab7b8);
   display: inline-block;
   margin-inline-end: calc(2 * var(--space-xxxl-qhelse, 40px));
   min-inline-size: 200px;
@@ -332,123 +332,123 @@ body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_1acye_198.awsui_refr
   /* stylelint-disable selector-max-type */
   /* stylelint-enable selector-max-type */
 }
-.awsui_navigation_1xupv_1acye_198:not(#\9):not(.awsui_refresh_1xupv_1acye_177) > ul:not(.awsui_refresh_1xupv_1acye_177) {
+.awsui_navigation_1xupv_1r1dl_198:not(#\9):not(.awsui_refresh_1xupv_1r1dl_177) > ul:not(.awsui_refresh_1xupv_1r1dl_177) {
   list-style: none;
   padding-block: 0;
   padding-inline: 0;
   margin-block: 0;
   margin-inline: 0;
 }
-.awsui_navigation_1xupv_1acye_198:not(#\9):not(.awsui_refresh_1xupv_1acye_177) > ul:not(.awsui_refresh_1xupv_1acye_177) > li {
+.awsui_navigation_1xupv_1r1dl_198:not(#\9):not(.awsui_refresh_1xupv_1r1dl_177) > ul:not(.awsui_refresh_1xupv_1r1dl_177) > li {
   min-inline-size: 0;
   word-break: break-word;
   padding-block: 0 var(--space-scaled-m-sw9kcx, 16px);
 }
-.awsui_navigation_1xupv_1acye_198:not(#\9):not(.awsui_refresh_1xupv_1acye_177) > ul:not(.awsui_refresh_1xupv_1acye_177) > li:not(:first-child) {
+.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_1acye_198:not(#\9):not(.awsui_refresh_1xupv_1acye_177) > ul:not(.awsui_refresh_1xupv_1acye_177) > li:not(:last-child) {
-  border-block-end: var(--border-divider-list-width-2qbfmz, 1px) solid var(--color-border-layout-ovzonx, #d5dbdb);
+.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_form_1xupv_1acye_354:not(#\9):not(.awsui_refresh_1xupv_1acye_177) {
+.awsui_form_1xupv_1r1dl_354:not(#\9):not(.awsui_refresh_1xupv_1r1dl_177) {
   min-inline-size: 0;
   word-break: break-word;
   inline-size: 100%;
 }
-.awsui_form_1xupv_1acye_354:not(#\9):not(.awsui_refresh_1xupv_1acye_177) > .awsui_form-header_1xupv_1acye_359 {
+.awsui_form_1xupv_1r1dl_354:not(#\9):not(.awsui_refresh_1xupv_1r1dl_177) > .awsui_form-header_1xupv_1r1dl_359 {
   position: relative;
   margin-block-end: var(--space-scaled-m-sw9kcx, 16px);
 }
-.awsui_form_1xupv_1acye_354.awsui_refresh_1xupv_1acye_177:not(#\9) {
+.awsui_form_1xupv_1r1dl_354.awsui_refresh_1xupv_1r1dl_177:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
   display: contents;
 }
-.awsui_form_1xupv_1acye_354.awsui_refresh_1xupv_1acye_177 > .awsui_form-header_1xupv_1acye_359:not(#\9) {
+.awsui_form_1xupv_1r1dl_354.awsui_refresh_1xupv_1r1dl_177 > .awsui_form-header_1xupv_1r1dl_359:not(#\9) {
   grid-column: 2;
   grid-row: 1;
-  color: var(--color-text-body-default-5qid0u, #16191f);
+  color: var(--color-text-body-default-kbrad2, #16191f);
 }
-.awsui_form_1xupv_1acye_354.awsui_refresh_1xupv_1acye_177 > .awsui_form-header_1xupv_1acye_359 > .awsui_form-header-content_1xupv_1acye_374:not(#\9) {
+.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_1acye_354.awsui_refresh_1xupv_1acye_177 > .awsui_form-component_1xupv_1acye_378:not(#\9) {
+.awsui_form_1xupv_1r1dl_354.awsui_refresh_1xupv_1r1dl_177 > .awsui_form-component_1xupv_1r1dl_378:not(#\9) {
   grid-column: 2;
   grid-row: 2;
 }
-.awsui_form_1xupv_1acye_354.awsui_refresh_1xupv_1acye_177.awsui_small-container_1xupv_1acye_184 > .awsui_form-header_1xupv_1acye_359:not(#\9) {
+.awsui_form_1xupv_1r1dl_354.awsui_refresh_1xupv_1r1dl_177.awsui_small-container_1xupv_1r1dl_184 > .awsui_form-header_1xupv_1r1dl_359:not(#\9) {
   grid-column: 1/span 2;
   grid-row: 2;
 }
-.awsui_form_1xupv_1acye_354.awsui_refresh_1xupv_1acye_177.awsui_small-container_1xupv_1acye_184 > .awsui_form-header_1xupv_1acye_359 > .awsui_form-header-content_1xupv_1acye_374:not(#\9) {
+.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) {
   padding-block-start: 0;
 }
-.awsui_form_1xupv_1acye_354.awsui_refresh_1xupv_1acye_177.awsui_small-container_1xupv_1acye_184 > .awsui_form-component_1xupv_1acye_378:not(#\9) {
+.awsui_form_1xupv_1r1dl_354.awsui_refresh_1xupv_1r1dl_177.awsui_small-container_1xupv_1r1dl_184 > .awsui_form-component_1xupv_1r1dl_378:not(#\9) {
   grid-column: 1/span 2;
   grid-row: 3;
 }
-.awsui_navigation_1xupv_1acye_198.awsui_hidden_1xupv_1acye_394:not(#\9) {
+.awsui_navigation_1xupv_1r1dl_198.awsui_hidden_1xupv_1r1dl_394:not(#\9) {
   display: none;
 }
-.awsui_collapsed-steps_1xupv_1acye_398:not(#\9) {
+.awsui_collapsed-steps_1xupv_1r1dl_398:not(#\9) {
   grid-column: 1/span 2;
   grid-row: 1;
 }
 /* Override fixed sidebar width for expandable navigation */
-.awsui_navigation_1xupv_1acye_198.awsui_refresh_1xupv_1acye_177.awsui_collapsed-steps-navigation_1xupv_1acye_404:not(#\9) {
+.awsui_navigation_1xupv_1r1dl_198.awsui_refresh_1xupv_1r1dl_177.awsui_collapsed-steps-navigation_1xupv_1r1dl_404:not(#\9) {
   grid-column: unset;
   grid-row: unset;
   padding-block-start: 0;
 }
-.awsui_navigation_1xupv_1acye_198.awsui_refresh_1xupv_1acye_177.awsui_collapsed-steps-navigation_1xupv_1acye_404 > ul.awsui_refresh_1xupv_1acye_177:not(#\9) {
+.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) {
   inline-size: 100%;
 }
-.awsui_form-header-component-wrapper_1xupv_1acye_413:not(#\9) {
+.awsui_form-header-component-wrapper_1xupv_1r1dl_413:not(#\9) {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_1acye_413:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_1r1dl_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-r5f6xl, #0073bb);
+  outline-color: var(--color-border-item-focused-a3thrr, #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-r5f6xl, #0073bb);
+  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-ggjunl, 0px) var(--color-border-item-focused-a3thrr, #0073bb);
 }
-.awsui_form-header-component_1xupv_1acye_413:not(#\9),
-.awsui_navigation-link_1xupv_1acye_429:not(#\9),
-.awsui_navigation-link-item_1xupv_1acye_430:not(#\9),
-.awsui_navigation-link-label_1xupv_1acye_431:not(#\9) {
+.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) {
   /* used in test-utils */
 }
-.awsui_navigation-link-active_1xupv_1acye_435:not(#\9) {
+.awsui_navigation-link-active_1xupv_1r1dl_435:not(#\9) {
   font-weight: var(--font-weight-bold-xpar9m, 700);
-  color: var(--color-text-body-default-5qid0u, #16191f);
+  color: var(--color-text-body-default-kbrad2, #16191f);
 }
-.awsui_navigation-link-disabled_1xupv_1acye_440:not(#\9) {
-  color: var(--color-text-status-inactive-n7p1uq, #687078);
+.awsui_navigation-link-disabled_1xupv_1r1dl_440:not(#\9) {
+  color: var(--color-text-status-inactive-mtqnz3, #687078);
 }
-.awsui_cancel-button_1xupv_1acye_444:not(#\9),
-.awsui_previous-button_1xupv_1acye_445:not(#\9),
-.awsui_primary-button_1xupv_1acye_446:not(#\9),
-.awsui_skip-to-button_1xupv_1acye_447:not(#\9) {
+.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) {
   /* used in test-utils */
 }
-.awsui_action-buttons_1xupv_1acye_451:not(#\9) {
+.awsui_action-buttons_1xupv_1r1dl_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_1acye_145",
-  "wizard": "awsui_wizard_1xupv_1acye_177",
-  "refresh": "awsui_refresh_1xupv_1acye_177",
-  "small-container": "awsui_small-container_1xupv_1acye_184",
-  "navigation": "awsui_navigation_1xupv_1acye_198",
-  "number": "awsui_number_1xupv_1acye_231",
-  "circle": "awsui_circle_1xupv_1acye_247",
-  "title": "awsui_title_1xupv_1acye_258",
-  "active": "awsui_active_1xupv_1acye_289",
-  "disabled": "awsui_disabled_1xupv_1acye_300",
-  "enabled": "awsui_enabled_1xupv_1acye_310",
-  "form": "awsui_form_1xupv_1acye_354",
-  "form-header": "awsui_form-header_1xupv_1acye_359",
-  "form-header-content": "awsui_form-header-content_1xupv_1acye_374",
-  "form-component": "awsui_form-component_1xupv_1acye_378",
-  "hidden": "awsui_hidden_1xupv_1acye_394",
-  "collapsed-steps": "awsui_collapsed-steps_1xupv_1acye_398",
-  "collapsed-steps-navigation": "awsui_collapsed-steps-navigation_1xupv_1acye_404",
-  "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_1acye_413",
-  "form-header-component": "awsui_form-header-component_1xupv_1acye_413",
-  "navigation-link": "awsui_navigation-link_1xupv_1acye_429",
-  "navigation-link-item": "awsui_navigation-link-item_1xupv_1acye_430",
-  "navigation-link-label": "awsui_navigation-link-label_1xupv_1acye_431",
-  "navigation-link-active": "awsui_navigation-link-active_1xupv_1acye_435",
-  "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_1acye_440",
-  "cancel-button": "awsui_cancel-button_1xupv_1acye_444",
-  "previous-button": "awsui_previous-button_1xupv_1acye_445",
-  "primary-button": "awsui_primary-button_1xupv_1acye_446",
-  "skip-to-button": "awsui_skip-to-button_1xupv_1acye_447",
-  "action-buttons": "awsui_action-buttons_1xupv_1acye_451"
+  "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"
 };

package/package.json CHANGED Viewed

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

package/lib/internal/scss/expandable-section/motion.scss DELETED Viewed

@@ -1,30 +0,0 @@
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-@use '../internal/styles' as styles;
-@use '../internal/styles/tokens' as tokens;
-.content {
-  &-enter {
-    @include styles.with-motion {
-      animation: awsui-motion-fade-in tokens.$motion-duration-show-paced tokens.$motion-easing-show-paced;
-      @include styles.animation-fade-in;
-    }
-  }
-}
-.trigger {
-  &-expanded {
-    @include styles.with-motion {
-      transition: border-bottom-color tokens.$motion-duration-show-paced tokens.$motion-easing-show-paced;
-    }
-  }
-}
-.icon {
-  @include styles.with-motion {
-    transition: transform tokens.$motion-duration-rotate-90 tokens.$motion-easing-rotate-90;
-  }
-}