@wavemaker/rn-codegen 11.14.3-rc.6401 → 11.15.0-2.247

package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/tokens.light.css

@@ -23,7 +23,6 @@
   --wm-barcodescanner-padding-top: 10px;
   --wm-barcodescanner-ripple-color: transparent;
   --wm-bottomsheet-backdrop-background: rgba(0,0,0,0.1);
-  --wm-bottomsheet-border-width: 1;
   --wm-bottomsheet-border-color: transparent;
   --wm-bottomsheet-handle-border-width: 1;
   --wm-bottomsheet-handle-border-color: transparent;
@@ -50,7 +49,6 @@
   --wm-calendar-fc-anchor-color: #aaaaaa;
   --wm-calendar-width: 100%;
   --wm-calendar-min-height: 456px;
-  --wm-calendar-min-width: 360px;
   --wm-calendar-day-border-color: transparent;
   --wm-calendar-not-day-of-month-color: #666666;
   --wm-calendar-not-day-of-month-font-weight: normal;
@@ -64,7 +62,6 @@
   --wm-camera-border-radius: 20px;
   --wm-camera-min-height: 30px;
   --wm-camera-min-width: 40px;
-  --wm-camera-padding: 0;
   --wm-card-header-width: 100%;
   --wm-card-header-background-color: transparent;
   --wm-card-border-radius: 6px;
@@ -116,8 +113,8 @@
   --wm-dropdown-menu-border-width: 0;
   --wm-fileupload-text-align: center;
   --wm-fileupload-ripple-color: transparent;
-  --wm-form-controls-opacity: 1px;
   --wm-form-controls-min-height: 48px;
+  --wm-form-controls-min-width: 160px;
   --wm-grid-layout-width: 100%;
   --wm-icon-size: 24px;
   --wm-icon-size-xs: 12px;
@@ -128,6 +125,7 @@
   --wm-icon-size-3x: 42px;
   --wm-icon-size-4x: 48px;
   --wm-icon-size-5x: 54px;
+  --wm-label-background-color: none;
   --wm-label-large-font-size: 14px;
   --wm-label-large-line-height: 20px;
   --wm-label-large-letter-spacing: 0.1px;
@@ -140,11 +138,8 @@
   --wm-left-panel-min-height: 100%;
   --wm-left-panel-background: #ffffff;
   --wm-left-panel-max-width: 360px;
-  --wm-list-heading-margin-bottom: 6px;
-  --wm-list-heading-background-color: transparent;
-  --wm-list-item-border-radius: 6px;
-  --wm-list-item-min-height: 56px;
-  --wm-lottie-content-width: 100%;
+  --wm-list-background-color: transparent;
+  --wm-list-border-color: transparent;
   --wm-message-container-border-radius: 6px;
   --wm-message-icon-size: 20px;
   --wm-message-close-btn-border-radius: 6px;
@@ -153,15 +148,15 @@
   --wm-message-close-btn-ripple-color: transparent;
   --wm-modal-z-index: 1000;
   --wm-modal-min-width: 320px;
-  --wm-modal-max-height: 793px;
   --wm-modal-header-border-color: #cccccc;
-  --wm-modal-header-close-btn-margin: 0;
   --wm-modal-header-close-btn-border-width: 0;
+  --wm-modal-header-close-btn-border-color: #cccccc;
   --wm-modal-header-close-btn-font-size: 14px;
   --wm-modal-header-close-btn-color: #aaaaaa;
-  --wm-nav-item-background: #ffffff;
-  --wm-nav-item-min-height: 44px;
-  --wm-nav-item-color: #151420;
+  --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;
@@ -171,55 +166,19 @@
   --wm-navbar-anchor-padding-left: 0px;
   --wm-navbar-anchor-padding-top: 0px;
   --wm-navbar-anchor-padding-bottom: 0px;
-  --wm-app-font-smoothing: antialiased;
-  --wm-app-text-transform: none;
-  --wm-app-margin: 0;
-  --wm-app-padding: 0;
-  --wm-aside-panel-width: 220px;
-  --wm-aside-panel-border-style: solid;
-  --wm-aside-panel-border-width: 0px 1px 0px 0px;
-  --wm-aside-panel-rail-width: 102px;
-  --wm-aside-panel-rail-border-style: solid;
-  --wm-aside-panel-rail-border-width: 0px 1px 0px 0px;
-  --wm-aside-nav-item-min-height: 56px;
-  --wm-aside-nav-item-icon-background: inherit;
-  --wm-aside-nav-item-icon-background-active: inherit;
-  --wm-aside-nav-item-icon-color: inherit;
-  --wm-aside-nav-item-icon-color-active: inherit;
-  --wm-aside-nav-item-background: none;
-  --wm-aside-nav-item-indicator-width: 1px;
-  --wm-aside-nav-item-indicator-height: 100%;
-  --wm-aside-nav-item-indicator-position-top: 0;
-  --wm-aside-nav-item-indicator-position-right: 0;
-  --wm-aside-nav-item-indicator-position-bottom: 0;
-  --wm-aside-nav-item-indicator-position-left: auto;
-  --wm-aside-nav-item-indicator-radius: 0;
-  --wm-aside-nav-item-indicator-color: none;
-  --wm-aside-nav-submenu-box-shadow: none;
-  --wm-aside-nav-submenu-item-min-height: 44px;
-  --wm-aside-nav-rail-item-height: 90px;
-  --wm-aside-nav-rail-item-icon-size: 24px;
-  --wm-aside-nav-rail-item-icon-width: 40px;
-  --wm-aside-nav-rail-item-icon-height: 40px;
-  --wm-aside-nav-rail-item-icon-background: none;
-  --wm-aside-nav-rail-item-icon-background-active: none;
-  --wm-aside-nav-rail-item-icon-state-layer-color: none;
-  --wm-aside-nav-rail-submenu-width: 260px;
-  --wm-aside-nav-rail-submenu-item-min-height: 44px;
-  --wm-pagination-page-item-link-height: 32px;
-  --wm-pagination-page-item-link-width: 32px;
-  --wm-pagination-pager-link-elevation: 0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
-  --wm-pagination-pager-link-background: transparent;
-  --wm-pagination-pager-link-min-width: auto;
-  --wm-pagination-pager-link-min-height: 32px;
-  --wm-pagination-pager-previous-link-background: transparent;
-  --wm-pagination-pagecount-input-height: 32px;
-  --wm-pagination-pagecount-input-width: 48px;
-  --wm-horizontal-page-slider-anchor-width: 32px;
-  --wm-picture-background: transparent;
-  --wm-popover-position: absolute;
+  --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-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-height: auto;
+  --wm-popover-link-width: auto;
+  --wm-popover-link-min-height: auto;
   --wm-progress-bar-height: 16px;
   --wm-progress-circle-width: 150px;
   --wm-progress-circle-height: 150px;
