@wavemaker-ai/rn-codegen 1.0.0-rc.647469 → 1.0.0-rc.647502

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

@@ -348,8 +348,7 @@ export default {
             "alignItems": "center",
             "justifyContent": "center",
             "cursor": "pointer",
-            "gap": "var(--wm-btn-gap)",
-            "minHeight": "var(--wm-btn-min-height)"
+            "gap": "var(--wm-btn-gap)"
         },
         "icon": {
             "padding": "var(--wm-btn-icon-padding)",
@@ -1924,19 +1923,18 @@ export default {
     },
     "app-search": {
         "text": {
-            "borderColor": "var(--wm-search-border-color)",
+            "borderColor": "#ddd",
             "backgroundColor": "var(--wm-search-text-background-color)",
-            "borderRightWidth": 0,
+            "borderWidth": 0,
+            "outline": 0,
             "height": "var(--wm-search-height)",
             "minHeight": "var(--wm-search-height)",
             "color": "var(--wm-search-text-color)",
             "fontSize": "var(--wm-search-text-font-size)",
             "fontFamily": "var(--wm-search-text-font-family)",
             "fontWeight": "var(--wm-search-text-font-weight)",
-            "borderTopLeftRadius": "var(--wm-search-border-radius)",
-            "borderBottomLeftRadius": "var(--wm-search-border-radius)",
             "padding": "var(--wm-search-text-padding)",
-            "borderWidth": "var(--wm-search-border-width)"
+            "boxShadow": "none"
         },
         "invalid": {
             "borderBottomColor": "var(--wm-search-invalid-color)",
@@ -1980,7 +1978,16 @@ export default {
             "color": "var(--wm-search-placeholder-text-color)"
         },
         "root": {
-            "borderRadius": "var(--wm-search-border-radius)"
+            "borderRadius": "var(--wm-search-border-radius)",
+            "width": "var(--wm-search-width)",
+            "backgroundColor": "var(--wm-search-text-background-color)"
+        },
+        "modalContent": {
+            "backgroundColor": "var(--wm-search-text-background-color)",
+            "borderBottomWidth": "var(--wm-search-border-width)",
+            "borderLeftWidth": "var(--wm-search-border-width)",
+            "borderRightWidth": "var(--wm-search-border-width)",
+            "borderColor": "var(--wm-search-border-color)"
         },
         "clearButton": {
             "root": {
@@ -2019,16 +2026,26 @@ export default {
         },
         "dropDownContent": {
             "borderStyle": "solid",
+            "borderTopLeftRadius": 0,
+            "borderTopRightRadius": 0,
             "width": "var(--wm-search-dropdown-width)",
             "borderWidth": "var(--wm-search-dropdown-border-width)",
-            "backgroundColor": "var(--wm-search-dropdown-background-color)",
-            "borderRadius": "var(--wm-search-dropdown-border-radius)",
-            "borderColor": "var(--wm-search-dropdown-border-color)"
+            "borderColor": "var(--wm-search-dropdown-border-color)",
+            "borderBottomLeftRadius": "var(--wm-search-dropdown-border-radius)",
+            "borderBottomRightRadius": "var(--wm-search-dropdown-border-radius)"
         },
         "searchInputWrapper": {
             "borderColor": "transparent"
         }
     },
+    "app-search-text:focus": {
+        "outline": 0,
+        "boxShadow": "none"
+    },
+    "app-search-divider": {
+        "width": "100%",
+        "borderBottomColor": "var(--wm-search-dropdown-divider-color)"
+    },
     "app-autocomplete": {
         "text": {
             "borderRadius": "var(--wm-search-border-radius)",
@@ -3320,7 +3337,7 @@ export default {
         "--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)",
+        "--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)",
@@ -3347,7 +3364,7 @@ export default {
             "--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)"
+            "--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",
@@ -3361,13 +3378,13 @@ export default {
         "--wm-form-controls-opacity": 1,
         "--wm-form-controls-min-height": 56,
         "--wm-form-controls-min-width": 210,
-        "--wm-form-controls-background": "transparent",
         "--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)",
@@ -3377,10 +3394,10 @@ export default {
         "focused": {
             "--wm-form-controls-min-height": 56,
             "--wm-form-controls-min-width": 210,
-            "--wm-form-controls-background": "transparent",
             "--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)",
@@ -3388,8 +3405,8 @@ export default {
         },
         "disabled": {
             "--wm-form-controls-border": "1px solid var(--wm-color-shadow)",
-            "--wm-form-controls-background": "transparent",
             "--wm-form-controls-opacity": 0.67,
+            "--wm-form-controls-background": "var(--wm-color-white)",
             "--wm-form-controls-color": "var(--wm-color-scrim)"
         }
     },

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

@@ -208,13 +208,18 @@ export default {
                 "--wm-scroll-bar-height": 6,
                 "--wm-scroll-bar-track-radius": 6,
                 "--wm-scroll-bar-thumb-radius": 6,
-                "--wm-search-dropdown-width": "90%",
+                "--wm-search-height": 56,
+                "--wm-search-width": 360,
+                "--wm-search-dropdown-width": "100%",
+                "--wm-search-dropdown-offset-top": 56,
+                "--wm-search-dropdown-max-height": 200,
                 "--wm-search-dropdown-border-color": "transparent",
                 "--wm-search-dropdown-border-width": 0,
                 "--wm-search-btn-ripple-color": "rgba(255, 255, 255, 0.08)",
                 "--wm-search-btn-width": "auto",
                 "--wm-search-data-complete-background": "transparent",
                 "--wm-search-item-separator-width": 0,
+                "--wm-select-arrow-button-background-color": "transparent",
                 "--wm-select-arrow-button-icon-height": 24,
                 "--wm-slider-tooltip-background": "#000",
                 "--wm-spinner-background": "transparent",
@@ -546,7 +551,7 @@ export default {
                 "--wm-btn-letter-spacing": "var(--wm-label-large-letter-spacing)",
                 "--wm-btn-border-color": "var(--wm-color-surface-container-highest)",
                 "--wm-btn-radius": "var(--wm-radius-pill)",
-                "--wm-btn-padding": "var(--wm-space-0) var(--wm-space-6)",
+                "--wm-btn-padding": "var(--wm-space-3) var(--wm-space-6)",
                 "--wm-btn-min-height": "var(--wm-space-10)",
                 "--wm-btn-gap": "var(--wm-space-2)",
                 "--wm-btn-icon-size": "var(--wm-icon-size-md)",
@@ -1005,15 +1010,15 @@ export default {
                 "--wm-scroll-bar-track-bg": "var(--wm-color-surface)",
                 "--wm-scroll-bar-thumb-bg": "var(--wm-color-surface-container-high)",
                 "--wm-scroll-bar-thumb-hover": "var(--wm-color-surface-container-highest)",
-                "--wm-search-height": "var(--wm-space-12)",
                 "--wm-search-border-radius": "var(--wm-space-7)",
                 "--wm-search-border-width": "var(--wm-border-width-1)",
                 "--wm-search-border-color": "var(--wm-color-outline)",
                 "--wm-search-text-color": "var(--wm-color-on-surface)",
                 "--wm-search-text-background-color": "var(--wm-color-surface)",
                 "--wm-search-text-font-size": "var(--wm-body-medium-font-size)",
-                "--wm-search-text-padding": "var(--wm-space-2) var(--wm-space-3) var(--wm-space-2) var(--wm-space-6)",
+                "--wm-search-text-padding": "var(--wm-space-0) var(--wm-space-4)",
                 "--wm-search-dropdown-background-color": "var(--wm-color-surface)",
+                "--wm-search-dropdown-divider-color": "var(--wm-color-on-surface)",
                 "--wm-search-dropdown-border-radius": "var(--wm-radius-md)",
                 "--wm-search-invalid-color": "var(--wm-color-error)",
                 "--wm-search-btn-background-color": "var(--wm-color-surface)",
@@ -1036,7 +1041,6 @@ export default {
                 "--wm-search-clear-btn-background-color": "var(--wm-color-transparent)",
                 "--wm-search-clear-btn-width": "var(--wm-space-9)",
                 "--wm-select-arrow-button-padding": "var(--wm-space-1)",
-                "--wm-select-arrow-button-background-color": "var(--wm-color-outline-variant)",
                 "--wm-select-arrow-button-icon-color": "var(--wm-color-on-background)",
                 "--wm-select-arrow-button-icon-padding": "var(--wm-space-1)",
                 "--wm-select-arrow-button-icon-border-radius": "var(--wm-radius-none)",