@wavemaker/rn-codegen 11.15.4-rc.250 → 11.15.5-1.256

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

@@ -1838,6 +1838,9 @@ export default {
         "progressValue": {
             "color": "#4263eb",
             "stroke": "var(--wm-progress-circle-stroke-active)",
+            "width": "var(--wm-progress-circle-progress-value-width)",
+            "height": "var(--wm-progress-circle-progress-value-height)",
+            "strokeWidth": "var(--wm-progress-circle-progress-value-height)",
             "backgroundColor": "var(--wm-progress-circle-stroke-active)"
         },
         "subTitle": {
@@ -1845,10 +1848,6 @@ export default {
             "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": {
-            "width": "var(--wm-progress-circle-width)",
-            "height": "var(--wm-progress-circle-height)"
         }
     },
     "app-default-progress-circle": {
@@ -3215,7 +3214,8 @@ export default {
             "borderRadius": "var(--wm-form-border-radius)",
             "borderWidth": "var(--wm-form-border-width)",
             "borderStyle": "var(--wm-form-border-style)",
-            "borderColor": "var(--wm-form-border-color)"
+            "borderColor": "var(--wm-form-border-color)",
+            "boxShadow": "var(--wm-form-box-shadow)"
         },
         "body": {
             "root": {
@@ -3306,9 +3306,89 @@ export default {
             "borderBottomColor": "#dc3545"
         }
     },
+    "form-controls-filled": {
+        "--wm-form-controls-min-height": 56,
+        "--wm-form-controls-min-width": 210,
+        "--wm-form-controls-border-width": "0 0 var(--wm-border-width-1) 0",
+        "--wm-form-controls-opacity": "var(--wm-border-width-1)",
+        "--wm-form-controls-padding": "var(--wm-space-4) var(--wm-space-4) 0 var(--wm-space-4)",
+        "--wm-form-controls-border-color": "var(--wm-color-outline)",
+        "--wm-form-controls-border-radius": "var(--wm-radius-sm) var(--wm-radius-sm) 0 0",
+        "--wm-form-controls-border-style": "var(--wm-border-style-base)",
+        "--wm-form-controls-placeholder-color": "var(--wm-color-on-surface-variant)",
+        "--wm-form-controls-background": "var(--wm-color-surface-dim)",
+        "--wm-form-controls-color": "var(--wm-color-black)",
+        "--wm-form-controls-floating-color": "var(--wm-color-on-surface-variant)",
+        "--wm-form-controls-floating-top": "var(--wm-space-5)",
+        "--wm-form-controls-floating-left": "var(--wm-space-3)",
+        "--wm-form-controls-label-color": "var(--wm-color-on-surface-variant)",
+        "--wm-form-controls-label-background": "var(--wm-color-transparent)",
+        "--wm-form-controls-label-font-size": "var(--wm-label-large-font-size)",
+        "--wm-form-controls-label-font-weight": "var(--wm-label-large-font-weight)",
+        "--wm-form-controls-label-font-family": "var(--wm-label-large-font-family)",
+        "--wm-form-controls-label-margin-vertical": "var(--wm-space-0)",
+        "--wm-form-controls-label-margin-horizontal": "var(--wm-space-0)",
+        "focused": {
+            "--wm-form-controls-min-height": 56,
+            "--wm-form-controls-min-width": 210,
+            "--wm-form-controls-border-width": "0 0 var(--wm-border-width-2) 0",
+            "--wm-form-controls-border-style": "var(--wm-border-style-base)",
+            "--wm-form-controls-border-radius": "var(--wm-radius-sm) var(--wm-radius-sm) 0 0",
+            "--wm-form-controls-floating-color": "var(--wm-color-outline)",
+            "--wm-form-controls-floating-top": "var(--wm-space-5)",
+            "--wm-form-controls-floating-left": "var(--wm-space-3)",
+            "--wm-form-controls-label-color": "var(--wm-color-outline)",
+            "--wm-form-controls-padding": "var(--wm-space-4) var(--wm-space-4) 0 var(--wm-space-4)"
+        },
+        "disabled": {
+            "--wm-form-controls-border-width": "0 0 var(--wm-border-width-1) 0",
+            "--wm-form-controls-opacity": 0.67,
+            "--wm-form-controls-border-color": "var(--wm-color-shadow)",
+            "--wm-form-controls-background": "var(--wm-color-surface-dim)",
+            "--wm-form-controls-color": "var(--wm-color-scrim)"
+        }
+    },
+    "form-controls-outlined": {
+        "--wm-form-controls-opacity": 1,
+        "--wm-form-controls-min-height": 56,
+        "--wm-form-controls-min-width": 210,
+        "--wm-form-controls-font-size": "var(--wm-body-large-font-size)",
+        "--wm-form-controls-font-weight": "var(--wm-body-large-font-weight)",
+        "--wm-form-controls-font-family": "var(--wm-body-large-font-family)",
+        "--wm-form-controls-padding": "var(--wm-space-4)",
+        "--wm-form-controls-border": "var(--wm-border-width-1)",
+        "--wm-form-controls-placeholder-color": "var(--wm-color-on-surface)",
+        "--wm-form-controls-background": "var(--wm-color-white)",
+        "--wm-form-controls-color": "var(--wm-color-black)",
+        "--wm-form-controls-label-color": "var(--wm-color-on-surface)",
+        "--wm-form-controls-label-background": "var(--wm-color-transparent)",
+        "--wm-form-controls-floating-color": "var(--wm-color-surface-dim)",
+        "--wm-form-controls-floating-top": "var(--wm-space-5)",
+        "--wm-form-controls-floating-left": "var(--wm-space-4)",
+        "focused": {
+            "--wm-form-controls-min-height": 56,
+            "--wm-form-controls-min-width": 210,
+            "--wm-form-controls-border-color": "var(--wm-color-secondary)",
+            "--wm-form-controls-border-width": "var(--wm-border-width-1)",
+            "--wm-form-controls-padding": "var(--wm-space-4)",
+            "--wm-form-controls-background": "var(--wm-color-white)",
+            "--wm-form-controls-color": "var(--wm-color-black)",
+            "--wm-form-controls-floating-color": "var(--wm-color-primary)",
+            "--wm-form-controls-floating-top": "var(--wm-space-5)",
+            "--wm-form-controls-floating-left": "var(--wm-space-4)"
+        },
+        "disabled": {
+            "--wm-form-controls-border": "1px solid var(--wm-color-shadow)",
+            "--wm-form-controls-opacity": 0.67,
+            "--wm-form-controls-background": "var(--wm-color-white)",
+            "--wm-form-controls-color": "var(--wm-color-scrim)"
+        }
+    },
     "app-form-field": {
         "root": {
             "minHeight": "var(--wm-form-field-height)",
+            "boxShadow": "var(--wm-form-controls-field-box-shadow)",
+            "borderRadius": "var(--wm-form-controls-field-radius)",
             "marginLeft": "var(--wm-form-field-margin-horizontal)",
             "marginRight": "var(--wm-form-field-margin-horizontal)",
             "marginTop": "var(--wm-form-field-margin-vertical)",
@@ -3458,6 +3538,25 @@ export default {
         "invalid": {
             "borderBottomColor": "#dc3545"
         },
+        "selectedItem": {
+            "--wm-select-modal-text-color": "var(--wm-color-primary)",
+            "--wm-select-modal-text-font-size": "var(--wm-body-large-font-size)",
+            "--wm-select-modal-text-font-family": "var(--wm-body-medium-font-family)",
+            "--wm-select-modal-text-line-height": "var(--wm-body-large-line-height)",
+            "--wm-select-modal-text-letter-spacing": "var(--wm-body-large-letter-spacing)"
+        },
+        "selectedItemText": {
+            "--wm-select-modal-text-color": "var(--wm-color-primary)",
+            "--wm-select-modal-text-font-size": "var(--wm-body-large-font-size)",
+            "--wm-select-modal-text-font-family": "var(--wm-body-medium-font-family)",
+            "--wm-select-modal-text-line-height": "var(--wm-body-large-line-height)",
+            "--wm-select-modal-text-letter-spacing": "var(--wm-body-large-letter-spacing)",
+            "fontSize": "var(--wm-select-modal-text-font-size)",
+            "color": "var(--wm-select-modal-text-color)",
+            "fontFamily": "var(--wm-select-modal-text-font-family)",
+            "lineHeight": "var(--wm-select-item-text-line-height)",
+            "letterSpacing": "var(--wm-select-item-text-letter-spacing)"
+        },
         "arrowButton": {
             "root": {
                 "backgroundColor": "var(--wm-select-arrow-button-background-color)",
@@ -3485,14 +3584,35 @@ export default {
             "borderColor": "var(--wm-select-modal-content-border-color)",
             "borderRadius": "var(--wm-select-modal-content-border-radius)",
             "borderStyle": "var(--wm-select-modal-content-border-style)",
-            "borderWidth": "var(--wm-select-modal-content-border-width)"
+            "borderWidth": "var(--wm-select-modal-content-border-width)",
+            "boxShadow": "var(--wm-select-modal-content-box-shadow)"
+        },
+        "selectItem": {
+            "borderWidth": "var(--wm-select-item-border-width)",
+            "borderColor": "var(--wm-select-item-border-color)",
+            "borderStyle": "var(--wm-select-item-border-style)",
+            "padding": "var(--wm-select-item-padding)"
         },
         "selectItemText": {
             "fontSize": "var(--wm-select-modal-text-font-size)",
             "color": "var(--wm-select-modal-text-color)",
-            "fontFamily": "var(--wm-select-modal-text-font-family)"
+            "fontFamily": "var(--wm-select-modal-text-font-family)",
+            "lineHeight": "var(--wm-select-item-text-line-height)",
+            "letterSpacing": "var(--wm-select-item-text-letter-spacing)"
         },
         "checkIcon": {
+            "root": {
+                "justifyContent": "center",
+                "alignItems": "center",
+                "backgroundColor": "var(--wm-select-check-icon-background-color)",
+                "height": "var(--wm-select-check-icon-height)",
+                "width": "var(--wm-select-check-icon-width)",
+                "borderRadius": "var(--wm-select-check-icon-border-radius)",
+                "borderWidth": "var(--wm-select-check-icon-border-width)",
+                "borderColor": "var(--wm-select-check-icon-border-color)",
+                "borderStyle": "var(--wm-select-check-icon-border-style)",
+                "padding": "var(--wm-select-check-icon-padding)"
+            },
             "text": {
                 "fontSize": "var(--wm-select-check-icon-font-size)",
                 "color": "var(--wm-select-check-icon-color)"
@@ -4398,23 +4518,31 @@ export default {
     },
     "app-slider": {
         "minimumTrack": {
-            "backgroundColor": "var(--wm-slider-min-track-background)"
+            "backgroundColor": "var(--wm-slider-min-track-background)",
+            "height": "var(--wm-slider-track-height)"
         },
         "maximumTrack": {
             "backgroundColor": "var(--wm-slider-max-track-background)",
-            "borderRadius": 0
+            "borderRadius": 0,
+            "height": "var(--wm-slider-track-height)"
         },
         "thumb": {
             "backgroundColor": "var(--wm-slider-thumb-background)",
             "color": "#4263eb",
-            "left": 0,
-            "top": -20,
             "marginLeft": 0,
             "height": "var(--wm-slider-thumb-height)",
             "width": "var(--wm-slider-thumb-width)",
             "borderRadius": "var(--wm-slider-thumb-border-radius)"
         },
         "root": {
+            "--wm-slider-thumb-wrapper-width": 14,
+            "--wm-slider-thumb-wrapper-height": 54,
+            "--wm-slider-thumb-wrapper-border-radius": 2,
+            "--wm-slider-thumb-wrapper-background": "#fff",
+            "--wm-slider-thumb-background": "var(--wm-color-surface-tint)",
+            "--wm-slider-thumb-height": "var(--wm-space-8)",
+            "--wm-slider-thumb-width": "var(--wm-space-1)",
+            "--wm-slider-thumb-border-radius": "var(--wm-radius-xs)",
             "width": "auto",
             "position": "relative"
         },
@@ -4425,7 +4553,6 @@ export default {
         },
         "tooltip": {
             "minWidth": "unset",
-            "left": -40,
             "backgroundColor": "var(--wm-slider-tooltip-background)"
         },
         "tooltipLabel": {
@@ -4435,6 +4562,19 @@ export default {
             "opacity": 0
         }
     },
+    "slider-circle-thumb": {
+        "--wm-slider-thumb-wrapper-height": 20,
+        "--wm-slider-thumb-wrapper-width": 20,
+        "--wm-slider-thumb-wrapper-border-radius": 100,
+        "--wm-slider-thumb-background": "var(--wm-color-transparent)",
+        "--wm-slider-thumb-wrapper-background": "var(--wm-color-surface-tint)"
+    },
+    "app-slider-thumb-wrapper": {
+        "width": "var(--wm-slider-thumb-wrapper-width)",
+        "height": "var(--wm-slider-thumb-wrapper-height)",
+        "borderRadius": "var(--wm-slider-thumb-wrapper-border-radius)",
+        "backgroundColor": "var(--wm-slider-thumb-wrapper-background)"
+    },
     "app-switch": {
         "button": {
             "backgroundColor": "var(--wm-switch-button-background-color)",
@@ -4717,6 +4857,7 @@ export default {
             },
             "text": {
                 "color": "var(--wm-dropdown-menu-color)",
+                "fontSize": "var(--wm-dropdown-menu-text-font-size)",
                 "fontWeight": "var(--wm-dropdown-menu-text-font-weight)",
                 "textDecoration": "var(--wm-dropdown-menu-text-decoration)",
                 "padding": "var(--wm-dropdown-menu-text-padding)"
@@ -4725,18 +4866,28 @@ export default {
         "menu": {
             "backgroundColor": "var(--wm-dropdown-menu-content-background)",
             "borderRadius": "var(--wm-dropdown-menu-content-border-radius)",
+            "borderWidth": "var(--wm-dropdown-menu-content-border-width)",
+            "borderStyle": "var(--wm-dropdown-menu-content-border-style)",
+            "borderColor": "var(--wm-dropdown-menu-content-border-color)",
             "width": "var(--wm-dropdown-menu-content-width)",
             "padding": "var(--wm-dropdown-menu-padding)"
         },
         "menuItem": {
             "root": {
                 "borderBottomColor": "#ccc",
+                "justifyContent": "center",
+                "alignItems": "center",
                 "borderStyle": "var(--wm-dropdown-menu-item-border-style)",
-                "padding": "var(--wm-dropdown-menu-item-padding)"
+                "padding": "var(--wm-dropdown-menu-item-padding)",
+                "backgroundColor": "var(--wm-dropdown-menu-item-background-color)"
             },
             "icon": {
                 "icon": {
-                    "color": "#666"
+                    "color": "var(--wm-dropdown-menu-item-icon-color)",
+                    "fontSize": "var(--wm-dropdown-menu-item-icon-font-size)"
+                },
+                "root": {
+                    "padding": "var(--wm-dropdown-menu-item-icon-padding)"
                 }
             },
             "text": {

package/src/templates/foundation-theme/dist/android/tokens.js

@@ -116,6 +116,7 @@ export default {
                 "--wm-dropdown-menu-text-decoration": "none",
                 "--wm-dropdown-menu-content-width": 220,
                 "--wm-dropdown-menu-content-background": "#fff",
+                "--wm-dropdown-menu-item-background-color": "transparent",
                 "--wm-dropdown-menu-border-width": 0,
                 "--wm-fileupload-text-align": "center",
                 "--wm-fileupload-ripple-color": "transparent",
@@ -181,8 +182,8 @@ export default {
                 "--wm-popover-link-width": "auto",
                 "--wm-popover-link-min-height": "auto",
                 "--wm-progress-bar-height": 16,
-                "--wm-progress-circle-width": 150,
-                "--wm-progress-circle-height": 150,
+                "--wm-progress-circle-progress-value-width": 16,
+                "--wm-progress-circle-progress-value-height": 16,
                 "--wm-radiobutton-size": 20,
                 "--wm-radiobutton-indicator-size": 16,
                 "--wm-radiobutton-color": "transparent",
@@ -204,6 +205,15 @@ export default {
                 "--wm-search-data-complete-background": "transparent",
                 "--wm-search-item-separator-width": 0,
                 "--wm-select-arrow-button-icon-height": 24,
+                "--wm-select-check-icon-background-color": "transparent",
+                "--wm-select-check-icon-height": 24,
+                "--wm-select-check-icon-width": 24,
+                "--wm-select-check-icon-border-radius": 1,
+                "--wm-select-check-icon-border-color": "transparent",
+                "--wm-slider-thumb-wrapper-width": 14,
+                "--wm-slider-thumb-wrapper-height": 54,
+                "--wm-slider-thumb-wrapper-border-radius": 2,
+                "--wm-slider-thumb-wrapper-background": "#fff",
                 "--wm-slider-tooltip-background": "#000",
                 "--wm-spinner-background": "transparent",
                 "--wm-spinner-width": "100%",
@@ -654,8 +664,12 @@ export default {
                 "--wm-dropdown-menu-padding": "var(--wm-space-2) var(--wm-space-0)",
                 "--wm-dropdown-menu-color": "var(--wm-color-on-surface-variant)",
                 "--wm-dropdown-menu-text-font-weight": "var(--wm-font-weight-700)",
+                "--wm-dropdown-menu-text-font-size": "var(--wm-body-large-font-size)",
                 "--wm-dropdown-menu-text-padding": "var(--wm-space-0) var(--wm-space-3) var(--wm-space-0) var(--wm-space-2)",
                 "--wm-dropdown-menu-content-border-radius": "var(--wm-radius-xs)",
+                "--wm-dropdown-menu-content-border-width": "var(--wm-border-width-0)",
+                "--wm-dropdown-menu-content-border-style": "var(--wm-border-style-solid)",
+                "--wm-dropdown-menu-content-border-color": "var(--wm-color-on-surface-variant)",
                 "--wm-dropdown-menu-caret-color": "var(--wm-color-on-surface-variant)",
                 "--wm-dropdown-menu-caret-size": "var(--wm-icon-size-sm)",
                 "--wm-dropdown-menu-item-font-size": "var(--wm-body-large-font-size)",
@@ -663,6 +677,9 @@ export default {
                 "--wm-dropdown-menu-item-color": "var(--wm-color-on-surface)",
                 "--wm-dropdown-menu-item-border-style": "var(--wm-border-style-solid)",
                 "--wm-dropdown-menu-item-padding": "var(--wm-space-3) var(--wm-space-4)",
+                "--wm-dropdown-menu-item-icon-color": "var(--wm-color-on-surface-variant)",
+                "--wm-dropdown-menu-item-icon-padding": "var(--wm-space-0)",
+                "--wm-dropdown-menu-item-icon-font-size": "var(--wm-body-large-font-size)",
                 "--wm-dropdown-menu-border-radius": "var(--wm-radius-none)",
                 "--wm-dropdown-menu-border-color": "var(--wm-color-on-surface-variant)",
                 "--wm-fileupload-border-color": "var(--wm-color-black)",
@@ -676,6 +693,8 @@ export default {
                 "--wm-fileupload-icon-font-size": "var(--wm-body-large-font-size)",
                 "--wm-fileupload-icon-color": "var(--wm-color-primary)",
                 "--wm-form-controls-opacity": "var(--wm-border-width-1)",
+                "--wm-form-controls-field-box-shadow": "var(--wm-elevation-shadow-none)",
+                "--wm-form-controls-field-radius": "var(--wm-radius-none)",
                 "--wm-form-controls-font-size": "var(--wm-body-large-font-size)",
                 "--wm-form-controls-padding": "var(--wm-space-2)",
                 "--wm-form-controls-border-color": "var(--wm-color-outline)",
@@ -699,6 +718,7 @@ export default {
                 "--wm-form-border-radius": "var(--wm-radius-sm)",
                 "--wm-form-border-width": "var(--wm-border-width-base)",
                 "--wm-form-border-color": "var(--wm-color-transparent)",
+                "--wm-form-box-shadow": "var(--wm-elevation-shadow-none)",
                 "--wm-form-header-padding-vertical": "var(--wm-space-2)",
                 "--wm-form-header-padding-horizontal": "var(--wm-space-2)",
                 "--wm-form-header-border-color": "var(--wm-color-transparent)",
@@ -1017,10 +1037,18 @@ export default {
                 "--wm-select-modal-content-border-radius": "var(--wm-radius-base)",
                 "--wm-select-modal-content-border-width": "var(--wm-border-width-0)",
                 "--wm-select-modal-content-border-color": "var(--wm-color-outline)",
+                "--wm-select-modal-content-box-shadow": "var(--wm-elevation-shadow-none)",
                 "--wm-select-modal-text-font-size": "var(--wm-body-large-font-size)",
                 "--wm-select-modal-text-color": "var(--wm-color-on-surface-variant)",
+                "--wm-select-modal-text-line-height": "var(--wm-body-large-line-height)",
+                "--wm-select-modal-text-letter-spacing": "var(--wm-body-large-letter-spacing)",
+                "--wm-select-item-border-width": "var(--wm-border-width-1)",
+                "--wm-select-item-border-color": "var(--wm-color-shadow)",
+                "--wm-select-item-padding": "var(--wm-space-2) var(--wm-space-4)",
+                "--wm-select-check-icon-border-width": "var(--wm-border-width-1)",
                 "--wm-select-check-icon-color": "var(--wm-color-on-background)",
                 "--wm-select-check-icon-font-size": "var(--wm-icon-size-md)",
+                "--wm-select-check-icon-padding": "var(--wm-space-0)",
                 "--wm-slider-track-height": "var(--wm-space-4)",
                 "--wm-slider-track-margin-vertical": "var(--wm-space-4)",
                 "--wm-slider-track-border-radius": "var(--wm-radius-lg)",
@@ -1301,6 +1329,8 @@ export default {
                 "--wm-select-arrow-button-border-style": "var(--wm-border-style-base)",
                 "--wm-select-modal-content-border-style": "var(--wm-border-style-base)",
                 "--wm-select-modal-text-font-family": "var(--wm-body-medium-font-family)",
+                "--wm-select-item-border-style": "var(--wm-border-style-base)",
+                "--wm-select-check-icon-border-style": "var(--wm-border-style-base)",
                 "--wm-tabbar-box-shadow": "var(--wm-elevation-shadow-1)",
                 "--wm-tabbar-more-menu-box-shadow": "var(--wm-elevation-shadow-1)",
                 "--wm-tabbar-text-font-family": "var(--wm-label-large-font-family)",