@@ -232,22 +191,6 @@
   --wm-rating-opacity: 1;
   --wm-rating-icon-size: 32px;
   --wm-rating-text-size: 32px;
-  --wm-note-editor-note-code-font-family: Menlo, Monaco, monospace, sans-serif;
-  --wm-note-editor-btn-min-height: 28px;
-  --wm-note-editor-btn-width: 28px;
-  --wm-note-editor-dropdown-menu-width: 200px;
-  --wm-note-editor-dropdown-menu-max-height: 250px;
-  --wm-note-editor-dropdown-menu-min-width: 180px;
-  --wm-note-editor-blockquote-border-width: 4px;
-  --wm-note-editor-tooltip-content-max-width: 200px;
-  --wm-note-editor-tooltip-arrow-border-width: 5px;
-  --wm-note-editor-color-btn-size: 16px;
-  --wm-note-editor-color-select-btn-width: 40px;
-  --wm-note-editor-color-select-btn-height: 14px;
-  --wm-note-editor-color-select-btn-min-height: 14px;
-  --wm-note-editor-palette-width: 160px;
-  --wm-note-editor-popover-content-min-width: 100px;
-  --wm-note-editor-popover-content-min-height: 30px;
   --wm-scroll-bar-width: 6px;
   --wm-scroll-bar-height: 6px;
   --wm-scroll-bar-track-radius: 6px;
@@ -256,6 +199,7 @@
   --wm-search-dropdown-border-color: transparent;
   --wm-search-dropdown-border-width: 0;
   --wm-search-btn-ripple-color: rgba(255, 255, 255, 0.08);
+  --wm-search-btn-width: auto;
   --wm-search-data-complete-background: transparent;
   --wm-search-item-separator-width: 0;
   --wm-select-arrow-button-height: 12px;
@@ -266,6 +210,7 @@
   --wm-spinner-width: 100%;
   --wm-spinner-lottie-width: 150px;
   --wm-spinner-lottie-height: 150px;
+  --wm-switch-button-text-transform: capitalize;
   --wm-switch-button-border-width: 1px;
   --wm-switch-button-ripple-color: rgba(255, 255, 255, 0.08);
   --wm-tabbar-height: 80px;
@@ -297,7 +242,6 @@
   --wm-toggle-opacity: 1;
   --wm-video-width: 340px;
   --wm-video-height: 300px;
-  --wm-webview-container-min-height: 100px;
   --wm-wizard-body-height: 50vh;
   --wm-wizard-step-indicator-size: 33px;
   --wm-wizard-step-indicator-background-color: transparent;
@@ -324,6 +268,7 @@
   --wm-box-shadow-3: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px 0px rgba(0, 0, 0, 0.30);
   --wm-box-shadow-4: 0px 6px 10px 4px rgba(0, 0, 0, 0.15), 0px 2px 3px 0px rgba(0, 0, 0, 0.30);
   --wm-box-shadow-5: 0px 8px 12px 6px rgba(0, 0, 0, 0.15), 0px 4px 4px 0px rgba(0, 0, 0, 0.30);
+  --wm-box-shadow-none: none;
   --wm-color-primary: #FF7250;
   --wm-color-primary-container: #ffe3dc;
   --wm-color-primary-fixed: #ffe8e2;
@@ -429,6 +374,9 @@
   --wm-h6-font-size: 14px;
   --wm-h6-line-height: 20px;
   --wm-h6-letter-spacing: 0.1px;
+  --wm-p-font-size: 12px;
+  --wm-p-line-height: 18px;
+  --wm-p-letter-spacing: 0.1px;
   --wm-display-large-font-size: 57px;
   --wm-display-large-line-height: 64px;
   --wm-display-large-letter-spacing: -0.25px;
@@ -440,9 +388,8 @@
   --wm-display-small-letter-spacing: 0px;
   --wm-gap-base: 4px;
   --wm-margin-base: 4px;
-  --wm-opacity-hover: 8%;
   --wm-opacity-focus: 12%;
-  --wm-opacity-active: 16%;
+  --wm-opacity-active: 100%;
   --wm-radius-base: 2px;
   --wm-radius-none: 0px;
   --wm-radius-xxs: 2px;
@@ -479,14 +426,11 @@
   --wm-spacer-8: 128px;
   --wm-spacer-9: 176px;
   --wm-spacer: 16px;
-  --wm-accordion-border-width: 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-header-background-color: var(--wm-color-white);
   --wm-accordion-header-padding: var(--wm-space-2);
-  --wm-accordion-icon-root-width: var(--wm-space-6);
-  --wm-accordion-icon-root-height: var(--wm-space-6);
-  --wm-accordion-icon-root-border-radius: var(--wm-space-6);
   --wm-accordion-icon-color: var(--wm-color-on-background);
   --wm-accordion-icon-font-size: var(--wm-spacer);
   --wm-accordion-icon-font-weight: var(--wm-font-weight-700);
@@ -500,6 +444,8 @@
   --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-gap: var(--wm-space-1);
   --wm-anchor-icon-size: var(--wm-icon-size);
   --wm-anchor-image-size: var(--wm-icon-size);
@@ -541,6 +487,10 @@
   --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-handle-background: var(--wm-color-surface-bright);
@@ -564,6 +514,8 @@
   --wm-breadcrumb-item-separator-color: var(--wm-color-outline);
   --wm-breadcrumb-item-separator-size: var(--wm-icon-size-sm);
   --wm-button-group-radius: var(--wm-radius-sm);
+  --wm-button-group-border-width: var(--wm-border-width-base);
+  --wm-button-group-border-color: var(--wm-color-surface-container-highest);
   --wm-btn-background: var(--wm-color-surface);
   --wm-btn-color: var(--wm-color-on-surface);
   --wm-btn-font-size: var(--wm-label-large-font-size);
