@wavemaker/rn-codegen 12.0.0-next.45752 → 12.0.0-next.47810

package/src/templates/foundation-theme/dist/ios/style.js

@@ -0,0 +1,3973 @@
+export default {
+    "app-carousel": {
+        "prevBtn": {
+            "icon": {
+                "color": "var(--wm-carousel-btn-color)"
+            },
+            "root": {
+                "marginLeft": "var(--wm-carousel-btn-margin)",
+                "backgroundColor": "var(--wm-carousel-btn-background)",
+                "rippleColor": "var(--wm-carousel-ripple-color)"
+            },
+            "text": {
+                "fontSize": "var(--wm-carousel-btn-text-font-size)"
+            }
+        },
+        "nextBtn": {
+            "icon": {
+                "color": "var(--wm-carousel-btn-color)"
+            },
+            "root": {
+                "marginRight": "var(--wm-carousel-btn-margin)",
+                "backgroundColor": "var(--wm-carousel-btn-background)",
+                "rippleColor": "var(--wm-carousel-ripple-color)"
+            },
+            "text": {
+                "fontSize": "var(--wm-carousel-btn-text-font-size)"
+            }
+        },
+        "dotsWrapperStyle": {
+            "backgroundColor": "var(--wm-carousel-dots-wrapper-background-color)",
+            "paddingTop": "var(--wm-carousel-dots-wrapper-padding-top)",
+            "paddingBottom": "var(--wm-carousel-dots-wrapper-padding-bottom)"
+        },
+        "dotStyle": {
+            "backgroundColor": "var(--wm-carousel-dots-wrapper-background-color)",
+            "width": "var(--wm-carousel-dots-width)",
+            "height": "var(--wm-carousel-dots-height)",
+            "borderRadius": "var(--wm-carousel-dots-radius)",
+            "borderStyle": "var(--wm-carousel-dots-border-style)",
+            "borderColor": "var(--wm-carousel-dots-border-color)",
+            "borderWidth": "var(--wm-carousel-dots-border-width)",
+            "marginLeft": "var(--wm-carousel-margin-left)",
+            "marginRight": "var(--wm-carousel-margin-right)"
+        },
+        "activeDotStyle": {
+            "backgroundColor": "var(--wm-carousel-dots-background)",
+            "--wm-carousel-dots-background": "var(--wm-color-primary-container)"
+        },
+        "root": {
+            "rippleColor": "var(--wm-carousel-ripple-color)"
+        },
+        "dotsContainerStyle": {
+            "gap": "var(--wm-carousel-dots-gap)"
+        },
+        "skeleton": {
+            "width": "var(--wm-carousel-skeleton-width)"
+        },
+        "dotSkeleton": {
+            "width": "var(--wm-carousel-dots-width)",
+            "height": "var(--wm-carousel-dots-height)",
+            "borderRadius": "var(--wm-carousel-dots-radius)",
+            "backgroundColor": "var(--wm-carousel-dots-background)"
+        }
+    },
+    "app-login": {
+        "errorMsgStyles": {
+            "color": "var(--wm-login-error-text-color)",
+            "backgroundColor": "var(--wm-login-error-background-color)",
+            "borderColor": "var(--wm-login-error-border-color)",
+            "borderRadius": "var(--wm-login-error-border-radius)"
+        },
+        "formStyles": {
+            "paddingTop": "var(--wm-login-form-padding-top)",
+            "paddingRight": "var(--wm-login-form-padding-right)",
+            "paddingBottom": "var(--wm-login-form-padding-bottom)",
+            "paddingLeft": "var(--wm-login-form-padding-left)"
+        }
+    },
+    "app-webview": {
+        "root": {
+            "width": "100%",
+            "height": "100%"
+        }
+    },
+    "app-anchor": {
+        "text": {
+            "color": "var(--wm-anchor-color)",
+            "paddingLeft": "var(--wm-space-2)",
+            "paddingRight": "var(--wm-space-2)",
+            "fontSize": "var(--wm-anchor-font-size)",
+            "fontFamily": "var(--wm-anchor-font-family)",
+            "fontWeight": "var(--wm-anchor-font-weight)"
+        },
+        "icon": {
+            "root": {
+                "color": "var(--wm-anchor-color)"
+            },
+            "fontSize": "var(--wm-anchor-icon-size)",
+            "minWidth": "var(--wm-anchor-icon-size)",
+            "width": "var(--wm-anchor-icon-size)",
+            "height": "var(--wm-anchor-icon-size)",
+            "gap": "var(--wm-anchor-gap)"
+        },
+        "root": {
+            "color": "var(--wm-anchor-color)"
+        }
+    },
+    "link-primary": {
+        "text": {
+            "color": "#4263eb"
+        },
+        "icon": {
+            "root": {
+                "color": "#4263eb"
+            }
+        },
+        "badge": {
+            "backgroundColor": "rgba(66,99,235,.2)",
+            "color": "#4263eb"
+        }
+    },
+    "link-secondary": {
+        "text": {
+            "color": "#6c757d"
+        },
+        "icon": {
+            "root": {
+                "color": "#6c757d"
+            }
+        },
+        "badge": {
+            "backgroundColor": "rgba(108,117,125,.2)",
+            "color": "#6c757d"
+        }
+    },
+    "link-success": {
+        "text": {
+            "color": "#28a745"
+        },
+        "icon": {
+            "root": {
+                "color": "#28a745"
+            }
+        },
+        "badge": {
+            "backgroundColor": "rgba(40,167,69,.2)",
+            "color": "#28a745"
+        }
+    },
+    "link-danger": {
+        "text": {
+            "color": "#dc3545"
+        },
+        "icon": {
+            "root": {
+                "color": "#dc3545"
+            }
+        },
+        "badge": {
+            "backgroundColor": "rgba(220,53,69,.2)",
+            "color": "#dc3545"
+        }
+    },
+    "link-warning": {
+        "text": {
+            "color": "#ffc107"
+        },
+        "icon": {
+            "root": {
+                "color": "#ffc107"
+            }
+        },
+        "badge": {
+            "backgroundColor": "rgba(255,193,7,.2)",
+            "color": "#ffc107"
+        }
+    },
+    "link-info": {
+        "text": {
+            "color": "#17a2b8"
+        },
+        "icon": {
+            "root": {
+                "color": "#17a2b8"
+            }
+        },
+        "badge": {
+            "backgroundColor": "rgba(23,162,184,.2)",
+            "color": "#17a2b8"
+        }
+    },
+    "link-light": {
+        "text": {
+            "color": "#fff"
+        },
+        "icon": {
+            "root": {
+                "color": "#fff"
+            }
+        },
+        "badge": {
+            "backgroundColor": "rgba(255,255,255,.2)",
+            "color": "#fff"
+        }
+    },
+    "link-dark": {
+        "text": {
+            "color": "#000"
+        },
+        "icon": {
+            "root": {
+                "color": "#000"
+            }
+        },
+        "badge": {
+            "backgroundColor": "rgba(0,0,0,.2)",
+            "color": "#000"
+        }
+    },
+    "app-button": {
+        "badge": {
+            "backgroundColor": "#6c757d",
+            "color": "#fff",
+            "borderColor": "#fff"
+        },
+        "root": {
+            "position": "relative",
+            "alignSelf": "flex-start",
+            "flexDirection": "column",
+            "overflow": "hidden",
+            "backgroundColor": "var(--wm-btn-background)",
+            "borderWidth": "var(--wm-btn-border-width)",
+            "borderStyle": "var(--wm-btn-border-style)",
+            "borderColor": "var(--wm-btn-border-color)",
+            "borderRadius": "var(--wm-btn-radius)",
+            "rippleColor": "var(--wm-btn-ripple-color)",
+            "boxShadow": "var(--wm-btn-shadow)",
+            "minWidth": "var(--wm-btn-min-width)",
+            "minHeight": "var(--wm-btn-height)",
+            "paddingLeft": "var(--wm-btn-padding-left)",
+            "paddingRight": "var(--wm-btn-padding-right)",
+            "paddingBottom": "var(--wm-btn-padding-bottom)",
+            "paddingTop": "var(--wm-btn-padding-top)",
+            "cursor": "var(--wm-btn-cursor)",
+            "color": "var(--wm-btn-color)",
+            "opacity": "var(--wm-btn-opacity)"
+        },
+        "text": {
+            "whiteSpace": "nowrap",
+            "fontSize": "var(--wm-btn-font-size)",
+            "fontFamily": "var(--wm-btn-font-family)",
+            "fontWeight": "var(--wm-btn-font-weight)",
+            "lineHeight": "var(--wm-btn-line-height)",
+            "letterSpacing": "var(--wm-btn-letter-spacing)",
+            "textTransform": "var(--wm-btn-text-transform)",
+            "color": "var(--wm-btn-color)"
+        },
+        "content": {
+            "display": "flex",
+            "flexGrow": 1,
+            "flexDirection": "row",
+            "alignItems": "center",
+            "justifyContent": "center",
+            "cursor": "pointer",
+            "gap": "var(--wm-btn-gap)",
+            "minHeight": "var(--wm-btn-height)"
+        },
+        "icon": {
+            "paddingLeft": "var(--wm-space-0)",
+            "paddingRight": "var(--wm-space-0)",
+            "paddingTop": "var(--wm-space-0)",
+            "paddingBottom": "var(--wm-space-0)",
+            "minWidth": "var(--wm-btn-icon-size)",
+            "width": "var(--wm-btn-icon-size)",
+            "height": "var(--wm-btn-icon-size)",
+            "root": {
+                "color": "var(--wm-btn-color)"
+            }
+        },
+        "skeleton": {
+            "width": "var(--wm-btn-skeleton-width)",
+            "height": "var(--wm-btn-skeleton-height)"
+        }
+    },
+    "btn-default": {
+        "root": {
+            "borderColor": "#ccc",
+            "backgroundColor": "#fff"
+        },
+        "text": {
+            "color": "#4263eb"
+        },
+        "badge": {
+            "backgroundColor": "#4263eb",
+            "color": "#fff",
+            "borderColor": "#fff"
+        },
+        "icon": {
+            "root": {
+                "color": "var(--wm-color-black)"
+            }
+        }
+    },
+    "btn-info": {
+        "root": {
+            "borderColor": "#17a2b8",
+            "backgroundColor": "#17a2b8"
+        },
+        "text": {
+            "color": "#fff"
+        },
+        "badge": {
+            "backgroundColor": "#fff",
+            "color": "#17a2b8",
+            "borderColor": "#17a2b8"
+        },
+        "icon": {
+            "root": {
+                "color": "#fff"
+            }
+        }
+    },
+    "btn-primary": {
+        "root": {
+            "borderColor": "#4263eb",
+            "backgroundColor": "#4263eb"
+        },
+        "text": {
+            "color": "#fff"
+        },
+        "badge": {
+            "backgroundColor": "#fff",
+            "color": "#4263eb",
+            "borderColor": "#4263eb"
+        },
+        "icon": {
+            "root": {
+                "color": "#fff"
+            }
+        }
+    },
+    "btn-secondary": {
+        "root": {
+            "borderColor": "#6c757d",
+            "backgroundColor": "#fff"
+        },
+        "text": {
+            "color": "#6c757d"
+        },
+        "badge": {
+            "backgroundColor": "#6c757d",
+            "color": "#fff",
+            "borderColor": "#fff"
+        },
+        "icon": {
+            "root": {
+                "color": "#6c757d"
+            }
+        }
+    },
+    "btn-danger": {
+        "root": {
+            "borderColor": "#dc3545",
+            "backgroundColor": "#dc3545"
+        },
+        "text": {
+            "color": "#fff"
+        },
+        "badge": {
+            "backgroundColor": "#fff",
+            "color": "#dc3545",
+            "borderColor": "#dc3545"
+        },
+        "icon": {
+            "root": {
+                "color": "#fff"
+            }
+        }
+    },
+    "btn-success": {
+        "root": {
+            "borderColor": "#28a745",
+            "backgroundColor": "#28a745"
+        },
+        "text": {
+            "color": "#fff"
+        },
+        "badge": {
+            "backgroundColor": "#fff",
+            "color": "#28a745",
+            "borderColor": "#28a745"
+        },
+        "icon": {
+            "root": {
+                "color": "#fff"
+            }
+        }
+    },
+    "btn-warning": {
+        "root": {
+            "borderColor": "#ffc107",
+            "backgroundColor": "#ffc107"
+        },
+        "text": {
+            "color": "#fff"
+        },
+        "badge": {
+            "backgroundColor": "#fff",
+            "color": "#ffc107",
+            "borderColor": "#ffc107"
+        },
+        "icon": {
+            "root": {
+                "color": "#fff"
+            }
+        }
+    },
+    "btn-link": {
+        "root": {
+            "borderColor": "transparent",
+            "backgroundColor": "transparent"
+        },
+        "text": {
+            "color": "#4263eb"
+        },
+        "badge": {
+            "backgroundColor": "#4263eb",
+            "color": "transparent",
+            "borderColor": "transparent"
+        },
+        "icon": {
+            "root": {
+                "color": "#4263eb"
+            }
+        }
+    },
+    "btn-dark": {
+        "root": {
+            "borderColor": "#000",
+            "backgroundColor": "#000"
+        },
+        "text": {
+            "color": "#fff"
+        },
+        "badge": {
+            "backgroundColor": "#fff",
+            "color": "#000",
+            "borderColor": "#000"
+        },
+        "icon": {
+            "root": {
+                "color": "#fff"
+            }
+        }
+    },
+    "btn-light": {
+        "root": {
+            "borderColor": "#fff",
+            "backgroundColor": "#fff"
+        },
+        "text": {
+            "color": "#000"
+        },
+        "badge": {
+            "backgroundColor": "#000",
+            "color": "#fff",
+            "borderColor": "#fff"
+        },
+        "icon": {
+            "root": {
+                "color": "#000"
+            }
+        }
+    },
+    "btn-block": {
+        "root": {
+            "width": "100%"
+        }
+    },
+    "app-button-disabled": {
+        "root": {
+            "--wm-btn-opacity": 0.38,
+            "--wm-btn-cursor": "not-allowed",
+            "--wm-btn-shadow": "none",
+            "--wm-btn-color": "var(--wm-color-on-surface)",
+            "--wm-btn-background": "var(--wm-color-surface-container-highest)",
+            "--wm-btn-border-color": "var(--wm-color-surface-container-highest)"
+        }
+    },
+    "btn-filled-default": {
+        "--wm-btn-background": "var(--wm-color-surface)",
+        "--wm-btn-color": "var(--wm-color-on-surface)",
+        "--wm-btn-border-color": "var(--wm-color-surface-container-highest)"
+    },
+    "btn-filled-primary": {
+        "--wm-btn-background": "var(--wm-color-primary)",
+        "--wm-btn-color": "var(--wm-color-on-primary)",
+        "--wm-btn-border-color": "var(--wm-color-primary)"
+    },
+    "btn-filled-secondary": {
+        "--wm-btn-background": "var(--wm-color-secondary)",
+        "--wm-btn-color": "var(--wm-color-on-secondary)",
+        "--wm-btn-border-color": "var(--wm-color-secondary)"
+    },
+    "btn-filled-tertiary": {
+        "--wm-btn-background": "var(--wm-color-tertiary)",
+        "--wm-btn-color": "var(--wm-color-on-tertiary)",
+        "--wm-btn-border-color": "var(--wm-color-tertiary)"
+    },
+    "btn-filled-success": {
+        "--wm-btn-background": "var(--wm-color-success)",
+        "--wm-btn-color": "var(--wm-color-on-success)",
+        "--wm-btn-border-color": "var(--wm-color-success)"
+    },
+    "btn-filled-info": {
+        "--wm-btn-background": "var(--wm-color-info)",
+        "--wm-btn-color": "var(--wm-color-on-info)",
+        "--wm-btn-border-color": "var(--wm-color-info)"
+    },
+    "btn-filled-warning": {
+        "--wm-btn-background": "var(--wm-color-warning)",
+        "--wm-btn-color": "var(--wm-color-on-warning)",
+        "--wm-btn-border-color": "var(--wm-color-warning)"
+    },
+    "btn-filled-danger": {
+        "--wm-btn-background": "var(--wm-color-error)",
+        "--wm-btn-color": "var(--wm-color-on-error)",
+        "--wm-btn-border-color": "var(--wm-color-error)"
+    },
+    "btn-outlined-default": {
+        "--wm-btn-background": "transparent",
+        "--wm-btn-color": "var(--wm-color-on-surface)",
+        "--wm-btn-border-color": "var(--wm-color-surface-container-highest)"
+    },
+    "btn-outlined-primary": {
+        "--wm-btn-background": "transparent",
+        "--wm-btn-color": "var(--wm-color-primary)",
+        "--wm-btn-border-color": "var(--wm-color-primary)"
+    },
+    "btn-outlined-secondary": {
+        "--wm-btn-background": "transparent",
+        "--wm-btn-color": "var(--wm-color-secondary)",
+        "--wm-btn-border-color": "var(--wm-color-secondary)"
+    },
+    "btn-outlined-tertiary": {
+        "--wm-btn-background": "transparent",
+        "--wm-btn-color": "var(--wm-color-tertiary)",
+        "--wm-btn-border-color": "var(--wm-color-tertiary)"
+    },
+    "btn-outlined-success": {
+        "--wm-btn-background": "transparent",
+        "--wm-btn-color": "var(--wm-color-success)",
+        "--wm-btn-border-color": "var(--wm-color-success)"
+    },
+    "btn-outlined-info": {
+        "--wm-btn-background": "transparent",
+        "--wm-btn-color": "var(--wm-color-info)",
+        "--wm-btn-border-color": "var(--wm-color-info)"
+    },
+    "btn-outlined-warning": {
+        "--wm-btn-background": "transparent",
+        "--wm-btn-color": "var(--wm-color-warning)",
+        "--wm-btn-border-color": "var(--wm-color-warning)"
+    },
+    "btn-outlined-danger": {
+        "--wm-btn-background": "transparent",
+        "--wm-btn-color": "var(--wm-color-error)",
+        "--wm-btn-border-color": "var(--wm-color-error)"
+    },
+    "btn-outlined-error": {
+        "--wm-btn-background": "transparent",
+        "--wm-btn-color": "var(--wm-color-error)",
+        "--wm-btn-border-color": "var(--wm-color-error)"
+    },
+    "btn-text-default": {
+        "--wm-btn-background": "none",
+        "--wm-btn-border-color": "transparent",
+        "--wm-btn-padding-top": "var(--wm-space-2)",
+        "--wm-btn-padding-bottom": "var(--wm-space-2)",
+        "--wm-btn-padding-left": "var(--wm-space-3)",
+        "--wm-btn-padding-right": "var(--wm-space-3)",
+        "--wm-btn-color": "var(--wm-color-on-surface)"
+    },
+    "btn-text-primary": {
+        "--wm-btn-background": "none",
+        "--wm-btn-border-color": "transparent",
+        "--wm-btn-padding-top": "var(--wm-space-2)",
+        "--wm-btn-padding-bottom": "var(--wm-space-2)",
+        "--wm-btn-padding-left": "var(--wm-space-3)",
+        "--wm-btn-padding-right": "var(--wm-space-3)",
+        "--wm-btn-color": "var(--wm-color-primary)"
+    },
+    "btn-text-secondary": {
+        "--wm-btn-background": "none",
+        "--wm-btn-border-color": "transparent",
+        "--wm-btn-padding-top": "var(--wm-space-2)",
+        "--wm-btn-padding-bottom": "var(--wm-space-2)",
+        "--wm-btn-padding-left": "var(--wm-space-3)",
+        "--wm-btn-padding-right": "var(--wm-space-3)",
+        "--wm-btn-color": "var(--wm-color-secondary)"
+    },
+    "btn-text-tertiary": {
+        "--wm-btn-background": "none",
+        "--wm-btn-border-color": "transparent",
+        "--wm-btn-padding-top": "var(--wm-space-2)",
+        "--wm-btn-padding-bottom": "var(--wm-space-2)",
+        "--wm-btn-padding-left": "var(--wm-space-3)",
+        "--wm-btn-padding-right": "var(--wm-space-3)",
+        "--wm-btn-color": "var(--wm-color-tertiary)"
+    },
+    "btn-text-success": {
+        "--wm-btn-background": "none",
+        "--wm-btn-border-color": "transparent",
+        "--wm-btn-padding-top": "var(--wm-space-2)",
+        "--wm-btn-padding-bottom": "var(--wm-space-2)",
+        "--wm-btn-padding-left": "var(--wm-space-3)",
+        "--wm-btn-padding-right": "var(--wm-space-3)",
+        "--wm-btn-color": "var(--wm-color-success)"
+    },
+    "btn-text-info": {
+        "--wm-btn-background": "none",
+        "--wm-btn-border-color": "transparent",
+        "--wm-btn-padding-top": "var(--wm-space-2)",
+        "--wm-btn-padding-bottom": "var(--wm-space-2)",
+        "--wm-btn-padding-left": "var(--wm-space-3)",
+        "--wm-btn-padding-right": "var(--wm-space-3)",
+        "--wm-btn-color": "var(--wm-color-info)"
+    },
+    "btn-text-warning": {
+        "--wm-btn-background": "none",
+        "--wm-btn-border-color": "transparent",
+        "--wm-btn-padding-top": "var(--wm-space-2)",
+        "--wm-btn-padding-bottom": "var(--wm-space-2)",
+        "--wm-btn-padding-left": "var(--wm-space-3)",
+        "--wm-btn-padding-right": "var(--wm-space-3)",
+        "--wm-btn-color": "var(--wm-color-warning)"
+    },
+    "btn-text-danger": {
+        "--wm-btn-background": "none",
+        "--wm-btn-border-color": "transparent",
+        "--wm-btn-padding-top": "var(--wm-space-2)",
+        "--wm-btn-padding-bottom": "var(--wm-space-2)",
+        "--wm-btn-padding-left": "var(--wm-space-3)",
+        "--wm-btn-padding-right": "var(--wm-space-3)",
+        "--wm-btn-color": "var(--wm-color-error)"
+    },
+    "btn-text-error": {
+        "--wm-btn-background": "none",
+        "--wm-btn-border-color": "transparent",
+        "--wm-btn-padding-top": "var(--wm-space-2)",
+        "--wm-btn-padding-bottom": "var(--wm-space-2)",
+        "--wm-btn-padding-left": "var(--wm-space-3)",
+        "--wm-btn-padding-right": "var(--wm-space-3)",
+        "--wm-btn-color": "var(--wm-color-error)"
+    },
+    "btn-standard-default": {
+        "--wm-btn-background": "none",
+        "--wm-btn-border-color": "transparent",
+        "--wm-btn-padding-top": "var(--wm-space-2)",
+        "--wm-btn-padding-bottom": "var(--wm-space-2)",
+        "--wm-btn-padding-left": "var(--wm-space-3)",
+        "--wm-btn-padding-right": "var(--wm-space-3)",
+        "--wm-btn-color": "var(--wm-color-on-surface)"
+    },
+    "btn-standard-primary": {
+        "--wm-btn-background": "none",
+        "--wm-btn-border-color": "transparent",
+        "--wm-btn-padding-top": "var(--wm-space-2)",
+        "--wm-btn-padding-bottom": "var(--wm-space-2)",
+        "--wm-btn-padding-left": "var(--wm-space-3)",
+        "--wm-btn-padding-right": "var(--wm-space-3)",
+        "--wm-btn-color": "var(--wm-color-primary)"
+    },
+    "btn-standard-secondary": {
+        "--wm-btn-background": "none",
+        "--wm-btn-border-color": "transparent",
+        "--wm-btn-padding-top": "var(--wm-space-2)",
+        "--wm-btn-padding-bottom": "var(--wm-space-2)",
+        "--wm-btn-padding-left": "var(--wm-space-3)",
+        "--wm-btn-padding-right": "var(--wm-space-3)",
+        "--wm-btn-color": "var(--wm-color-secondary)"
+    },
+    "btn-standard-tertiary": {
+        "--wm-btn-background": "none",
+        "--wm-btn-border-color": "transparent",
+        "--wm-btn-padding-top": "var(--wm-space-2)",
+        "--wm-btn-padding-bottom": "var(--wm-space-2)",
+        "--wm-btn-padding-left": "var(--wm-space-3)",
+        "--wm-btn-padding-right": "var(--wm-space-3)",
+        "--wm-btn-color": "var(--wm-color-tertiary)"
+    },
+    "btn-standard-success": {
+        "--wm-btn-background": "none",
+        "--wm-btn-border-color": "transparent",
+        "--wm-btn-padding-top": "var(--wm-space-2)",
+        "--wm-btn-padding-bottom": "var(--wm-space-2)",
+        "--wm-btn-padding-left": "var(--wm-space-3)",
+        "--wm-btn-padding-right": "var(--wm-space-3)",
+        "--wm-btn-color": "var(--wm-color-success)"
+    },
+    "btn-standard-info": {
+        "--wm-btn-background": "none",
+        "--wm-btn-border-color": "transparent",
+        "--wm-btn-padding-top": "var(--wm-space-2)",
+        "--wm-btn-padding-bottom": "var(--wm-space-2)",
+        "--wm-btn-padding-left": "var(--wm-space-3)",
+        "--wm-btn-padding-right": "var(--wm-space-3)",
+        "--wm-btn-color": "var(--wm-color-info)"
+    },
+    "btn-standard-warning": {
+        "--wm-btn-background": "none",
+        "--wm-btn-border-color": "transparent",
+        "--wm-btn-padding-top": "var(--wm-space-2)",
+        "--wm-btn-padding-bottom": "var(--wm-space-2)",
+        "--wm-btn-padding-left": "var(--wm-space-3)",
+        "--wm-btn-padding-right": "var(--wm-space-3)",
+        "--wm-btn-color": "var(--wm-color-warning)"
+    },
+    "btn-standard-danger": {
+        "--wm-btn-background": "none",
+        "--wm-btn-border-color": "transparent",
+        "--wm-btn-padding-top": "var(--wm-space-2)",
+        "--wm-btn-padding-bottom": "var(--wm-space-2)",
+        "--wm-btn-padding-left": "var(--wm-space-3)",
+        "--wm-btn-padding-right": "var(--wm-space-3)",
+        "--wm-btn-color": "var(--wm-color-error)"
+    },
+    "btn-standard-error": {
+        "--wm-btn-background": "none",
+        "--wm-btn-border-color": "transparent",
+        "--wm-btn-padding-top": "var(--wm-space-2)",
+        "--wm-btn-padding-bottom": "var(--wm-space-2)",
+        "--wm-btn-padding-left": "var(--wm-space-3)",
+        "--wm-btn-padding-right": "var(--wm-space-3)",
+        "--wm-btn-color": "var(--wm-color-error)"
+    },
+    "btn-icon": {
+        "--wm-btn-height": 40,
+        "--wm-btn-min-width": 40,
+        "--wm-btn-padding-top": "var(--wm-space-0)",
+        "--wm-btn-padding-bottom": "var(--wm-space-0)",
+        "--wm-btn-padding-left": "var(--wm-space-0)",
+        "--wm-btn-padding-right": "var(--wm-space-0)",
+        "--wm-btn-icon-size": "var(--wm-icon-size-md)"
+    },
+    "btn-elevated-default": {
+        "--wm-btn-shadow": "var(--wm-elevation-shadow-1)",
+        "--wm-btn-background": "var(--wm-color-surface)",
+        "--wm-btn-color": "var(--wm-color-on-surface)",
+        "--wm-btn-border-color": "var(--wm-color-surface-container-highest)"
+    },
+    "btn-elevated-primary": {
+        "--wm-btn-shadow": "var(--wm-elevation-shadow-1)",
+        "--wm-btn-background": "var(--wm-color-primary)",
+        "--wm-btn-color": "var(--wm-color-on-primary)",
+        "--wm-btn-border-color": "var(--wm-color-primary)"
+    },
+    "btn-elevated-secondary": {
+        "--wm-btn-shadow": "var(--wm-elevation-shadow-1)",
+        "--wm-btn-background": "var(--wm-color-secondary)",
+        "--wm-btn-color": "var(--wm-color-on-secondary)",
+        "--wm-btn-border-color": "var(--wm-color-secondary)"
+    },
+    "btn-elevated-tertiary": {
+        "--wm-btn-shadow": "var(--wm-elevation-shadow-1)",
+        "--wm-btn-background": "var(--wm-color-tertiary)",
+        "--wm-btn-color": "var(--wm-color-on-tertiary)",
+        "--wm-btn-border-color": "var(--wm-color-tertiary)"
+    },
+    "btn-elevated-success": {
+        "--wm-btn-shadow": "var(--wm-elevation-shadow-1)",
+        "--wm-btn-background": "var(--wm-color-success)",
+        "--wm-btn-color": "var(--wm-color-on-success)",
+        "--wm-btn-border-color": "var(--wm-color-success)"
+    },
+    "btn-elevated-info": {
+        "--wm-btn-shadow": "var(--wm-elevation-shadow-1)",
+        "--wm-btn-background": "var(--wm-color-info)",
+        "--wm-btn-color": "var(--wm-color-on-info)",
+        "--wm-btn-border-color": "var(--wm-color-info)"
+    },
+    "btn-elevated-warning": {
+        "--wm-btn-shadow": "var(--wm-elevation-shadow-1)",
+        "--wm-btn-background": "var(--wm-color-warning)",
+        "--wm-btn-color": "var(--wm-color-on-warning)",
+        "--wm-btn-border-color": "var(--wm-color-warning)"
+    },
+    "btn-elevated-danger": {
+        "--wm-btn-shadow": "var(--wm-elevation-shadow-1)",
+        "--wm-btn-background": "var(--wm-color-error)",
+        "--wm-btn-color": "var(--wm-color-on-error)",
+        "--wm-btn-border-color": "var(--wm-color-error)"
+    },
+    "btn-fab": {
+        "--wm-btn-width": 56,
+        "--wm-btn-height": 56,
+        "--wm-btn-border-radius": 56,
+        "--wm-btn-icon-font-size": 24
+    },
+    "app-buttongroup": {
+        "root": {
+            "borderColor": "#ccc",
+            "backgroundColor": "#fff",
+            "borderRadius": "var(--wm-button-group-radius)",
+            "--wm-button-group-radius": "var(--wm-radius-xs)"
+        }
+    },
+    "btn-group-child": {
+        "borderColor": "#ccc"
+    },
+    "btn-group-first-child": {
+        "root": {
+            "borderColor": "#ccc",
+            "borderTopLeftRadius": "var(--wm-button-group-radius)",
+            "borderBottomLeftRadius": "var(--wm-button-group-radius)"
+        }
+    },
+    "btn-group-last-child": {
+        "root": {
+            "borderTopRightRadius": "var(--wm-button-group-radius)",
+            "borderBottomRightRadius": "var(--wm-button-group-radius)"
+        }
+    },
+    "app-icon": {
+        "root": {
+            "rippleColor": "transparent",
+            "gap": "var(--wm-icon-gap)",
+            "minWidth": "var(--wm-icon-min-width)",
+            "width": "var(--wm-icon-width)",
+            "height": "var(--wm-icon-height)"
+        },
+        "text": {
+            "marginTop": 0,
+            "marginRight": 0,
+            "marginBottom": 0,
+            "marginLeft": 0,
+            "maxWidth": "100%",
+            "fontSize": "var(--wm-icon-font-size)"
+        },
+        "icon": {
+            "fontSize": "var(--wm-icon-font-size)"
+        }
+    },
+    "fa-xs": {
+        "--wm-icon-font-size": "var(--wm-icon-size-xs)",
+        "--wm-icon-min-width": "var(--wm-icon-size-xs)",
+        "--wm-icon-width": "var(--wm-icon-size-xs)",
+        "--wm-icon-height": "var(--wm-icon-size-xs)"
+    },
+    "fa-sm": {
+        "--wm-icon-font-size": "var(--wm-icon-size-sm)",
+        "--wm-icon-min-width": "var(--wm-icon-size-sm)",
+        "--wm-icon-width": "var(--wm-icon-size-sm)",
+        "--wm-icon-height": "var(--wm-icon-size-sm)"
+    },
+    "fa-lg": {
+        "--wm-icon-font-size": "var(--wm-icon-size-lg)",
+        "--wm-icon-min-width": "var(--wm-icon-size-lg)",
+        "--wm-icon-width": "var(--wm-icon-size-lg)",
+        "--wm-icon-height": "var(--wm-icon-size-lg)"
+    },
+    "fa-2x": {
+        "--wm-icon-font-size": "var(--wm-icon-size-2x)",
+        "--wm-icon-min-width": "var(--wm-icon-size-2x)",
+        "--wm-icon-width": "var(--wm-icon-size-2x)",
+        "--wm-icon-height": "var(--wm-icon-size-2x)"
+    },
+    "fa-3x": {
+        "--wm-icon-font-size": "var(--wm-icon-size-3x)",
+        "--wm-icon-min-width": "var(--wm-icon-size-3x)",
+        "--wm-icon-width": "var(--wm-icon-size-3x)",
+        "--wm-icon-height": "var(--wm-icon-size-3x)"
+    },
+    "fa-4x": {
+        "--wm-icon-font-size": "var(--wm-icon-size-4x)",
+        "--wm-icon-min-width": "var(--wm-icon-size-4x)",
+        "--wm-icon-width": "var(--wm-icon-size-4x)",
+        "--wm-icon-height": "var(--wm-icon-size-4x)"
+    },
+    "fa-5x": {
+        "--wm-icon-font-size": "var(--wm-icon-size-5x)",
+        "--wm-icon-min-width": "var(--wm-icon-size-5x)",
+        "--wm-icon-width": "var(--wm-icon-size-5x)",
+        "--wm-icon-height": "var(--wm-icon-size-5x)"
+    },
+    "app-label": {
+        "root": {
+            "color": "#888"
+        },
+        "asterisk": {
+            "color": "#dc3545"
+        },
+        "text": {
+            "fontSize": "var(--wm-label-font-size)",
+            "fontWeight": "var(--wm-label-font-weight)",
+            "fontFamily": "var(--wm-label-font-family)",
+            "color": "var(--wm-label-color)",
+            "margin": "var(--wm-label-margin)"
+        }
+    },
+    "label-danger": {
+        "root": {
+            "backgroundColor": "#dc3545"
+        },
+        "text": {
+            "color": "#fff"
+        }
+    },
+    "label-primary": {
+        "root": {
+            "backgroundColor": "#4263eb"
+        },
+        "text": {
+            "color": "#fff"
+        }
+    },
+    "label-default": {
+        "root": {
+            "backgroundColor": "#888"
+        },
+        "text": {
+            "color": "#fff"
+        }
+    },
+    "label-success": {
+        "root": {
+            "backgroundColor": "#28a745"
+        },
+        "text": {
+            "color": "#fff"
+        }
+    },
+    "label-warning": {
+        "root": {
+            "backgroundColor": "#ffc107"
+        },
+        "text": {
+            "color": "#fff"
+        }
+    },
+    "label-info": {
+        "root": {
+            "backgroundColor": "#17a2b8"
+        },
+        "text": {
+            "color": "#fff"
+        }
+    },
+    "text-danger": {
+        "text": {
+            "color": "-md-ref-palette-error40"
+        }
+    },
+    "text-primary": {
+        "text": {
+            "color": "#4263eb"
+        }
+    },
+    "text-success": {
+        "text": {
+            "color": "#28a745"
+        }
+    },
+    "text-warning": {
+        "text": {
+            "color": "#ffc107"
+        }
+    },
+    "text-info": {
+        "text": {
+            "color": "#17a2b8"
+        }
+    },
+    "h1": {
+        "text": {
+            "fontSize": "var(--wm-label-font-size)",
+            "color": "var(--wm-label-color)",
+            "fontWeight": "var(--wm-label-font-weight)",
+            "fontFamily": "var(--wm-label-font-family)",
+            "margin": "var(--wm-label-margin)"
+        },
+        "--wm-label-font-size": "var(--wm-h1-font-size)",
+        "--wm-label-font-weight": "var(--wm-h1-font-weight)",
+        "--wm-label-font-family": "var(--wm-h1-font-family)"
+    },
+    "h2": {
+        "text": {
+            "fontSize": "var(--wm-label-font-size)",
+            "color": "var(--wm-label-color)",
+            "fontWeight": "var(--wm-label-font-weight)",
+            "fontFamily": "var(--wm-label-font-family)",
+            "margin": "var(--wm-label-margin)"
+        },
+        "--wm-label-font-size": "var(--wm-h2-font-size)",
+        "--wm-label-font-weight": "var(--wm-h2-font-weight)",
+        "--wm-label-font-family": "var(--wm-h2-font-family)"
+    },
+    "h3": {
+        "text": {
+            "fontSize": "var(--wm-label-font-size)",
+            "color": "var(--wm-label-color)",
+            "fontWeight": "var(--wm-label-font-weight)",
+            "fontFamily": "var(--wm-label-font-family)",
+            "margin": "var(--wm-label-margin)"
+        },
+        "--wm-label-font-size": "var(--wm-h3-font-size)",
+        "--wm-label-font-weight": "var(--wm-h3-font-weight)",
+        "--wm-label-font-family": "var(--wm-h3-font-family)"
+    },
+    "h4": {
+        "text": {
+            "fontSize": "var(--wm-label-font-size)",
+            "color": "var(--wm-label-color)",
+            "fontWeight": "var(--wm-label-font-weight)",
+            "fontFamily": "var(--wm-label-font-family)",
+            "margin": "var(--wm-label-margin)"
+        },
+        "--wm-label-font-size": "var(--wm-h4-font-size)",
+        "--wm-label-font-weight": "var(--wm-h4-font-weight)",
+        "--wm-label-font-family": "var(--wm-h4-font-family)"
+    },
+    "h5": {
+        "text": {
+            "fontSize": "var(--wm-label-font-size)",
+            "color": "var(--wm-label-color)",
+            "fontWeight": "var(--wm-label-font-weight)",
+            "fontFamily": "var(--wm-label-font-family)",
+            "margin": "var(--wm-label-margin)"
+        },
+        "--wm-label-font-size": "var(--wm-h5-font-size)",
+        "--wm-label-font-weight": "var(--wm-h5-font-weight)",
+        "--wm-label-font-family": "var(--wm-h5-font-family)"
+    },
+    "h6": {
+        "text": {
+            "fontSize": "var(--wm-label-font-size)",
+            "color": "var(--wm-label-color)",
+            "fontWeight": "var(--wm-label-font-weight)",
+            "fontFamily": "var(--wm-label-font-family)",
+            "margin": "var(--wm-label-margin)"
+        },
+        "--wm-label-font-size": "var(--wm-h6-font-size)",
+        "--wm-label-font-weight": "var(--wm-h6-font-weight)",
+        "--wm-label-font-family": "var(--wm-h6-font-family)"
+    },
+    "text-muted": {
+        "text": {
+            "color": "#aaa"
+        }
+    },
+    "p": {
+        "text": {
+            "margin": "var(--wm-label-margin)",
+            "padding": "var(--wm-label-padding)"
+        }
+    },
+    "success-dark-message": {
+        "root": {
+            "backgroundColor": "#28a745",
+            "borderColor": "transparent"
+        },
+        "text": {
+            "color": "#fff"
+        },
+        "icon": {
+            "text": {
+                "color": "#fff"
+            }
+        },
+        "closeBtn": {
+            "root": {
+                "icon": {
+                    "text": {
+                        "color": "#fff"
+                    }
+                }
+            }
+        }
+    },
+    "error-dark-message": {
+        "root": {
+            "backgroundColor": "#dc3545",
+            "borderColor": "transparent"
+        },
+        "text": {
+            "color": "#fff"
+        },
+        "icon": {
+            "text": {
+                "color": "#fff"
+            }
+        },
+        "closeBtn": {
+            "root": {
+                "icon": {
+                    "text": {
+                        "color": "#fff"
+                    }
+                }
+            }
+        }
+    },
+    "warning-dark-message": {
+        "root": {
+            "backgroundColor": "#ffc107",
+            "borderColor": "transparent"
+        },
+        "text": {
+            "color": "#fff"
+        },
+        "icon": {
+            "text": {
+                "color": "#fff"
+            }
+        },
+        "closeBtn": {
+            "root": {
+                "icon": {
+                    "text": {
+                        "color": "#fff"
+                    }
+                }
+            }
+        }
+    },
+    "info-dark-message": {
+        "root": {
+            "backgroundColor": "#17a2b8",
+            "borderColor": "transparent"
+        },
+        "text": {
+            "color": "#fff"
+        },
+        "icon": {
+            "text": {
+                "color": "#fff"
+            }
+        },
+        "closeBtn": {
+            "root": {
+                "icon": {
+                    "text": {
+                        "color": "#fff"
+                    }
+                }
+            }
+        }
+    },
+    "loading-dark-message": {
+        "root": {
+            "backgroundColor": "#17a2b8",
+            "borderColor": "transparent"
+        },
+        "text": {
+            "color": "#fff"
+        },
+        "icon": {
+            "text": {
+                "color": "#fff"
+            }
+        },
+        "closeBtn": {
+            "root": {
+                "icon": {
+                    "text": {
+                        "color": "#fff"
+                    }
+                }
+            }
+        }
+    },
+    "success-light-message": {
+        "root": {
+            "backgroundColor": "#fff",
+            "borderColor": "#ddd"
+        },
+        "text": {
+            "color": "#666"
+        },
+        "icon": {
+            "text": {
+                "color": "#28a745"
+            }
+        },
+        "closeBtn": {
+            "root": {
+                "icon": {
+                    "text": {
+                        "color": "#666"
+                    }
+                }
+            }
+        }
+    },
+    "error-light-message": {
+        "root": {
+            "backgroundColor": "#fff",
+            "borderColor": "#ddd"
+        },
+        "text": {
+            "color": "#666"
+        },
+        "icon": {
+            "text": {
+                "color": "#dc3545"
+            }
+        },
+        "closeBtn": {
+            "root": {
+                "icon": {
+                    "text": {
+                        "color": "#666"
+                    }
+                }
+            }
+        }
+    },
+    "warning-light-message": {
+        "root": {
+            "backgroundColor": "#fff",
+            "borderColor": "#ddd"
+        },
+        "text": {
+            "color": "#666"
+        },
+        "icon": {
+            "text": {
+                "color": "#ffc107"
+            }
+        },
+        "closeBtn": {
+            "root": {
+                "icon": {
+                    "text": {
+                        "color": "#666"
+                    }
+                }
+            }
+        }
+    },
+    "info-light-message": {
+        "root": {
+            "backgroundColor": "#fff",
+            "borderColor": "#ddd"
+        },
+        "text": {
+            "color": "#666"
+        },
+        "icon": {
+            "text": {
+                "color": "#17a2b8"
+            }
+        },
+        "closeBtn": {
+            "root": {
+                "icon": {
+                    "text": {
+                        "color": "#666"
+                    }
+                }
+            }
+        }
+    },
+    "loading-light-message": {
+        "root": {
+            "backgroundColor": "#fff",
+            "borderColor": "#ddd"
+        },
+        "text": {
+            "color": "#666"
+        },
+        "icon": {
+            "text": {
+                "color": "#17a2b8"
+            }
+        },
+        "closeBtn": {
+            "root": {
+                "icon": {
+                    "text": {
+                        "color": "#666"
+                    }
+                }
+            }
+        }
+    },
+    "alert-success": {
+        "--wm-message-container-background": "var(--wm-color-success)",
+        "--wm-message-container-border-color": "var(--wm-color-success)",
+        "--wm-message-color": "var(--wm-color-on-success)"
+    },
+    "alert-info": {
+        "--wm-message-container-background": "var(--wm-color-info)",
+        "--wm-message-container-border-color": "var(--wm-color-info)",
+        "--wm-message-color": "var(--wm-color-on-info)"
+    },
+    "alert-warning": {
+        "--wm-message-container-background": "var(--wm-color-warning)",
+        "--wm-message-container-border-color": "var(--wm-color-warning)",
+        "--wm-message-color": "var(--wm-color-on-warning)"
+    },
+    "alert-error": {
+        "--wm-message-container-background": "var(--wm-color-error)",
+        "--wm-message-container-border-color": "var(--wm-color-error)",
+        "--wm-message-color": "var(--wm-color-on-error)"
+    },
+    "alert-loading": {
+        "--wm-message-container-background": "var(--wm-color-primary)",
+        "--wm-message-container-border-color": "var(--wm-color-primary)",
+        "--wm-message-color": "var(--wm-color-on-primary)"
+    },
+    "app-message": {
+        "root": {
+            "borderStyle": "var(--wm-message-container-border-style)",
+            "borderRadius": "var(--wm-message-container-border-radius)",
+            "backgroundColor": "var(--wm-message-container-background)",
+            "borderColor": "var(--wm-message-container-border-color)",
+            "borderWidth": "var(--wm-message-container-border-width)",
+            "paddingTop": "var(--wm-message-container-padding-top)",
+            "paddingLeft": "var(--wm-message-container-padding-left)",
+            "paddingRight": "var(--wm-message-container-padding-right)",
+            "paddingBottom": "var(--wm-message-container-padding-bottom)"
+        },
+        "text": {
+            "fontSize": "var(--wm-message-text-size)",
+            "color": "var(--wm-message-color)"
+        },
+        "title": {
+            "color": "var(--wm-message-color)",
+            "paddingBottom": "var(--wm-message-title-padding-bottom)",
+            "fontSize": "var(--wm-message-title-font-size)",
+            "fontWeight": "var(--wm-message-title-font-weight)"
+        },
+        "icon": {
+            "icon": {
+                "fontSize": "var(--wm-message-icon-size)",
+                "color": "var(--wm-message-color)"
+            }
+        },
+        "closeBtn": {
+            "icon": {
+                "icon": {
+                    "color": "var(--wm-message-color)",
+                    "fontSize": "var(--wm-message-close-btn-icon-size)"
+                }
+            },
+            "root": {
+                "paddingLeft": "var(--wm-message-close-btn-padding-left)",
+                "paddingRight": "var(--wm-message-close-btn-padding-right)",
+                "borderRadius": "var(--wm-message-close-btn-border-radius)",
+                "backgroundColor": "var(--wm-message-close-btn-background-color)",
+                "borderColor": "var(--wm-message-close-btn-border-color)",
+                "rippleColor": "var(--wm-message-close-btn-background-color)"
+            }
+        }
+    },
+    "thumbnail-image": {
+        "root": {
+            "backgroundColor": "var(--wm-picture-background)",
+            "borderColor": "var(--wm-picture-border-color)",
+            "borderRadius": "var(--wm-picture-radius)",
+            "paddingTop": "var(--wm-picture-padding-top)",
+            "paddingBottom": "var(--wm-picture-padding-bottom)",
+            "paddingLeft": "var(--wm-picture-padding-left)",
+            "paddingRight": "var(--wm-picture-padding-right)",
+            "borderWidth": "var(--wm-picture-border-width)",
+            "borderStyle": "var(--wm-picture-border-style)"
+        },
+        "--wm-picture-radius": "var(--wm-radius-xs)",
+        "--wm-picture-padding-top": "var(--wm-space-1)",
+        "--wm-picture-padding-bottom": "var(--wm-space-1)",
+        "--wm-picture-padding-left": "var(--wm-space-1)",
+        "--wm-picture-padding-right": "var(--wm-space-1)",
+        "--wm-picture-border-color": "var(--wm-border-color)",
+        "--wm-picture-border-style": "var(--wm-border-style-base)",
+        "--wm-picture-border-width": "var(--wm-border-width-base)",
+        "--wm-picture-background": "var(--wm-color-surface-container-low)"
+    },
+    "app-picture": {
+        "root": {
+            "justifyContent": "center",
+            "alignItems": "center",
+            "maxWidth": "100%",
+            "maxHeight": "100%"
+        }
+    },
+    "rounded-image": {
+        "root": {
+            "borderRadius": "var(--wm-picture-radius)",
+            "paddingTop": "var(--wm-picture-padding-top)",
+            "paddingBottom": "var(--wm-picture-padding-bottom)",
+            "paddingLeft": "var(--wm-picture-padding-left)",
+            "paddingRight": "var(--wm-picture-padding-right)",
+            "backgroundColor": "var(--wm-picture-background)",
+            "borderWidth": "var(--wm-picture-border-width)",
+            "borderStyle": "var(--wm-picture-border-style)",
+            "borderColor": "var(--wm-picture-border-color)"
+        },
+        "--wm-picture-border-color": "transparent",
+        "--wm-picture-background": "transparent",
+        "--wm-picture-radius": "var(--wm-radius-xs)",
+        "--wm-picture-padding-top": "var(--wm-border-width-base)",
+        "--wm-picture-padding-bottom": "var(--wm-border-width-base)",
+        "--wm-picture-padding-left": "var(--wm-border-width-base)",
+        "--wm-picture-padding-right": "var(--wm-border-width-base)",
+        "--wm-picture-border-style": "var(--wm-border-style-base)",
+        "--wm-picture-border-width": "var(--wm-border-width-base)"
+    },
+    "circle-image": {
+        "root": {
+            "borderRadius": "var(--wm-picture-radius)",
+            "paddingTop": "var(--wm-picture-padding-top)",
+            "paddingBottom": "var(--wm-picture-padding-bottom)",
+            "paddingLeft": "var(--wm-picture-padding-left)",
+            "paddingRight": "var(--wm-picture-padding-right)",
+            "backgroundColor": "var(--wm-picture-background)",
+            "borderWidth": "var(--wm-picture-border-width)",
+            "borderStyle": "var(--wm-picture-border-style)",
+            "borderColor": "var(--wm-picture-border-color)"
+        },
+        "--wm-picture-border-color": "transparent",
+        "--wm-picture-background": "transparent",
+        "--wm-picture-radius": "var(--wm-radius-circle)",
+        "--wm-picture-padding-top": "var(--wm-border-width-base)",
+        "--wm-picture-padding-bottom": "var(--wm-border-width-base)",
+        "--wm-picture-padding-left": "var(--wm-border-width-base)",
+        "--wm-picture-padding-right": "var(--wm-border-width-base)",
+        "--wm-picture-border-style": "var(--wm-border-style-base)",
+        "--wm-picture-border-width": "var(--wm-border-width-base)"
+    },
+    "app-default-progress-bar": {
+        "progressBar": {
+            "backgroundColor": "rgba(66,99,235,.2)"
+        },
+        "progressValue": {
+            "color": "#4263eb"
+        }
+    },
+    "app-success-progress-bar": {
+        "progressBar": {
+            "backgroundColor": "rgba(40,167,69,.2)"
+        },
+        "progressValue": {
+            "color": "#28a745"
+        }
+    },
+    "app-info-progress-bar": {
+        "progressBar": {
+            "backgroundColor": "rgba(23,162,184,.2)"
+        },
+        "progressValue": {
+            "color": "#17a2b8"
+        }
+    },
+    "app-danger-progress-bar": {
+        "progressBar": {
+            "backgroundColor": "rgba(220,53,69,.2)"
+        },
+        "progressValue": {
+            "color": "#dc3545"
+        }
+    },
+    "app-warning-progress-bar": {
+        "progressBar": {
+            "backgroundColor": "rgba(255,193,7,.2)"
+        },
+        "progressValue": {
+            "color": "#ffc107"
+        }
+    },
+    "app-progress-bar": {
+        "root": {
+            "--wm-progress-bar-background-active": "var(--wm-color-primary)",
+            "--wm-progress-bar-background-inactive": "var(--wm-color-primary-container)",
+            "--wm-progress-bar-label-color": "var(--wm-color-on-primary)",
+            "height": "var(--wm-progress-bar-height)",
+            "margin": "var(--wm-progress-bar-margin)"
+        },
+        "text": {
+            "color": "var(--wm-progress-bar-label-color)"
+        },
+        "progressBar": {
+            "backgroundColor": "var(--wm-progress-bar-background-inactive)",
+            "borderTopLeftRadius": "var(--wm-progress-bar-radius)",
+            "borderBottomLeftRadius": "var(--wm-progress-bar-radius)",
+            "borderTopRightRadius": "var(--wm-progress-bar-radius)",
+            "borderBottomRightRadius": "var(--wm-progress-bar-radius)"
+        },
+        "progressValue": {
+            "color": "var(--wm-progress-bar-background-active)",
+            "backgroundColor": "var(--wm-progress-bar-background-active)"
+        },
+        "tooltip": {
+            "backgroundColor": "var(--wm-progress-bar-tooltip-background)",
+            "paddingLeft": "var(--wm-progress-bar-tooltip-padding-hor)",
+            "paddingRight": "var(--wm-progress-bar-tooltip-padding-hor)",
+            "paddingTop": "var(--wm-progress-bar-tooltip-padding-ver)",
+            "paddingBottom": "var(--wm-progress-bar-tooltip-padding-ver)"
+        },
+        "tooltipLabel": {
+            "color": "var(--wm-progress-bar-tooltip-label-color)",
+            "fontSize": "var(--wm-progress-bar-tooltip-label-size)"
+        },
+        "tooltipTriangle": {
+            "borderBottomColor": "var(--wm-progress-bar-tooltip-triangle-border-bottom-color)"
+        }
+    },
+    "progress-bar-success": {
+        "--wm-progress-bar-background-active": "var(--wm-color-success)",
+        "--wm-progress-bar-background-inactive": "var(--wm-color-success-container)",
+        "--wm-progress-bar-label-color": "var(--wm-color-on-success)"
+    },
+    "progress-bar-info": {
+        "--wm-progress-bar-background-active": "var(--wm-color-info)",
+        "--wm-progress-bar-background-inactive": "var(--wm-color-info-container)",
+        "--wm-progress-bar-label-color": "var(--wm-color-on-info)"
+    },
+    "progress-bar-warning": {
+        "--wm-progress-bar-background-active": "var(--wm-color-warning)",
+        "--wm-progress-bar-background-inactive": "var(--wm-color-warning-container)",
+        "--wm-progress-bar-label-color": "var(--wm-color-on-warning)"
+    },
+    "progress-bar-danger": {
+        "--wm-progress-bar-background-active": "var(--wm-color-error)",
+        "--wm-progress-bar-background-inactive": "var(--wm-color-error-container)",
+        "--wm-progress-bar-label-color": "var(--wm-color-on-error)"
+    },
+    "app-progress-circle": {
+        "progressCircle": {
+            "backgroundColor": "var(--wm-progress-circle-stroke-inactive)",
+            "stroke": "var(--wm-progress-circle-stroke-inactive)"
+        },
+        "progressValue": {
+            "color": "#4263eb",
+            "stroke": "var(--wm-progress-circle-stroke-active)",
+            "backgroundColor": "var(--wm-progress-circle-stroke-active)"
+        },
+        "subTitle": {
+            "color": "var(--wm-progress-circle-sub-title-color)",
+            "fontSize": "var(--wm-progress-circle-sub-title-font-size)",
+            "fontFamily": "var(--wm-progress-circle-sub-title-font-family)",
+            "fill": "var(--wm-progress-circle-sub-title-color)"
+        },
+        "root": {
+            "--wm-progress-circle-stroke-inactive": "var(--wm-color-primary-container)",
+            "--wm-progress-circle-stroke-active": "var(--wm-color-primary)"
+        }
+    },
+    "app-default-progress-circle": {
+        "progressCircle": {
+            "backgroundColor": "rgba(66,99,235,.6)",
+            "stroke": "rgba(66,99,235,0.6)"
+        },
+        "progressValue": {
+            "color": "#4263eb",
+            "stroke": "#4263eb"
+        }
+    },
+    "app-success-progress-circle": {
+        "progressCircle": {
+            "backgroundColor": "rgba(40,167,69,.6)",
+            "stroke": "rgba(40,167,69,0.6)"
+        },
+        "progressValue": {
+            "color": "#28a745",
+            "stroke": "#28a745"
+        }
+    },
+    "app-info-progress-circle": {
+        "progressCircle": {
+            "backgroundColor": "rgba(23,162,184,.6)",
+            "stroke": "rgba(23,162,184,0.6)"
+        },
+        "progressValue": {
+            "color": "#17a2b8",
+            "stroke": "#17a2b8"
+        }
+    },
+    "app-danger-progress-circle": {
+        "progressCircle": {
+            "backgroundColor": "rgba(220,53,69,.6)",
+            "stroke": "rgba(220,53,69,0.6)"
+        },
+        "progressValue": {
+            "color": "#dc3545",
+            "stroke": "#dc3545"
+        }
+    },
+    "app-warning-progress-circle": {
+        "progressCircle": {
+            "backgroundColor": "rgba(255,193,7,.6)",
+            "stroke": "rgba(255,193,7,0.6)"
+        },
+        "progressValue": {
+            "color": "#ffc107",
+            "stroke": "#ffc107"
+        }
+    },
+    "progress-circle-success": {
+        "--wm-progress-circle-stroke-inactive": "var(--wm-color-success-container)",
+        "--wm-progress-circle-stroke-active": "var(--wm-color-success)"
+    },
+    "progress-circle-info": {
+        "--wm-progress-circle-stroke-inactive": "var(--wm-color-info-container)",
+        "--wm-progress-circle-stroke-active": "var(--wm-color-info)"
+    },
+    "progress-circle-warning": {
+        "--wm-progress-circle-stroke-inactive": "var(--wm-color-warning-container)",
+        "--wm-progress-circle-stroke-active": "var(--wm-color-warning)"
+    },
+    "progress-circle-danger": {
+        "--wm-progress-circle-stroke-inactive": "var(--wm-color-error-container)",
+        "--wm-progress-circle-stroke-active": "var(--wm-color-error)"
+    },
+    "app-search": {
+        "text": {
+            "borderColor": "transparent",
+            "backgroundColor": "var(--wm-search-background-color)",
+            "fontSize": "var(--wm-search-text-font-size)",
+            "fontFamily": "var(--wm-search-text-font-family)",
+            "fontWeight": "var(--wm-search-text-font-weight)",
+            "borderRadius": "var(--wm-search-border-radius)"
+        },
+        "invalid": {
+            "borderBottomColor": "var(--wm-search-invalid-color)"
+        },
+        "searchButton": {
+            "backgroundColor": "var(--wm-search-background-color)",
+            "icon": {
+                "text": {
+                    "color": "#fff",
+                    "backgroundColor": "var(--wm-search-background-color)"
+                },
+                "icon": {
+                    "color": "var(--wm-search-btn-icon-color)",
+                    "fontSize": "var(--wm-search-btn-icon-size)"
+                }
+            },
+            "root": {
+                "borderColor": "transparent",
+                "rippleColor": "var(--wm-search-btn-ripple-color)",
+                "backgroundColor": "var(--wm-search-background-color)",
+                "borderTopRightRadius": "var(--wm-search-border-radius)",
+                "borderBottomRightRadius": "var(--wm-search-border-radius)"
+            },
+            "borderColor": "transparent",
+            "rippleColor": "var(--wm-search-btn-ripple-color)",
+            "borderTopRightRadius": "var(--wm-search-border-radius)",
+            "borderBottomRightRadius": "var(--wm-search-border-radius)",
+            "color": "var(--wm-search-btn-icon-color)"
+        },
+        "searchItem": {
+            "borderBottomColor": "#ddd",
+            "color": "#666"
+        },
+        "placeholderText": {
+            "color": "var(--wm-search-placeholder-color)"
+        },
+        "root": {
+            "backgroundColor": "var(--wm-search-background-color)",
+            "borderRadius": "var(--wm-search-border-radius)",
+            "borderWidth": "var(--wm-search-border-width)",
+            "borderColor": "var(--wm-search-border-color)"
+        },
+        "clearButton": {
+            "root": {
+                "borderColor": "transparent",
+                "rippleColor": "transparent"
+            }
+        },
+        "dataCompleteItem": {
+            "root": {
+                "color": "var(--wm-search-complete-text-color)",
+                "paddingRight": "var(--wm-search-complete-padding-right)",
+                "paddingLeft": "var(--wm-search-complete-padding-left)",
+                "paddingTop": "var(--wm-search-complete-padding-top)",
+                "paddingBottom": "var(--wm-search-complete-padding-bottom)",
+                "backgroundColor": "var(--wm-search-complete-background-color)"
+            }
+        },
+        "modalContent": {
+            "backgroundColor": "var(--wm-search-modal-content-background-color)",
+            "borderRadius": "var(--wm-search-modal-content-border-radius)",
+            "borderColor": "var(--wm-search-modal-content-border-color)"
+        },
+        "searchInputWrapper": {
+            "borderColor": "transparent"
+        }
+    },
+    "app-spinner": {
+        "icon": {
+            "text": {
+                "color": "var(--wm-spinner-color)",
+                "fontSize": "var(--wm-spinner-icon-size)"
+            }
+        },
+        "root": {
+            "display": "flex",
+            "flexDirection": "row",
+            "justifyContent": "center",
+            "alignItems": "center",
+            "width": "100%",
+            "backgroundColor": "var(--wm-spinner-loading-data-msg-background)"
+        },
+        "text": {
+            "fontSize": "var(--wm-spinner-font-size)",
+            "paddingLeft": "var(--wm-spinner-padding-left)",
+            "color": "var(--wm-spinner-loading-data-msg-color)"
+        },
+        "image": {
+            "color": "var(--wm-spinner-color)",
+            "fontSize": "var(--wm-spinner-icon-size)"
+        },
+        "lottie": {
+            "width": "var(--wm-spinner-lottie-width)"
+        }
+    },
+    "app-accordionpane": {
+        "root": {
+            "borderColor": "#eee",
+            "backgroundColor": "#ffffff"
+        }
+    },
+    "app-accordion": {
+        "root": {
+            "borderColor": "var(--wm-accordion-border-color)",
+            "backgroundColor": "var(--wm-accordion-background-color)",
+            "width": "var(--wm-accordion-width)",
+            "borderWidth": "var(--wm-accordion-border-width)",
+            "borderStyle": "var(--wm-accordion-border-style)",
+            "borderRadius": "var(--wm-accordion-border-radius)"
+        },
+        "text": {
+            "color": "var(--wm-accordion-text-color)",
+            "fontSize": "var(--wm-accordion-text-font-size)"
+        },
+        "header": {
+            "borderColor": "var(--wm-accordion-border-color)",
+            "backgroundColor": "var(--wm-accordion-header-background-color)",
+            "padding": "var(--wm-accordion-header-padding)",
+            "borderBottomWidth": "var(--wm-accordion-header-border-bottom-width)",
+            "borderStyle": "var(--wm-accordion-border-style)",
+            "borderTopLeftRadius": "var(--wm-accordion-border-radius)",
+            "borderTopRightRadius": "var(--wm-accordion-border-radius)"
+        },
+        "activeHeader": {
+            "borderColor": "var(--wm-color-primary)",
+            "backgroundColor": "var(--wm-color-primary)"
+        },
+        "activeHeaderTitle": {
+            "color": "var(--wm-accordion-active-header-title-color)"
+        },
+        "activeIcon": {
+            "color": "#fff",
+            "icon": {
+                "color": "var(--wm-accordion-active-header-title-color)"
+            },
+            "root": {
+                "color": "var(--wm-accordion-active-header-title-color)",
+                "borderColor": "var(--wm-accordion-active-header-title-color)"
+            }
+        },
+        "badge": {
+            "color": "var(--wm-accordion-icon-color)",
+            "alignSelf": "stretch",
+            "fontSize": "var(--wm-accordion-badge-font-size)",
+            "marginRight": "var(--wm-accordion-badge-margin-right)",
+            "width": "var(--wm-accordion-badge-width)",
+            "height": "var(--wm-accordion-badge-height)",
+            "borderRadius": "var(--wm-accordion-badge-border-radius)",
+            "borderStyle": "var(--wm-accordion-border-style)",
+            "borderWidth": "var(--wm-accordion-badge-border-width)",
+            "backgroundColor": "var(--wm-accordion-badge-background-color)"
+        },
+        "activeBadge": {
+            "borderColor": "var(--wm-accordion-active-icon-border-color)",
+            "color": "var(--wm-accordion-active-icon-color)"
+        },
+        "default": {
+            "backgroundColor": "transparent"
+        },
+        "danger": {
+            "backgroundColor": "var(--wm-color-error)"
+        },
+        "success": {
+            "backgroundColor": "var(--wm-color-success)"
+        },
+        "warning": {
+            "backgroundColor": "var(--wm-color-warning)"
+        },
+        "info": {
+            "backgroundColor": "var(--wm-color-info)"
+        },
+        "primary": {
+            "backgroundColor": "var(--wm-color-primary)"
+        },
+        "firstHeader": {
+            "borderTopLeftRadius": "var(--wm-accordion-header-border-top-radius)",
+            "borderTopRightRadius": "var(--wm-accordion-header-border-top-radius)"
+        },
+        "lastHeader": {
+            "borderBottomLeftRadius": "var(--wm-accordion-header-border-bottom-radius)",
+            "borderBottomRightRadius": "var(--wm-accordion-header-border-bottom-radius)",
+            "borderBottomWidth": "var(--wm-accordion-header-border-last-bottom-width)"
+        },
+        "subheading": {
+            "fontSize": "var(--wm-accordion-header-subtitle-font-size)",
+            "marginTop": "var(--wm-accordion-header-subtitle-margin-top)"
+        },
+        "icon": {
+            "icon": {
+                "color": "var(--wm-accordion-icon-color)",
+                "fontSize": "var(--wm-accordion-icon-font-size)",
+                "fontWeight": "var(--wm-accordion-icon-font-weight)"
+            },
+            "root": {
+                "width": "var(--wm-accordion-icon-root-width)",
+                "height": "var(--wm-accordion-icon-root-height)",
+                "borderRadius": "var(--wm-accordion-icon-root-border-radius)"
+            }
+        }
+    },
+    "app-gridcolumn": {
+        "root": {
+            "height": "auto",
+            "paddingTop": "var(--wm-grid-layout-column-padding-top)",
+            "paddingLeft": "var(--wm-grid-layout-column-padding-left)",
+            "paddingRight": "var(--wm-grid-layout-column-padding-right)",
+            "paddingBottom": "var(--wm-grid-layout-column-padding-bottom)"
+        }
+    },
+    "table-row": {
+        "root": {
+            "borderColor": "#ccc"
+        }
+    },
+    "table-header-row": {
+        "root": {
+            "backgroundColor": "#fff"
+        }
+    },
+    "table-striped-row0": {
+        "root": {
+            "backgroundColor": "rgba(66,99,235,.1)"
+        }
+    },
+    "table-striped-row1": {
+        "root": {
+            "backgroundColor": "transparent"
+        }
+    },
+    "app-gridrow": {
+        "root": {
+            "width": "100%",
+            "display": "flex",
+            "flexDirection": "row",
+            "flexWrap": "wrap"
+        }
+    },
+    "table": {
+        "root": {
+            "backgroundColor": "#fff",
+            "borderColor": "#ccc"
+        }
+    },
+    "text": {
+        "color": "#333"
+    },
+    "app-layoutgrid": {
+        "root": {
+            "display": "flex",
+            "flexDirection": "column",
+            "width": "var(--wm-grid-layout-width)",
+            "paddingTop": "var(--wm-grid-layout-column-padding-top)",
+            "paddingLeft": "var(--wm-grid-layout-column-padding-left)",
+            "paddingRight": "var(--wm-grid-layout-column-padding-right)",
+            "paddingBottom": "var(--wm-grid-layout-column-padding-bottom)"
+        }
+    },
+    "app-panel-content": {
+        "root": {
+            "borderColor": "#fff"
+        }
+    },
+    "app-panel-footer": {
+        "root": {
+            "backgroundColor": "#ddd"
+        }
+    },
+    "app-panel": {
+        "root": {
+            "backgroundColor": "var(--wm-panel-background)",
+            "borderRadius": "var(--wm-panel-radius)",
+            "borderWidth": "var(--wm-panel-border-width)",
+            "borderStyle": "var(--wm-panel-border-style)",
+            "padding": "var(--wm-panel-padding)"
+        },
+        "text": {
+            "color": "var(--wm-panel-heading-color)",
+            "fontFamily": "var(--wm-panel-heading-font-family)",
+            "fontSize": "var(--wm-panel-heading-font-size)",
+            "fontWeight": "var(--wm-font-weight-bold)"
+        },
+        "header": {
+            "backgroundColor": "var(--wm-panel-heading-background)",
+            "borderColor": "var(--wm-panel-heading-background)",
+            "paddingInline": "var(--wm-panel-heading-padding-inline)",
+            "paddingBlock": "var(--wm-panel-heading-padding-block)",
+            "borderStyle": "var(--wm-panel-border-style)",
+            "borderWidth": "var(--wm-panel-border-width)"
+        },
+        "badge": {
+            "color": "#fff"
+        },
+        "default": {
+            "backgroundColor": "#888",
+            "color": "#fff"
+        },
+        "danger": {
+            "backgroundColor": "var(--wm-panel-heading-color-danger)",
+            "color": "var(--wm-panel-background-danger)"
+        },
+        "success": {
+            "backgroundColor": "var(--wm-panel-heading-color-success)",
+            "color": "var(--wm-panel-background-success)"
+        },
+        "warning": {
+            "backgroundColor": "var(--wm-panel-heading-color-warning)",
+            "color": "var(--wm-panel-background-warning)"
+        },
+        "info": {
+            "backgroundColor": "var(--wm-panel-heading-color-info)",
+            "color": "var(--wm-panel-background-info)"
+        },
+        "primary": {
+            "backgroundColor": "var(--wm-panel-heading-color-primary)",
+            "color": "var(--wm-panel-background-primary)"
+        },
+        "subHeading": {
+            "color": "var(--wm-panel-description-color)"
+        },
+        "secondary": {
+            "backgroundColor": "var(--wm-panel-heading-color-secondary)",
+            "color": "var(--wm-panel-background-secondary)"
+        },
+        "tertiary": {
+            "backgroundColor": "var(--wm-panel-heading-color-tertiary)",
+            "color": "var(--wm-panel-background-tertiary)"
+        },
+        "icon": {
+            "text": {
+                "color": "var(--wm-panel-heading-color)"
+            }
+        }
+    },
+    "panel-default": {
+        "header": {
+            "backgroundColor": "#000"
+        },
+        "text": {
+            "color": "#fff"
+        },
+        "subHeading": {
+            "color": "#fff"
+        },
+        "icon": {
+            "text": {
+                "color": "#fff"
+            }
+        },
+        "--wm-panel-heading-background": "var(--wm-color-surface-container)",
+        "--wm-panel-heading-color": "var(--wm-color-on-surface)",
+        "--wm-panel-description-color": "var(--wm-color-on-surface)"
+    },
+    "panel-danger": {
+        "header": {
+            "backgroundColor": "var(--wm-panel-heading-background)"
+        },
+        "text": {
+            "color": "var(--wm-panel-heading-color)"
+        },
+        "icon": {
+            "text": {
+                "color": "var(--wm-panel-heading-color)"
+            }
+        },
+        "--wm-panel-heading-background": "var(--wm-color-error-container)",
+        "--wm-panel-heading-color": "var(--wm-color-error)",
+        "--wm-panel-description-color": "var(--wm-color-error)"
+    },
+    "panel-success": {
+        "header": {
+            "backgroundColor": "var(--wm-panel-heading-background)"
+        },
+        "text": {
+            "color": "var(--wm-panel-heading-color)"
+        },
+        "icon": {
+            "text": {
+                "color": "var(--wm-panel-heading-color)"
+            }
+        },
+        "--wm-panel-heading-background": "var(--wm-color-success-container)",
+        "--wm-panel-heading-color": "var(--wm-color-success)",
+        "--wm-panel-description-color": "var(--wm-color-success)"
+    },
+    "panel-warning": {
+        "header": {
+            "backgroundColor": "var(--wm-panel-heading-background)"
+        },
+        "text": {
+            "color": "var(--wm-panel-heading-color)"
+        },
+        "icon": {
+            "text": {
+                "color": "var(--wm-panel-heading-color)"
+            }
+        },
+        "--wm-panel-heading-background": "var(--wm-color-warning-container)",
+        "--wm-panel-heading-color": "var(--wm-color-warning)",
+        "--wm-panel-description-color": "var(--wm-color-warning)"
+    },
+    "panel-info": {
+        "header": {
+            "backgroundColor": "var(--wm-panel-heading-background)"
+        },
+        "text": {
+            "color": "var(--wm-panel-heading-color)"
+        },
+        "icon": {
+            "text": {
+                "color": "var(--wm-panel-heading-color)"
+            }
+        },
+        "--wm-panel-heading-background": "var(--wm-color-info-container)",
+        "--wm-panel-heading-color": "var(--wm-color-info)",
+        "--wm-panel-description-color": "var(--wm-color-info)"
+    },
+    "panel-primary": {
+        "header": {
+            "backgroundColor": "var(--wm-panel-heading-background)"
+        },
+        "text": {
+            "color": "var(--wm-panel-heading-color)"
+        },
+        "icon": {
+            "text": {
+                "color": "var(--wm-panel-heading-color)"
+            }
+        },
+        "--wm-panel-heading-background": "var(--wm-color-primary-container)",
+        "--wm-panel-heading-color": "var(--wm-color-primary)",
+        "--wm-panel-description-color": "var(--wm-color-primary)"
+    },
+    "panel-secondary": {
+        "root": {
+            "--wm-panel-heading-background": "var(--wm-color-secondary-container)",
+            "--wm-panel-heading-color": "var(--wm-color-secondary)",
+            "--wm-panel-description-color": "var(--wm-color-secondary)"
+        },
+        "header": {
+            "backgroundColor": "var(--wm-panel-heading-background)"
+        },
+        "text": {
+            "color": "var(--wm-panel-heading-color)"
+        },
+        "icon": {
+            "text": {
+                "color": "var(--wm-panel-heading-color)"
+            }
+        }
+    },
+    "panel-tertiary": {
+        "--wm-panel-heading-background": "var(--wm-color-tertiary-container)",
+        "--wm-panel-heading-color": "var(--wm-color-tertiary)",
+        "--wm-panel-description-color": "var(--wm-color-tertiary)",
+        "header": {
+            "backgroundColor": "var(--wm-panel-heading-background)"
+        },
+        "text": {
+            "color": "var(--wm-panel-heading-color)"
+        },
+        "icon": {
+            "text": {
+                "color": "var(--wm-panel-heading-color)"
+            }
+        }
+    },
+    "app-tabpane": {
+        "root": {
+            "backgroundColor": "var(--wm-tabs-background)"
+        }
+    },
+    "app-tabs": {
+        "root": {
+            "borderColor": "#ccc",
+            "minHeight": "var(--wm-tabs-min-height)",
+            "borderBottomWidth": "var(--wm-tabs-border-bottom-width)",
+            "borderStyle": "var(--wm-border-style)"
+        }
+    },
+    "bg-danger": {
+        "root": {
+            "backgroundColor": "var(--wm-tile-background-color)",
+            "--wm-tile-background-color": "var(--wm-color-error-container)",
+            "--wm-tile-color": "var(--wm-color-error)"
+        }
+    },
+    "bg-info": {
+        "root": {
+            "backgroundColor": "var(--wm-tile-background-color)",
+            "--wm-tile-background-color": "var(--wm-color-info-container)",
+            "--wm-tile-color": "var(--wm-color-info)"
+        }
+    },
+    "bg-primary": {
+        "root": {
+            "backgroundColor": "var(--wm-tile-background-color)",
+            "--wm-tile-background-color": "var(--wm-color-primary-container)",
+            "--wm-tile-color": "var(--wm-color-primary)"
+        }
+    },
+    "bg-success": {
+        "root": {
+            "backgroundColor": "var(--wm-tile-background-color)",
+            "--wm-tile-background-color": "var(--wm-color-success-container)",
+            "--wm-tile-color": "var(--wm-color-success)"
+        }
+    },
+    "bg-warning": {
+        "root": {
+            "backgroundColor": "var(--wm-tile-background-color)",
+            "--wm-tile-background-color": "var(--wm-color-warning-container)",
+            "--wm-tile-color": "var(--wm-color-warning)"
+        }
+    },
+    "bg-default": {
+        "root": {
+            "backgroundColor": "var(--wm-tile-background)",
+            "--wm-tile-background-color": "var(--wm-color-surface-container-low)",
+            "--wm-tile-color": "var(--wm-color-on-surface-variant)"
+        }
+    },
+    "bg-secondary": {
+        "root": {
+            "backgroundColor": "var(--wm-tile-filled-secondary-background)",
+            "--wm-tile-background-color": "var(--wm-color-secondary-container)",
+            "--wm-tile-color": "var(--wm-color-secondary)"
+        }
+    },
+    "bg-tertiary": {
+        "root": {
+            "backgroundColor": "var(--wm-tile-filled-tertiary-background)",
+            "--wm-tile-background-color": "var(--wm-color-tertiary-container)",
+            "--wm-tile-color": "var(--wm-color-tertiary)"
+        }
+    },
+    "well": {
+        "root": {
+            "backgroundColor": "#fff",
+            "borderColor": "#eee"
+        }
+    },
+    "tile-template-text": {
+        "text": {
+            "color": "var(--wm-tile-color)"
+        }
+    },
+    "bg-default-filled": {
+        "root": {
+            "--wm-tile-background-color": "var(--wm-color-surface-container-highest)",
+            "--wm-tile-color": "var(--wm-color-on-surface-variant)"
+        }
+    },
+    "bg-primary-filled": {
+        "root": {
+            "--wm-tile-background-color": "var(--wm-color-primary)",
+            "--wm-tile-color": "var(--wm-color-on-primary)"
+        }
+    },
+    "bg-secondary-filled": {
+        "root": {
+            "--wm-tile-background-color": "var(--wm-color-secondary)",
+            "--wm-tile-color": "var(--wm-color-on-secondary)"
+        }
+    },
+    "bg-tertiary-filled": {
+        "root": {
+            "--wm-tile-background-color": "var(--wm-color-tertiary)",
+            "--wm-tile-color": "var(--wm-color-on-tertiary)"
+        }
+    },
+    "bg-success-filled": {
+        "root": {
+            "--wm-tile-background-color": "var(--wm-color-success)",
+            "--wm-tile-color": "var(--wm-color-on-success)"
+        }
+    },
+    "bg-info-filled": {
+        "root": {
+            "--wm-tile-background-color": "var(--wm-color-info)",
+            "--wm-tile-color": "var(--wm-color-on-info)"
+        }
+    },
+    "bg-warning-filled": {
+        "root": {
+            "--wm-tile-background-color": "var(--wm-color-warning)",
+            "--wm-tile-color": "var(--wm-color-on-warning)"
+        }
+    },
+    "bg-danger-filled": {
+        "root": {
+            "--wm-tile-background-color": "var(--wm-color-error)",
+            "--wm-tile-color": "var(--wm-color-on-error)"
+        }
+    },
+    "app-tile": {
+        "root": {
+            "backgroundColor": "var(--wm-tile-background-color)",
+            "borderRadius": "var(--wm-tile-border-radius)",
+            "borderWidth": "var(--wm-tile-border-width)",
+            "borderColor": "var(--wm-tile-border-color)",
+            "paddingTop": "var(--wm-tile-padding-top)",
+            "paddingBottom": "var(--wm-tile-padding-bottom)",
+            "paddingLeft": "var(--wm-tile-padding-left)",
+            "paddingRight": "var(--wm-tile-padding-right)",
+            "color": "var(--wm-tile-color)"
+        }
+    },
+    "app-wizard": {
+        "root": {
+            "backgroundColor": "var(--wm-wizard-background)",
+            "borderRadius": "var(--wm-wizard-radius)",
+            "boxShadow": "var(--wm-wizard-shadow)",
+            "padding": "var(--wm-wizard-padding)",
+            "gap": "var(--wm-wizard-gap)",
+            "minHeight": "var(--wm-wizard-min-height)"
+        },
+        "stepTitle": {
+            "color": "var(--wm-wizard-stepper-step-title-color)",
+            "fontSize": "var(--wm-wizard-stepper-step-title-font-size)",
+            "fontWeight": "var(--wm-wizard-stepper-step-title-font-weight)",
+            "fontFamily": "var(--wm-wizard-stepper-step-title-font-family)",
+            "lineHeight": "var(--wm-wizard-stepper-step-title-line-height)"
+        },
+        "stepSubTitle": {
+            "color": "var(--wm-color-primary)"
+        },
+        "step": {
+            "backgroundColor": "var(--wm-wizard-stepper-step-background)",
+            "color": "#999",
+            "borderColor": "var(--wm-wizard-stepper-step-indicator-border)",
+            "width": "var(--wm-wizard-stepper-step-width)",
+            "height": "var(--wm-wizard-stepper-step-height)",
+            "borderRadius": "var(--wm-wizard-stepper-step-border-radius)"
+        },
+        "activeStep": {
+            "backgroundColor": "var(--wm-wizard-stepper-step-active-background)",
+            "borderColor": "var(--wm-wizard-stepper-step-active-background)",
+            "color": "var(--wm-wizard-stepper-step-active-background)"
+        },
+        "doneStep": {
+            "backgroundColor": "var(--wm-wizard-stepper-step-background)",
+            "borderColor": "var(--wm-wizard-step-done-background)",
+            "color": "var(--wm-wizard-step-done-background)"
+        },
+        "wizardBody": {
+            "borderColor": "#ccc",
+            "minHeight": "var(--wm-wizard-body-height)",
+            "paddingTop": "var(--wm-wizard-body-padding-top)",
+            "borderTopWidth": "var(--wm-wizard-body-border-top-width)",
+            "borderBottomWidth": "var(--wm-wizard-body-border-bottom-width)"
+        },
+        "nextButton": {
+            "root": {
+                "backgroundColor": "#4263eb",
+                "borderColor": "#4263eb"
+            },
+            "paddingRight": "var(--wm-wizard-actions-padding-right)"
+        },
+        "doneButton": {
+            "root": {
+                "backgroundColor": "#28a745"
+            },
+            "backgroundColor": "var(--wm-btn-default-background)",
+            "color": "var(--wm-btn-default-state-layer-color)"
+        },
+        "stepConnector": {
+            "backgroundColor": "var(--wm-wizard-step-connector-color)",
+            "height": "var(--wm-wizard-step-connector-height)"
+        },
+        "stepCounter": {
+            "color": "var(--wm-wizard-stepper-step-count-color)",
+            "fontSize": "var(--wm-wizard-stepper-step-count-font-size)",
+            "fontWeight": "var(--wm-wizard-stepper-step-count-font-weight)",
+            "fontFamily": "var(--wm-wizard-stepper-step-count-font-family)",
+            "lineHeight": "var(--wm-wizard-stepper-step-count-line-height)"
+        },
+        "numberTextStepConnector": {
+            "color": "#999"
+        },
+        "wizardHeader": {
+            "backgroundColor": "var(--wm-wizard-heading-background)",
+            "borderRadius": "var(--wm-wizard-heading-radius)",
+            "padding": "var(--wm-wizard-heading-padding)"
+        },
+        "wizardFooter": {
+            "backgroundColor": "var(--wm-wizard-stepper-footer-background)",
+            "padding": "var(--wm-wizard-footer-padding)"
+        },
+        "wizardActions": {
+            "marginRight": "var(--wm-wizard-actions-margin-right)"
+        },
+        "prevButton": {
+            "backgroundColor": "var(--wm-btn-default-background)",
+            "color": "var(--wm-btn-default-state-layer-color)",
+            "paddingLeft": "var(--wm-wizard-btn-prev-btn-padding-left)"
+        },
+        "cancelButton": {
+            "minHeight": "var(--wm-wizard-btn-cancel-btn-min-height)"
+        },
+        "stepMenuLabel": {
+            "color": "var(--wm-wizard-step-active-label-text-color)"
+        },
+        "stepMenuActiveLabel": {
+            "color": "var(--wm-color-primary)"
+        },
+        "stepMenuIcon": {
+            "paddingRight": "var(--wm-space-1)"
+        },
+        "stepMenuActiveIcon": {
+            "paddingRight": "var(--wm-space-1)"
+        }
+    },
+    "rootapp-wizard": {
+        "step": {
+            "active": {
+                "--wm-wizard-step-indicator-background": "var(--wm-color-success)",
+                "--wm-wizard-step-count-color": "var(--wm-color-on-secondary)",
+                "--wm-wizard-step-icon-color": "var(--wm-color-on-secondary)",
+                "--wm-wizard-step-title-color": "var(--wm-color-on-surface)",
+                "--wm-wizard-step-title-font-family": "var(--wm-label-large-font-family)",
+                "--wm-wizard-step-title-font-weight": "var(--wm-font-weight-semibold)",
+                "--wm-wizard-step-title-font-size": "var(--wm-label-large-font-size)",
+                "--wm-wizard-step-title-line-height": "var(--wm-label-large-line-height)",
+                "--wm-wizard-step-title-letter-spacing": "var(--wm-label-large-letter-spacing)"
+            }
+        }
+    },
+    "": {
+        "--wm-wizard-step-indicator-background": "none",
+        "--wm-wizard-step-size": "var(--wm-space-2)"
+    },
+    "app-outlined-container": {
+        "--wm-container-border-radius": 1,
+        "--wm-container-border-color": "var(--wm-color-outline-variant)",
+        "--wm-container-border-width": "var(--wm-border-width-base)",
+        "--wm-container-border-style": "var(--wm-border-style-base)"
+    },
+    "app-elevated-container": {
+        "--wm-container-border-color": "transparent",
+        "--wm-container-border-radius": "var(--wm-radius-sm)",
+        "--wm-container-border-width": "var(--wm-border-width-base)",
+        "--wm-container-border-style": "var(--wm-border-style-base)"
+    },
+    "app-container": {
+        "root": {
+            "borderRadius": "var(--wm-container-border-radius)",
+            "borderColor": "var(--wm-container-border-color)",
+            "borderWidth": "var(--wm-container-border-width)",
+            "borderStyle": "var(--wm-container-border-style)"
+        }
+    },
+    "app-card-content": {
+        "root": {
+            "backgroundColor": "#fff"
+        }
+    },
+    "app-card-footer": {
+        "root": {
+            "backgroundColor": "#fff",
+            "borderColor": "var(--wm-card-border-color)",
+            "borderStyle": "var(--wm-card-border-style)"
+        }
+    },
+    "app-card": {
+        "root": {
+            "borderColor": "var(--wm-card-border-color)",
+            "shadowColor": "#000000",
+            "backgroundColor": "var(--wm-card-background)",
+            "gap": "var(--wm-card-list-gap)",
+            "borderWidth": "var(--wm-card-border-width)",
+            "borderStyle": "var(--wm-card-border-style)",
+            "borderRadius": "var(--wm-card-border-radius)",
+            "boxShadow": "var(--wm-card-shadow)"
+        },
+        "heading": {
+            "backgroundColor": "var(--wm-card-header-background-color)",
+            "padding": "var(--wm-card-header-padding)"
+        },
+        "title": {
+            "text": {
+                "color": "var(--wm-color-black)",
+                "fontSize": "var(--wm-card-header-title-text-font-size)",
+                "lineHeight": "var(--wm-card-header-title-line-height)"
+            }
+        },
+        "subheading": {
+            "root": {
+                "color": "#666"
+            },
+            "text": {
+                "color": "var(--wm-color-black)",
+                "fontSize": "var(--wm-card-subheading-text-font-size)",
+                "lineHeight": "var(--wm-card-subheading-text-line-height)"
+            }
+        }
+    },
+    "app-vertical-list": {
+        "item": {
+            "borderColor": "var(--wm-card-border-color)",
+            "borderRadius": "var(--wm-list-item-border-radius)",
+            "boxShadow": "var(--wm-card-shadow)",
+            "backgroundColor": "var(--wm-list-item-background-active)",
+            "borderStyle": "var(--wm-list-item-border-style)"
+        }
+    },
+    "form-label": {
+        "text": {
+            "fontSize": 14
+        }
+    },
+    "app-form-footer": {
+        "root": {
+            "borderColor": "#ccc"
+        }
+    },
+    "app-form": {
+        "heading": {
+            "borderColor": "var(--wm-form-heading-border-color)",
+            "paddingTop": "var(--wm-form-heading-padding-top)",
+            "paddingBottom": "var(--wm-form-heading-padding-bottom)",
+            "paddingLeft": "var(--wm-form-heading-padding-left)",
+            "paddingRight": "var(--wm-form-heading-padding-right)",
+            "borderBottomWidth": "var(--wm-form-heading-border-bottom-width)",
+            "borderStyle": "var(--wm-form-heading-border-style)"
+        },
+        "title": {
+            "text": {
+                "fontSize": "var(--wm-panel-heading-font-size)",
+                "color": "var(--wm-panel-heading-color)",
+                "fontFamily": "var(--wm-panel-heading-font-family)",
+                "lineHeight": "var(--wm-panel-heading-line-height)"
+            }
+        },
+        "subheading": {
+            "text": {
+                "color": "var(--wm-panel-description-color)",
+                "fontFamily": "var(--wm-panel-description-font-family)",
+                "fontSize": "var(--wm-panel-description-font-size)",
+                "lineHeight": "var(--wm-panel-description-line-height)"
+            }
+        }
+    },
+    "app-list-template": {
+        "root": {
+            "borderBottomColor": "#cccccc",
+            "backgroundColor": "var(--wm-list-item-background-active)"
+        }
+    },
+    "app-list": {
+        "loadingIcon": {
+            "text": {
+                "color": "var(--wm-list-loading-icon-text-color)"
+            },
+            "fontSize": "var(--wm-list-loading-icon-font-size)"
+        },
+        "heading": {
+            "backgroundColor": "var(--wm-list-item-header-background)",
+            "padding": "var(--wm-list-heading-padding)",
+            "marginBottom": "var(--wm-list-heading-margin-bottom)"
+        },
+        "groupHeading": {
+            "backgroundColor": "var(--wm-list-group-heading-background-color)",
+            "fontSize": "var(--wm-list-group-heading-font-size)",
+            "paddingLeft": "var(--wm-list-group-heading-padding-left)",
+            "paddingRight": "var(--wm-list-group-heading-padding-right)",
+            "lineHeight": "var(--wm-list-group-heading-line-height)",
+            "fontFamily": "var(--wm-list-group-heading-font-family)"
+        },
+        "title": {
+            "text": {
+                "color": "var(--wm-list-item-header-color)",
+                "fontSize": "var(--wm-list-loading-icon-font-size)",
+                "fontFamily": "var(--wm-list-group-heading-font-family)",
+                "lineHeight": "var(--wm-list-title-line-height)",
+                "fontWeight": "var(--wm-list-title-font-weight)"
+            }
+        },
+        "subheading": {
+            "text": {
+                "color": "var(--wm-list-loading-icon-text-color)",
+                "fontSize": "var(--wm-h6-font-size)",
+                "lineHeight": "var(--wm-h6-line-height)",
+                "fontFamily": "var(--wm-list-group-heading-font-family)",
+                "fontWeight": "var(--wm-list-title-font-weight)"
+            }
+        },
+        "emptyMessage": {
+            "text": {
+                "color": "var(--wm-list-loading-icon-text-color)",
+                "fontSize": "var(--wm-list-loading-icon-font-size)",
+                "lineHeight": "var(--wm-list-emplty-message-line-height)"
+            }
+        },
+        "onDemandMessage": {
+            "text": {
+                "color": "var(--wm-list-loading-icon-text-color)"
+            }
+        },
+        "listIcon": {
+            "marginTop": "var(--wm-list-listicon-margin-top)",
+            "marginRight": "var(--wm-list-listicon-margin-right)"
+        },
+        "item": {
+            "backgroundColor": "var(--wm-list-item-background-active)",
+            "padding": "var(--wm-list-item-padding)",
+            "minHeight": "var(--wm-list-item-min-height)",
+            "borderColor": "var(--wm-list-item-background-active)",
+            "borderRadius": "var(--wm-list-item-border-radius)",
+            "borderStyle": "var(--wm-list-item-border-style)"
+        },
+        "selectedIcon": {
+            "fontSize": "var(--wm-list-loading-icon-font-size)",
+            "text": {
+                "fontSize": "var(--wm-list-loading-icon-font-size)",
+                "color": "var(--wm-list-item-background)"
+            }
+        },
+        "group": {
+            "marginBottom": "var(--wm-list-heading-margin-bottom)"
+        }
+    },
+    "app-barcodescanner": {
+        "button": {
+            "root": {
+                "backgroundColor": "var(--wm-barcodescanner-background)",
+                "borderColor": "var(--wm-barcodescanner-border-color)",
+                "paddingTop": "var(--wm-barcodescanner-padding-top)",
+                "paddingLeft": "var(--wm-barcodescanner-padding-left)",
+                "paddingBottom": "var(--wm-barcodescanner-padding-bottom)",
+                "borderWidth": "var(--wm-barcodescanner-border-width)",
+                "borderStyle": "var(--wm-barcodescanner-border-style)",
+                "borderRadius": "var(--wm-barcodescanner-border-radius)",
+                "rippleColor": "var(--wm-barcodescanner-ripple-color)"
+            },
+            "text": {
+                "color": "var(--wm-barcodescanner-text-color)"
+            },
+            "icon": {
+                "icon": {
+                    "color": "var(--wm-barcodescanner-icon-color)",
+                    "fontSize": "var(--wm-barcodescanner-icon-size)"
+                }
+            }
+        }
+    },
+    "app-camera": {
+        "button": {
+            "root": {
+                "backgroundColor": "var(--wm-camera-background)",
+                "borderColor": "var(--wm-camera-border-color)",
+                "minHeight": "var(--wm-camera-min-height)",
+                "minWidth": "var(--wm-camera-min-width)",
+                "borderWidth": "var(--wm-camera-border-width)",
+                "borderRadius": "var(--wm-camera-border-radius)",
+                "padding": "var(--wm-camera-padding)"
+            },
+            "text": {
+                "color": "var(--wm-camera-color)"
+            },
+            "icon": {
+                "icon": {
+                    "color": "var(--wm-camera-color)"
+                }
+            }
+        }
+    },
+    "app-alertdialog": {
+        "message": {
+            "text": {
+                "color": "var(--wm-color-black)",
+                "fontSize": "var(--wm-alert-modal-message-text-font-size)",
+                "fontWeight": "var(--wm-alert-modal-message-text-font-weight)",
+                "fontFamily": "var(--wm-alert-modal-message-text-font-family)"
+            }
+        }
+    },
+    "app-confirmdialog": {
+        "message": {
+            "text": {
+                "color": "var(--wm-color-black)"
+            }
+        },
+        "dialogActions": {
+            "root": {
+                "padding": "var(--wm-conform-modal-dialogactions-padding)"
+            }
+        },
+        "okButton": {
+            "text": {
+                "fontSize": "var(--wm-confirm-modal-button-text-font-size)"
+            }
+        },
+        "cancelButton": {
+            "text": {
+                "color": "var(--wm-color-primary)",
+                "fontSize": "var(--wm-confirm-modal-cancel-button-text-font-size)"
+            }
+        },
+        "dialog": {
+            "icon": {
+                "icon": {
+                    "color": "var(--wm-color-black)",
+                    "fontSize": "var(--wm-confirm-modal-icon-font-size)"
+                }
+            }
+        }
+    },
+    "app-dialog": {
+        "root": {
+            "backgroundColor": "var(--wm-modal-background)",
+            "borderRadius": "var(--wm-modal-radius)",
+            "padding": "var(--wm-modal-body-padding)",
+            "minWidth": "var(--wm-modal-min-width)",
+            "marginTop": "var(--wn-modal-margin)",
+            "marginBottom": "var(--wn-modal-margin)",
+            "header": {
+                "padding": "var(--wm-modal-header-padding)",
+                "borderStyle": "var(--wm-modal-header-border-style)",
+                "borderColor": "var(--wm-modal-header-border-color)",
+                "borderWidth": "var(--wm-modal-header-border-width)"
+            },
+            "icon": {
+                "icon": {
+                    "color": "var(--wm-color-black)",
+                    "fontSize": "var(--wm-modal-icon-font-size)"
+                }
+            }
+        },
+        "header": {
+            "borderColor": "#ccc"
+        },
+        "headerLabel": {
+            "paddingBottom": "var(--wm-modal-header-label-padding-bottom)"
+        },
+        "icon": {
+            "fontSize": "var(--wm-modal-icon-font-size)",
+            "text": {
+                "maxWidth": "unset",
+                "paddingTop": 0,
+                "paddingRight": 0,
+                "paddingBottom": 0,
+                "paddingLeft": 0,
+                "fontSize": "var(--wm-modal-icon-font-size)",
+                "fontWeight": "var(--wm-modal-icon-font-weight)",
+                "color": "var(--wm-color-black)"
+            }
+        },
+        "closeBtn": {
+            "root": {
+                "marginBottom": "var(--wm-modal-header-close-btn-margin)",
+                "borderWidth": "var(--wm-modal-header-close-btn-border-width)"
+            },
+            "content": {
+                "minHeight": "unset"
+            },
+            "icon": {
+                "root": {
+                    "minWidth": "unset"
+                },
+                "icon": {
+                    "fontSize": "var(--wm-modal-header-close-btn-font-size)",
+                    "color": "var(--wm-modal-header-close-btn-color)"
+                }
+            }
+        }
+    },
+    "app-dialogcontent": {
+        "root": {
+            "padding": "var(--wn-modal-body-padding)"
+        }
+    },
+    "btn-only-label": {
+        "text": {
+            "color": "var(--wm-color-primary)"
+        }
+    },
+    "app-dialog-footer": {
+        "display": "flex",
+        "flexDirection": "row",
+        "justifyContent": "flex-end",
+        "padding": "var(--wm-modal-footer-padding)",
+        "gap": "var(--wm-modal-footer-gap)",
+        "borderColor": "var(--wm-color-primary)"
+    },
+    "app-dialogactions": {
+        "root": {
+            "borderColor": "#ccc"
+        }
+    },
+    "app-calendar": {
+        "text": {
+            "color": "var(--wm-color-black)"
+        },
+        "calendar": {
+            "backgroundColor": "var(--wm-calendar-header-background-color)",
+            "borderColor": "var(--wm-calendar-day-border-color)",
+            "boxShadow": "var(--wm-calendar-view-shadow)",
+            "borderStyle": "var(--wm-calendar-view-border-style)",
+            "borderRadius": "var(--wm-calendar-view-radius)"
+        },
+        "calendarHeader": {
+            "backgroundColor": "var(--wm-calendar-header-background-color)",
+            "borderColor": "var(--wm-calendar-header-background-color)",
+            "boxShadow": "none",
+            "borderRadius": "var(--wm-calendar-view-radius)",
+            "paddingTop": "var(--wm-calendar-fc-header-vertical-padding)",
+            "paddingBottom": "var(--wm-calendar-fc-header-vertical-padding)",
+            "borderBottomWidth": "var(--wm-calendar-header-border-bottom-width)",
+            "borderStyle": "var(--wm-calendar-header-border-style)"
+        },
+        "weekDay": {
+            "backgroundColor": "var(--wm-calendar-header-background-color)",
+            "borderColor": "var(--wm-calendar-header-background-color)",
+            "borderBottomWidth": "var(--wm-calendar-weekday-border-bottom-width)",
+            "borderStyle": "var(--wm-calendar-weekday-border-style)",
+            "padding": "var(--wm-calendar-weekday-padding)"
+        },
+        "weekDayText": {
+            "color": "var(--wm-calendar-fc-anchor-color)",
+            "fontWeight": "var(--wm-calendar-fc-header-text-font-weight)",
+            "fontFamily": "var(--wm-calendar-weekday-text-font-family)",
+            "fontSize": "var(--wm-calendar-weekday-text-font-size)"
+        },
+        "day": {
+            "backgroundColor": "#fff",
+            "color": "var(--wm-calendar-not-day-of-month-color)",
+            "fontSize": "var(--wm-calendar-weekday-text-font-size)",
+            "fontWeight": "var(--wm-calendar-not-day-of-month-font-weight)",
+            "fontFamily": "var(--wm-calendar-weekday-text-font-family)",
+            "borderColor": "var(--wm-calendar-day-border-color)"
+        },
+        "monthText": {
+            "color": "var(--wm-color-on-surface)",
+            "fontWeight": "var(--wm-font-weight-extrabold)",
+            "fontFamily": "var(--wm-calendar-weekday-text-font-family)"
+        },
+        "yearText": {
+            "color": "var(--wm-color-on-surface)",
+            "fontWeight": "var(--wm-font-weight-extrabold)",
+            "fontFamily": "var(--wm-calendar-weekday-text-font-family)"
+        },
+        "today": {
+            "backgroundColor": "var(--wm-calendar-header-background-color)",
+            "borderColor": "var(--wm-form-control-border-color)"
+        },
+        "todayText": {
+            "backgroundColor": "transparent"
+        },
+        "eventDay1": {
+            "color": "var(--wm-calendar-event-day1-color1)"
+        },
+        "eventDay2": {
+            "color": "var(--wm-calendar-event-day1-color2)"
+        },
+        "eventDay3": {
+            "color": "var(--wm-calendar-event-day1-color3)"
+        },
+        "selectedDay": {
+            "backgroundColor": "var(--wm-calendar-fc-event-background)",
+            "borderColor": "var(--wm-calendar-fc-event-background)"
+        },
+        "selectedDayText": {
+            "color": "var(--wm-calendar-header-background-color)",
+            "backgroundColor": "var(--wm-calendar-fc-event-background)",
+            "borderColor": "var(--wm-calendar-fc-event-background)",
+            "fontWeight": "var(--wm-font-weight-bold)"
+        },
+        "prevMonthBtn": {
+            "text": {
+                "color": "#aaa"
+            }
+        },
+        "nextMonthBtn": {
+            "text": {
+                "color": "#aaa"
+            }
+        },
+        "nextYearBtn": {
+            "text": {
+                "color": "#aaa"
+            }
+        },
+        "root": {
+            "width": "var(--wm-calendar-width)",
+            "minHeight": "var(--wm-calendar-min-height)",
+            "minWidth": "var(--wm-calendar-min-width)"
+        },
+        "headerSkeleton": {
+            "width": "var(--wm-calendar-header-skeleton-width)",
+            "marginBottom": "var(--wm-calendar-header-skeleton-margin-bottom)"
+        }
+    },
+    "app-checkbox": {
+        "text": {
+            "color": "var(--wm-checkbox-label-color)",
+            "fontSize": "var(--wm-checkbox-label-font-size)",
+            "fontFamily": "var(--wm-checkbox-label-font-family)"
+        },
+        "checkicon": {
+            "--wm-checkbox-background-color": "var(--wm-color-primary)",
+            "--wm-checkbox-border-color": "var(--wm-color-primary)",
+            "--wm-checkbox-icon-color": "var(--wm-color-on-primary)",
+            "root": {
+                "width": "var(--wm-space-5)",
+                "height": "var(--wm-space-5)",
+                "backgroundColor": "var(--wm-checkbox-background-color)",
+                "borderColor": "var(--wm-checkbox-border-color)"
+            },
+            "icon": {
+                "color": "var(--wm-checkbox-icon-color)"
+            }
+        },
+        "uncheckicon": {
+            "root": {
+                "width": "var(--wm-space-5)",
+                "height": "var(--wm-space-5)",
+                "backgroundColor": "var(--wm-checkbox-background-color)",
+                "borderColor": "var(--wm-checkbox-border-color)",
+                "borderWidth": "var(--wm-checkbox-border-width)"
+            },
+            "icon": {
+                "color": "var(--wm-checkbox-icon-color)"
+            }
+        },
+        "selectedLabel": {
+            "fontSize": "var(--wm-checkbox-label-font-size)",
+            "fontFamily": "var(--wm-checkbox-label-font-family)",
+            "color": "var(--wm-checkbox-label-color)"
+        }
+    },
+    "app-checkbox-disabled": {
+        "--wm-checkbox-label-color": "var(--wm-color-on-surface-variant)",
+        "color": "var(--wm-checkbox-label-color)"
+    },
+    "app-checkboxset": {
+        "groupHeaderTitle": {
+            "backgroundColor": "transparent",
+            "color": "var(--wm-checkboxset-title-color)",
+            "fontSize": "var(--wm-checkboxset-title-font-size)",
+            "fontFamily": "var(--wm-checkboxset-title-font-family)"
+        },
+        "checkicon": {
+            "--wm-checkboxset-background-color": "var(--wm-color-primary)",
+            "--wm-checkboxset-border-color": "var(--wm-color-primary)",
+            "--wm-checkboxset-icon-color": "var(--wm-color-on-primary)",
+            "root": {
+                "width": "var(--wm-space-5)",
+                "height": "var(--wm-space-5)",
+                "backgroundColor": "var(--wm-checkboxset-background-color)",
+                "borderColor": "var(--wm-checkboxset-border-color)"
+            },
+            "icon": {
+                "color": "var(--wm-checkboxset-icon-color)"
+            }
+        },
+        "text": {
+            "fontSize": "var(--wm-checkboxset-label-font-size)",
+            "fontFamily": "var(--wm-checkbox-label-font-family)",
+            "color": "var(--wm-checkboxset-label-color)"
+        },
+        "uncheckicon": {
+            "root": {
+                "width": "var(--wm-space-5)",
+                "height": "var(--wm-space-5)",
+                "backgroundColor": "var(--wm-checkboxset-background-color)",
+                "borderColor": "var(--wm-checkboxset-border-color)"
+            },
+            "icon": {
+                "color": "var(--wm-checkboxset-icon-color)"
+            }
+        },
+        "selectedLabel": {
+            "fontSize": "var(--wm-checkboxset-label-font-size)",
+            "fontFamily": "var(--wm-checkboxset-label-font-family)",
+            "color": "var(--wm-checkboxset-label-color)"
+        }
+    },
+    "app-chips": {
+        "activeChip": {
+            "backgroundColor": "var(--wm-chips-item-background-color)",
+            "borderColor": "var(--wm-chips-item-border-color)",
+            "--wm-chips-item-color": "var(--wm-color-on-surface-variant)",
+            "--wm-chips-item-background-color": "var(--wm-color-secondary-container)",
+            "--wm-chips-item-border-color": "var(--wm-color-secondary-container)"
+        },
+        "activeChipLabel": {
+            "color": "var(--wm-chips-item-color)"
+        },
+        "clearIcon": {
+            "icon": {
+                "color": "var(--wm-color-outline)",
+                "fontSize": "var(--wm-chips-list-icon-size)",
+                "paddingRight": "var(--wm-space-1)"
+            }
+        },
+        "root": {
+            "gap": "var(--wm-chips-list-gap)",
+            "paddingTop": "var(--wm-chips-list-padding-top)",
+            "paddingBottom": "var(--wm-chips-list-padding-bottom)",
+            "paddingLeft": "var(--wm-chips-list-padding-left)",
+            "paddingRight": "var(--wm-chips-list-padding-right)",
+            "backgroundColor": "var(--wm-chips-list-background-color)",
+            "borderWidth": "var(--wm-chips-list-border-width)",
+            "borderStyle": "var(--wm-chips-list-border-style)",
+            "borderColor": "var(--wm-chips-list-border-color)",
+            "borderRadius": "var(--wm-chips-list-border-radius)",
+            "minHeight": "var(--wm-chips-list-height)",
+            "opacity": "var(--wm-chips-opacity)",
+            "pointerEvents": "var(--wm-chips-pointer-events)",
+            "boxShadow": "var(--wm-chips-shadow)"
+        },
+        "chip": {
+            "gap": "var(--wm-chips-item-gap)",
+            "minHeight": "var(--wm-chips-item-height)",
+            "height": "var(--wm-chips-item-height)",
+            "paddingTop": "var(--wm-chips-item-padding-top)",
+            "paddingBottom": "var(--wm-chips-item-padding-bottom)",
+            "paddingLeft": "var(--wm-chips-item-padding-left)",
+            "paddingRight": "var(--wm-chips-item-padding-right)",
+            "backgroundColor": "var(--wm-chips-background-color)",
+            "borderRadius": "var(--wm-chips-item-border-radius)",
+            "borderWidth": "var(--wm-chips-item-border-width)",
+            "borderStyle": "var(--wm-chips-item-border-style)",
+            "borderColor": "var(--wm-chips-item-border-color)",
+            "fontFamily": "var(--wm-chips-item-font-family)",
+            "fontWeight": "var(--wm-chips-item-font-weight)",
+            "fontSize": "var(--wm-chips-item-font-size)",
+            "lineHeight": "var(--wm-chips-item-line-height)",
+            "letterSpacing": "var(--wm-chips-item-letter-spacing)",
+            "boxShadow": "var(--wm-chips-shadow)"
+        },
+        "assistchip": {
+            "gap": "var(--wm-chips-item-gap)",
+            "minHeight": "var(--wm-chips-item-height)",
+            "height": "var(--wm-chips-item-height)",
+            "paddingTop": "var(--wm-chips-item-padding-top)",
+            "paddingBottom": "var(--wm-chips-item-padding-bottom)",
+            "paddingLeft": "var(--wm-chips-item-padding-left)",
+            "paddingRight": "var(--wm-chips-item-padding-right)",
+            "color": "var(--wm-chips-color)",
+            "backgroundColor": "var(--wm-chips-background-color)",
+            "borderRadius": "var(--wm-chips-item-border-radius)",
+            "borderWidth": "var(--wm-chips-item-border-width)",
+            "borderStyle": "var(--wm-chips-item-border-style)",
+            "borderColor": "var(--wm-chips-item-border-color)",
+            "fontFamily": "var(--wm-chips-item-font-family)",
+            "fontWeight": "var(--wm-chips-item-font-weight)",
+            "fontSize": "var(--wm-chips-item-font-size)",
+            "lineHeight": "var(--wm-chips-item-line-height)",
+            "letterSpacing": "var(--wm-chips-item-letter-spacing)",
+            "boxShadow": "var(--wm-chips-shadow)"
+        },
+        "chipLabel": {
+            "color": "var(--wm-chips-color)"
+        },
+        "search": {
+            "paddingTop": "var(--wm-chips-input-padding-top)",
+            "paddingBottom": "var(--wm-chips-input-padding-bottom)",
+            "paddingLeft": "var(--wm-chips-input-padding-left)",
+            "paddingRight": "var(--wm-chips-input-padding-right)"
+        },
+        "doneIcon": {
+            "icon": {
+                "fontSize": "var(--wm-chips-list-icon-size)",
+                "paddingLeft": "var(--wm-space-1)",
+                "color": "var(--wm-chips-color)"
+            }
+        }
+    },
+    "app-chips-disabled": {
+        "chip": {
+            "--wm-chips-opacity": 0.38,
+            "--wm-chips-pointer-events": "none"
+        }
+    },
+    "chips-filled-default": {
+        "--wm-chips-border-width": 0,
+        "--wm-chips-background-color": "var(--wm-color-surface)",
+        "--wm-chips-color": "var(--wm-color-on-surface)"
+    },
+    "chips-filled-primary": {
+        "--wm-chips-border-width": 0,
+        "--wm-chips-background-color": "var(--wm-color-primary)",
+        "--wm-chips-color": "var(--wm-color-on-primary)"
+    },
+    "chips-filled-secondary": {
+        "--wm-chips-border-width": 0,
+        "--wm-chips-background-color": "var(--wm-color-secondary)",
+        "--wm-chips-color": "var(--wm-color-on-secondary)"
+    },
+    "chips-filled-tertiary": {
+        "--wm-chips-border-width": 0,
+        "--wm-chips-background-color": "var(--wm-color-tertiary)",
+        "--wm-chips-color": "var(--wm-color-on-tertiary)"
+    },
+    "chips-elevated": {
+        "--wm-chips-border-width": 0,
+        "--wm-chips-box-shadow": "var(--wm-elevation-shadow-1)"
+    },
+    "app-composite": {
+        "root": {
+            "gap": "var(--wm-form-group-gap)"
+        }
+    },
+    "app-currency": {
+        "root": {
+            "borderColor": "#ddd",
+            "backgroundColor": "#fff",
+            "minHeight": "var(--wm-currency-container-min-height)",
+            "borderStyle": "var(--wm-border-style)",
+            "borderRadius": "var(--wm-currency-container-border-radius)"
+        },
+        "label": {
+            "backgroundColor": "var(--wm-color-primary)",
+            "color": "#fff",
+            "fontWeight": "var(--wm-currency-inputgroup-addon-font-weight)",
+            "fontFamily": "var(--wm-font-family-plain)",
+            "fontSize": "var(--wm-currency-inputgroup-addon-font-size)"
+        },
+        "invalid": {
+            "borderBottomColor": "#dc3545"
+        },
+        "focused": {
+            "borderColor": "var(--wm-form-control-border-color)"
+        },
+        "placeholderText": {
+            "color": "#bbb"
+        },
+        "text": {
+            "fontSize": "var(--wm-currency-inputgroup-addon-font-size)"
+        },
+        "input": {
+            "fontSize": "var(--wm-currency-inputgroup-addon-font-size)",
+            "minHeight": "var(--wm-currency-container-min-height)",
+            "borderStyle": "var(--wm-border-style)",
+            "paddingTop": "var(--wm-currency-input-padding-top)",
+            "paddingBottom": "var(--wm-currency-input-padding-bottom)",
+            "paddingLeft": "var(--wm-currency-input-padding-left)",
+            "paddingRight": "var(--wm-currency-input-padding-right)"
+        },
+        "activeFloatingLabel": {
+            "color": "var(--wm-form-control-border-color)"
+        },
+        "skeleton": {
+            "borderRadius": "var(--wm-currency-container-border-radius)"
+        },
+        "skeletonLabelWrapper": {
+            "minHeight": "var(--wm-currency-container-min-height)"
+        },
+        "labelWrapper": {
+            "backgroundColor": "var(--wm-color-primary)",
+            "minHeight": "var(--wm-currency-container-min-height)",
+            "borderTopLeftRadius": "var(--wm-currency-container-border-radius)",
+            "borderBottomLeftRadius": "var(--wm-currency-container-border-radius)",
+            "paddingTop": "var(--wm-currency-input-padding-top)",
+            "paddingBottom": "var(--wm-currency-input-padding-bottom)",
+            "paddingLeft": "var(--wm-currency-input-padding-left)",
+            "paddingRight": "var(--wm-currency-input-padding-right)",
+            "width": "var(--wm-currency-label-wrapper-width)"
+        },
+        "skeletonTextInputWrapper": {
+            "width": "var(--wm-currency-skeleton-text-input-wrapper-width)",
+            "height": "var(--wm-currency-skeleton-text-input-wrapper-height)",
+            "borderRadius": "var(--wm-currency-skeleton-text-input-wrapper-border-radius)",
+            "marginLeft": "var(--wm-currency-skeleton-text-input-wrapper-margin-left)"
+        }
+    },
+    "app-date": {
+        "root": {
+            "backgroundColor": "#fff",
+            "borderColor": "#ddd"
+        },
+        "text": {
+            "color": "#151420"
+        },
+        "invalid": {
+            "borderBottomColor": "#dc3545"
+        }
+    },
+    "app-datetime": {
+        "root": {
+            "backgroundColor": "#fff",
+            "borderColor": "#ddd"
+        },
+        "text": {
+            "color": "#151420"
+        },
+        "invalid": {
+            "borderBottomColor": "#dc3545"
+        }
+    },
+    "app-time": {
+        "root": {
+            "backgroundColor": "#fff",
+            "borderColor": "#ddd"
+        },
+        "text": {
+            "color": "#151420"
+        },
+        "invalid": {
+            "borderBottomColor": "#dc3545"
+        }
+    },
+    "app-number": {
+        "root": {
+            "borderColor": "#ddd",
+            "backgroundColor": "var(--wm-color-white)",
+            "minHeight": "var(--wm-number-container-min-height)",
+            "paddingTop": "var(--wm-number-container-padding-top)",
+            "paddingBottom": "var(--wm-number-container-padding-bottom)",
+            "paddingLeft": "var(--wm-number-container-padding-left)",
+            "paddingRight": "var(--wm-number-container-padding-right)",
+            "borderStyle": "var(--wm-number-container-border-style)",
+            "borderRadius": "var(--wm-number-container-border-radius)"
+        },
+        "invalid": {
+            "borderBottomColor": "#dc3545"
+        },
+        "focused": {
+            "borderColor": "var(--wm-form-control-border-color)"
+        },
+        "placeholderText": {
+            "color": "#bbb"
+        }
+    },
+    "app-number-with-label": {
+        "activeFloatingLabel": {
+            "color": "var(--wm-form-control-border-color)"
+        }
+    },
+    "app-radioset": {
+        "text": {
+            "color": "var(--wm-radiobutton-label-color)"
+        },
+        "groupHeaderTitle": {
+            "backgroundColor": "var(--wm-radiobutton-background-color)",
+            "fontSize": "var(--wm-radiobutton-label-font-size)",
+            "lineHeight": "var(--wm-radiobutton-label-line-height)",
+            "paddingLeft": "var(--wm-radiobutton-gap)",
+            "paddingRight": "var(--wm-radiobutton-gap)",
+            "fontFamily": "var(--wm-radiobutton-label-font-family)"
+        },
+        "checkedRadio": {
+            "--wm-radiobutton-icon-size": 16,
+            "--wm-radiobutton-background-color": "transparent",
+            "--wm-radiobutton-label-color": "var(--wm-color-secondary)",
+            "--wm-radiobutton-border-color": "var(--wm-color-secondary)",
+            "borderStyle": "solid",
+            "borderRadius": "50%",
+            "width": "var(--wm-radiobutton-size)",
+            "height": "var(--wm-radiobutton-size)",
+            "backgroundColor": "var(--wm-radiobutton-background-color)",
+            "borderColor": "var(--wm-radiobutton-border-color)",
+            "color": "var(--wm-radiobutton-label-color)",
+            "fontSize": "var(--wm-radiobutton-icon-size)",
+            "icon": {
+                "paddingTop": 0,
+                "paddingRight": 0,
+                "paddingBottom": 0,
+                "paddingLeft": 0
+            }
+        },
+        "root": {
+            "color": "var(--wm-radiobutton-color)"
+        },
+        "group": {
+            "display": "flex",
+            "flexDirection": "row",
+            "flexWrap": "wrap"
+        },
+        "item": {
+            "display": "flex",
+            "flexDirection": "row",
+            "alignContent": "center",
+            "marginRight": "var(--wm-radiobutton-set-item-column-gap)",
+            "marginTop": "var(--wm-radiobutton-set-item-row-gap)"
+        },
+        "radioLabel": {
+            "alignSelf": "center",
+            "fontSize": "var(--wm-radiobutton-label-font-size)",
+            "fontFamily": "var(--wm-radiobutton-label-font-family)",
+            "fontWeight": "var(--wm-radiobutton-label-font-weight)",
+            "lineHeight": "var(--wm-radiobutton-label-line-height)",
+            "letterSpacing": "var(--wm-radiobutton-label-letter-spacing)",
+            "color": "var(--wm-radiobutton-label-color)",
+            "marginLeft": "var(--wm-radiobutton-gap)"
+        },
+        "skeleton": {
+            "width": "100%",
+            "height": 16,
+            "borderRadius": 4
+        },
+        "uncheckedRadio": {
+            "borderStyle": "solid",
+            "borderRadius": "50%",
+            "width": "var(--wm-radiobutton-size)",
+            "height": "var(--wm-radiobutton-size)",
+            "borderColor": "var(--wm-radiobutton-border-color)",
+            "root": {
+                "borderRadius": "50%",
+                "backgroundColor": "var(--wm-radiobutton-background-color)",
+                "borderColor": "var(--wm-radiobutton-border-color)",
+                "width": "var(--wm-radiobutton-size)",
+                "height": "var(--wm-radiobutton-size)"
+            }
+        }
+    },
+    "app-radioset-disabled": {
+        "root": {
+            "--wm-radiobutton-opacity": 0.8,
+            "--wm-radiobutton-color": "var(--wm-color-on-surface)",
+            "opacity": 0.8,
+            "color": "var(--wm-radiobutton-color)"
+        }
+    },
+    "app-radioset-readonly": {
+        "--wm-radiobutton-opacity": 0.6,
+        "--wm-radiobutton-color": "var(--wm-color-on-surface)"
+    },
+    "primary-checked-icon": {
+        "--wm-radiobutton-border-color": "var(--wm-color-primary)",
+        "--wm-radiobutton-background-color": "var(--wm-color-primary)"
+    },
+    "secondary-checked-icon": {
+        "--wm-radiobutton-border-color": "var(--wm-color-secondary)",
+        "--wm-radiobutton-background-color": "var(--wm-color-secondary)"
+    },
+    "tertiary-checked-icon": {
+        "--wm-radiobutton-border-color": "var(--wm-color-tertiary)",
+        "--wm-radiobutton-background-color": "var(--wm-color-tertiary)"
+    },
+    "success-checked-icon": {
+        "--wm-radiobutton-border-color": "var(--wm-color-success)",
+        "--wm-radiobutton-background-color": "var(--wm-color-success)"
+    },
+    "warning-checked-icon": {
+        "--wm-radiobutton-border-color": "var(--wm-color-warning)",
+        "--wm-radiobutton-background-color": "var(--wm-color-warning)"
+    },
+    "error-checked-icon": {
+        "--wm-radiobutton-border-color": "var(--wm-color-error)",
+        "--wm-radiobutton-background-color": "var(--wm-color-error)"
+    },
+    "info-checked-icon": {
+        "--wm-radiobutton-border-color": "var(--wm-color-info)",
+        "--wm-radiobutton-background-color": "var(--wm-color-info)"
+    },
+    "app-rating": {
+        "text": {
+            "color": "#eb8600",
+            "paddingLeft": "var(--wm-rating-container-padding)"
+        },
+        "icon": {
+            "text": {
+                "color": "var(--wm-rating-icon-text-color)",
+                "fontSize": "var(--wm-rating-icon-font-size)",
+                "width": "var(--wm-rating-icon-size)",
+                "height": "var(--wm-rating-icon-size)",
+                "opacity": "var(--wm-rating-icon-opacity-inactive)",
+                "gap": "var(--wm-icon-gap)"
+            }
+        },
+        "selectedIcon": {
+            "text": {
+                "color": "var(--wm-rating-icon-color-active)",
+                "fontSize": "var(--wm-rating-icon-font-size)",
+                "width": "var(--wm-rating-icon-size)",
+                "height": "var(--wm-rating-icon-size)",
+                "opacity": "var(--wm-rating-icon-opacity-active)",
+                "gap": "var(--wm-icon-gap)"
+            }
+        },
+        "root": {
+            "padding": "var(--wm-rating-container-padding)"
+        }
+    },
+    "app-select": {
+        "root": {
+            "borderColor": "var(--wm-color-surface-container-high)",
+            "backgroundColor": "var(--wm-color-surface-container-high)",
+            "color": "var(--wm-form-control-color)",
+            "borderStyle": "var(--wm-border-style)",
+            "borderRadius": "var(--wm-select-container-border-radius)",
+            "padding": "var(--wm-space-3)"
+        },
+        "invalid": {
+            "borderBottomColor": "#dc3545"
+        },
+        "text": {
+            "fontSize": "var(--wm-label-large-font-size)",
+            "fontFamily": "var(--wm-font-family-plain)"
+        },
+        "selectItem": {
+            "paddingHorizontal": "var(--wm-space-4)",
+            "paddingVertical": "var(--wm-space-2)",
+            "borderBottomStyle": "var(--wm-border-style)"
+        },
+        "selectItemText": {
+            "fontSize": "var(--wm-label-large-font-size)",
+            "fontFamily": "var(--wm-font-family-plain)",
+            "color": "var(--wm-select-item-text-color)"
+        },
+        "lastSelectItem": {
+            "borderBottomWidth": "var(--wm-select-last-item-border-bottom-width)"
+        },
+        "selectedItemText": {
+            "color": "var(--wm-color-primary)"
+        },
+        "arrowButtonSkeleton": {
+            "borderRadius": "var(--wm-select-arrow-button-skeleton-border-radius)"
+        },
+        "checkIcon": {
+            "text": {
+                "color": "var(--wm-color-primary)",
+                "fontSize": "var(--wm-label-large-font-size)"
+            }
+        },
+        "textSkeleton": {
+            "borderRadius": "var(--wm-select-text-skeleton-border-radius)",
+            "height": "var(--wm-select-text-skeleton-height)"
+        }
+    },
+    "app-slider": {
+        "minimumTrack": {
+            "backgroundColor": "var(--wm-slider-min-track-background)"
+        },
+        "maximumTrack": {
+            "backgroundColor": "var(--wm-slider-max-track-background)",
+            "borderRadius": 0
+        },
+        "thumb": {
+            "backgroundColor": "var(--wm-slider-thumb-background)",
+            "color": "#4263eb",
+            "marginLeft": 0,
+            "height": "var(--wm-slider-thumb-height)",
+            "width": "var(--wm-slider-thumb-width)",
+            "left": "var(--wm-slider-thumb-left)",
+            "top": "var(--wm-slider-thumb-top)",
+            "borderRadius": "var(--wm-slider-thumb-border-radius)"
+        },
+        "root": {
+            "width": "auto",
+            "position": "relative"
+        },
+        "track": {
+            "height": "var(--wm-slider-track-height)",
+            "marginVertical": "var(--wm-slider-track-margin-vertical)",
+            "borderRadius": "var(--wm-slider-track-border-radius)"
+        },
+        "tooltip": {
+            "minWidth": "unset",
+            "left": -40,
+            "backgroundColor": "var(--wm-slider-tooltip-background)"
+        },
+        "tooltipLabel": {
+            "color": "var(--wm-slider-tooltip-color)"
+        },
+        "tooltipTriangle": {
+            "opacity": 0
+        }
+    },
+    "app-switch": {
+        "button": {
+            "backgroundColor": "var(--wm-switch-button-background-color)",
+            "borderColor": "var(--wm-switch-button-border-color)"
+        },
+        "selectedButton": {
+            "color": "var(--wm-switch-button-color)",
+            "backgroundColor": "var(--wm-switch-button-background-color)",
+            "--wm-switch-button-background-color": "var(--wm-color-secondary-fixed)",
+            "--wm-switch-button-color": "var(--wm-color-on-secondary-container)",
+            "--wm-switch-button-border-color": "var(--wm-color-outline)",
+            "borderColor": "var(--wm-switch-button-border-color)"
+        },
+        "text": {
+            "fontSize": "var(--wm-switch-button-font-size)",
+            "color": "var(--wm-switch-button-color)",
+            "fontFamily": "var(--wm-switch-button-font-family)",
+            "fontWeight": "var(--wm-switch-button-font-weight)"
+        }
+    },
+    "app-text": {
+        "root": {
+            "borderColor": "var(--wm-text-border-color)",
+            "backgroundColor": "var(--wm-form-control-background)",
+            "borderWidth": "var(--wm-form-control-border-width)",
+            "borderStyle": "var(--wm-form-control-border-style)",
+            "borderRadius": "var(--wm-form-control-radius)",
+            "paddingLeft": "var(--wm-form-control-padding)",
+            "paddingRight": "var(--wm-form-control-padding)",
+            "minHeight": "var(--wm-text-min-height)",
+            "paddingTop": "var(--wm-text-padding-top)",
+            "paddingBottom": "var(--wm-text-padding-bottom)",
+            "fontFamily": "var(--wm-text-font-family)"
+        },
+        "invalid": {
+            "borderBottomColor": "var(--wm-text-invalid-border-bottom-color)"
+        },
+        "focused": {
+            "borderColor": "var(--wm-form-control-border-color)"
+        },
+        "text": {
+            "color": "var(--wm-form-control-color)",
+            "fontFamily": "var(--wm-form-control-font-family)",
+            "fontSize": "var(--wm-form-control-font-size)",
+            "lineHeight": "var(--wm-form-control-line-height)",
+            "letterSpacing": "var(--wm-form-control-letter-spacing)"
+        },
+        "placeholderText": {
+            "color": "var(--wm-form-control-border-color)"
+        },
+        "skeleton": {
+            "width": "var(--wm-text-skeleton-width)",
+            "height": "var(--wm-text-skeleton-height)",
+            "borderRadius": "var(--wm-space-1)"
+        }
+    },
+    "app-text-disabled": {
+        "root": {
+            "backgroundColor": "var(--wm-text-disabled-background-color)",
+            "root": {
+                "backgroundColor": "var(--wm-text-disabled-background-color)"
+            }
+        }
+    },
+    "app-text-with-label": {
+        "activeFloatingLabel": {
+            "color": "var(--wm-form-control-border-color)"
+        },
+        "floatingLabel": {
+            "top": "var(--wm-text-floating-label-top)",
+            "left": "var(--wm-text-floating-label-left)",
+            "fontSize": "var(--wm-text-floating-label-font-size)",
+            "color": "var(--wm-form-control-border-color)"
+        },
+        "root": {
+            "minHeight": "var(--wm-text-floating-label-min-height)"
+        }
+    },
+    "app-textarea": {
+        "root": {
+            "borderColor": "var(--wm-text-area-border-color)",
+            "backgroundColor": "var(--wm-form-control-background)",
+            "borderWidth": "var(--wm-form-control-border-width)",
+            "borderStyle": "var(--wm-form-control-border-style)",
+            "borderRadius": "var(--wm-text-area-border-radius)",
+            "padding": "var(--wm-text-area-padding)",
+            "minHeight": "var(--wm-text-area-min-height)",
+            "fontFamily": "var(--wm-text-font-family)"
+        },
+        "invalid": {
+            "borderBottomColor": "var(--wm-color-error)"
+        },
+        "focused": {
+            "borderColor": "var(--wm-form-control-border-color)"
+        },
+        "placeholderText": {
+            "color": "var(--wm-text-area-text-place-holder)"
+        },
+        "text": {
+            "color": "var(--wm-form-control-color)",
+            "fontFamily": "var(--wm-form-control-font-family)",
+            "fontSize": "var(--wm-form-control-font-size)",
+            "lineHeight": "var(--wm-form-control-line-height)",
+            "letterSpacing": "var(--wm-form-control-letter-spacing)",
+            "textAlignVertical": "var(--wm-text-area-text-align-vertical)"
+        },
+        "skeleton": {
+            "width": "var(--wm-text-skeleton-width)",
+            "height": "var(--wm-text-area-skeleton-height)",
+            "borderRadius": "var(--wm-space-1)"
+        }
+    },
+    "app-textarea-with-label": {
+        "activeFloatingLabel": {
+            "color": "var(--wm-form-control-border-color)"
+        },
+        "floatingLabel": {
+            "top": "var(--wm-text-floating-label-top)",
+            "left": "var(--wm-text-floating-label-left)",
+            "fontSize": "var(--wm-text-floating-label-font-size)",
+            "color": "var(--wm-form-control-border-color)"
+        },
+        "text": {
+            "paddingTop": "var(--wm-text-area-label-padding-top)"
+        }
+    },
+    "app-textarea-disabled": {
+        "root": {
+            "backgroundColor": "var(--wm-text-disabled-background-color)"
+        }
+    },
+    "app-toggle": {
+        "text": {
+            "color": "#4263eb"
+        },
+        "handle": {
+            "color": "#4263eb"
+        }
+    },
+    "app-toggle-on": {
+        "--wm-toggle-background-color": "var(--wm-color-secondary)",
+        "--wm-toggle-handle-color": "var(--wm-color-on-secondary)",
+        "root": {
+            "backgroundColor": "var(--wm-toggle-background-color)"
+        },
+        "handle": {
+            "backgroundColor": "var(--wm-toggle-handle-color)"
+        }
+    },
+    "app-toggle-off": {
+        "root": {
+            "borderColor": "var(--wm-toggle-border-color)",
+            "backgroundColor": "var(--wm-toggle-background-color)"
+        },
+        "handle": {
+            "backgroundColor": "var(--wm-toggle-handle-color)"
+        }
+    },
+    "app-appnavbar": {
+        "root": {
+            "backgroundColor": "#fff"
+        },
+        "leftnavIcon": {
+            "root": {
+                "fontSize": 24,
+                "color": "#151420"
+            }
+        },
+        "backIcon": {
+            "root": {
+                "fontSize": 24,
+                "color": "#151420"
+            }
+        },
+        "image": {
+            "width": 32,
+            "height": 32
+        },
+        "content": {
+            "color": "#151420",
+            "fontSize": 24
+        },
+        "badge": {
+            "backgroundColor": "rgba(21,20,32,.2)",
+            "color": "#151420"
+        }
+    },
+    "navbarAnchorItem": {
+        "text": {
+            "color": "#151420"
+        },
+        "icon": {
+            "text": {
+                "color": "#151420"
+            }
+        }
+    },
+    "navbarButton": {
+        "icon": {
+            "text": {
+                "color": "#151420"
+            }
+        },
+        "text": {
+            "color": "#151420"
+        }
+    },
+    "navbarMenu": {
+        "link": {
+            "backgroundColor": "transparent",
+            "icon": {
+                "root": {
+                    "fontSize": 24,
+                    "color": "#151420"
+                }
+            },
+            "text": {
+                "fontSize": 24,
+                "color": "#151420"
+            }
+        }
+    },
+    "navbarPopover": {
+        "link": {
+            "icon": {
+                "root": {
+                    "fontSize": 24,
+                    "color": "#151420"
+                }
+            },
+            "text": {
+                "fontSize": 24,
+                "color": "#151420"
+            }
+        }
+    },
+    "app-menu": {
+        "root": {
+            "backgroundColor": "var(--wm-dropdown-menu-background)"
+        },
+        "link": {
+            "icon": {
+                "root": {
+                    "color": "var(--wm-dropdown-menu-color)"
+                },
+                "icon": {
+                    "fontSize": "var(--wm-dropdown-menu-icon-size)"
+                }
+            },
+            "text": {
+                "color": "var(--wm-dropdown-menu-color)",
+                "fontWeight": "var(--wm-dropdown-menu-text-font-weight)",
+                "textDecoration": "var(--wm-dropdown-menu-text-decoration)",
+                "paddingLeft": "var(--wm-dropdown-menu-text-padding-left)",
+                "paddingRight": "var(--wm-dropdown-menu-text-padding-right)"
+            }
+        },
+        "menu": {
+            "backgroundColor": "var(--wm-dropdown-menu-content-background)",
+            "borderRadius": "var(--wm-dropdown-menu-content-border-radius)",
+            "width": "var(--wm-dropdown-menu-content-width)",
+            "paddingLeft": "var(--wm-dropdown-menu-padding-left)",
+            "paddingRight": "var(--wm-dropdown-menu-padding-right)",
+            "paddingTop": "var(--wm-dropdown-menu-padding-top)",
+            "paddingBottom": "var(--wm-dropdown-menu-padding-bottom)"
+        },
+        "menuItem": {
+            "root": {
+                "borderBottomColor": "#ccc",
+                "borderStyle": "var(--wm-dropdown-menu-item-border-style)",
+                "borderBottomWidth": "var(--wm-dropdown-menu-item-border-bottom-width)",
+                "paddingTop": "var(--wm-dropdown-menu-item-padding-top)",
+                "paddingBottom": "var(--wm-dropdown-menu-item-padding-bottom)",
+                "paddingLeft": "var(--wm-dropdown-menu-item-padding-left)",
+                "paddingRight": "var(--wm-dropdown-menu-item-padding-right)"
+            },
+            "icon": {
+                "icon": {
+                    "color": "#666"
+                }
+            },
+            "text": {
+                "color": "var(--wm-dropdown-menu-item-color)",
+                "paddingTop": 0,
+                "paddingLeft": 0,
+                "paddingRight": 0,
+                "paddingBottom": 0,
+                "textDecorationLine": "none",
+                "fontFamily": "var(--wm-dropdown-menu-item-font-family)",
+                "fontSize": "var(--wm-dropdown-menu-item-font-size)",
+                "fontWeight": "var(--wm-dropdown-menu-item-font-weight)",
+                "lineHeight": "var(--wm-dropdown-menu-item-line-height)"
+            }
+        }
+    },
+    "app-navitem": {
+        "root": {
+            "borderColor": "#ccc",
+            "backgroundColor": "var(--wm-nav-item-background)",
+            "minHeight": "var(--wm-nav-item-min-height)"
+        },
+        "caretIcon": {
+            "text": {
+                "color": "var(--wm-nav-item-color)"
+            },
+            "color": "var(--wm-nav-item-color)",
+            "root": {
+                "paddingRight": "var(--wm-nav-item-caret-icon-padding-right)"
+            }
+        },
+        "navAnchorItem": {
+            "fontSize": "var(--wm-nav-item-font-size)",
+            "fontFamily": "var(--wm-nav-item-font-family)",
+            "fontWeight": "var(--wm-nav-item-font-weight)",
+            "lineHeight": "var(--wm-nav-item-line-height)",
+            "letterSpacing": "var(--wm-nav-item-letter-spacing)",
+            "color": "var(--wm-nav-item-color)",
+            "root": {
+                "padding": "var(--wm-nav-item-root-padding)"
+            },
+            "text": {
+                "color": "var(--wm-nav-item-text-color)",
+                "fontFamily": "var(--wm-nav-item-text-font-family)",
+                "lineHeight": "var(--wm-nav-item-text-line-height)",
+                "fontSize": "var(--wm-nav-item-text-font-size)",
+                "fontWeight": "var(--wm-nav-item-text-font-weight)"
+            },
+            "icon": {
+                "text": {
+                    "color": "var(--wm-nav-item-text-color)",
+                    "fontSize": "var(--wm-nav-item-icon-font-size)"
+                }
+            }
+        }
+    },
+    "app-navitem-active": {
+        "root": {
+            "backgroundColor": "var(--wm-nav-item-background-selected)"
+        },
+        "navAnchorItem": {
+            "root": {
+                "backgroundColor": "#4263eb"
+            },
+            "text": {
+                "color": "var(--wm-nav-item-color-selected)",
+                "fontFamily": "var(--wm-nav-item-text-active-font-family)",
+                "lineHeight": "var(--wm-nav-item-text-active-line-height)",
+                "fontSize": "var(--wm-nav-item-text-active-font-size)",
+                "fontWeight": "var(--wm-nav-item-text-active-font-weight)"
+            },
+            "icon": {
+                "icon": {
+                    "color": "var(--wm-nav-item-color-selected)"
+                }
+            }
+        }
+    },
+    "app-navitem-child": {
+        "root": {
+            "backgroundColor": "var(--wm-nav-item-background)"
+        },
+        "navAnchorItem": {
+            "text": {
+                "color": "var(--wm-nav-item-color)"
+            },
+            "icon": {
+                "icon": {
+                    "color": "var(--wm-nav-item-color)"
+                }
+            }
+        }
+    },
+    "app-popover": {
+        "popover": {
+            "backgroundColor": "var(--wm-popover-background-color)",
+            "paddingBottom": "var(--wm-popover-padding-bottom)",
+            "paddingTop": "var(--wm-popover-padding-top)",
+            "paddingLeft": "var(--wm-popover-padding-left)",
+            "paddingRight": "var(--wm-popover-padding-right)",
+            "boxShadow": "var(--wm-popover-shadow)",
+            "borderTopLeftRadius": "var(--wm-popover-border-top-left-radius)",
+            "borderTopRightRadius": "var(--wm-popover-border-top-right-radius)"
+        },
+        "title": {
+            "backgroundColor": "#ddd",
+            "color": "var(--wm-popover-header-color)",
+            "paddingLeft": "var(--wm-popover-header-padding-left)",
+            "paddingRight": "var(--wm-popover-header-padding-right)",
+            "paddingTop": "var(--wm-popover-header-padding-top)",
+            "paddingBottom": "var(--wm-popover-header-padding-bottom)",
+            "fontFamily": "var(--wm-popover-header-font-family)",
+            "fontSize": "var(--wm-popover-header-font-size)",
+            "fontWeight": "var(--wm-popover-header-font-weight)",
+            "lineHeight": "var(--wm-popover-header-line-height)",
+            "letterSpacing": "var(--wm-popover-header-letter-spacing)"
+        }
+    },
+    "app-popover-action-sheet": {
+        "popover": {
+            "position": "var(--wm-popover-position)",
+            "left": "var(--wm-popover-left)",
+            "bottom": "var(--wm-popover-bottom)",
+            "width": "var(--wm-popover-width)",
+            "minHeight": "var(--wm-popover-min-height)",
+            "borderRadius": "var(--wm-popover-radius)",
+            "elevation": "var(--wm-popover-elevation)"
+        }
+    },
+    "app-page-content": {
+        "root": {
+            "backgroundColor": "#eee"
+        }
+    },
+    "app-tabbar": {
+        "menu": {
+            "backgroundColor": "var(--wm-tabbar-menu-background)"
+        },
+        "moreMenu": {
+            "backgroundColor": "#fff"
+        },
+        "tabIcon": {
+            "icon": {
+                "color": "var(--wm-tabbar-icon-color)",
+                "borderBottomColor": "#4263eb",
+                "fontSize": "var(--wm-tabbar-icon-size)"
+            },
+            "root": {
+                "borderBottomColor": "var(--wm-tabbar-icon-border-btm-color)",
+                "paddingBottom": "var(--wm-tabbar-icon-padding-btm)"
+            }
+        },
+        "tabLabel": {
+            "color": "var(--wm-tabbar-text-color)",
+            "fontSize": "var(--wm-tabbar-text-font-size)",
+            "fontFamily": "var(--wm-tabbar-text-font-family)",
+            "fontWeight": "var(--wm-tabbar-text-font-weight)",
+            "marginTop": "var(--wm-tabbar-text-margin-top)"
+        },
+        "root": {
+            "height": "var(--wm-tabbar-height)",
+            "elevation": "var(--wm-tabbar-elevation)"
+        },
+        "tabItem": {
+            "minHeight": "var(--wm-nav-tabs-item-min-height)",
+            "minWidth": "var(--wm-tabbar-item-min-width)",
+            "marginBottom": "var(--wm-tabbar-item-margin-bottom)"
+        },
+        "activeTabItem": {
+            "borderRadius": "var(--wm-tabbar-active-item-radius)",
+            "backgroundColor": "var(--wm-tabbar-active-item-background)"
+        },
+        "activeTabIcon": {
+            "root": {
+                "color": "var(--wm-tabbar-active-icon-color)"
+            }
+        },
+        "activeTabLabel": {
+            "fontWeight": "var(--wm-tabbar-active-text-font-weight)",
+            "color": "var(--wm-tabbar-active-text-color)"
+        }
+    },
+    "app-fileupload": {
+        "root": {
+            "backgroundColor": "var(--wm-file-upload-status-background)",
+            "color": "#151420",
+            "borderColor": "var(--wm-file-upload-status-border-color)",
+            "borderStyle": "var(--wm-file-upload-status-border-style)",
+            "borderWidth": "var(--wm-file-upload-status-border-width)",
+            "borderRadius": "var(--wm-file-upload-status-radius)"
+        },
+        "button": {
+            "text": {
+                "color": "var(--wm-file-upload-title-color)",
+                "fontSize": "var(--wm-file-upload-title-font-size)",
+                "fontWeight": "var(--wm-file-upload-title-font-weight)"
+            },
+            "color": "#151420",
+            "icon": {
+                "icon": {
+                    "color": "#151420",
+                    "fontSize": "var(--wm-file-upload-media-icon-size)"
+                }
+            },
+            "root": {
+                "rippleColor": "var(--wm-file-upload-ripple-color)"
+            }
+        }
+    },
+    "app-tabheader": {
+        "root": {
+            "backgroundColor": "var(--wm-tabs-background)"
+        },
+        "headerText": {
+            "color": "var(--wm-tabs-item-heading-color)",
+            "fontFamily": "var(--wm-tabs-item-heading-font-family)",
+            "fontSize": "var(--wm-tabs-item-heading-font-size)",
+            "fontWeight": "var(--wm-tabs-item-heading-font-weight)",
+            "lineHeight": "var(--wm-tabs-item-heading-line-height)",
+            "letterSpacing": "var(--wm-tabs-item-heading-letter-spacing)"
+        },
+        "activeHeader": {
+            "backgroundColor": "var(--wm-tabs-background)",
+            "paddingTop": "var(--wm-tabs-item-heading-padding)",
+            "paddingBottom": "var(--wm-tabs-item-heading-padding)"
+        },
+        "activeHeaderText": {
+            "color": "#4263eb",
+            "fontFamily": "var(--wm-tabs-item-heading-font-family)",
+            "fontSize": "var(--wm-tabs-item-heading-font-size)",
+            "fontWeight": "var(--wm-tabs-item-heading-font-weight)",
+            "lineHeight": "var(--wm-tabs-item-heading-line-height)",
+            "letterSpacing": "var(--wm-tabs-item-heading-letter-spacing)"
+        },
+        "activeIndicator": {
+            "backgroundColor": "var(--wm-tabs-item-heading-indicator-background)",
+            "height": "var(--wm-tabs-item-heading-indicator-height)"
+        },
+        "arrowIndicator": {
+            "backgroundColor": "#fff"
+        },
+        "arrowIndicatorDot": {
+            "backgroundColor": "#fff"
+        },
+        "header": {
+            "backgroundColor": "var(--wm-tabs-background)",
+            "paddingTop": "var(--wm-tabs-item-heading-padding)",
+            "paddingBottom": "var(--wm-tabs-item-heading-padding)"
+        },
+        "headerIcon": {
+            "text": {
+                "color": "var(--wm-color-surface-variant-black)"
+            }
+        },
+        "activeHeaderIcon": {
+            "text": {
+                "color": "var(--wm-color-primary)"
+            }
+        }
+    },
+    "app-video": {
+        "root": {
+            "height": "var(--wm-video-height)",
+            "width": "var(--wm-video-width)"
+        }
+    },
+    "app-audio": {
+        "root": {
+            "width": "var(--wm-audio-width)"
+        }
+    },
+    "app-datetime-picker-modal": {
+        "text": {
+            "fontSize": "var(--wm-datetime-picker-font-size)"
+        },
+        "container": {
+            "backgroundColor": "var(--wm-datetime-picker-background)"
+        },
+        "header": {
+            "fontSize": "var(--wm-datetime-picker-header-font-size)",
+            "fontWeight": "var(--wm-datetime-picker-header-font-weight)"
+        },
+        "cancelBtn": {
+            "root": {
+                "borderColor": "var(--wm-datetime-picker-selected-background)",
+                "borderWidth": "var(--wm-datetime-picker-border-width)",
+                "borderStyle": "var(--wm-datetime-picker-border-style)",
+                "borderRadius": "var(--wm-datetime-picker-border-radius)",
+                "rippleColor": "var(--wm-datetime-picker-ripple-color)"
+            },
+            "text": {
+                "fontWeight": "var(--wm-datetime-picker-font-weight)",
+                "color": "var(--wm-datetime-picker-color)"
+            }
+        },
+        "selectBtn": {
+            "root": {
+                "backgroundColor": "var(--wm-datetime-picker-selected-background)",
+                "borderWidth": "var(--wm-datetime-picker-border-width)",
+                "borderStyle": "var(--wm-datetime-picker-border-style)",
+                "borderRadius": "var(--wm-datetime-picker-border-radius)",
+                "borderColor": "var(--wm-datetime-picker-selected-background)",
+                "rippleColor": "var(--wm-datetime-picker-ripple-color)"
+            },
+            "text": {
+                "fontWeight": "var(--wm-datetime-picker-font-weight)",
+                "color": "var(--wm-datetime-picker-selected-color)"
+            }
+        }
+    }
+};