npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.534 → 3.0.536 - Mend

@cloudscape-design/components-themeable 3.0.534 → 3.0.536

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

package/lib/internal/template/tutorial-panel/styles.selectors.js CHANGED Viewed

@@ -2,6 +2,6 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "tutorial-panel": "awsui_tutorial-panel_1oin5_1cirm_93"
+  "tutorial-panel": "awsui_tutorial-panel_1oin5_1856p_93"
 };

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

@@ -1,37 +1,37 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1xupv_16x1g_94",
-  "wizard": "awsui_wizard_1xupv_16x1g_129",
-  "refresh": "awsui_refresh_1xupv_16x1g_129",
-  "small-container": "awsui_small-container_1xupv_16x1g_136",
-  "remove-high-contrast-header": "awsui_remove-high-contrast-header_1xupv_16x1g_140",
-  "navigation": "awsui_navigation_1xupv_16x1g_148",
-  "number": "awsui_number_1xupv_16x1g_212",
-  "circle": "awsui_circle_1xupv_16x1g_228",
-  "title": "awsui_title_1xupv_16x1g_236",
-  "active": "awsui_active_1xupv_16x1g_264",
-  "disabled": "awsui_disabled_1xupv_16x1g_275",
-  "enabled": "awsui_enabled_1xupv_16x1g_285",
-  "form": "awsui_form_1xupv_16x1g_326",
-  "form-header": "awsui_form-header_1xupv_16x1g_331",
-  "background": "awsui_background_1xupv_16x1g_341",
-  "form-header-content": "awsui_form-header-content_1xupv_16x1g_353",
-  "form-component": "awsui_form-component_1xupv_16x1g_361",
-  "hidden": "awsui_hidden_1xupv_16x1g_375",
-  "collapsed-steps": "awsui_collapsed-steps_1xupv_16x1g_379",
-  "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_16x1g_384",
-  "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_16x1g_388",
-  "form-header-component": "awsui_form-header-component_1xupv_16x1g_388",
-  "navigation-link": "awsui_navigation-link_1xupv_16x1g_401",
-  "navigation-link-item": "awsui_navigation-link-item_1xupv_16x1g_402",
-  "navigation-link-label": "awsui_navigation-link-label_1xupv_16x1g_403",
-  "navigation-link-active": "awsui_navigation-link-active_1xupv_16x1g_407",
-  "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_16x1g_412",
-  "cancel-button": "awsui_cancel-button_1xupv_16x1g_416",
-  "previous-button": "awsui_previous-button_1xupv_16x1g_417",
-  "primary-button": "awsui_primary-button_1xupv_16x1g_418",
-  "skip-to-button": "awsui_skip-to-button_1xupv_16x1g_419",
-  "action-buttons": "awsui_action-buttons_1xupv_16x1g_423"
+  "root": "awsui_root_1xupv_el36h_94",
+  "wizard": "awsui_wizard_1xupv_el36h_129",
+  "refresh": "awsui_refresh_1xupv_el36h_129",
+  "small-container": "awsui_small-container_1xupv_el36h_136",
+  "remove-high-contrast-header": "awsui_remove-high-contrast-header_1xupv_el36h_140",
+  "navigation": "awsui_navigation_1xupv_el36h_148",
+  "number": "awsui_number_1xupv_el36h_230",
+  "circle": "awsui_circle_1xupv_el36h_246",
+  "title": "awsui_title_1xupv_el36h_257",
+  "active": "awsui_active_1xupv_el36h_288",
+  "disabled": "awsui_disabled_1xupv_el36h_299",
+  "enabled": "awsui_enabled_1xupv_el36h_309",
+  "form": "awsui_form_1xupv_el36h_351",
+  "form-header": "awsui_form-header_1xupv_el36h_356",
+  "background": "awsui_background_1xupv_el36h_366",
+  "form-header-content": "awsui_form-header-content_1xupv_el36h_378",
+  "form-component": "awsui_form-component_1xupv_el36h_386",
+  "hidden": "awsui_hidden_1xupv_el36h_400",
+  "collapsed-steps": "awsui_collapsed-steps_1xupv_el36h_404",
+  "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_el36h_409",
+  "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_el36h_413",
+  "form-header-component": "awsui_form-header-component_1xupv_el36h_413",
+  "navigation-link": "awsui_navigation-link_1xupv_el36h_429",
+  "navigation-link-item": "awsui_navigation-link-item_1xupv_el36h_430",
+  "navigation-link-label": "awsui_navigation-link-label_1xupv_el36h_431",
+  "navigation-link-active": "awsui_navigation-link-active_1xupv_el36h_435",
+  "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_el36h_440",
+  "cancel-button": "awsui_cancel-button_1xupv_el36h_444",
+  "previous-button": "awsui_previous-button_1xupv_el36h_445",
+  "primary-button": "awsui_primary-button_1xupv_el36h_446",
+  "skip-to-button": "awsui_skip-to-button_1xupv_el36h_447",
+  "action-buttons": "awsui_action-buttons_1xupv_el36h_451"
 };

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_16x1g_94:not(#\9) {
+.awsui_root_1xupv_el36h_94:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -127,96 +127,114 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
-.awsui_wizard_1xupv_16x1g_129.awsui_refresh_1xupv_16x1g_129:not(#\9) {
+.awsui_wizard_1xupv_el36h_129.awsui_refresh_1xupv_el36h_129: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-xxs-t7ij38, 4px);
 }