@@ -599,7 +551,14 @@
   --wm-calendar-header-skeleton-margin-bottom: var(--wm-space-4);
   --wm-camera-background: var(--wm-color-white);
   --wm-camera-border-width: var(--wm-border-width-1);
-  --wm-card-header-padding: var(--wm-space-2);
+  --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-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);
@@ -667,12 +626,15 @@
   --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: var(--wm-border-width-0);
+  --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-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-6);
-  --wm-container-padding-right: var(--wm-space-6);
+  --wm-container-padding-left: var(--wm-space-0);
+  --wm-container-padding-right: var(--wm-space-0);
   --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);
@@ -713,18 +675,25 @@
   --wm-fileupload-border-color: var(--wm-color-black);
   --wm-fileupload-border-width: var(--wm-border-width-base);
   --wm-fileupload-border-style: var(--wm-border-style-solid);
-  --wm-fileupload-border-radius: var(--wm-radius-xxl);
+  --wm-fileupload-border-radius: var(--wm-radius-base);
   --wm-fileupload-background: var(--wm-color-surface-container-low);
   --wm-fileupload-text-font-size: var(--wm-body-large-font-size);
   --wm-fileupload-text-font-weight: var(--wm-font-weight-400);
   --wm-fileupload-text-color: var(--wm-color-primary);
   --wm-fileupload-icon-font-size: var(--wm-body-large-font-size);
   --wm-fileupload-icon-color: var(--wm-color-primary);
-  --wm-form-controls-padding-vertical: var(--wm-space-2);
-  --wm-form-controls-padding-horizontal: var(--wm-space-2);
+  --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-border-color: var(--wm-color-outline);
   --wm-form-controls-border-radius: var(--wm-radius-sm);
-  --wm-form-controls-border-width: var(--wm-border-width-base);
+  --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-placeholder-color: var(--wm-color-on-surface);
   --wm-form-controls-background: var(--wm-color-outline-variant);
   --wm-form-controls-color: var(--wm-color-black);
@@ -780,10 +749,21 @@
   --wm-icon-height: var(--wm-icon-size);
   --wm-icon-gap: var(--wm-space-1);
   --wm-label-color: var(--wm-color-on-surface);
-  --wm-label-margin: var(--wm-space-0);
+  --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: var(--wm-space-0);
+  --wm-label-padding-left: var(--wm-space-0);
+  --wm-label-padding-right: var(--wm-space-0);
+  --wm-label-padding-top: var(--wm-space-0);
+  --wm-label-padding-bottom: var(--wm-space-0);
   --wm-label-font-size: var(--wm-body-large-font-size);
+  --wm-label-border-radius: var(--wm-border-width-0);
+  --wm-label-border-width: var(--wm-border-width-0);
+  --wm-label-border-color: var(--wm-color-primary);
   --wm-label-large-font-family: var(--wm-font-family-brand);
   --wm-label-large-font-weight: var(--wm-font-weight-500);
   --wm-label-medium-font-family: var(--wm-font-family-brand);
@@ -792,19 +772,12 @@
   --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-heading-padding: var(--wm-space-2);
-  --wm-list-title-line-height: var(--wm-body-large-line-height);
-  --wm-list-title-font-size: var(--wm-body-large-font-size);
-  --wm-list-title-color: var(--wm-color-on-surface);
-  --wm-list-title-font-family: var(--wm-font-family-plain);
-  --wm-list-sub-heading-font-size: var(--wm-body-medium-font-size);
-  --wm-list-sub-heading-line-height: var(--wm-body-medium-line-height);
-  --wm-list-sub-heading-color: var(--wm-color-on-surface);
-  --wm-list-sub-heading-font-family: var(--wm-font-family-plain);
-  --wm-list-item-padding: var(--wm-space-1);
-  --wm-list-item-header-background-color: var(--wm-color-surface-container-lowest);
-  --wm-list-select-icon-font-size: var(--wm-body-medium-font-size);
-  --wm-list-select-icon-color: var(--wm-color-primary);
+  --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-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);
@@ -813,7 +786,11 @@
   --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-content-height: var(--wm-spacer-7);
+  --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-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);
@@ -834,24 +811,24 @@
   --wm-modal-background: var(--wm-color-surface-container-high);
   --wm-modal-radius: var(--wm-radius-lg);
   --wm-modal-header-padding: var(--wm-space-4);
-  --wm-modal-header-border-width: var(--wm-border-width-base);
-  --wm-modal-title-gap: var(--wm-space-1);
-  --wm-modal-title-font-size: var(--wm-h3-font-size);
+  --wm-modal-header-border-width: var(--wm-border-width-0);
+  --wm-modal-header-close-btn-background: var(--wm-color-transparent);
+  --wm-modal-header-background: var(--wm-color-surface-container-high);
+  --wm-modal-title-font-size: var(--wm-h4-font-size);
   --wm-modal-title-line-height: var(--wm-h3-line-height);
   --wm-modal-title-letter-spacing: var(--wm-h3-letter-spacing);
   --wm-modal-body-padding: var(--wm-space-6);
   --wm-modal-footer-padding: var(--wm-space-6);
-  --wm-modal-footer-gap: var(--wm-space-3);
-  --wm-modal-footer-btn-padding-vertical: var(--wm-space-3);
-  --wm-modal-footer-btn-padding-horizontal: var(--wm-space-6);
   --wm-modal-icon-font-size: var(--wm-h4-font-size);
-  --wm-nav-item-font-size: var(--wm-label-large-font-size);
-  --wm-nav-item-line-height: var(--wm-label-large-line-height);
-  --wm-nav-item-letter-spacing: var(--wm-label-large-letter-spacing);
-  --wm-nav-item-padding-left: var(--wm-space-3);
-  --wm-nav-item-padding-right: var(--wm-space-3);
-  --wm-nav-item-padding-top: var(--wm-space-3);
-  --wm-nav-item-padding-bottom: var(--wm-space-3);
+  --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);
@@ -874,129 +851,62 @@
   --wm-navbar-anchor-icon-size: var(--wm-icon-size);
   --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-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);
