@wavemaker/foundation-css 11.15.1-rc.6451 → 11.15.2-rc.64737

package/src/styles/mobile/components/tokens.light.css

@@ -1,8 +1,11 @@
 :root[color="light"] {
+  --wm-accordion-pane-content-padding: 0px;
   --wm-accordion-width: 100%;
   --wm-accordion-border-color: #eeeeee;
   --wm-accordion-border-radius: 6px;
   --wm-accordion-background-color: transparent;
+  --wm-accordion-text-background-color: transparent;
+  --wm-accordion-text-border-radius: 0px;
   --wm-accordion-text-color: #333333;
   --wm-accordion-text-font-size: 18px;
   --wm-accordion-header-border-color: #333333;
@@ -11,6 +14,8 @@
   --wm-accordion-badge-border-width: 2px;
   --wm-accordion-badge-border-color: #cccccc;
   --wm-accordion-badge-background-color: transparent;
+  --wm-accordion-pane-border-radius: 0px;
+  --wm-accordion-title-wrapper-width: auto;
   --wm-accordion-title-icon-color: #333333;
   --wm-accordion-title-icon-size: 18px;
   --wm-anchor-text-transform: none;
@@ -20,8 +25,8 @@
   --wm-badge-inline-padding: 6px;
   --wm-badge-line-height: 1;
   --wm-barcodescanner-min-height: 30px;
-  --wm-barcodescanner-padding-top: 10px;
   --wm-barcodescanner-ripple-color: transparent;
+  --wm-bottomsheet-width: 100%;
   --wm-bottomsheet-backdrop-background: rgba(0,0,0,0.1);
   --wm-bottomsheet-border-color: transparent;
   --wm-bottomsheet-handle-border-width: 1;
@@ -32,9 +37,6 @@
   --wm-breadcrumb-item-text-decoration-focus: underline;
   --wm-breadcrumb-item-text-decoration-active: none;
   --wm-btn-cursor: pointer;
-  --wm-btn-position: relative;
-  --wm-btn-position-bottom: none;
-  --wm-btn-position-right: none;
   --wm-btn-opacity: 1;
   --wm-btn-text-transform: none;
   --wm-btn-border-width: 1px;
@@ -44,19 +46,19 @@
   --wm-btn-shadow: none;
   --wm-btn-ripple-color: rgba(255, 255, 255, 0.08);
   --wm-btn-skeleton-width: 96px;
-  --wm-calendar-fc-button-bg-color: #2c3e50;
-  --wm-calendar-fc-button-border-color: #2C3E50;
-  --wm-calendar-fc-anchor-color: #aaaaaa;
   --wm-calendar-width: 100%;
   --wm-calendar-min-height: 456px;
-  --wm-calendar-day-border-color: transparent;
+  --wm-calendar-weekday-text-color: #aaaaaa;
+  --wm-calendar-daywrapper-background: transparent;
+  --wm-calendar-daywrapper-border-color: transparent;
+  --wm-calendar-day-color: #aaaaaa;
+  --wm-calendar-day-background: transparent;
   --wm-calendar-not-day-of-month-color: #666666;
   --wm-calendar-not-day-of-month-font-weight: normal;
+  --wm-calendar-today-text-background-color: transparent;
   --wm-calendar-event-day1-color1: rgb(117, 150, 255);
   --wm-calendar-event-day1-color2: rgb(168, 201, 255);
   --wm-calendar-event-day1-color3: rgb(194, 203, 248);
-  --wm-calendar-prev-month-btn-color: #aaaaaa;
-  --wm-calendar-header-skeleton-width: 100%;
   --wm-camera-color: #151420;
   --wm-camera-border-color: #ccc;
   --wm-camera-border-radius: 20px;
@@ -81,14 +83,13 @@
   --wm-carousel-dots-border-radius: 5px;
   --wm-carousel-dots-background: transparent;
   --wm-carousel-dots-opacity: 0.6px;
-  --wm-carousel-skeleton-width: 100%;
   --wm-checkbox-label-margin-left: 8px;
   --wm-checkbox-background-color: transparent;
   --wm-checkbox-icon-color: transparent;
   --wm-checkbox-border-width: 2px;
   --wm-checkboxset-background-color: transparent;
   --wm-checkboxset-icon-color: transparent;
-  --wm-checkboxset-border-width: 2;
+  --wm-checkboxset-border-width: 2px;
   --wm-checkboxset-title-background-color: transparent;
   --wm-checkboxset-item-margin-right: -20;
   --wm-chips-background-color: transparent;
@@ -102,7 +103,8 @@
   --wm-container-background-color: transparent;
   --wm-container-box-shadow: none;
   --wm-container-opacity: 1;
-  --wm-currency-inputgroup-addon-width: 40px;
+  --wm-currency-labelwrapper-min-height: 30px;
+  --wm-currency-labelwrapper-background: #4263eb;
   --wm-datetime-cancel-button-background: transparent;
   --wm-datetime-button-ripple-color: transparent;
   --wm-datetime-header-text-font-size: 20px;
@@ -135,11 +137,9 @@
   --wm-label-small-font-size: 11px;
   --wm-label-small-line-height: 16px;
   --wm-label-small-letter-spacing: 0.5px;
-  --wm-left-panel-min-height: 100%;
-  --wm-left-panel-background: #ffffff;
-  --wm-left-panel-max-width: 360px;
   --wm-list-background-color: transparent;
   --wm-list-border-color: transparent;
+  --wm-lottie-content-width: 100%;
   --wm-message-container-border-radius: 6px;
   --wm-message-icon-size: 20px;
   --wm-message-close-btn-border-radius: 6px;
@@ -156,26 +156,23 @@
   --wm-modal-title-color: #000000;
   --wm-modal-icon-color: #000000;
   --wm-modal-description-color: #000000;
-  --wm-nav-partial-container-background: transparent;
   --wm-navbar-height: 80px;
   --wm-navbar-image-width: 32px;
   --wm-navbar-image-height: 32px;
-  --wm-navbar-badge-background-color: transparent;
   --wm-navbar-badge-margin-left: 4px;
-  --wm-navbar-anchor-padding-right: 0px;
-  --wm-navbar-anchor-padding-left: 0px;
-  --wm-navbar-anchor-padding-top: 0px;
-  --wm-navbar-anchor-padding-bottom: 0px;
+  --wm-navbar-anchor-padding: 0px;
   --wm-navbar-border-radius: 0px;
   --wm-navitem-badge-text-align: center;
   --wm-navitem-badge-align-self: unset;
   --wm-navitem-text-decoration: none;
   --wm-navitem-text-flex: 1;
+  --wm-left-panel-max-width: 360px;
   --wm-panel-footer-border-radius: 6px;
   --wm-panel-footer-min-height: 64px;
   --wm-popover-width: 100%;
   --wm-popover-min-height: 240px;
   --wm-popover-link-background-color: transparent;
+  --wm-popover-link-text-decoration: none;
   --wm-popover-link-height: auto;
   --wm-popover-link-width: auto;
   --wm-popover-link-min-height: auto;
@@ -202,9 +199,7 @@
   --wm-search-btn-width: auto;
   --wm-search-data-complete-background: transparent;
   --wm-search-item-separator-width: 0;
-  --wm-select-arrow-button-height: 12px;
-  --wm-select-modal-content-width: 90%;
-  --wm-select-item-border-bottom: 1px;
+  --wm-select-arrow-button-icon-height: 24px;
   --wm-slider-tooltip-background: #000;
   --wm-spinner-background: transparent;
   --wm-spinner-width: 100%;
@@ -426,9 +421,17 @@
   --wm-spacer-8: 128px;
   --wm-spacer-9: 176px;
   --wm-spacer: 16px;
+  --wm-accordion-pane-content-background-color: var(--wm-color-surface);
+  --wm-accordion-pane-content-border-radius: var(--wm-radius-sm);
+  --wm-accordion-pane-content-border-style: var(--wm-border-style-solid);
+  --wm-accordion-pane-content-border-width: var(--wm-border-width-0);
+  --wm-accordion-pane-content-border-color: var(--wm-color-outline);
+  --wm-accordion-gap: var(--wm-space-0);
   --wm-accordion-border-width: var(--wm-border-width-0);
   --wm-accordion-border-style: var(--wm-border-style-solid);
-  --wm-accordion-header-border-bottom-width: var(--wm-border-width-1);
+  --wm-accordion-text-border-width: var(--wm-border-width-0);
+  --wm-accordion-text-border-color: var(--wm-color-outline);
+  --wm-accordion-header-border-width: var(--wm-space-0) var(--wm-space-0) var(--wm-border-width-1) var(--wm-space-0);
   --wm-accordion-header-background-color: var(--wm-color-white);
   --wm-accordion-header-padding: var(--wm-space-2);
   --wm-accordion-icon-color: var(--wm-color-on-background);
@@ -440,12 +443,19 @@
   --wm-accordion-badge-height: var(--wm-space-6);
   --wm-accordion-badge-border-radius: var(--wm-space-3);
   --wm-accordion-badge-color: var(--wm-color-on-background);
+  --wm-accordion-pane-border-color: var(--wm-color-outline);
+  --wm-accordion-pane-border-width: var(--wm-border-width-0);
+  --wm-accordion-pane-border-style: var(--wm-border-style-solid);
+  --wm-accordion-title-wrapper-padding: var(--wm-space-0);
+  --wm-accordion-title-wrapper-border-width: var(--wm-border-width-0);
+  --wm-accordion-title-wrapper-border-radius: var(--wm-radius-none);
+  --wm-accordion-title-wrapper-border-style: var(--wm-border-style-solid);
+  --wm-accordion-title-wrapper-background-color: var(--wm-color-transparent);
   --wm-anchor-color: var(--wm-color-primary);
   --wm-anchor-font-size: var(--wm-body-medium-font-size);
   --wm-anchor-line-height: var(--wm-body-medium-line-height);
   --wm-anchor-letter-spacing: var(--wm-body-medium-letter-spacing);
-  --wm-anchor-text-padding-left: var(--wm-space-2);
-  --wm-anchor-text-padding-right: var(--wm-space-2);
+  --wm-anchor-text-padding: var(--wm-space-0) var(--wm-space-2);
   --wm-anchor-gap: var(--wm-space-1);
   --wm-anchor-icon-size: var(--wm-icon-size);
   --wm-anchor-image-size: var(--wm-icon-size);
@@ -474,35 +484,25 @@
   --wm-barcodescanner-min-width: var(--wm-space-10);
   --wm-barcodescanner-text-color: var(--wm-color-scrim);
   --wm-barcodescanner-text-font-size: var(--wm-body-medium-font-size);
-  --wm-barcodescanner-text-padding-left: var(--wm-space-0);
+  --wm-barcodescanner-text-padding: var(--wm-space-0) var(--wm-space-0) var(--wm-space-0) var(--wm-space-0);
   --wm-barcodescanner-icon-color: var(--wm-color-scrim);
   --wm-barcodescanner-icon-font-size: var(--wm-space-5);
   --wm-barcodescanner-background: var(--wm-color-primary);
-  --wm-barcodescanner-padding-left: var(--wm-space-2);
-  --wm-barcodescanner-padding-bottom: var(--wm-space-2);
-  --wm-barcodescanner-padding-right: var(--wm-space-2);
+  --wm-barcodescanner-padding: 10px var(--wm-space-2) var(--wm-space-2) var(--wm-space-2);
   --wm-barcodescanner-border-width: var(--wm-border-width-base);
   --wm-barcodescanner-border-style: var(--wm-border-style-solid);
   --wm-barcodescanner-border-color: var(--wm-color-scrim);
   --wm-barcodescanner-border-radius: var(--wm-space-5);
   --wm-bottomsheet-background: var(--wm-color-surface-bright);
   --wm-bottomsheet-border-radius: var(--wm-radius-lg);
-  --wm-bottomsheet-border-width-top: var(--wm-border-width-0);
-  --wm-bottomsheet-border-width-bottom: var(--wm-border-width-0);
-  --wm-bottomsheet-border-width-left: var(--wm-border-width-0);
-  --wm-bottomsheet-border-width-right: var(--wm-border-width-0);
-  --wm-bottomsheet-margin-left: var(--wm-space-0);
-  --wm-bottomsheet-margin-right: var(--wm-space-0);
+  --wm-bottomsheet-border-width: var(--wm-border-width-0);
+  --wm-bottomsheet-margin: var(--wm-space-0) var(--wm-space-0);
   --wm-bottomsheet-handle-background: var(--wm-color-surface-bright);
   --wm-bottomsheet-handle-icon-width: var(--wm-space-9);
   --wm-bottomsheet-handle-icon-height: var(--wm-space-1);
   --wm-bottomsheet-handle-icon-background: var(--wm-color-outline);
-  --wm-bottomsheet-handle-padding-top: var(--wm-space-4);
-  --wm-bottomsheet-handle-padding-bottom: var(--wm-space-4);
-  --wm-bottomsheet-content-padding-top: var(--wm-space-0);
-  --wm-bottomsheet-content-padding-bottom: var(--wm-space-5);
-  --wm-bottomsheet-content-padding-left: var(--wm-space-5);
-  --wm-bottomsheet-content-padding-right: var(--wm-space-5);
+  --wm-bottomsheet-handle-padding: var(--wm-space-4) var(--wm-space-0);
+  --wm-bottomsheet-content-padding: var(--wm-space-0) var(--wm-space-5) var(--wm-space-5);
   --wm-breadcrumb-gap: var(--wm-space-1);
   --wm-breadcrumb-item-gap: var(--wm-space-1);
   --wm-breadcrumb-item-font-size: var(--wm-body-large-font-size);
@@ -523,57 +523,59 @@
   --wm-btn-letter-spacing: var(--wm-label-large-letter-spacing);
   --wm-btn-border-color: var(--wm-color-surface-container-highest);
   --wm-btn-radius: var(--wm-radius-sm);
-  --wm-btn-padding-top: var(--wm-space-0);
-  --wm-btn-padding-bottom: var(--wm-space-0);
-  --wm-btn-padding-left: var(--wm-space-6);
-  --wm-btn-padding-right: var(--wm-space-6);
+  --wm-btn-padding: var(--wm-space-0) var(--wm-space-6);
   --wm-btn-gap: var(--wm-space-2);
   --wm-btn-icon-size: var(--wm-icon-size-md);
+  --wm-btn-icon-color: var(--wm-color-on-surface);
   --wm-btn-skeleton-height: var(--wm-space-12);
-  --wm-calendar-view-border: var(--wm-color-border-translucent);
-  --wm-calendar-view-border-width: var(--wm-border-width-base);
-  --wm-calendar-view-radius: var(--wm-radius-md);
-  --wm-calendar-fc-header-vertical-padding: var(--wm-space-2);
-  --wm-calendar-fc-header-horizontal-padding: var(--wm-space-5);
-  --wm-calendar-fc-header-text-font-weight: var(--wm-font-weight-700);
-  --wm-calendar-fc-events-gap: var(--wm-space-1);
-  --wm-calendar-fc-event-background: var(--wm-color-primary-fixed);
-  --wm-calendar-fc-event-color: var(--wm-color-surface-tint);
-  --wm-calendar-fc-event-today-background: var(--wm-color-success-container);
-  --wm-calendar-fc-event-today-color: var(--wm-color-success);
-  --wm-calendar-fc-event-today-dot: var(--wm-color-success);
+  --wm-calendar-wrapper-border-color: var(--wm-color-border-translucent);
+  --wm-calendar-wrapper-border-width: var(--wm-border-width-base);
+  --wm-calendar-wrapper-border-radius: var(--wm-radius-md);
+  --wm-calendar-wrapper-background: var(--wm-color-on-primary);
   --wm-calendar-header-background-color: var(--wm-color-white);
-  --wm-calendar-header-border-bottom-width: var(--wm-border-width-base);
-  --wm-calendar-weekday-border-bottom-width: var(--wm-border-width-base);
+  --wm-calendar-header-border-width: var(--wm-border-width-0) var(--wm-border-width-0) var(--wm-border-width-base);
+  --wm-calendar-header-border-color: var(--wm-color-white);
+  --wm-calendar-header-border-radius: var(--wm-radius-none);
+  --wm-calendar-header-padding: var(--wm-space-2) var(--wm-space-0);
+  --wm-calendar-weekday-background-color: var(--wm-color-white);
+  --wm-calendar-weekday-border-width: var(--wm-border-width-0) var(--wm-border-width-0) var(--wm-border-width-base);
+  --wm-calendar-weekday-border-color: var(--wm-color-white);
   --wm-calendar-weekday-padding: var(--wm-radius-xxs);
   --wm-calendar-weekday-text-font-family: var(--wm-font-family-plain);
   --wm-calendar-weekday-text-font-size: var(--wm-space-4);
-  --wm-calendar-header-skeleton-margin-bottom: var(--wm-space-4);
+  --wm-calendar-weekday-text-font-weight: var(--wm-font-weight-700);
+  --wm-calendar-day-font-family: var(--wm-font-family-plain);
+  --wm-calendar-day-font-size: var(--wm-space-4);
+  --wm-calendar-day-font-weight: var(--wm-font-weight-700);
+  --wm-calendar-month-text-color: var(--wm-color-on-surface);
+  --wm-calendar-month-text-font-family: var(--wm-font-family-plain);
+  --wm-calendar-month-text-font-weight: var(--wm-font-weight-500);
+  --wm-calendar-year-text-color: var(--wm-color-on-surface);
+  --wm-calendar-year-text-font-family: var(--wm-font-family-plain);
+  --wm-calendar-year-text-font-weight: var(--wm-font-weight-500);
+  --wm-calendar-today-background-color: var(--wm-color-white);
+  --wm-calendar-today-border-color: var(--wm-color-primary);
+  --wm-calendar-selected-day-background: var(--wm-color-primary-fixed);
+  --wm-calendar-selected-day-text-background: var(--wm-color-primary-fixed);
+  --wm-calendar-selected-day-text-color: var(--wm-color-white);
+  --wm-calendar-selected-day-text-font-weight: var(--wm-font-weight-500);
   --wm-camera-background: var(--wm-color-white);
   --wm-camera-border-width: var(--wm-border-width-1);
-  --wm-camera-padding-top: var(--wm-space-3);
-  --wm-camera-padding-bottom: var(--wm-space-3);
-  --wm-camera-padding-left: var(--wm-space-3);
-  --wm-camera-padding-right: var(--wm-space-3);
-  --wm-card-header-padding-left: var(--wm-space-2);
-  --wm-card-header-padding-right: var(--wm-space-2);
-  --wm-card-header-padding-top: var(--wm-space-2);
-  --wm-card-header-padding-bottom: var(--wm-space-2);
+  --wm-camera-padding: var(--wm-space-3);
+  --wm-card-header-padding: var(--wm-space-2);
   --wm-card-border-width: var(--wm-border-width-base);
   --wm-card-border-color: var(--wm-color-outline-variant);
-  --wm-carousel-slide-padding-horizontal: var(--wm-space-4);
+  --wm-carousel-slide-padding: var(--wm-space-0) var(--wm-space-4);
   --wm-carousel-navigation-arrows-height: var(--wm-space-12);
   --wm-carousel-navigation-arrows-width: var(--wm-space-12);
   --wm-carousel-navigation-arrows-border-width: var(--wm-border-width-base);
   --wm-carousel-navigation-arrows-margin-left: var(--wm-space-3);
   --wm-carousel-navigation-arrows-font-size: var(--wm-space-8);
   --wm-carousel-navigation-arrows-color: var(--wm-color-primary-container);
-  --wm-carousel-dots-wrapper-padding-top: var(--wm-space-1);
-  --wm-carousel-dots-wrapper-padding-bottom: var(--wm-space-1);
+  --wm-carousel-dots-wrapper-padding: var(--wm-space-1) var(--wm-space-0);
   --wm-carousel-dots-border-color: var(--wm-color-primary-container);
   --wm-carousel-dots-border-width: var(--wm-border-width-base);
-  --wm-carousel-dots-margin-left: var(--wm-radius-xxs);
-  --wm-carousel-dots-margin-right: var(--wm-radius-xxs);
+  --wm-carousel-dots-margin: var(--wm-space-0) var(--wm-radius-xxs);
   --wm-checkbox-height: var(--wm-space-6);
   --wm-checkbox-width: var(--wm-space-6);
   --wm-checkbox-label-font-size: var(--wm-body-large-font-size);
@@ -591,30 +593,20 @@
   --wm-checkboxset-border-color: var(--wm-color-on-surface-variant);
   --wm-checkboxset-title-color: var(--wm-color-on-surface-variant);
   --wm-checkboxset-title-font-size: var(--wm-body-large-font-size);
-  --wm-checkboxset-title-padding-left: var(--wm-space-2);
-  --wm-checkboxset-title-padding-right: var(--wm-space-2);
+  --wm-checkboxset-title-padding: var(--wm-space-0) var(--wm-space-2);
   --wm-checkboxset-item-margin-left: var(--wm-space-5);
   --wm-checkboxset-item-margin-top: var(--wm-space-5);
   --wm-checkboxset-item-margin-bottom: var(--wm-space-5);
   --wm-chips-border-width: var(--wm-border-width-base);
   --wm-chips-color: var(--wm-color-on-surface-variant);
   --wm-chips-list-gap: var(--wm-space-3);
-  --wm-chips-list-padding-top: var(--wm-space-2);
-  --wm-chips-list-padding-bottom: var(--wm-space-2);
-  --wm-chips-list-padding-left: var(--wm-space-2);
-  --wm-chips-list-padding-right: var(--wm-space-2);
+  --wm-chips-list-padding: var(--wm-space-2);
   --wm-chips-list-border-color: var(--wm-color-transparent);
   --wm-chips-list-border-radius: var(--wm-radius-sm);
   --wm-chips-list-border-width: var(--wm-border-width-base);
   --wm-chips-list-place-holder-color: var(--wm-color-outline);
-  --wm-chips-input-padding-top: var(--wm-space-2);
-  --wm-chips-input-padding-bottom: var(--wm-space-2);
-  --wm-chips-input-padding-left: var(--wm-space-3);
-  --wm-chips-input-padding-right: var(--wm-space-3);
-  --wm-chips-item-padding-top: var(--wm-space-1);
-  --wm-chips-item-padding-bottom: var(--wm-space-1);
-  --wm-chips-item-padding-left: var(--wm-space-3);
-  --wm-chips-item-padding-right: var(--wm-space-3);
+  --wm-chips-input-padding: var(--wm-space-2) var(--wm-space-3);
+  --wm-chips-item-padding: var(--wm-space-1) var(--wm-space-3);
   --wm-chips-item-gap: var(--wm-space-2);
   --wm-chips-item-icon-color: var(--wm-color-outline);
   --wm-chips-item-icon-size: var(--wm-icon-size-sm);
@@ -626,15 +618,14 @@
   --wm-chips-item-letter-spacing: var(--wm-label-large-letter-spacing);
   --wm-chips-item-avatar-size: var(--wm-icon-size);
   --wm-chips-item-avatar-radius: var(--wm-radius-pill);
-  --wm-container-border-width-top: var(--wm-border-width-0);
-  --wm-container-border-width-bottom: var(--wm-border-width-0);
-  --wm-container-border-width-left: var(--wm-border-width-0);
-  --wm-container-border-width-right: var(--wm-border-width-0);
+  --wm-container-border-width: var(--wm-border-width-0);
   --wm-container-border-radius: var(--wm-radius-none);
-  --wm-container-padding-top: var(--wm-space-0);
-  --wm-container-padding-bottom: var(--wm-space-0);
-  --wm-container-padding-left: var(--wm-space-0);
-  --wm-container-padding-right: var(--wm-space-0);
+  --wm-container-padding: var(--wm-space-0);
+  --wm-currency-labelwrapper-border-radius: 6px var(--wm-space-0) var(--wm-space-0) 6px;
+  --wm-currency-labelwrapper-padding: var(--wm-space-2) var(--wm-space-4);
+  --wm-currency-labelwrapper-width: var(--wm-space-12);
+  --wm-currency-label-color: var(--wm-color-white);
+  --wm-currency-label-font-size: var(--wm-body-large-font-size);
   --wm-datetime-cancel-button-text-color: var(--wm-color-on-surface);
   --wm-datetime-cancel-button-text-size: var(--wm-body-medium-font-size);
   --wm-datetime-selected-button-background: var(--wm-color-primary);
@@ -650,26 +641,18 @@
   --wm-datetime-selected-text-color: var(--wm-color-on-surface);
   --wm-datetime-header-text-font-weight: var(--wm-font-weight-700);
   --wm-datetime-header-text-color: var(--wm-color-on-surface);
-  --wm-dropdown-menu-padding-left: var(--wm-space-0);
-  --wm-dropdown-menu-padding-right: var(--wm-space-0);
-  --wm-dropdown-menu-padding-top: var(--wm-space-2);
-  --wm-dropdown-menu-padding-bottom: var(--wm-space-2);
+  --wm-dropdown-menu-padding: var(--wm-space-2) var(--wm-space-0);
   --wm-dropdown-menu-color: var(--wm-color-on-surface-variant);
   --wm-dropdown-menu-text-font-weight: var(--wm-font-weight-700);
-  --wm-dropdown-menu-text-padding-left: var(--wm-space-2);
-  --wm-dropdown-menu-text-padding-right: var(--wm-space-3);
+  --wm-dropdown-menu-text-padding: var(--wm-space-0) var(--wm-space-3) var(--wm-space-0) var(--wm-space-2);
   --wm-dropdown-menu-content-border-radius: var(--wm-radius-xs);
   --wm-dropdown-menu-caret-color: var(--wm-color-on-surface-variant);
   --wm-dropdown-menu-caret-size: var(--wm-icon-size-sm);
-  --wm-dropdown-menu-icon-size: var(--wm-icon-size-md);
   --wm-dropdown-menu-item-font-size: var(--wm-body-large-font-size);
   --wm-dropdown-menu-item-line-height: var(--wm-body-large-line-height);
   --wm-dropdown-menu-item-color: var(--wm-color-on-surface);
   --wm-dropdown-menu-item-border-style: var(--wm-border-style-solid);
-  --wm-dropdown-menu-item-padding-bottom: var(--wm-space-3);
-  --wm-dropdown-menu-item-padding-left: var(--wm-space-4);
-  --wm-dropdown-menu-item-padding-right: var(--wm-space-4);
-  --wm-dropdown-menu-item-padding-top: var(--wm-space-3);
+  --wm-dropdown-menu-item-padding: var(--wm-space-3) var(--wm-space-4);
   --wm-dropdown-menu-border-radius: var(--wm-radius-none);
   --wm-dropdown-menu-border-color: var(--wm-color-on-surface-variant);
   --wm-fileupload-border-color: var(--wm-color-black);
@@ -684,16 +667,10 @@
   --wm-fileupload-icon-color: var(--wm-color-primary);
   --wm-form-controls-opacity: var(--wm-border-width-1);
   --wm-form-controls-font-size: var(--wm-body-large-font-size);
-  --wm-form-controls-padding-top: var(--wm-space-2);
-  --wm-form-controls-padding-left: var(--wm-space-2);
-  --wm-form-controls-padding-right: var(--wm-space-2);
-  --wm-form-controls-padding-bottom: var(--wm-space-2);
+  --wm-form-controls-padding: var(--wm-space-2);
   --wm-form-controls-border-color: var(--wm-color-outline);
   --wm-form-controls-border-radius: var(--wm-radius-sm);
-  --wm-form-controls-border-top-width: var(--wm-border-width-1);
-  --wm-form-controls-border-left-width: var(--wm-border-width-1);
-  --wm-form-controls-border-right-width: var(--wm-border-width-1);
-  --wm-form-controls-border-bottom-width: var(--wm-border-width-1);
+  --wm-form-controls-border-width: var(--wm-border-width-1);
   --wm-form-controls-placeholder-color: var(--wm-color-on-surface);
   --wm-form-controls-background: var(--wm-color-outline-variant);
   --wm-form-controls-color: var(--wm-color-black);
@@ -702,9 +679,13 @@
   --wm-form-controls-label-font-size: var(--wm-label-large-font-size);
   --wm-form-controls-label-margin-vertical: var(--wm-space-1);
   --wm-form-controls-label-margin-horizontal: var(--wm-space-1);
+  --wm-form-controls-floating-color: var(--wm-color-surface-dim);
+  --wm-form-controls-floating-font-size: var(--wm-body-medium-font-size);
+  --wm-form-controls-floating-top: var(--wm-space-3);
+  --wm-form-controls-floating-left: var(--wm-space-4);
+  --wm-form-controls-floating-padding: var(--wm-space-0);
   --wm-form-background: var(--wm-color-outline-variant);
   --wm-form-padding: var(--wm-space-3);
-  --wm-form-margin: var(--wm-space-2);
   --wm-form-border-radius: var(--wm-radius-sm);
   --wm-form-border-width: var(--wm-border-width-base);
   --wm-form-border-color: var(--wm-color-transparent);
@@ -751,10 +732,6 @@
   --wm-label-color: var(--wm-color-on-surface);
   --wm-label-line-height: var(--wm-body-medium-line-height);
   --wm-label-letter-spacing: var(--wm-body-medium-letter-spacing);
-  --wm-label-margin-left: var(--wm-space-0);
-  --wm-label-margin-right: var(--wm-space-0);
-  --wm-label-margin-top: var(--wm-space-0);
-  --wm-label-margin-bottom: var(--wm-space-0);
   --wm-label-asterisk-color: var(--wm-color-error);
   --wm-label-padding-left: var(--wm-space-0);
   --wm-label-padding-right: var(--wm-space-0);
@@ -770,44 +747,33 @@
   --wm-label-medium-font-weight: var(--wm-font-weight-500);
   --wm-label-small-font-family: var(--wm-font-family-brand);
   --wm-label-small-font-weight: var(--wm-font-weight-500);
-  --wm-left-panel-border-top-right-radius: var(--wm-radius-lg);
-  --wm-left-panel-border-bottom-right-radius: var(--wm-radius-lg);
-  --wm-list-padding-top: var(--wm-space-0);
-  --wm-list-padding-bottom: var(--wm-space-0);
-  --wm-list-padding-left: var(--wm-space-0);
-  --wm-list-padding-right: var(--wm-space-0);
+  --wm-list-padding: var(--wm-space-0);
   --wm-list-border-width: var(--wm-border-width-0);
   --wm-list-border-radius: var(--wm-radius-none);
   --wm-login-error-text-color: var(--wm-color-on-error);
   --wm-login-error-background-color: var(--wm-color-error);
   --wm-login-error-border-color: var(--wm-color-error);
   --wm-login-error-border-radius: var(--wm-radius-sm);
-  --wm-login-form-padding-top: var(--wm-space-9);
-  --wm-login-form-padding-bottom: var(--wm-space-9);
-  --wm-login-form-padding-left: var(--wm-space-9);
-  --wm-login-form-padding-right: var(--wm-space-9);
-  --wm-lottie-background-color: var(--wm-color-white);
-  --wm-lottie-padding-top: var(--wm-space-0);
-  --wm-lottie-padding-bottom: var(--wm-space-0);
-  --wm-lottie-padding-left: var(--wm-space-2);
-  --wm-lottie-padding-right: var(--wm-space-2);
+  --wm-login-form-padding: var(--wm-space-9);
+  --wm-lottie-background-color: var(--wm-color-transparent);
+  --wm-lottie-padding: var(--wm-space-0) var(--wm-space-2);
+  --wm-lottie-content-height: var(--wm-spacer-7);
+  --wm-lottie-content-background-color: var(--wm-color-transparent);
   --wm-message-container-border-width: var(--wm-border-width-base);
   --wm-message-container-border-color: var(--wm-color-primary);
   --wm-message-container-background: var(--wm-color-primary);
-  --wm-message-container-padding-top: var(--wm-space-2);
-  --wm-message-container-padding-bottom: var(--wm-space-2);
-  --wm-message-container-padding-left: var(--wm-space-2);
-  --wm-message-container-padding-right: var(--wm-space-2);
-  --wm-message-text-wrapper-padding-left: var(--wm-space-4);
+  --wm-message-container-padding: var(--wm-space-2);
+  --wm-message-text-wrapper-padding: var(--wm-space-0) var(--wm-space-0) var(--wm-space-0) var(--wm-space-4);
   --wm-message-color: var(--wm-color-on-primary);
   --wm-message-title-font-size: var(--wm-body-medium-font-size);
   --wm-message-title-font-weight: var(--wm-font-weight-700);
-  --wm-message-title-padding-bottom: var(--wm-space-1);
+  --wm-message-title-padding: var(--wm-space-0) var(--wm-space-0) var(--wm-space-1) var(--wm-space-0);
+  --wm-message-title-color: var(--wm-color-on-primary);
   --wm-message-text-size: var(--wm-body-large-font-size);
-  --wm-message-close-btn-padding-left: var(--wm-space-2);
-  --wm-message-close-btn-padding-right: var(--wm-space-2);
+  --wm-message-text-color: var(--wm-color-on-primary);
+  --wm-message-close-btn-padding: var(--wm-space-0) var(--wm-space-2);
   --wm-message-close-btn-icon-size: var(--wm-body-large-font-size);
-  --wm-modal-margin: var(--wm-space-6);
+  --wm-modal-dialog-overlay-background: var(--wm-color-surface-container-high);
   --wm-modal-background: var(--wm-color-surface-container-high);
   --wm-modal-radius: var(--wm-radius-lg);
   --wm-modal-header-padding: var(--wm-space-4);
@@ -820,20 +786,17 @@
   --wm-modal-body-padding: var(--wm-space-6);
   --wm-modal-footer-padding: var(--wm-space-6);
   --wm-modal-icon-font-size: var(--wm-h4-font-size);
+  --wm-modal-description-background: var(--wm-color-transparent);
+  --wm-modal-description-padding: var(--wm-space-0);
+  --wm-modal-description-border-width: var(--wm-border-width-0);
+  --wm-modal-description-border-color: var(--wm-color-transparent);
   --wm-modal-description-font-size: var(--wm-body-medium-font-size);
   --wm-modal-btn-ok-background: var(--wm-color-secondary);
   --wm-modal-btn-ok-color: var(--wm-color-on-secondary);
   --wm-modal-btn-cancel-background: var(--wm-color-on-secondary);
   --wm-modal-btn-cancel-color: var(--wm-color-on-secondary-container);
-  --wm-nav-background: var(--wm-color-surface-container-lowest);
-  --wm-nav-left-panel-background: var(--wm-color-surface-container-lowest);
-  --wm-nav-partial-background: var(--wm-color-transparent);
-  --wm-nav-navbar-background: var(--wm-color-surface-container-lowest);
   --wm-navbar-background-color: var(--wm-color-surface);
-  --wm-navbar-padding-left: var(--wm-space-3);
-  --wm-navbar-padding-right: var(--wm-space-3);
-  --wm-navbar-padding-top: var(--wm-space-3);
-  --wm-navbar-padding-bottom: var(--wm-space-3);
+  --wm-navbar-padding: var(--wm-space-3);
   --wm-navbar-left-icon-color: var(--wm-color-on-surface);
   --wm-navbar-left-icon-size: var(--wm-icon-size);
   --wm-navbar-back-icon-color: var(--wm-color-on-surface);
@@ -844,7 +807,13 @@
   --wm-navbar-popover-icon-size: var(--wm-icon-size);
   --wm-navbar-content-color: var(--wm-color-on-surface);
   --wm-navbar-content-font-size: var(--wm-body-large-font-size);
-  --wm-navbar-badge-color: var(--wm-color-primary);
+  --wm-navbar-badge-background-color: var(--wm-color-inverse-on-surface);
+  --wm-navbar-badge-color: var(--wm-color-on-surface);
+  --wm-navbar-badge-height: var(--wm-space-6);
+  --wm-navbar-badge-width: var(--wm-space-6);
+  --wm-navbar-badge-font-size: var(--wm-p-font-size);
+  --wm-navbar-badge-line-height: var(--wm-body-large-line-height);
+  --wm-navbar-badge-border-radius: var(--wm-radius-md);
   --wm-navbar-anchor-text-color: var(--wm-color-on-surface);
   --wm-navbar-anchor-text-font-size: var(--wm-body-large-font-size);
   --wm-navbar-anchor-icon-color: var(--wm-color-on-surface);
@@ -852,10 +821,7 @@
   --wm-navbar-button-color: var(--wm-color-on-surface);
   --wm-navbar-button-font-size: var(--wm-body-large-font-size);
   --wm-navbar-border-color: var(--wm-color-surface);
-  --wm-navbar-border-width-top: var(--wm-border-width-0);
-  --wm-navbar-border-width-bottom: var(--wm-border-width-0);
-  --wm-navbar-border-width-left: var(--wm-border-width-0);
-  --wm-navbar-border-width-right: var(--wm-border-width-0);
+  --wm-navbar-border-width: var(--wm-border-width-0);
   --wm-navitem-background: var(--wm-color-surface-container-lowest);
   --wm-navitem-font-size: var(--wm-label-large-font-size);
   --wm-navitem-font-weight: var(--wm-font-weight-600);
@@ -898,6 +864,9 @@
   --wm-navitem-caret-color: var(--wm-color-on-secondary-fixed);
   --wm-page-content-background: var(--wm-color-surface-variant);
   --wm-page-content-padding: var(--wm-space-0);
+  --wm-left-panel-background: var(--wm-color-surface-container-lowest);
+  --wm-left-panel-border-top-right-radius: var(--wm-radius-lg);
+  --wm-left-panel-border-bottom-right-radius: var(--wm-radius-lg);
   --wm-panel-footer-background: var(--wm-color-surface);
   --wm-panel-footer-margin-top: var(--wm-space-2);
   --wm-panel-footer-margin-bottom: var(--wm-space-0);
@@ -925,29 +894,21 @@
   --wm-panel-description-line-height: var(--wm-body-medium-line-height);
   --wm-panel-description-letter-spacing: var(--wm-body-medium-letter-spacing);
   --wm-panel-description-color: var(--wm-color-on-surface-variant);
-  --wm-panel-content-padding: var(--wm-space-4);
+  --wm-partial-container-background-color: var(--wm-color-transparent);
   --wm-picture-radius: var(--wm-radius-none);
-  --wm-picture-padding-top: var(--wm-space-0);
-  --wm-picture-padding-bottom: var(--wm-space-0);
-  --wm-picture-padding-left: var(--wm-space-0);
-  --wm-picture-padding-right: var(--wm-space-0);
+  --wm-picture-padding: var(--wm-space-0);
   --wm-picture-border-width: var(--wm-border-width-0);
   --wm-picture-background: var(--wm-color-transparent);
   --wm-popover-left: var(--wm-space-1);
   --wm-popover-bottom: var(--wm-space-1);
-  --wm-popover-padding-top: var(--wm-space-0);
-  --wm-popover-padding-left: var(--wm-space-0);
-  --wm-popover-padding-right: var(--wm-space-0);
-  --wm-popover-padding-bottom: var(--wm-space-0);
+  --wm-popover-padding: var(--wm-space-0);
   --wm-popover-background-color: var(--wm-color-on-primary);
   --wm-popover-shadow: var(--wm-elevation-shadow-none);
   --wm-popover-radius: var(--wm-radius-none);
-  --wm-popover-border-top-left-radius: var(--wm-radius-xl);
-  --wm-popover-border-top-right-radius: var(--wm-radius-xl);
-  --wm-popover-header-padding-top: var(--wm-space-3);
-  --wm-popover-header-padding-bottom: var(--wm-space-3);
-  --wm-popover-header-padding-left: var(--wm-space-3);
-  --wm-popover-header-padding-right: var(--wm-space-3);
+  --wm-popover-border-radius: var(--wm-radius-none);
+  --wm-popover-border-width: var(--wm-border-width-0);
+  --wm-popover-border-color: var(--wm-color-transparent);
+  --wm-popover-header-padding: var(--wm-space-3);
   --wm-popover-header-color: var(--wm-color-on-surface);
   --wm-popover-header-font-size: var(--wm-h5-font-size);
   --wm-popover-header-line-height: var(--wm-h5-line-height);
@@ -957,19 +918,21 @@
   --wm-popover-link-border-width: var(--wm-border-width-0);
   --wm-popover-link-border-color: var(--wm-color-secondary);
   --wm-popover-link-border-radius: var(--wm-radius-none);
-  --wm-popover-link-padding-top: var(--wm-space-2);
-  --wm-popover-link-padding-left: var(--wm-space-2);
-  --wm-popover-link-padding-right: var(--wm-space-2);
-  --wm-popover-link-padding-bottom: var(--wm-space-2);
+  --wm-popover-link-padding: var(--wm-space-2);
   --wm-popover-link-font-size: var(--wm-body-medium-font-size);
   --wm-popover-link-line-height: var(--wm-body-medium-line-height);
   --wm-popover-link-letter-spacing: var(--wm-body-medium-letter-spacing);
   --wm-popover-link-icon-size: var(--wm-icon-size);
   --wm-popover-link-icon-color: var(--wm-color-secondary);
+  --wm-popover-content-border-width: var(--wm-border-width-0);
+  --wm-popover-content-border-color: var(--wm-color-transparent);
+  --wm-popover-content-border-radius: var(--wm-radius-none);
+  --wm-popover-content-background-color: var(--wm-color-transparent);
+  --wm-popover-content-shadow: var(--wm-elevation-shadow-none);
+  --wm-popover-modal-content-shadow: var(--wm-elevation-shadow-none);
   --wm-progress-bar-background-inactive: var(--wm-color-primary-container);
   --wm-progress-bar-background-active: var(--wm-color-primary);
   --wm-progress-bar-radius: var(--wm-radius-lg);
-  --wm-progress-bar-margin: var(--wm-space-1);
   --wm-progress-bar-tooltip-background: var(--wm-color-info-container);
   --wm-progress-bar-tooltip-padding-horizontal: var(--wm-space-2);
   --wm-progress-bar-tooltip-padding-vertical: var(--wm-space-1);
@@ -990,13 +953,12 @@
   --wm-radiobutton-border-color: var(--wm-color-on-surface-variant);
   --wm-radiobutton-title-color: var(--wm-color-on-surface-variant);
   --wm-radiobutton-title-font-size: var(--wm-body-large-font-size);
-  --wm-radiobutton-title-padding-left: var(--wm-space-2);
-  --wm-radiobutton-title-padding-right: var(--wm-space-2);
+  --wm-radiobutton-title-padding: var(--wm-space-0);
   --wm-radiobutton-set-item-column-gap: var(--wm-space-6);
   --wm-radiobutton-set-item-row-gap: var(--wm-space-2);
   --wm-rating-padding: var(--wm-space-2);
   --wm-rating-icon-color: var(--wm-color-on-surface);
-  --wm-rating-text-padding-left: var(--wm-space-2);
+  --wm-rating-text-padding: var(--wm-space-0) var(--wm-space-0) var(--wm-space-0) var(--wm-space-2);
   --wm-rating-text-color: var(--wm-color-warning);
   --wm-scroll-bar-track-bg: var(--wm-color-surface);
   --wm-scroll-bar-thumb-bg: var(--wm-color-surface-container-high);
@@ -1008,54 +970,48 @@
   --wm-search-text-color: var(--wm-color-on-surface);
   --wm-search-text-background-color: var(--wm-color-surface);
   --wm-search-text-font-size: var(--wm-body-medium-font-size);
-  --wm-search-text-padding-top: var(--wm-space-2);
-  --wm-search-text-padding-bottom: var(--wm-space-2);
-  --wm-search-text-padding-left: var(--wm-space-6);
-  --wm-search-text-padding-right: var(--wm-space-3);
+  --wm-search-text-padding: var(--wm-space-2) var(--wm-space-3) var(--wm-space-2) var(--wm-space-6);
   --wm-search-dropdown-background-color: var(--wm-color-surface);
   --wm-search-dropdown-border-radius: var(--wm-radius-md);
   --wm-search-invalid-color: var(--wm-color-error);
   --wm-search-btn-background-color: var(--wm-color-surface);
   --wm-search-btn-icon-color: var(--wm-color-on-surface);
   --wm-search-btn-icon-size: var(--wm-icon-size);
-  --wm-search-btn-padding-top: var(--wm-space-0);
-  --wm-search-btn-padding-bottom: var(--wm-space-0);
-  --wm-search-btn-padding-left: var(--wm-space-6);
-  --wm-search-btn-padding-right: var(--wm-space-6);
+  --wm-search-btn-padding: var(--wm-space-0) var(--wm-space-6);
   --wm-search-placeholder-text-color: var(--wm-color-outline);
-  --wm-search-data-complete-padding-top: var(--wm-space-2);
-  --wm-search-data-complete-padding-bottom: var(--wm-space-2);
-  --wm-search-data-complete-padding-left: var(--wm-space-2);
-  --wm-search-data-complete-padding-right: var(--wm-space-2);
+  --wm-search-data-complete-padding: var(--wm-space-2);
   --wm-search-data-complete-text-color: var(--wm-color-outline);
   --wm-search-data-complete-text-font-size: var(--wm-body-small-font-size);
   --wm-search-item-margin-bottom: var(--wm-space-1);
-  --wm-search-item-padding-top: var(--wm-space-2);
-  --wm-search-item-padding-bottom: var(--wm-space-2);
-  --wm-search-item-padding-left: var(--wm-space-4);
-  --wm-search-item-padding-right: var(--wm-space-4);
+  --wm-search-item-padding: var(--wm-space-2) var(--wm-space-4);
   --wm-search-item-separator-color: var(--wm-color-outline);
   --wm-search-item-text-color: var(--wm-color-on-surface);
   --wm-search-item-text-font-size: var(--wm-body-medium-font-size);
   --wm-search-clear-btn-icon-color: var(--wm-color-on-surface);
   --wm-search-clear-btn-icon-size: var(--wm-icon-size);
-  --wm-search-clear-btn-padding-top: var(--wm-space-0);
-  --wm-search-clear-btn-padding-bottom: var(--wm-space-0);
-  --wm-search-clear-btn-padding-left: var(--wm-space-0);
-  --wm-search-clear-btn-padding-right: var(--wm-space-0);
+  --wm-search-clear-btn-padding: var(--wm-space-0);
   --wm-search-clear-btn-border-radius: var(--wm-radius-sm);
   --wm-search-clear-btn-background-color: var(--wm-color-transparent);
   --wm-search-clear-btn-width: var(--wm-space-9);
-  --wm-select-arrow-button-border-color: var(--wm-color-transparent);
-  --wm-select-arrow-button-border-width: var(--wm-border-width-base);
-  --wm-select-arrow-button-border-radius: var(--wm-radius-base);
-  --wm-select-modal-content-background: var(--wm-color-white);
-  --wm-select-modal-content-border-color: var(--wm-color-transparent);
-  --wm-select-modal-content-border-width: var(--wm-border-width-base);
+  --wm-select-arrow-button-padding: var(--wm-space-1);
+  --wm-select-arrow-button-background-color: var(--wm-color-outline-variant);
+  --wm-select-arrow-button-icon-color: var(--wm-color-on-background);
+  --wm-select-arrow-button-icon-padding: var(--wm-space-1);
+  --wm-select-arrow-button-icon-border-radius: var(--wm-radius-none);
+  --wm-select-arrow-button-icon-border-width: var(--wm-border-width-0);
+  --wm-select-arrow-button-icon-border-color: var(--wm-color-outline);
+  --wm-select-arrow-button-icon-font-size: var(--wm-body-large-font-size);
+  --wm-select-arrow-button-border-radius: var(--wm-radius-none);
+  --wm-select-arrow-button-border-width: var(--wm-border-width-0);
+  --wm-select-arrow-button-border-color: var(--wm-color-outline);
+  --wm-select-modal-content-background-color: var(--wm-color-outline-variant);
   --wm-select-modal-content-border-radius: var(--wm-radius-base);
-  --wm-select-item-color: var(--wm-color-primary);
-  --wm-select-item-padding-vertical: var(--wm-space-2);
-  --wm-select-item-padding-horizontal: var(--wm-space-4);
+  --wm-select-modal-content-border-width: var(--wm-border-width-0);
+  --wm-select-modal-content-border-color: var(--wm-color-outline);
+  --wm-select-modal-text-font-size: var(--wm-body-large-font-size);
+  --wm-select-modal-text-color: var(--wm-color-on-surface-variant);
+  --wm-select-check-icon-color: var(--wm-color-on-background);
+  --wm-select-check-icon-font-size: var(--wm-icon-size-md);
   --wm-slider-track-height: var(--wm-space-4);
   --wm-slider-track-margin-vertical: var(--wm-space-4);
   --wm-slider-track-border-radius: var(--wm-radius-lg);
@@ -1068,7 +1024,7 @@
   --wm-slider-tooltip-color: var(--wm-color-white);
   --wm-spinner-text-color: var(--wm-color-scrim);
   --wm-spinner-text-font-size: var(--wm-body-large-font-size);
-  --wm-spinner-text-padding-left: var(--wm-space-2);
+  --wm-spinner-text-padding: var(--wm-space-0) var(--wm-space-0) var(--wm-space-0) var(--wm-space-2);
   --wm-spinner-icon-size: var(--wm-icon-size);
   --wm-spinner-icon-color: var(--wm-color-scrim);
   --wm-switch-button-background-color: var(--wm-color-surface);
@@ -1079,21 +1035,19 @@
   --wm-switch-button-color: var(--wm-color-outline);
   --wm-switch-button-border-color: var(--wm-color-outline);
   --wm-switch-button-border-radius: var(--wm-radius-lg);
-  --wm-switch-button-padding-left: var(--wm-space-4);
-  --wm-switch-button-padding-right: var(--wm-space-4);
-  --wm-tabbar-border-top-width: var(--wm-border-width-0);
-  --wm-tabbar-border-top-color: var(--wm-color-scrim);
-  --wm-tabbar-border-top-style: var(--wm-border-style-solid);
+  --wm-switch-button-padding: var(--wm-space-0) var(--wm-space-4);
+  --wm-tabbar-border-width: var(--wm-border-width-0);
+  --wm-tabbar-border-color: var(--wm-color-scrim);
+  --wm-tabbar-border-style: var(--wm-border-style-solid);
   --wm-tabbar-menu-background: var(--wm-color-surface);
   --wm-tabbar-more-menu-background: var(--wm-color-surface);
-  --wm-tabbar-more-menu-row-padding-top: var(--wm-space-1);
-  --wm-tabbar-more-menu-row-padding-bottom: var(--wm-space-1);
+  --wm-tabbar-more-menu-row-padding: var(--wm-space-1) var(--wm-space-0);
   --wm-tabbar-item-min-height: var(--wm-space-8);
   --wm-tabbar-item-min-width: var(--wm-spacer-7);
+  --wm-tabbar-item-border-width: var(--wm-border-width-0);
   --wm-tabbar-icon-size: var(--wm-space-6);
   --wm-tabbar-icon-color: var(--wm-color-on-surface-variant);
-  --wm-tabbar-icon-padding-right: var(--wm-space-0);
-  --wm-tabbar-icon-padding-bottom: var(--wm-space-0);
+  --wm-tabbar-icon-padding: var(--wm-space-0);
   --wm-tabbar-icon-border-bottom-color: var(--wm-color-primary);
   --wm-tabbar-text-font-size: var(--wm-label-medium-font-size);
   --wm-tabbar-text-font-weight: var(--wm-font-weight-400);
@@ -1106,6 +1060,9 @@
   --wm-tabs-heading-border-radius: var(--wm-radius-sm);
   --wm-tabs-heading-border-color: var(--wm-color-surface);
   --wm-tabs-heading-border-width: var(--wm-border-width-1);
+  --wm-tabs-item-heading-border-radius: var(--wm-radius-none);
+  --wm-tabs-item-heading-border-color: var(--wm-color-surface);
+  --wm-tabs-item-heading-border-width: var(--wm-border-width-0);
   --wm-tabs-item-heading-padding: var(--wm-space-2);
   --wm-tabs-item-heading-font-size: var(--wm-h6-font-size);
   --wm-tabs-item-heading-line-height: var(--wm-h6-line-height);
@@ -1113,14 +1070,12 @@
   --wm-tabs-item-heading-text-color: var(--wm-color-outline);
   --wm-tabs-item-heading-icon-size: var(--wm-icon-size);
   --wm-tabs-item-heading-icon-color: var(--wm-color-outline);
+  --wm-tabs-item-heading-indicator-margin: var(--wm-space-0);
   --wm-tabs-item-heading-indicator-background: var(--wm-color-primary);
   --wm-tile-background-color: var(--wm-color-surface-container-low);
   --wm-tile-color: var(--wm-color-on-surface-variant);
   --wm-tile-border-radius: var(--wm-radius-sm);
-  --wm-tile-padding-top: var(--wm-space-4);
-  --wm-tile-padding-bottom: var(--wm-space-4);
-  --wm-tile-padding-left: var(--wm-space-4);
-  --wm-tile-padding-right: var(--wm-space-4);
+  --wm-tile-padding: var(--wm-space-4);
   --wm-toast-container-border-radius: var(--wm-radius-xs);
   --wm-toast-container-border-width: var(--wm-border-width-base);
   --wm-toast-container-border-color: var(--wm-color-info);
@@ -1156,24 +1111,15 @@
   --wm-toggle-handle-color: var(--wm-color-on-secondary-fixed-variant);
   --wm-toggle-border-color: var(--wm-color-outline);
   --wm-webview-background-color: var(--wm-color-white);
-  --wm-webview-padding-top: var(--wm-space-0);
-  --wm-webview-padding-bottom: var(--wm-space-0);
-  --wm-webview-padding-left: var(--wm-space-2);
-  --wm-webview-padding-right: var(--wm-space-2);
+  --wm-webview-padding: var(--wm-space-0) var(--wm-space-2);
   --wm-wizard-background-color: var(--wm-color-surface);
   --wm-wizard-border-radius: var(--wm-radius-xs);
-  --wm-wizard-padding-top: var(--wm-space-1);
-  --wm-wizard-padding-bottom: var(--wm-space-1);
-  --wm-wizard-padding-left: var(--wm-space-1);
-  --wm-wizard-padding-right: var(--wm-space-1);
+  --wm-wizard-padding: var(--wm-space-1);
   --wm-wizard-gap: var(--wm-space-2);
   --wm-wizard-heading-background-color: var(--wm-color-surface);
   --wm-wizard-heading-radius: var(--wm-radius-xs);
-  --wm-wizard-heading-padding-top: var(--wm-space-7);
-  --wm-wizard-heading-padding-bottom: var(--wm-space-0);
-  --wm-wizard-heading-padding-left: var(--wm-space-7);
-  --wm-wizard-heading-padding-right: var(--wm-space-7);
-  --wm-wizard-body-padding-top: var(--wm-space-3);
+  --wm-wizard-heading-padding: var(--wm-space-7) var(--wm-space-7) var(--wm-space-0) var(--wm-space-7);
+  --wm-wizard-body-padding: var(--wm-space-3) var(--wm-space-0) var(--wm-space-0) var(--wm-space-0);
   --wm-wizard-step-gap: var(--wm-space-2);
   --wm-wizard-step-title-color: var(--wm-color-on-surface);
   --wm-wizard-step-title-font-weight: var(--wm-font-weight-400);
@@ -1264,8 +1210,8 @@
   --wm-button-group-border-style: var(--wm-border-style-base);
   --wm-btn-font-family: var(--wm-label-large-font-family);
   --wm-btn-font-weight: var(--wm-label-large-font-weight);
-  --wm-calendar-view-shadow: var(--wm-elevation-shadow-1);
-  --wm-calendar-view-border-style: var(--wm-border-style-base);
+  --wm-calendar-wrapper-shadow: var(--wm-elevation-shadow-1);
+  --wm-calendar-wrapper-border-style: var(--wm-border-style-base);
   --wm-calendar-header-border-style: var(--wm-border-style-base);
   --wm-calendar-weekday-border-style: var(--wm-border-style-base);
   --wm-card-border-style: var(--wm-border-style-base);
@@ -1277,6 +1223,8 @@
   --wm-chips-item-font-family: var(--wm-label-large-font-family);
   --wm-chips-item-font-weight: var(--wm-label-large-font-weight);
   --wm-container-border-style: var(--wm-border-style-base);
+  --wm-currency-label-font-weight: var(--wm-body-medium-font-weight);
+  --wm-currency-label-font-family: var(--wm-body-medium-font-family);
   --wm-datetime-cancel-button-text-weight: var(--wm-body-medium-font-weight);
   --wm-datetime-selected-button-text-weight: var(--wm-body-medium-font-weight);
   --wm-datetime-button-border-style: var(--wm-border-style-base);
@@ -1289,6 +1237,8 @@
   --wm-form-controls-border-style: var(--wm-border-style-base);
   --wm-form-controls-label-font-weight: var(--wm-label-large-font-weight);
   --wm-form-controls-label-font-family: var(--wm-label-large-font-family);
+  --wm-form-controls-floating-font-weight: var(--wm-body-medium-font-weight);
+  --wm-form-controls-floating-font-family: var(--wm-body-medium-font-family);
   --wm-form-border-style: var(--wm-border-style-base);
   --wm-form-header-border-style: var(--wm-border-style-base);
   --wm-form-body-border-style: var(--wm-border-style-base);
@@ -1296,13 +1246,13 @@
   --wm-label-font-weight: var(--wm-body-medium-font-weight);
   --wm-label-font-family: var(--wm-body-medium-font-family);
   --wm-label-border-style: var(--wm-border-style-base);
-  --wm-left-panel-elevation: var(--wm-elevation-shadow-1);
   --wm-list-border-style: var(--wm-border-style-base);
   --wm-message-container-border-style: var(--wm-border-style-base);
   --wm-modal-header-border-style: var(--wm-border-style-base);
   --wm-modal-header-close-btn-border-style: var(--wm-border-style-base);
   --wm-modal-title-font-family: var(--wm-h3-font-family);
   --wm-modal-title-font-weight: var(--wm-h3-font-weight);
+  --wm-modal-description-border-style: var(--wm-border-style-base);
   --wm-modal-description-font-family: var(--wm-h5-font-family);
   --wm-modal-description-font-weight: var(--wm-body-small-font-weight);
   --wm-navbar-content-font-family: var(--wm-body-large-font-family);
@@ -1314,6 +1264,7 @@
   --wm-navbar-border-style: var(--wm-border-style-base);
   --wm-navitem-font-family: var(--wm-label-large-font-family);
   --wm-navitem-badge-font-family: var(--wm-label-large-font-family);
+  --wm-left-panel-elevation: var(--wm-elevation-shadow-1);
   --wm-panel-footer-border-style: var(--wm-border-style-base);
   --wm-panel-shadow: var(--wm-elevation-shadow-1);
   --wm-panel-heading-font-family: var(--wm-h4-font-family);
@@ -1322,11 +1273,13 @@
   --wm-panel-description-font-weight: var(--wm-body-medium-font-weight);
   --wm-picture-border-color: var(--wm-color-border);
   --wm-picture-border-style: var(--wm-border-style-base);
+  --wm-popover-border-style: var(--wm-border-style-base);
   --wm-popover-header-font-family: var(--wm-h5-font-family);
   --wm-popover-header-font-weight: var(--wm-h5-font-weight);
   --wm-popover-link-border-style: var(--wm-border-style-base);
   --wm-popover-link-font-family: var(--wm-body-medium-font-family);
   --wm-popover-link-font-weight: var(--wm-body-medium-font-weight);
+  --wm-popover-content-border-style: var(--wm-border-style-base);
   --wm-radiobutton-label-font-family: var(--wm-body-large-font-family);
   --wm-radiobutton-label-font-weight: var(--wm-body-large-font-weight);
   --wm-radiobutton-title-font-family: var(--wm-body-large-font-family);
@@ -1336,14 +1289,18 @@
   --wm-search-data-complete-text-font-weight: var(--wm-body-small-font-weight);
   --wm-search-item-text-font-family: var(--wm-body-medium-font-family);
   --wm-search-item-text-font-weight: var(--wm-body-medium-font-weight);
+  --wm-select-arrow-button-icon-border-style: var(--wm-border-style-base);
   --wm-select-arrow-button-border-style: var(--wm-border-style-base);
   --wm-select-modal-content-border-style: var(--wm-border-style-base);
+  --wm-select-modal-text-font-family: var(--wm-body-medium-font-family);
   --wm-tabbar-box-shadow: var(--wm-elevation-shadow-1);
   --wm-tabbar-more-menu-box-shadow: var(--wm-elevation-shadow-1);
   --wm-tabbar-text-font-family: var(--wm-label-large-font-family);
   --wm-tabs-border-style: var(--wm-border-style-base);
   --wm-tabs-heading-border-style: var(--wm-border-style-base);
+  --wm-tabs-item-heading-border-style: var(--wm-border-style-base);
   --wm-tabs-item-heading-font-weight: var(--wm-h6-font-weight);
+  --wm-tabs-item-heading-font-family: var(--wm-h6-font-family);
   --wm-toast-container-shadow: var(--wm-elevation-shadow-3);
   --wm-toast-container-border-style: var(--wm-border-style-base);
   --wm-toast-title-font-family: var(--wm-label-large-font-family);