-.awsui_wizard_1xupv_16x1g_129.awsui_refresh_1xupv_16x1g_129.awsui_small-container_1xupv_16x1g_136:not(#\9) {
+.awsui_wizard_1xupv_el36h_129.awsui_refresh_1xupv_el36h_129.awsui_small-container_1xupv_el36h_136:not(#\9) {
   grid-template-columns: minmax(0, 1fr) 0;
   row-gap: var(--space-scaled-l-08jb88, 20px);
 }
-.awsui_wizard_1xupv_16x1g_129.awsui_refresh_1xupv_16x1g_129:not(#\9):not(.awsui_remove-high-contrast-header_1xupv_16x1g_140) {
+.awsui_wizard_1xupv_el36h_129.awsui_refresh_1xupv_el36h_129:not(#\9):not(.awsui_remove-high-contrast-header_1xupv_el36h_140) {
   row-gap: var(--space-scaled-xl-rljqft, 24px);
 }
-.awsui_wizard_1xupv_16x1g_129:not(#\9):not(.awsui_refresh_1xupv_16x1g_129) {
+.awsui_wizard_1xupv_el36h_129:not(#\9):not(.awsui_refresh_1xupv_el36h_129) {
   display: flex;
 }
-.awsui_navigation_1xupv_16x1g_148.awsui_refresh_1xupv_16x1g_129:not(#\9) {
+.awsui_navigation_1xupv_el36h_148.awsui_refresh_1xupv_el36h_129:not(#\9) {
   grid-column: 1;
   grid-row: 1/span 2;
-  padding-top: var(--awsui-container-first-gap-y98gph, 0px);
+  padding-block-start: var(--awsui-container-first-gap-y98gph, 0px);
 }
-.awsui_navigation_1xupv_16x1g_148.awsui_refresh_1xupv_16x1g_129 > ul.awsui_refresh_1xupv_16x1g_129:not(#\9) {
+.awsui_navigation_1xupv_el36h_148.awsui_refresh_1xupv_el36h_129 > ul.awsui_refresh_1xupv_el36h_129:not(#\9) {
   background: var(--color-background-container-content-il2pe5, #ffffff);
   position: relative;
-  margin: 0;
-  padding: var(--space-scaled-xxs-t7ij38, 4px) 0 0 0;
-  width: 260px;
+  margin-block: 0;
+  margin-inline: 0;
+  padding-block-start: var(--space-scaled-xxs-t7ij38, 4px);
+  padding-block-end: 0;
+  padding-inline: 0;
+  inline-size: 260px;
   box-sizing: border-box;
 }
-.awsui_navigation_1xupv_16x1g_148.awsui_refresh_1xupv_16x1g_129 > ul.awsui_refresh_1xupv_16x1g_129:not(#\9):not(.awsui_remove-high-contrast-header_1xupv_16x1g_140) {
-  border-radius: var(--border-radius-container-jm6teg, 0px);
+.awsui_navigation_1xupv_el36h_148.awsui_refresh_1xupv_el36h_129 > ul.awsui_refresh_1xupv_el36h_129:not(#\9):not(.awsui_remove-high-contrast-header_1xupv_el36h_140) {
+  border-start-start-radius: var(--border-radius-container-jm6teg, 0px);
+  border-start-end-radius: var(--border-radius-container-jm6teg, 0px);
+  border-end-start-radius: var(--border-radius-container-jm6teg, 0px);
+  border-end-end-radius: var(--border-radius-container-jm6teg, 0px);
   box-sizing: border-box;
-  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;
+  padding-block-start: var(--space-scaled-m-er48cl, 16px);
+  padding-block-end: var(--space-scaled-l-08jb88, 20px);
+  padding-inline-start: var(--space-m-kpg8id, 16px);
+  padding-inline-end: var(--space-l-xu1x80, 20px);
+  inline-size: 280px;
 }
-.awsui_navigation_1xupv_16x1g_148.awsui_refresh_1xupv_16x1g_129 > ul.awsui_refresh_1xupv_16x1g_129:not(#\9):not(.awsui_remove-high-contrast-header_1xupv_16x1g_140).awsui_refresh_1xupv_16x1g_129 {
-  border: solid var(--border-divider-section-width-wl9k66, 1px) var(--color-border-divider-default-in8dkg, #eaeded);
+.awsui_navigation_1xupv_el36h_148.awsui_refresh_1xupv_el36h_129 > ul.awsui_refresh_1xupv_el36h_129:not(#\9):not(.awsui_remove-high-contrast-header_1xupv_el36h_140).awsui_refresh_1xupv_el36h_129 {
+  border-block: solid var(--border-divider-section-width-wl9k66, 1px) var(--color-border-divider-default-in8dkg, #eaeded);
+  border-inline: solid var(--border-divider-section-width-wl9k66, 1px) var(--color-border-divider-default-in8dkg, #eaeded);
 }
-.awsui_navigation_1xupv_16x1g_148.awsui_refresh_1xupv_16x1g_129 > ul.awsui_refresh_1xupv_16x1g_129:not(#\9):not(.awsui_remove-high-contrast-header_1xupv_16x1g_140):not(.awsui_refresh_1xupv_16x1g_129)::before {
+.awsui_navigation_1xupv_el36h_148.awsui_refresh_1xupv_el36h_129 > ul.awsui_refresh_1xupv_el36h_129:not(#\9):not(.awsui_remove-high-contrast-header_1xupv_el36h_140):not(.awsui_refresh_1xupv_el36h_129)::before {
   content: "";
   position: absolute;
-  left: 0px;
-  top: 0px;
-  width: 100%;
-  height: 100%;
+  inset-inline-start: 0px;
+  inset-block-start: 0px;
+  inline-size: 100%;
+  block-size: 100%;
   pointer-events: none;
   background: transparent;
   box-sizing: border-box;
   border-color: transparent;
-  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);
+  border-block-start: var(--border-container-top-width-s1x6t0, 1px) solid var(--color-border-container-top-9shhmi, #eaeded);
+  border-start-start-radius: var(--border-radius-container-jm6teg, 0px);
+  border-start-end-radius: var(--border-radius-container-jm6teg, 0px);
+  border-end-start-radius: var(--border-radius-container-jm6teg, 0px);
+  border-end-end-radius: var(--border-radius-container-jm6teg, 0px);
   z-index: 1;
 }
-.awsui_navigation_1xupv_16x1g_148.awsui_refresh_1xupv_16x1g_129 > ul.awsui_refresh_1xupv_16x1g_129:not(#\9):not(.awsui_remove-high-contrast-header_1xupv_16x1g_140):not(.awsui_refresh_1xupv_16x1g_129)::after {
+.awsui_navigation_1xupv_el36h_148.awsui_refresh_1xupv_el36h_129 > ul.awsui_refresh_1xupv_el36h_129:not(#\9):not(.awsui_remove-high-contrast-header_1xupv_el36h_140):not(.awsui_refresh_1xupv_el36h_129)::after {
   content: "";
   position: absolute;
-  left: 0px;
-  top: 0px;
-  width: 100%;
-  height: 100%;
+  inset-inline-start: 0px;
+  inset-block-start: 0px;
+  inline-size: 100%;
+  block-size: 100%;
   pointer-events: none;
   background: transparent;
   box-sizing: border-box;
-  border-radius: var(--border-radius-container-jm6teg, 0px);
+  border-start-start-radius: var(--border-radius-container-jm6teg, 0px);
+  border-start-end-radius: var(--border-radius-container-jm6teg, 0px);
+  border-end-start-radius: var(--border-radius-container-jm6teg, 0px);
+  border-end-end-radius: var(--border-radius-container-jm6teg, 0px);
   box-shadow: var(--shadow-container-5104ec, 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));
 }
-.awsui_navigation_1xupv_16x1g_148.awsui_refresh_1xupv_16x1g_129 > ul.awsui_refresh_1xupv_16x1g_129 > li:not(#\9) {
+.awsui_navigation_1xupv_el36h_148.awsui_refresh_1xupv_el36h_129 > ul.awsui_refresh_1xupv_el36h_129 > li:not(#\9) {
   display: grid;
   column-gap: var(--space-xs-xf5ch3, 8px);
   grid-template-columns: var(--space-l-xu1x80, 20px) 1fr;
   grid-template-rows: repeat(2, auto);
-  padding: 0;
+  padding-block: 0;
+  padding-inline: 0;
 }
-.awsui_navigation_1xupv_16x1g_148.awsui_refresh_1xupv_16x1g_129 > ul.awsui_refresh_1xupv_16x1g_129 > li > hr:not(#\9) {
+.awsui_navigation_1xupv_el36h_148.awsui_refresh_1xupv_el36h_129 > ul.awsui_refresh_1xupv_el36h_129 > li > hr:not(#\9) {
   background-color: var(--color-border-divider-default-in8dkg, #eaeded);
-  border: 0;
+  border-block: 0;
+  border-inline: 0;
   grid-column: 1;
-  height: 100%;
-  width: var(--space-xxxs-z28114, 2px);
+  block-size: 100%;
+  inline-size: var(--space-xxxs-z28114, 2px);
 }
-.awsui_navigation_1xupv_16x1g_148.awsui_refresh_1xupv_16x1g_129 > ul.awsui_refresh_1xupv_16x1g_129 > li > .awsui_number_1xupv_16x1g_212:not(#\9) {
+.awsui_navigation_1xupv_el36h_148.awsui_refresh_1xupv_el36h_129 > ul.awsui_refresh_1xupv_el36h_129 > li > .awsui_number_1xupv_el36h_230:not(#\9) {
   color: var(--color-text-small-452yri, #687078);
   font-size: var(--font-size-body-s-533prh, 12px);
   grid-column: 2;
   grid-row: 1;
 }
-.awsui_navigation_1xupv_16x1g_148.awsui_refresh_1xupv_16x1g_129 > ul.awsui_refresh_1xupv_16x1g_129 > li > a:not(#\9) {
+.awsui_navigation_1xupv_el36h_148.awsui_refresh_1xupv_el36h_129 > ul.awsui_refresh_1xupv_el36h_129 > li > a:not(#\9) {
   align-items: start;
   column-gap: var(--space-xs-xf5ch3, 8px);
   cursor: pointer;
@@ -226,202 +244,212 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   grid-row: 2;
   grid-template-columns: var(--space-l-xu1x80, 20px) 1fr;
 }
-.awsui_navigation_1xupv_16x1g_148.awsui_refresh_1xupv_16x1g_129 > ul.awsui_refresh_1xupv_16x1g_129 > li > a > .awsui_circle_1xupv_16x1g_228:not(#\9) {
-  border-radius: 100%;
+.awsui_navigation_1xupv_el36h_148.awsui_refresh_1xupv_el36h_129 > ul.awsui_refresh_1xupv_el36h_129 > li > a > .awsui_circle_1xupv_el36h_246:not(#\9) {
+  border-start-start-radius: 100%;
+  border-start-end-radius: 100%;
+  border-end-start-radius: 100%;
+  border-end-end-radius: 100%;
   grid-column: 1;
-  height: 10px;
+  block-size: 10px;
   justify-self: center;
-  margin-top: 6px;
-  width: 10px;
+  margin-block-start: 6px;
+  inline-size: 10px;
 }
-.awsui_navigation_1xupv_16x1g_148.awsui_refresh_1xupv_16x1g_129 > ul.awsui_refresh_1xupv_16x1g_129 > li > a > .awsui_title_1xupv_16x1g_236:not(#\9) {
-  min-width: 0;
+.awsui_navigation_1xupv_el36h_148.awsui_refresh_1xupv_el36h_129 > ul.awsui_refresh_1xupv_el36h_129 > li > a > .awsui_title_1xupv_el36h_257:not(#\9) {
+  min-inline-size: 0;
   word-break: break-word;
   grid-column: 2;
 }
-body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_16x1g_148.awsui_refresh_1xupv_16x1g_129 > ul.awsui_refresh_1xupv_16x1g_129 > li > a:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_el36h_148.awsui_refresh_1xupv_el36h_129 > ul.awsui_refresh_1xupv_el36h_129 > li > a:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-gygm43, 5px auto Highlight);
   outline-offset: 2px;
   outline-color: var(--color-border-item-focused-v8nq2m, #0073bb);
-  border-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  border-start-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  border-start-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  border-end-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  border-end-end-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_16x1g_148.awsui_refresh_1xupv_16x1g_129 > ul.awsui_refresh_1xupv_16x1g_129 > li:not(#\9):first-child > hr {
+.awsui_navigation_1xupv_el36h_148.awsui_refresh_1xupv_el36h_129 > ul.awsui_refresh_1xupv_el36h_129 > li:not(#\9):first-child > hr {
   grid-row: 2/span 2;
 }
-.awsui_navigation_1xupv_16x1g_148.awsui_refresh_1xupv_16x1g_129 > ul.awsui_refresh_1xupv_16x1g_129 > li:not(#\9):not(:first-child) > .awsui_number_1xupv_16x1g_212 {
-  margin-top: var(--space-m-kpg8id, 16px);
+.awsui_navigation_1xupv_el36h_148.awsui_refresh_1xupv_el36h_129 > ul.awsui_refresh_1xupv_el36h_129 > li:not(#\9):not(:first-child) > .awsui_number_1xupv_el36h_230 {
+  margin-block-start: var(--space-m-kpg8id, 16px);
 }
-.awsui_navigation_1xupv_16x1g_148.awsui_refresh_1xupv_16x1g_129 > ul.awsui_refresh_1xupv_16x1g_129 > li:not(#\9):last-child > hr {
+.awsui_navigation_1xupv_el36h_148.awsui_refresh_1xupv_el36h_129 > ul.awsui_refresh_1xupv_el36h_129 > li:not(#\9):last-child > hr {
   grid-row: 1;
 }
-.awsui_navigation_1xupv_16x1g_148.awsui_refresh_1xupv_16x1g_129 > ul.awsui_refresh_1xupv_16x1g_129 > li:not(#\9):only-of-type > hr {
+.awsui_navigation_1xupv_el36h_148.awsui_refresh_1xupv_el36h_129 > ul.awsui_refresh_1xupv_el36h_129 > li:not(#\9):only-of-type > hr {
   display: none;
 }
-.awsui_navigation_1xupv_16x1g_148.awsui_refresh_1xupv_16x1g_129 > ul.awsui_refresh_1xupv_16x1g_129 > li:not(#\9):not(:first-child):not(:last-child) > hr {
+.awsui_navigation_1xupv_el36h_148.awsui_refresh_1xupv_el36h_129 > ul.awsui_refresh_1xupv_el36h_129 > li:not(#\9):not(:first-child):not(:last-child) > hr {
   grid-row: 1/span 3;
 }
-.awsui_navigation_1xupv_16x1g_148.awsui_refresh_1xupv_16x1g_129 > ul.awsui_refresh_1xupv_16x1g_129 > li.awsui_active_1xupv_16x1g_264 > a:not(#\9) {
+.awsui_navigation_1xupv_el36h_148.awsui_refresh_1xupv_el36h_129 > ul.awsui_refresh_1xupv_el36h_129 > li.awsui_active_1xupv_el36h_288 > a:not(#\9) {
   cursor: text;
 }
-.awsui_navigation_1xupv_16x1g_148.awsui_refresh_1xupv_16x1g_129 > ul.awsui_refresh_1xupv_16x1g_129 > li.awsui_active_1xupv_16x1g_264 > a > .awsui_circle_1xupv_16x1g_228:not(#\9) {
+.awsui_navigation_1xupv_el36h_148.awsui_refresh_1xupv_el36h_129 > ul.awsui_refresh_1xupv_el36h_129 > li.awsui_active_1xupv_el36h_288 > a > .awsui_circle_1xupv_el36h_246: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_16x1g_148.awsui_refresh_1xupv_16x1g_129 > ul.awsui_refresh_1xupv_16x1g_129 > li.awsui_active_1xupv_16x1g_264 > a > .awsui_title_1xupv_16x1g_236:not(#\9) {
+.awsui_navigation_1xupv_el36h_148.awsui_refresh_1xupv_el36h_129 > ul.awsui_refresh_1xupv_el36h_129 > li.awsui_active_1xupv_el36h_288 > a > .awsui_title_1xupv_el36h_257:not(#\9) {
   color: var(--color-background-control-checked-pvanxo, #0073bb);
   font-weight: 700;
 }
-.awsui_navigation_1xupv_16x1g_148.awsui_refresh_1xupv_16x1g_129 > ul.awsui_refresh_1xupv_16x1g_129 > li.awsui_disabled_1xupv_16x1g_275 > a:not(#\9) {
+.awsui_navigation_1xupv_el36h_148.awsui_refresh_1xupv_el36h_129 > ul.awsui_refresh_1xupv_el36h_129 > li.awsui_disabled_1xupv_el36h_299 > a:not(#\9) {
   cursor: text;
 }
-.awsui_navigation_1xupv_16x1g_148.awsui_refresh_1xupv_16x1g_129 > ul.awsui_refresh_1xupv_16x1g_129 > li.awsui_disabled_1xupv_16x1g_275 > a > .awsui_circle_1xupv_16x1g_228:not(#\9) {
+.awsui_navigation_1xupv_el36h_148.awsui_refresh_1xupv_el36h_129 > ul.awsui_refresh_1xupv_el36h_129 > li.awsui_disabled_1xupv_el36h_299 > a > .awsui_circle_1xupv_el36h_246: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_16x1g_148.awsui_refresh_1xupv_16x1g_129 > ul.awsui_refresh_1xupv_16x1g_129 > li.awsui_disabled_1xupv_16x1g_275 > a > .awsui_title_1xupv_16x1g_236:not(#\9) {
+.awsui_navigation_1xupv_el36h_148.awsui_refresh_1xupv_el36h_129 > ul.awsui_refresh_1xupv_el36h_129 > li.awsui_disabled_1xupv_el36h_299 > a > .awsui_title_1xupv_el36h_257:not(#\9) {
   color: var(--color-text-status-inactive-kvlxhf, #687078);
 }
-.awsui_navigation_1xupv_16x1g_148.awsui_refresh_1xupv_16x1g_129 > ul.awsui_refresh_1xupv_16x1g_129 > li.awsui_enabled_1xupv_16x1g_285 > a > .awsui_circle_1xupv_16x1g_228:not(#\9) {
+.awsui_navigation_1xupv_el36h_148.awsui_refresh_1xupv_el36h_129 > ul.awsui_refresh_1xupv_el36h_129 > li.awsui_enabled_1xupv_el36h_309 > a > .awsui_circle_1xupv_el36h_246: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_16x1g_148.awsui_refresh_1xupv_16x1g_129 > ul.awsui_refresh_1xupv_16x1g_129 > li.awsui_enabled_1xupv_16x1g_285 > a > .awsui_title_1xupv_16x1g_236:not(#\9) {
+.awsui_navigation_1xupv_el36h_148.awsui_refresh_1xupv_el36h_129 > ul.awsui_refresh_1xupv_el36h_129 > li.awsui_enabled_1xupv_el36h_309 > a > .awsui_title_1xupv_el36h_257:not(#\9) {
   color: var(--color-text-interactive-default-dt26aj, #545b64);
 }
-.awsui_navigation_1xupv_16x1g_148.awsui_refresh_1xupv_16x1g_129 > ul.awsui_refresh_1xupv_16x1g_129 > li.awsui_enabled_1xupv_16x1g_285 > a:not(#\9):hover > .awsui_circle_1xupv_16x1g_228 {
+.awsui_navigation_1xupv_el36h_148.awsui_refresh_1xupv_el36h_129 > ul.awsui_refresh_1xupv_el36h_129 > li.awsui_enabled_1xupv_el36h_309 > a:not(#\9):hover > .awsui_circle_1xupv_el36h_246 {
   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_16x1g_148.awsui_refresh_1xupv_16x1g_129 > ul.awsui_refresh_1xupv_16x1g_129 > li.awsui_enabled_1xupv_16x1g_285 > a:not(#\9):hover > .awsui_title_1xupv_16x1g_236 {
+.awsui_navigation_1xupv_el36h_148.awsui_refresh_1xupv_el36h_129 > ul.awsui_refresh_1xupv_el36h_129 > li.awsui_enabled_1xupv_el36h_309 > a:not(#\9):hover > .awsui_title_1xupv_el36h_257 {
   color: var(--color-background-control-checked-pvanxo, #0073bb);
 }
-.awsui_navigation_1xupv_16x1g_148:not(#\9):not(.awsui_refresh_1xupv_16x1g_129) {
+.awsui_navigation_1xupv_el36h_148:not(#\9):not(.awsui_refresh_1xupv_el36h_129) {
   color: var(--color-text-disabled-govsss, #aab7b8);
   display: inline-block;
-  margin-right: calc(2 * var(--space-xxxl-gvq98t, 40px));
-  min-width: 200px;
-  padding-top: var(--space-xxs-9rrxti, 4px);
-  width: 200px;
+  margin-inline-end: calc(2 * var(--space-xxxl-gvq98t, 40px));
+  min-inline-size: 200px;
+  padding-block-start: var(--space-xxs-9rrxti, 4px);
+  inline-size: 200px;
 }
-.awsui_navigation_1xupv_16x1g_148:not(#\9):not(.awsui_refresh_1xupv_16x1g_129) > ul:not(.awsui_refresh_1xupv_16x1g_129) {
+.awsui_navigation_1xupv_el36h_148:not(#\9):not(.awsui_refresh_1xupv_el36h_129) > ul:not(.awsui_refresh_1xupv_el36h_129) {
   list-style: none;
-  padding: 0;
-  margin: 0;
+  padding-block: 0;
+  padding-inline: 0;
+  margin-block: 0;
+  margin-inline: 0;
 }
-.awsui_navigation_1xupv_16x1g_148:not(#\9):not(.awsui_refresh_1xupv_16x1g_129) > ul:not(.awsui_refresh_1xupv_16x1g_129) > li {
-  min-width: 0;
+.awsui_navigation_1xupv_el36h_148:not(#\9):not(.awsui_refresh_1xupv_el36h_129) > ul:not(.awsui_refresh_1xupv_el36h_129) > li {
+  min-inline-size: 0;
   word-break: break-word;
-  padding-bottom: var(--space-scaled-m-er48cl, 16px);
-  padding-top: 0;
+  padding-block: 0 var(--space-scaled-m-er48cl, 16px);
 }
-.awsui_navigation_1xupv_16x1g_148:not(#\9):not(.awsui_refresh_1xupv_16x1g_129) > ul:not(.awsui_refresh_1xupv_16x1g_129) > li:not(:first-child) {
-  margin-top: var(--space-scaled-m-er48cl, 16px);
+.awsui_navigation_1xupv_el36h_148:not(#\9):not(.awsui_refresh_1xupv_el36h_129) > ul:not(.awsui_refresh_1xupv_el36h_129) > li:not(:first-child) {
+  margin-block-start: var(--space-scaled-m-er48cl, 16px);
 }
-.awsui_navigation_1xupv_16x1g_148:not(#\9):not(.awsui_refresh_1xupv_16x1g_129) > ul:not(.awsui_refresh_1xupv_16x1g_129) > li:not(:last-child) {
-  border-bottom: var(--border-divider-list-width-471u6a, 1px) solid var(--color-border-layout-py7xy0, #d5dbdb);
+.awsui_navigation_1xupv_el36h_148:not(#\9):not(.awsui_refresh_1xupv_el36h_129) > ul:not(.awsui_refresh_1xupv_el36h_129) > li:not(:last-child) {
+  border-block-end: var(--border-divider-list-width-471u6a, 1px) solid var(--color-border-layout-py7xy0, #d5dbdb);
 }
-.awsui_form_1xupv_16x1g_326:not(#\9):not(.awsui_refresh_1xupv_16x1g_129) {
-  min-width: 0;
+.awsui_form_1xupv_el36h_351:not(#\9):not(.awsui_refresh_1xupv_el36h_129) {
+  min-inline-size: 0;
   word-break: break-word;
-  width: 100%;
+  inline-size: 100%;
 }
-.awsui_form_1xupv_16x1g_326:not(#\9):not(.awsui_refresh_1xupv_16x1g_129) > .awsui_form-header_1xupv_16x1g_331 {
+.awsui_form_1xupv_el36h_351:not(#\9):not(.awsui_refresh_1xupv_el36h_129) > .awsui_form-header_1xupv_el36h_356 {
   position: relative;
-  margin-bottom: var(--space-scaled-m-er48cl, 16px);
+  margin-block-end: var(--space-scaled-m-er48cl, 16px);
 }
-.awsui_form_1xupv_16x1g_326.awsui_refresh_1xupv_16x1g_129:not(#\9) {
-  min-width: 0;
+.awsui_form_1xupv_el36h_351.awsui_refresh_1xupv_el36h_129:not(#\9) {
+  min-inline-size: 0;
   word-break: break-word;
   display: contents;
 }
-.awsui_form_1xupv_16x1g_326.awsui_refresh_1xupv_16x1g_129 > .awsui_background_1xupv_16x1g_341:not(#\9) {
+.awsui_form_1xupv_el36h_351.awsui_refresh_1xupv_el36h_129 > .awsui_background_1xupv_el36h_366: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-ffdwgg, #16191f);
 }
-.awsui_form_1xupv_16x1g_326.awsui_refresh_1xupv_16x1g_129 > .awsui_form-header_1xupv_16x1g_331:not(#\9) {
+.awsui_form_1xupv_el36h_351.awsui_refresh_1xupv_el36h_129 > .awsui_form-header_1xupv_el36h_356:not(#\9) {
   background-color: var(--color-background-layout-main-td853a, #f2f3f3);
   grid-column: 2;
   grid-row: 1;
   color: var(--color-text-body-default-ffdwgg, #16191f);
 }
-.awsui_form_1xupv_16x1g_326.awsui_refresh_1xupv_16x1g_129 > .awsui_form-header_1xupv_16x1g_331 > .awsui_form-header-content_1xupv_16x1g_353:not(#\9) {
-  padding-top: calc(var(--awsui-container-first-gap-y98gph, 0px) + var(--space-m-kpg8id, 16px) - var(--space-xxxs-z28114, 2px));
-  padding-bottom: var(--space-scaled-s-9q8n2q, 12px);
+.awsui_form_1xupv_el36h_351.awsui_refresh_1xupv_el36h_129 > .awsui_form-header_1xupv_el36h_356 > .awsui_form-header-content_1xupv_el36h_378:not(#\9) {
+  padding-block-start: calc(var(--awsui-container-first-gap-y98gph, 0px) + var(--space-m-kpg8id, 16px) - var(--space-xxxs-z28114, 2px));
+  padding-block-end: var(--space-scaled-s-9q8n2q, 12px);
 }
-.awsui_form_1xupv_16x1g_326.awsui_refresh_1xupv_16x1g_129:not(#\9):not(.awsui_remove-high-contrast-header_1xupv_16x1g_140) > .awsui_form-header_1xupv_16x1g_331 > .awsui_form-header-content_1xupv_16x1g_353 {
-  padding-top: calc(var(--awsui-container-first-gap-y98gph, 0px) + var(--space-s-2025hl, 12px));
-  padding-bottom: var(--space-scaled-m-er48cl, 16px);
+.awsui_form_1xupv_el36h_351.awsui_refresh_1xupv_el36h_129:not(#\9):not(.awsui_remove-high-contrast-header_1xupv_el36h_140) > .awsui_form-header_1xupv_el36h_356 > .awsui_form-header-content_1xupv_el36h_378 {
+  padding-block-start: calc(var(--awsui-container-first-gap-y98gph, 0px) + var(--space-s-2025hl, 12px));
+  padding-block-end: var(--space-scaled-m-er48cl, 16px);
 }
-.awsui_form_1xupv_16x1g_326.awsui_refresh_1xupv_16x1g_129 > .awsui_form-component_1xupv_16x1g_361:not(#\9) {
+.awsui_form_1xupv_el36h_351.awsui_refresh_1xupv_el36h_129 > .awsui_form-component_1xupv_el36h_386:not(#\9) {
   grid-column: 2;
   grid-row: 2;
 }
-.awsui_form_1xupv_16x1g_326.awsui_refresh_1xupv_16x1g_129.awsui_small-container_1xupv_16x1g_136 > .awsui_form-header_1xupv_16x1g_331:not(#\9) {
+.awsui_form_1xupv_el36h_351.awsui_refresh_1xupv_el36h_129.awsui_small-container_1xupv_el36h_136 > .awsui_form-header_1xupv_el36h_356:not(#\9) {
   grid-column: 1/span 2;
 }
-.awsui_form_1xupv_16x1g_326.awsui_refresh_1xupv_16x1g_129.awsui_small-container_1xupv_16x1g_136 > .awsui_form-header_1xupv_16x1g_331 > .awsui_form-header-content_1xupv_16x1g_353:not(#\9) {
-  padding-top: 0;
+.awsui_form_1xupv_el36h_351.awsui_refresh_1xupv_el36h_129.awsui_small-container_1xupv_el36h_136 > .awsui_form-header_1xupv_el36h_356 > .awsui_form-header-content_1xupv_el36h_378:not(#\9) {
+  padding-block-start: 0;
 }
-.awsui_form_1xupv_16x1g_326.awsui_refresh_1xupv_16x1g_129.awsui_small-container_1xupv_16x1g_136 > .awsui_form-component_1xupv_16x1g_361:not(#\9) {
+.awsui_form_1xupv_el36h_351.awsui_refresh_1xupv_el36h_129.awsui_small-container_1xupv_el36h_136 > .awsui_form-component_1xupv_el36h_386:not(#\9) {
   grid-column: 1/span 2;
 }
-.awsui_navigation_1xupv_16x1g_148.awsui_hidden_1xupv_16x1g_375:not(#\9) {
+.awsui_navigation_1xupv_el36h_148.awsui_hidden_1xupv_el36h_400:not(#\9) {
   display: none;
 }
-.awsui_collapsed-steps_1xupv_16x1g_379:not(#\9) {
+.awsui_collapsed-steps_1xupv_el36h_404:not(#\9) {
   color: var(--color-text-heading-secondary-b83go1, #545b64);
   font-weight: 700;
-  padding-top: var(--space-scaled-xxs-t7ij38, 4px);
+  padding-block-start: var(--space-scaled-xxs-t7ij38, 4px);
 }
-.awsui_collapsed-steps-hidden_1xupv_16x1g_384:not(#\9) {
+.awsui_collapsed-steps-hidden_1xupv_el36h_409:not(#\9) {
   display: none;
 }
-.awsui_form-header-component-wrapper_1xupv_16x1g_388:not(#\9) {
+.awsui_form-header-component-wrapper_1xupv_el36h_413:not(#\9) {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_16x1g_388:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_el36h_413:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-gygm43, 5px auto Highlight);
   outline-offset: 2px;
   outline-color: var(--color-border-item-focused-v8nq2m, #0073bb);
-  border-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  border-start-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  border-start-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  border-end-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  border-end-end-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_16x1g_388:not(#\9),
-.awsui_navigation-link_1xupv_16x1g_401:not(#\9),
-.awsui_navigation-link-item_1xupv_16x1g_402:not(#\9),
-.awsui_navigation-link-label_1xupv_16x1g_403:not(#\9) {
+.awsui_form-header-component_1xupv_el36h_413:not(#\9),
+.awsui_navigation-link_1xupv_el36h_429:not(#\9),
+.awsui_navigation-link-item_1xupv_el36h_430:not(#\9),
+.awsui_navigation-link-label_1xupv_el36h_431:not(#\9) {
   /* used in test-utils */
 }
-.awsui_navigation-link-active_1xupv_16x1g_407:not(#\9) {
+.awsui_navigation-link-active_1xupv_el36h_435:not(#\9) {
   font-weight: 700;
   color: var(--color-text-body-default-ffdwgg, #16191f);
 }
-.awsui_navigation-link-disabled_1xupv_16x1g_412:not(#\9) {
+.awsui_navigation-link-disabled_1xupv_el36h_440:not(#\9) {
   color: var(--color-text-status-inactive-kvlxhf, #687078);
 }
-.awsui_cancel-button_1xupv_16x1g_416:not(#\9),
-.awsui_previous-button_1xupv_16x1g_417:not(#\9),
-.awsui_primary-button_1xupv_16x1g_418:not(#\9),
-.awsui_skip-to-button_1xupv_16x1g_419:not(#\9) {
+.awsui_cancel-button_1xupv_el36h_444:not(#\9),
+.awsui_previous-button_1xupv_el36h_445:not(#\9),
+.awsui_primary-button_1xupv_el36h_446:not(#\9),
+.awsui_skip-to-button_1xupv_el36h_447:not(#\9) {
   /* used in test-utils */
 }
-.awsui_action-buttons_1xupv_16x1g_423:not(#\9) {
+.awsui_action-buttons_1xupv_el36h_451:not(#\9) {
   display: flex;
   justify-content: flex-end;
 }

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

@@ -2,37 +2,37 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1xupv_16x1g_94",
-  "wizard": "awsui_wizard_1xupv_16x1g_129",
-  "refresh": "awsui_refresh_1xupv_16x1g_129",
-  "small-container": "awsui_small-container_1xupv_16x1g_136",
-  "remove-high-contrast-header": "awsui_remove-high-contrast-header_1xupv_16x1g_140",
-  "navigation": "awsui_navigation_1xupv_16x1g_148",
-  "number": "awsui_number_1xupv_16x1g_212",
-  "circle": "awsui_circle_1xupv_16x1g_228",
-  "title": "awsui_title_1xupv_16x1g_236",
-  "active": "awsui_active_1xupv_16x1g_264",
-  "disabled": "awsui_disabled_1xupv_16x1g_275",
-  "enabled": "awsui_enabled_1xupv_16x1g_285",
-  "form": "awsui_form_1xupv_16x1g_326",
-  "form-header": "awsui_form-header_1xupv_16x1g_331",
-  "background": "awsui_background_1xupv_16x1g_341",
-  "form-header-content": "awsui_form-header-content_1xupv_16x1g_353",
-  "form-component": "awsui_form-component_1xupv_16x1g_361",
-  "hidden": "awsui_hidden_1xupv_16x1g_375",
-  "collapsed-steps": "awsui_collapsed-steps_1xupv_16x1g_379",
-  "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_16x1g_384",
-  "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_16x1g_388",
-  "form-header-component": "awsui_form-header-component_1xupv_16x1g_388",
-  "navigation-link": "awsui_navigation-link_1xupv_16x1g_401",
-  "navigation-link-item": "awsui_navigation-link-item_1xupv_16x1g_402",
-  "navigation-link-label": "awsui_navigation-link-label_1xupv_16x1g_403",
-  "navigation-link-active": "awsui_navigation-link-active_1xupv_16x1g_407",
-  "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_16x1g_412",
-  "cancel-button": "awsui_cancel-button_1xupv_16x1g_416",
-  "previous-button": "awsui_previous-button_1xupv_16x1g_417",
-  "primary-button": "awsui_primary-button_1xupv_16x1g_418",
-  "skip-to-button": "awsui_skip-to-button_1xupv_16x1g_419",
-  "action-buttons": "awsui_action-buttons_1xupv_16x1g_423"
+  "root": "awsui_root_1xupv_el36h_94",
+  "wizard": "awsui_wizard_1xupv_el36h_129",
+  "refresh": "awsui_refresh_1xupv_el36h_129",
+  "small-container": "awsui_small-container_1xupv_el36h_136",
+  "remove-high-contrast-header": "awsui_remove-high-contrast-header_1xupv_el36h_140",
+  "navigation": "awsui_navigation_1xupv_el36h_148",
+  "number": "awsui_number_1xupv_el36h_230",
+  "circle": "awsui_circle_1xupv_el36h_246",
+  "title": "awsui_title_1xupv_el36h_257",
+  "active": "awsui_active_1xupv_el36h_288",
+  "disabled": "awsui_disabled_1xupv_el36h_299",
+  "enabled": "awsui_enabled_1xupv_el36h_309",
+  "form": "awsui_form_1xupv_el36h_351",
+  "form-header": "awsui_form-header_1xupv_el36h_356",
+  "background": "awsui_background_1xupv_el36h_366",
+  "form-header-content": "awsui_form-header-content_1xupv_el36h_378",
+  "form-component": "awsui_form-component_1xupv_el36h_386",
+  "hidden": "awsui_hidden_1xupv_el36h_400",
+  "collapsed-steps": "awsui_collapsed-steps_1xupv_el36h_404",
+  "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_el36h_409",
+  "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_el36h_413",
+  "form-header-component": "awsui_form-header-component_1xupv_el36h_413",
+  "navigation-link": "awsui_navigation-link_1xupv_el36h_429",
+  "navigation-link-item": "awsui_navigation-link-item_1xupv_el36h_430",
+  "navigation-link-label": "awsui_navigation-link-label_1xupv_el36h_431",
+  "navigation-link-active": "awsui_navigation-link-active_1xupv_el36h_435",
+  "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_el36h_440",
+  "cancel-button": "awsui_cancel-button_1xupv_el36h_444",
+  "previous-button": "awsui_previous-button_1xupv_el36h_445",
+  "primary-button": "awsui_primary-button_1xupv_el36h_446",
+  "skip-to-button": "awsui_skip-to-button_1xupv_el36h_447",
+  "action-buttons": "awsui_action-buttons_1xupv_el36h_451"
 };

package/package.json CHANGED Viewed

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

package/lib/internal/template/app-layout/split-panel/constants.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-export declare const SPLIT_PANEL_MIN_HEIGHT = 160;
-export declare const SPLIT_PANEL_MIN_WIDTH = 280;
-//# sourceMappingURL=constants.d.ts.map