+  --wm-navitem-line-height: var(--wm-label-large-line-height);
+  --wm-navitem-letter-spacing: var(--wm-label-large-letter-spacing);
+  --wm-navitem-color: var(--wm-color-on-secondary-fixed);
+  --wm-navitem-icon-size: var(--wm-icon-size);
+  --wm-navitem-icon-color: var(--wm-color-on-secondary-container);
+  --wm-navitem-icon-padding-left: var(--wm-space-0);
+  --wm-navitem-icon-padding-right: var(--wm-space-0);
+  --wm-navitem-icon-padding-top: var(--wm-space-0);
+  --wm-navitem-icon-padding-bottom: var(--wm-space-0);
+  --wm-navitem-padding-left: var(--wm-space-4);
+  --wm-navitem-padding-right: var(--wm-space-4);
+  --wm-navitem-padding-top: var(--wm-space-4);
+  --wm-navitem-padding-bottom: var(--wm-space-4);
+  --wm-navitem-margin-left: var(--wm-space-3);
+  --wm-navitem-margin-right: var(--wm-space-3);
+  --wm-navitem-margin-top: var(--wm-space-0);
+  --wm-navitem-margin-bottom: var(--wm-space-0);
+  --wm-navitem-border-radius: var(--wm-radius-pill);
+  --wm-navitem-badge-margin-left: var(--wm-space-0);
+  --wm-navitem-badge-margin-right: var(--wm-space-1);
+  --wm-navitem-badge-margin-top: var(--wm-space-0);
+  --wm-navitem-badge-margin-bottom: var(--wm-space-0);
+  --wm-navitem-badge-background: var(--wm-color-secondary-fixed-dim);
+  --wm-navitem-badge-font-size: var(--wm-label-large-font-size);
+  --wm-navitem-badge-font-weight: var(--wm-font-weight-600);
+  --wm-navitem-badge-border-radius: var(--wm-radius-circle);
+  --wm-navitem-badge-min-width: var(--wm-space-6);
+  --wm-navitem-badge-min-height: var(--wm-space-6);
+  --wm-navitem-badge-line-height: var(--wm-space-6);
+  --wm-navitem-badge-color: var(--wm-color-on-secondary-fixed);
+  --wm-navitem-text-padding-left: var(--wm-space-2);
+  --wm-navitem-text-padding-right: var(--wm-space-2);
+  --wm-navitem-text-padding-top: var(--wm-space-0);
+  --wm-navitem-text-padding-bottom: var(--wm-space-0);
+  --wm-navitem-child-background-color: var(--wm-color-surface-container-lowest);
+  --wm-navitem-child-color: var(--wm-color-on-secondary-fixed);
+  --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-app-font-size: var(--wm-body-medium-font-size);
-  --wm-app-line-height: var(--wm-body-medium-line-height);
-  --wm-app-letter-spacing: var(--wm-body-medium-letter-spacing);
-  --wm-app-background: var(--wm-color-surface);
-  --wm-app-color: var(--wm-color-on-background);
-  --wm-aside-panel-background: var(--wm-color-surface);
-  --wm-aside-panel-color: var(--wm-color-on-surface-variant);
-  --wm-aside-panel-border-color: var(--wm-color-outline-variant);
-  --wm-aside-panel-border-radius: var(--wm-radius-none);
-  --wm-aside-panel-shadow: var(--wm-elevation-shadow-none);
-  --wm-aside-panel-padding-top: var(--wm-space-5);
-  --wm-aside-panel-padding-right: var(--wm-space-0);
-  --wm-aside-panel-padding-bottom: var(--wm-space-0);
-  --wm-aside-panel-padding-left: var(--wm-space-0);
-  --wm-aside-panel-rail-background: var(--wm-color-surface);
-  --wm-aside-panel-rail-color: var(--wm-color-on-surface-variant);
-  --wm-aside-panel-rail-border-color: var(--wm-color-outline-variant);
-  --wm-aside-panel-rail-border-radius: var(--wm-radius-none);
-  --wm-aside-panel-rail-shadow: var(--wm-elevation-shadow-none);
-  --wm-aside-panel-rail-padding-top: var(--wm-space-7);
-  --wm-aside-panel-rail-padding-right: var(--wm-space-0);
-  --wm-aside-panel-rail-padding-bottom: var(--wm-space-0);
-  --wm-aside-panel-rail-padding-left: var(--wm-space-0);
-  --wm-aside-nav-padding: var(--wm-space-0);
-  --wm-aside-nav-gap: var(--wm-space-1);
-  --wm-aside-nav-item-padding: var(--wm-space-2) var(--wm-space-6);
-  --wm-aside-nav-item-font-size: var(--wm-label-large-font-size);
-  --wm-aside-nav-item-line-height: var(--wm-label-large-line-height);
-  --wm-aside-nav-item-letter-spacing: var(--wm-label-large-letter-spacing);
-  --wm-aside-nav-item-radius: var(--wm-radius-none);
-  --wm-aside-nav-item-icon-size: var(--wm-icon-size);
-  --wm-aside-nav-item-icon-width: var(--wm-icon-size);
-  --wm-aside-nav-item-icon-height: var(--wm-icon-size);
-  --wm-aside-nav-item-gap: var(--wm-space-2);
-  --wm-aside-nav-item-color-active: var(--wm-color-secondary);
-  --wm-aside-nav-item-background-active: linear-gradient(105.79deg, ~"color-mix(in srgb, var(--wm-color-secondary), transparent calc(100% - var(--wm-opacity-hover)))" 44.21%, ~"color-mix(in srgb, var(--wm-color-white), transparent calc(100% - var(--wm-opacity-hover)))" 103.73%);
-  --wm-aside-nav-item-state-layer-color: var(--wm-color-on-surface);
-  --wm-aside-nav-item-state-layer-opacity-hover: var(--wm-opacity-hover);
-  --wm-aside-nav-item-state-layer-opacity-focus: var(--wm-opacity-focus);
-  --wm-aside-nav-item-state-layer-opacity-active: var(--wm-opacity-active);
-  --wm-aside-nav-item-caret-size: var(--wm-icon-size-sm);
-  --wm-aside-nav-item-indicator-color-active: var(--wm-color-secondary);
-  --wm-aside-nav-submenu-padding: var(--wm-space-0) var(--wm-space-0) var(--wm-space-0) var(--wm-space-3);
-  --wm-aside-nav-submenu-background: var(--wm-aside-nav-item-background);
-  --wm-aside-nav-submenu-radius: var(--wm-radius-none) var(--wm-radius-sm) var(--wm-radius-sm) var(--wm-radius-none);
-  --wm-aside-nav-submenu-item-padding: var(--wm-space-2) var(--wm-space-6);
-  --wm-aside-nav-submenu-item-font-size: var(--wm-label-large-font-size);
-  --wm-aside-nav-submenu-item-line-height: var(--wm-label-large-line-height);
-  --wm-aside-nav-submenu-item-letter-spacing: var(--wm-label-large-letter-spacing);
-  --wm-aside-nav-submenu-item-gap: var(--wm-space-2);
-  --wm-aside-nav-submenu-item-color-active: var(--wm-color-on-secondary-container);
-  --wm-aside-nav-submenu-item-background-active: var(--wm-color-secondary-container);
-  --wm-aside-nav-rail-padding: var(--wm-space-0);
-  --wm-aside-nav-rail-gap: var(--wm-space-3);
-  --wm-aside-nav-rail-item-padding: var(--wm-space-3) var(--wm-space-0);
-  --wm-aside-nav-rail-item-font-size: var(--wm-label-medium-font-size);
-  --wm-aside-nav-rail-item-font-weight-active: var(--wm-font-weight-600);
-  --wm-aside-nav-rail-item-line-height: var(--wm-label-medium-line-height);
-  --wm-aside-nav-rail-item-letter-spacing: var(--wm-label-medium-letter-spacing);
-  --wm-aside-nav-rail-item-color-active: var(--wm-color-secondary);
-  --wm-aside-nav-rail-item-background-active: linear-gradient(105.79deg, ~"color-mix(in srgb, var(--wm-color-secondary), transparent calc(100% - var(--wm-opacity-hover)))" 44.21%, ~"color-mix(in srgb, var(--wm-color-white), transparent calc(100% - var(--wm-opacity-hover)))" 103.73%);
-  --wm-aside-nav-rail-item-radius: var(--wm-radius-none);
-  --wm-aside-nav-rail-item-gap: var(--wm-space-1);
-  --wm-aside-nav-rail-item-state-layer-color: var(--wm-color-on-surface);
-  --wm-aside-nav-rail-item-state-layer-opacity-hover: var(--wm-opacity-hover);
-  --wm-aside-nav-rail-item-state-layer-opacity-focus: var(--wm-opacity-focus);
-  --wm-aside-nav-rail-item-state-layer-opacity-active: var(--wm-opacity-active);
-  --wm-aside-nav-rail-item-icon-radius: var(--wm-radius-none);
-  --wm-aside-nav-rail-item-icon-radius-active: var(--wm-radius-none);
-  --wm-aside-nav-rail-item-icon-state-layer-opacity-hover: var(--wm-opacity-hover);
-  --wm-aside-nav-rail-item-icon-state-layer-opacity-focus: var(--wm-opacity-focus);
-  --wm-aside-nav-rail-item-icon-state-layer-opacity-active: var(--wm-opacity-active);
-  --wm-aside-nav-rail-item-indicator-width: var(--wm-aside-nav-item-indicator-width);
-  --wm-aside-nav-rail-item-indicator-height: var(--wm-aside-nav-item-indicator-height);
-  --wm-aside-nav-rail-item-indicator-position-top: var(--wm-aside-nav-item-indicator-position-top);
-  --wm-aside-nav-rail-item-indicator-position-right: var(--wm-aside-nav-item-indicator-position-right);
-  --wm-aside-nav-rail-item-indicator-position-bottom: var(--wm-aside-nav-item-indicator-position-bottom);
-  --wm-aside-nav-rail-item-indicator-position-left: var(--wm-aside-nav-item-indicator-position-left);
-  --wm-aside-nav-rail-item-indicator-radius: var(--wm-aside-nav-item-indicator-radius);
-  --wm-aside-nav-rail-item-indicator-color: var(--wm-aside-nav-item-indicator-color);
-  --wm-aside-nav-rail-submenu-padding: var(--wm-space-2);
-  --wm-aside-nav-rail-submenu-item-padding: var(--wm-space-2) var(--wm-space-6);
-  --wm-aside-nav-rail-submenu-item-font-size: var(--wm-label-large-font-size);
-  --wm-aside-nav-rail-submenu-item-line-height: var(--wm-label-large-line-height);
-  --wm-aside-nav-rail-submenu-item-letter-spacing: var(--wm-label-large-letter-spacing);
-  --wm-aside-nav-rail-submenu-item-gap: var(--wm-space-2);
-  --wm-aside-nav-rail-submenu-item-color-active: var(--wm-color-on-secondary-container);
-  --wm-aside-nav-rail-submenu-item-background-active: var(--wm-color-secondary-container);
-  --wm-aside-right-nav-rail-submenu-radius: var(--wm-radius-sm) var(--wm-radius-none) var(--wm-radius-none) var(--wm-radius-sm);
-  --wm-pagination-item-padding: var(--wm-space-1) var(--wm-space-1);
-  --wm-pagination-item-gap: var(--wm-space-1);
-  --wm-pagination-page-item-link-color: var(--wm-color-on-surface);
-  --wm-pagination-page-item-link-padding: var(--wm-space-2);
-  --wm-pagination-page-item-link-radius: var(--wm-radius-xs);
-  --wm-pagination-page-item-link-active-background: var(--wm-color-primary);
-  --wm-pagination-page-item-link-active-color: var(--wm-color-on-primary);
-  --wm-pagination-page-item-link-hover-background: var(--wm-color-primary-container);
-  --wm-pagination-page-item-icon-size: var(--wm-icon-size-sm);
-  --wm-pagination-page-item-totalcount-color: var(--wm-color-on-surface);
-  --wm-pagination-pager-link-radius: var(--wm-radius-pill);
-  --wm-pagination-pager-link-padding: var(--wm-space-2) var(--wm-space-6);
-  --wm-pagination-pager-link-border-color: var(--wm-color-primary);
-  --wm-pagination-pager-link-border-width: var(--wm-border-width-base);
-  --wm-pagination-pager-link-gap: var(--wm-space-2);
-  --wm-pagination-pager-link-color: var(--wm-color-on-surface);
-  --wm-pagination-pager-previous-link-color: var(--wm-color-primary);
-  --wm-pagination-pager-next-link-color: var(--wm-color-on-primary);
-  --wm-pagination-pager-next-link-background: var(--wm-color-primary);
-  --wm-pagination-pager-state-previous-link-background: var(--wm-color-primary);
-  --wm-pagination-pager-state-previous-link-focus-background: var(--wm-opacity-focus);
-  --wm-pagination-pager-state-previous-link-hover-background: var(--wm-opacity-hover);
-  --wm-pagination-pager-state-previous-link-active-background: var(--wm-opacity-active);
-  --wm-pagination-pager-state-next-link-focus-background: var(--wm-opacity-focus);
-  --wm-pagination-pager-state-next-link-hover-background: var(--wm-opacity-hover);
-  --wm-pagination-pager-state-next-link-active-background: var(--wm-opacity-active);
-  --wm-pagination-pager-state-next-link-background: var(--wm-color-on-primary);
-  --wm-pagination-pager-gap: var(--wm-space-2);
-  --wm-pagination-pagecount-input-padding: var(--wm-space-1);
-  --wm-horizontal-page-slider-padding: var(--wm-space-1);
-  --wm-horizontal-page-slider-gap: var(--wm-space-1);
-  --wm-horizontal-page-slider-anchor-icon-size: var(--wm-icon-size-sm);
+  --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);
+  --wm-panel-footer-margin-left: var(--wm-space-0);
+  --wm-panel-footer-margin-right: var(--wm-space-0);
+  --wm-panel-footer-padding-inline: var(--wm-space-4);
+  --wm-panel-footer-padding-block: var(--wm-space-4);
+  --wm-panel-footer-border-color: var(--wm-color-outline-variant);
+  --wm-panel-footer-border-width: var(--wm-border-width-base);
   --wm-panel-background: var(--wm-color-surface);
   --wm-panel-radius: var(--wm-radius-xs);
   --wm-panel-border-color: var(--wm-color-transparent);
