@wavemaker/rn-codegen 11.15.4-rc.647493 → 11.15.5-rc.253

package/src/templates/foundation-theme/dist/ios/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/ios/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)",

package/src/templates/foundation-theme/wavemaker/design-tokens/basic/progress-circle.less

@@ -1,7 +1,6 @@
 
 .app-progress-circle {
-    width: var(--wm-progress-circle-width);
-    height: var(--wm-progress-circle-height);
+
 }
 
 .app-progress-circle-text {
@@ -14,7 +13,10 @@
 }
 
 .app-progress-circle-value {
+    width: var(--wm-progress-circle-progress-value-width);
+    height: var(--wm-progress-circle-progress-value-height);
     stroke: var(--wm-progress-circle-stroke-active);
+    stroke-width: var(--wm-progress-circle-progress-value-height);
     background-color: var(--wm-progress-circle-stroke-active);
 }
 

package/src/templates/foundation-theme/wavemaker/design-tokens/data/form.less

@@ -9,6 +9,7 @@
     border-width: var(--wm-form-border-width);
     border-style: var(--wm-form-border-style);
     border-color: var(--wm-form-border-color);
+    box-shadow: var(--wm-form-box-shadow);
 }
 
 
@@ -63,6 +64,8 @@
 .app-form-field {
     min-height: var(--wm-form-field-height);  // hardcoded example
     // min-height: ~"calc(var(--wm-form-controls-min-height) + var(--wm-form-error-font-size) + var(--wm-form-error-padding-vertical) + 10px)";
+    box-shadow: var(--wm-form-controls-field-box-shadow);
+    border-radius: var(--wm-form-controls-field-radius);
 
     margin-left: var(--wm-form-field-margin-horizontal);
     margin-right: var(--wm-form-field-margin-horizontal);

package/src/templates/foundation-theme/wavemaker/design-tokens/input/select.less

@@ -16,6 +16,7 @@
     border-radius: var(--wm-select-modal-content-border-radius);
     border-style: var(--wm-select-modal-content-border-style);
     border-width: var(--wm-select-modal-content-border-width);
+    box-shadow: var(--wm-select-modal-content-box-shadow);
 }
 
 .app-select-arrow-button-icon {
@@ -29,10 +30,40 @@
     padding: var(--wm-select-arrow-button-icon-padding);
 }
 