@@ -1007,27 +917,24 @@
   --wm-panel-heading-font-size: var(--wm-h4-font-size);
   --wm-panel-heading-line-height: var(--wm-h4-line-height);
   --wm-panel-heading-letter-spacing: var(--wm-h4-letter-spacing);
-  --wm-panel-heading-color: var(--wm-color-on-surface);
+  --wm-panel-heading-icon-size: var(--wm-icon-size-md);
+  --wm-panel-heading-icon-color: var(--wm-color-on-surface);
+  --wm-panel-heading-text-color: var(--wm-color-on-surface);
   --wm-panel-heading-background: var(--wm-color-surface);
   --wm-panel-description-font-size: var(--wm-body-medium-font-size);
   --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-actions-gap: var(--wm-space-2);
   --wm-panel-content-padding: var(--wm-space-4);
-  --wm-panel-footer-background: var(--wm-color-surface);
-  --wm-panel-footer-padding: var(--wm-space-4);
-  --wm-panel-footer-border-color: var(--wm-color-outline-variant);
-  --wm-panel-footer-border-width: var(--wm-border-width-base);
   --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-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-elevation: var(--wm-elevation-shadow-none);
   --wm-popover-padding-top: var(--wm-space-0);
   --wm-popover-padding-left: var(--wm-space-0);
   --wm-popover-padding-right: var(--wm-space-0);
@@ -1046,7 +953,14 @@
   --wm-popover-header-line-height: var(--wm-h5-line-height);
   --wm-popover-header-letter-spacing: var(--wm-h5-letter-spacing);
   --wm-popover-header-background-color: var(--wm-color-on-surface);
-  --wm-popover-link-text-color: var(--wm-color-secondary);
+  --wm-popover-link-color: var(--wm-color-secondary);
+  --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-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);
@@ -1084,85 +998,6 @@
   --wm-rating-icon-color: var(--wm-color-on-surface);
   --wm-rating-text-padding-left: var(--wm-space-2);
   --wm-rating-text-color: var(--wm-color-warning);
-  --wm-note-editor-toolbar-border: var(--wm-color-border-translucent);
-  --wm-note-editor-toolbar-border-width: var(--wm-border-width-base);
-  --wm-note-editor-toolbar-border-gap: var(--wm-space-1);
-  --wm-note-editor-toolbar-background: var(--wm-color-white);
-  --wm-note-editor-toolbar-padding: var(--wm-space-2);
-  --wm-note-editor-toolbar-gap: var(--wm-space-3);
-  --wm-note-editor-radius: var(--wm-radius-sm);
-  --wm-note-editor-border: var(--wm-color-border-translucent);
-  --wm-note-editor-border-width: var(--wm-border-width-base);
-  --wm-note-editor-note-placeholder-pdding: var(--wm-space-3);
-  --wm-note-editor-note-code-padding: var(--wm-space-3);
-  --wm-note-editor-note-code-background: var(--wm-color-on-warning);
-  --wm-note-editor-note-code-color: var(--wm-color-surface);
-  --wm-note-editor-note-code-font-size: var(--wm-body-medium-font-size);
-  --wm-note-editor-btn-group-gap: var(--wm-space-2);
-  --wm-note-editor-btn-padding: var(--wm-space-1);
-  --wm-note-editor-btn-radius: var(--wm-radius-xs);
-  --wm-note-editor-dropdown-menu-background: var(--wm-color-surface);
-  --wm-note-editor-dropdown-menu-border-radius: var(--wm-radius-xs);
-  --wm-note-editor-dropdown-menu-padding: var(--wm-space-2);
-  --wm-note-editor-dropdown-menu-item-font-size: var(--wm-body-large-font-size);
-  --wm-note-editor-dropdown-menu-item-line-height: var(--wm-body-large-line-height);
-  --wm-note-editor-dropdown-menu-item-letter-spacing: var(--wm-body-large-letter-spacing);
-  --wm-note-editor-dropdown-menu-item-color: var(--wm-color-on-surface);
-  --wm-note-editor-dropdown-menu-item-state-layer-opacity-focus: var(--wm-opacity-focus);
-  --wm-note-editor-dropdown-menu-item-state-layer-opacity-hover: var(--wm-opacity-hover);
-  --wm-note-editor-dropdown-menu-item-state-layer-opacity-active: var(--wm-opacity-active);
-  --wm-note-editor-pre-border-color: var(--wm-color-secondary-fixed);
-  --wm-note-editor-pre-border-width: var(--wm-border-width-base);
-  --wm-note-editor-pre-background: var(--wm-color-surface);
-  --wm-note-editor-pre-padding: var(--wm-space-2);
-  --wm-note-editor-pre-radius: var(--wm-radius-xs);
-  --wm-note-editor-pre-font-size: var(--wm-body-small-font-size);
-  --wm-note-editor-pre-line-height: var(--wm-body-small-line-height);
-  --wm-note-editor-pre-color: var(--wm-color-on-secondary-fixed-variant);
-  --wm-note-editor-blockquote-border-color: var(--wm-color-primary-container);
-  --wm-note-editor-blockquote-border-hover-color: var(--wm-color-primary);
-  --wm-note-editor-blockquote-margin: var(--wm-space-3);
-  --wm-note-editor-blockquote-inline-padding: var(--wm-space-3);
-  --wm-note-editor-blockquote-block-padding: var(--wm-space-2);
-  --wm-note-editor-para-dropdown-padding: var(--wm-space-1);
-  --wm-note-editor-tooltip-border-color: var(--wm-color-black);
-  --wm-note-editor-tooltip-content-color: var(--wm-color-white);
-  --wm-note-editor-tooltip-content-background: var(--wm-color-black);
-  --wm-note-editor-tooltip-content-padding: var(--wm-space-1) var(--wm-space-2);
-  --wm-note-editor-tooltip-arrow-margin: var(--wm-space-1);
-  --wm-note-editor-tooltip-radius: var(--wm-radius-xs);
-  --wm-note-editor-tooltip-font-size: var(--wm-body-medium-font-size);
-  --wm-note-editor-tooltip-padding: var(--wm-space-1);
-  --wm-note-editor-tooltip-margin: var(--wm-space-1);
-  --wm-note-editor-color-reset-background: var(--wm-color-white);
-  --wm-note-editor-color-select-background: var(--wm-color-white);
-  --wm-note-editor-color-dropdown-gap: var(--wm-space-3);
-  --wm-note-editor-color-dropdown-padding: var(--wm-space-3);
-  --wm-note-editor-color-palette-gap-xs: var(--wm-space-1);
-  --wm-note-editor-color-row-gap: var(--wm-space-1);
-  --wm-note-editor-palette-gap: var(--wm-space-2);
-  --wm-note-editor-dropzone-color: var(--wm-color-primary);
-  --wm-note-editor-dropzone-background: var(--wm-color-white);
-  --wm-note-editor-dropzone-hover-color: var(--wm-color-primary-container);
-  --wm-note-editor-td-border-color: var(--wm-color-border-translucent);
-  --wm-note-editor-td-border-width: var(--wm-border-width-base);
-  --wm-note-editor-td-padding: var(--wm-space-1);
-  --wm-note-editor-popover-arrow-margin: var(--wm-space-2);
-  --wm-note-editor-popover-arrow-background: var(--wm-color-white);
-  --wm-note-editor-popover-margin: var(--wm-space-1);
-  --wm-note-editor-popover-background: var(--wm-color-white);
-  --wm-note-editor-popover-radius: var(--wm-radius-xs);
-  --wm-note-editor-popover-padding: var(--wm-space-1);
-  --wm-note-editor-popover-padding-container: var(--wm-space-2);
-  --wm-note-editor-popover-content-color: var(--wm-color-black);
-  --wm-note-editor-popover-content-background: var(--wm-color-white);
-  --wm-note-editor-popover-content-padding: var(--wm-space-1) var(--wm-space-2);
-  --wm-note-editor-popover-border: var(--wm-color-outline-variant);
-  --wm-note-editor-popover-btn-group-gap: var(--wm-space-2);
-  --wm-note-editable-background: var(--wm-color-surface-container-low);
-  --wm-note-editable-padding: var(--wm-space-3);
-  --wm-note-editable-color: var(--wm-color-black);
-  --wm-note-editable-hr-color: var(--wm-color-inverse-on-surface);
   --wm-scroll-bar-track-bg: var(--wm-color-surface);
   --wm-scroll-bar-thumb-bg: var(--wm-color-surface-container-high);
   --wm-scroll-bar-thumb-hover: var(--wm-color-surface-container-highest);