+.app-select-item {
+    border-width: var(--wm-select-item-border-width);
+    border-color: var(--wm-select-item-border-color);
+    border-style: var(--wm-select-item-border-style);
+    padding: var(--wm-select-item-padding);
+}
+
 .app-select-item-text {
     font-size: var(--wm-select-modal-text-font-size);
     color: var(--wm-select-modal-text-color);
     font-family: var(--wm-select-modal-text-font-family);
+    line-height: var(--wm-select-item-text-line-height);
+    letter-spacing: var(--wm-select-item-text-letter-spacing);
+}
+
+.app-select-active-item-text {
+    font-size: var(--wm-select-modal-text-font-size);
+    color: var(--wm-select-modal-text-color);
+    font-family: var(--wm-select-modal-text-font-family);
+    line-height: var(--wm-select-item-text-line-height);
+    letter-spacing: var(--wm-select-item-text-letter-spacing);
+}
+
+.app-select-check-icon.app-icon {
+    background-color: var(--wm-select-check-icon-background-color);
+    height: var(--wm-select-check-icon-height);
+    width: var(--wm-select-check-icon-width);
+    border-radius: var(--wm-select-check-icon-border-radius);
+    border-width: var(--wm-select-check-icon-border-width);
+    border-color: var(--wm-select-check-icon-border-color);
+    border-style: var(--wm-select-check-icon-border-style);
+    padding: var(--wm-select-check-icon-padding);
+    justify-content: center;
+    align-items: center;
 }
 
 .app-select-check-icon.text {

package/src/templates/foundation-theme/wavemaker/design-tokens/input/slider.less

@@ -1,3 +1,5 @@
+@import (optional) url('../variables/slider.variant.less');
+
 .app-slider {
     width: auto;
     position: relative;
@@ -13,25 +15,31 @@
     background-color: var(--wm-slider-thumb-background);
     height: var(--wm-slider-thumb-height);
     width: var(--wm-slider-thumb-width);
-    left: 0px;
-    top: -20px;
     border-radius: var(--wm-slider-thumb-border-radius);
     margin-left: 0;
 }
 
+.app-slider-thumb-wrapper {
+    width: var(--wm-slider-thumb-wrapper-width);
+    height: var(--wm-slider-thumb-wrapper-height);
+    border-radius: var(--wm-slider-thumb-wrapper-border-radius);
+    background-color: var(--wm-slider-thumb-wrapper-background);
+}
+
 .app-slider-minimum-track {
     background-color: var(--wm-slider-min-track-background);
+    height: var(--wm-slider-track-height);
 }
 
 .app-slider-maximum-track {
     background-color: var(--wm-slider-max-track-background);
     border-radius: 0;
+    height: var(--wm-slider-track-height);
 }
 
 .app-slider-tooltip {
     background-color: var(--wm-slider-tooltip-background);
     min-width: unset;
-    left: -40px;
 }
 
 .app-slider-tooltip-label {

package/src/templates/foundation-theme/wavemaker/design-tokens/navigation/menu.less

@@ -8,6 +8,7 @@
 
 .app-menu-link-text {
   color: var(--wm-dropdown-menu-color);
+  font-size: var(--wm-dropdown-menu-text-font-size);
   font-weight: var(--wm-dropdown-menu-text-font-weight);
   text-decoration: var(--wm-dropdown-menu-text-decoration);
   padding: var(--wm-dropdown-menu-text-padding);
@@ -25,6 +26,9 @@
 .app-menu-content {
   background-color: var(--wm-dropdown-menu-content-background); 
   border-radius: var(--wm-dropdown-menu-content-border-radius); 
+  border-width: var(--wm-dropdown-menu-content-border-width);
+  border-style: var(--wm-dropdown-menu-content-border-style);
+  border-color: var(--wm-dropdown-menu-content-border-color);
   width: var(--wm-dropdown-menu-content-width); 
   padding: var(--wm-dropdown-menu-padding);
 }
@@ -32,6 +36,9 @@
 .app-menu-item.root {
   border-style: var(--wm-dropdown-menu-item-border-style); 
   padding: var(--wm-dropdown-menu-item-padding);
+  background-color: var(--wm-dropdown-menu-item-background-color);
+  justify-content: center;
+  align-items: center;
 }
 
 .app-menu-item .app-anchor-text {
@@ -46,3 +53,11 @@
   line-height: var(--wm-dropdown-menu-item-line-height); 
   text-decoration-line: none;
 }
+.app-menu-item .app-anchor-icon .app-icon {
+  padding: var(--wm-dropdown-menu-item-icon-padding);
+}
+
+.app-menu-item.app-anchor-icon .app-icon-shape {
+  color: var(--wm-dropdown-menu-item-icon-color);
+  font-size: var(--wm-dropdown-menu-item-icon-font-size);
+}

package/src/templates/foundation-theme/wavemaker/design-tokens/studio/data/form.less

@@ -1,4 +1,6 @@
 .app-form {
+    box-shadow: var(--wm-form-box-shadow);
+
     &.app-panel .panel-heading {
         background-color: transparent;
         .description{
@@ -16,6 +18,10 @@
             }
         }
     }
+    .app-form-field {
+        box-shadow: var(--wm-form-controls-field-box-shadow);
+        border-radius: var(--wm-form-controls-field-radius);
+    }
     .form-action .app-button {
         padding: 12px;
     }

package/src/templates/foundation-theme/wavemaker/design-tokens/studio/input/form.less

@@ -30,6 +30,7 @@
   border-width: var(--wm-form-border-width) !important;
   border-style: var(--wm-form-border-style) !important;
   border-color: var(--wm-form-border-color) !important;
+  box-shadow: var(--wm-form-box-shadow) !important;
   // width: 70%;
   // margin-left: 90px !important;
 }
@@ -132,6 +133,35 @@
   width: var(--wm-form-controls-min-width);
 }
 
+.wm-studio .wm-right-panel-container .file-container-pane .wm-file-container .wm-workspace .workspace-content .canvas-panel .app-input-wrapper {
+  position: relative;
+}
+
+ &.btn-leading-icon,
+    .btn-trailing-icon {
+      background: none;
+      border: none;
+      position: absolute;
+      z-index: 100;
+      top: calc(var(--wm-form-controls-min-height) / 4.2);
+      left: calc(var(--wm-form-controls-padding) / 2);
+      font-size:  calc(var(--wm-icon-font-size));
+    }
+  
+    &.btn-trailing-icon {
+      left: auto;
+      right: calc(2 * var(--wm-icon-font-size)) !important;
+    }
+    &.caption-floating {
+      .control-label {
+        left: calc(var(--wm-form-controls-padding)) !important;
+        top:  calc(var(--wm-form-controls-min-height) / 2.5) !important;
+      }
+      &:has(.btn-leading-icon:not(.ng-hide))>.control-label {
+        left: calc(2 * var(--wm-icon-font-size)) !important;
+      }
+    }
+
 .wm-studio .wm-right-panel-container .file-container-pane .wm-file-container .wm-workspace .workspace-content .canvas-panel .app-textarea {
   min-height: var(--wm-form-controls-min-height);
   padding: var(--wm-form-controls-padding);