@@ -1183,6 +1018,10 @@
   --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-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);
@@ -1198,6 +1037,15 @@
   --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-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);
@@ -1233,13 +1081,15 @@
   --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-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-item-min-height: var(--wm-space-8);
   --wm-tabbar-item-min-width: var(--wm-spacer-7);
-  --wm-tabbar-item-margin-bottom: var(--wm-space-4);
   --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);
@@ -1260,10 +1110,12 @@
   --wm-tabs-item-heading-font-size: var(--wm-h6-font-size);
   --wm-tabs-item-heading-line-height: var(--wm-h6-line-height);
   --wm-tabs-item-heading-background: var(--wm-color-surface);
-  --wm-tabs-item-heading-text: var(--wm-color-outline);
-  --wm-tabs-item-heading-icon: var(--wm-color-outline);
+  --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-background: var(--wm-color-primary);
-  --wm-tabs-item-icon-font-size: var(--wm-h6-font-size);
+  --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);
@@ -1303,6 +1155,11 @@
   --wm-toggle-background-color: var(--wm-color-secondary-container);
   --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-wizard-background-color: var(--wm-color-surface);
   --wm-wizard-border-radius: var(--wm-radius-xs);
   --wm-wizard-padding-top: var(--wm-space-1);
@@ -1364,6 +1221,8 @@
   --wm-h5-font-weight: var(--wm-font-weight-500);
   --wm-h6-font-family: var(--wm-font-family-brand);
   --wm-h6-font-weight: var(--wm-font-weight-500);
+  --wm-p-font-family: var(--wm-font-family-brand);
+  --wm-p-font-weight: var(--wm-font-weight-500);
   --wm-display-large-font-family: var(--wm-font-family-brand);
   --wm-display-large-font-weight: var(--wm-font-weight-400);
   --wm-display-medium-font-family: var(--wm-font-family-brand);
@@ -1399,8 +1258,10 @@
   --wm-anchor-font-family: var(--wm-body-medium-font-family);
   --wm-anchor-font-weight: var(--wm-body-medium-font-weight);
   --wm-badge-font-family: var(--wm-body-small-font-family);
+  --wm-bottomsheet-border-style: var(--wm-border-style-base);
   --wm-breadcrumb-item-font-family: var(--wm-body-large-font-family);
   --wm-breadcrumb-item-font-weight: var(--wm-body-large-font-weight);
+  --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);
@@ -1423,6 +1284,8 @@
   --wm-datetime-selected-text-font-weight: var(--wm-body-medium-font-weight);
   --wm-dropdown-menu-item-font-family: var(--wm-body-large-font-family);
   --wm-dropdown-menu-item-font-weight: var(--wm-body-large-font-weight);
+  --wm-form-controls-font-weight: var(--wm-body-large-font-weight);
+  --wm-form-controls-font-family: var(--wm-body-large-font-family);
   --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);
@@ -1432,71 +1295,41 @@
   --wm-form-footer-border-style: var(--wm-border-style-base);
   --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-title-font-weight: var(--wm-body-large-font-weight);
-  --wm-list-sub-heading-font-weight: var(--wm-body-medium-font-weight);
+  --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-icon-font-weight: var(--wm-h4-font-weight);
-  --wm-nav-item-font-family: var(--wm-label-large-font-family);
-  --wm-nav-item-font-weight: var(--wm-label-large-font-weight);
+  --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);
   --wm-navbar-content-font-weight: var(--wm-body-large-font-weight);
   --wm-navbar-anchor-text-font-family: var(--wm-body-large-font-family);
   --wm-navbar-anchor-text-font-weight: var(--wm-body-large-font-weight);
   --wm-navbar-button-font-family: var(--wm-body-large-font-family);
   --wm-navbar-button-font-weight: var(--wm-body-large-font-weight);
-  --wm-app-font-family: var(--wm-body-medium-font-family);
-  --wm-app-font-weight: var(--wm-body-medium-font-weight);
-  --wm-aside-nav-background: var(--wm-aside-panel-background);
-  --wm-aside-nav-color: var(--wm-aside-panel-color);
-  --wm-aside-nav-item-font-family: var(--wm-label-large-font-family);
-  --wm-aside-nav-item-font-weight: var(--wm-label-large-font-weight);
-  --wm-aside-nav-submenu-item-font-family: var(--wm-label-large-font-family);
-  --wm-aside-nav-submenu-item-font-weight: var(--wm-label-large-font-weight);
-  --wm-aside-nav-submenu-item-radius: var(--wm-aside-nav-item-radius);
-  --wm-aside-nav-submenu-item-background: var(--wm-aside-nav-submenu-background);
-  --wm-aside-nav-rail-background: var(--wm-aside-panel-rail-background);
-  --wm-aside-nav-rail-color: var(--wm-aside-panel-rail-color);
-  --wm-aside-nav-rail-item-font-family: var(--wm-label-medium-font-family);
-  --wm-aside-nav-rail-item-font-weight: var(--wm-label-medium-font-weight);
-  --wm-aside-nav-rail-item-icon-color-active: var(--wm-aside-nav-rail-item-color-active);
-  --wm-aside-nav-rail-item-indicator-color-active: var(--wm-aside-nav-item-indicator-color-active);
-  --wm-aside-nav-rail-submenu-box-shadow: var(--wm-elevation-shadow-1);
-  --wm-aside-nav-rail-submenu-radius: var(--wm-aside-nav-submenu-radius);
-  --wm-aside-nav-rail-submenu-item-font-family: var(--wm-label-large-font-family);
-  --wm-aside-nav-rail-submenu-item-font-weight: var(--wm-label-large-font-weight);
-  --wm-aside-nav-rail-submenu-item-radius: var(--wm-aside-nav-rail-item-radius);
-  --wm-pagination-page-item-link-active-font-weight: var(--wm-label-medium-font-weight);
-  --wm-pagination-pager-link-border-style: var(--wm-border-style-base);
+  --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-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);
   --wm-panel-heading-font-weight: var(--wm-h4-font-weight);
   --wm-panel-description-font-family: var(--wm-body-medium-font-family);
   --wm-panel-description-font-weight: var(--wm-body-medium-font-weight);
-  --wm-panel-footer-border-style: var(--wm-border-style-base);
   --wm-picture-border-color: var(--wm-color-border);
   --wm-picture-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-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);
-  --wm-note-editor-toolbar-border-style: var(--wm-border-style-base);
-  --wm-note-editor-border-style: var(--wm-border-style-base);
-  --wm-note-editor-note-code-font-weight: var(--wm-body-medium-font-weight);
-  --wm-note-editor-dropdown-menu-box-shadow: var(--wm-elevation-shadow-2);
-  --wm-note-editor-dropdown-menu-item-font-family: var(--wm-body-large-font-family);
-  --wm-note-editor-dropdown-menu-item-font-weight: var(--wm-body-large-font-weight);
-  --wm-note-editor-pre-font-family: var(--wm-body-small-font-family);
-  --wm-note-editor-pre-font-weight: var(--wm-body-small-font-weight);
-  --wm-note-editor-tooltip-font-weight: var(--wm-body-medium-font-weight);
-  --wm-note-editor-tooltip-font-family: var(--wm-body-medium-font-family);
-  --wm-note-editor-td-border-style: var(--wm-border-style-base);
   --wm-search-text-font-family: var(--wm-body-medium-font-family);
   --wm-search-text-font-weight: var(--wm-body-medium-font-weight);
   --wm-search-data-complete-text-font-family: var(--wm-body-small-font-family);
@@ -1522,14 +1355,4 @@
   --wm-wizard-step-description-font-family: var(--wm-label-medium-font-family);
   --wm-wizard-step-indicator-border-style: var(--wm-border-style-base);
   --wm-wizard-step-count-font-family: var(--wm-label-large-font-family);
-  --wm-aside-nav-item-color: var(--wm-aside-nav-color);
-  --wm-aside-nav-rail-item-color: var(--wm-aside-nav-rail-color);
-  --wm-aside-nav-rail-item-background: var(--wm-aside-nav-rail-background);
-  --wm-aside-nav-rail-submenu-background: var(--wm-aside-nav-rail-background);
-  --wm-aside-nav-rail-submenu-color: var(--wm-aside-nav-rail-color);
-  --wm-aside-nav-submenu-color: var(--wm-aside-nav-item-color);
-  --wm-aside-nav-rail-item-icon-color: var(--wm-aside-nav-rail-item-color);
-  --wm-aside-nav-rail-submenu-item-color: var(--wm-aside-nav-rail-submenu-color);
-  --wm-aside-nav-rail-submenu-item-background: var(--wm-aside-nav-rail-submenu-background);
-  --wm-aside-nav-submenu-item-color: var(--wm-aside-nav-submenu-color);
 }