@wavemaker/rn-codegen 11.15.2-rc.64737 → 11.15.4-rc.250

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/npm-shrinkwrap.json +55 -55
  2. package/package-lock.json +55 -55
  3. package/package.json +3 -3
  4. package/src/templates/foundation-theme/build/android/wavemaker/design-tokens/navigation/popover.less +1 -2
  5. package/src/templates/foundation-theme/build/android/wavemaker/design-tokens/page/tabbar.less +9 -2
  6. package/src/templates/foundation-theme/build/android/wavemaker/design-tokens/studio/layouts/tabbar.less +9 -2
  7. package/src/templates/foundation-theme/build/android/wavemaker/design-tokens/tokens.light.css +5 -1
  8. package/src/templates/foundation-theme/build/android/wavemaker/design-tokens/variables/tabbar.variant.less +5 -0
  9. package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/navigation/popover.less +1 -2
  10. package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/page/tabbar.less +9 -2
  11. package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/studio/layouts/tabbar.less +9 -2
  12. package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/tokens.light.css +5 -1
  13. package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/variables/tabbar.variant.less +5 -0
  14. package/src/templates/foundation-theme/dist/android/style.css +7 -3
  15. package/src/templates/foundation-theme/dist/android/style.js +26 -5
  16. package/src/templates/foundation-theme/dist/android/tokens.js +5 -1
  17. package/src/templates/foundation-theme/dist/ios/style.css +7 -3
  18. package/src/templates/foundation-theme/dist/ios/style.js +26 -5
  19. package/src/templates/foundation-theme/dist/ios/tokens.js +5 -1
  20. package/src/templates/foundation-theme/wavemaker/design-tokens/navigation/popover.less +1 -2
  21. package/src/templates/foundation-theme/wavemaker/design-tokens/page/tabbar.less +9 -2
  22. package/src/templates/foundation-theme/wavemaker/design-tokens/studio/layouts/tabbar.less +9 -2
  23. package/src/templates/foundation-theme/wavemaker/design-tokens/tokens.light.css +5 -1
  24. package/src/templates/foundation-theme/wavemaker/design-tokens/variables/tabbar.variant.less +5 -0
  25. package/src/templates/package.web.json +3 -3
  26. package/src/templates/project/package.json +3 -3
  27. package/src/transpile/components/data/form/form-field.transformer.js +3 -3
  28. package/src/transpile/components/data/form/form-field.transformer.js.map +1 -1
package/src/templates/foundation-theme/build/android/wavemaker/design-tokens/page/tabbar.less CHANGED
@@ -1,5 +1,6 @@
1
1
  .app-tabbar {
2
2
  height: var(--wm-tabbar-height);
3
+ gap: var(--wm-tabbar-gap);
3
4
  box-shadow: var(--wm-tabbar-box-shadow);
4
5
  border-width: var(--wm-tabbar-border-width);
5
6
  border-style: var(--wm-tabbar-border-style);
@@ -31,10 +32,14 @@
31
32
  border-radius: var(--wm-tabbar-item-border-radius);
32
33
  border-width: var(--wm-tabbar-item-border-width);
33
34
  margin-bottom: var(--wm-space-0);
35
+ border-color: var(--wm-tabbar-item-border-color);
36
+ border-style: var(--wm-tabbar-item-border-style);
34
37
  opacity: var(--wm-tabbar-item-opacity);
35
38
  display: flex;
36
39
  justify-content: center;
37
40
  align-items: center;
41
+ padding: var(--wm-tabbar-item-padding);
42
+ gap: var(--wm-tabbar-item-gap);
38
43
  }
39
44
 
40
45
  .app-tabbar-active-item {
@@ -42,13 +47,15 @@
42
47
  margin-bottom: var(--wm-space-0);
43
48
  border-radius: var(--wm-tabbar-item-border-radius);
44
49
  border-width: var(--wm-tabbar-item-border-width);
50
+ border-color: var(--wm-tabbar-item-border-color);
51
+ border-style: var(--wm-tabbar-item-border-style);
45
52
  background-color: var(--wm-tabbar-item-background-color);
46
53
  display: flex;
47
54
  justify-content: center;
48
55
  align-items: center;
49
56
  height: auto;
50
- padding-top: var(--wm-spacer-1);
51
- padding-bottom: var(--wm-spacer-1);
57
+ padding: var(--wm-tabbar-item-padding);
58
+ gap: var(--wm-tabbar-item-gap);
52
59
  }
53
60
 
54
61
  .app-tabbar-item-icon .app-icon {
package/src/templates/foundation-theme/build/android/wavemaker/design-tokens/studio/layouts/tabbar.less CHANGED
@@ -2,9 +2,12 @@
2
2
  position: relative;
3
3
  height: var(--wm-tabbar-height);
4
4
  padding: 4px;
5
+ gap: var(--wm-tabbar-gap);
6
+ box-shadow: var(--wm-tabbar-box-shadow);
5
7
  border-width: var(--wm-tabbar-border-width);
6
8
  border-style: var(--wm-tabbar-border-style);
7
9
  border-color: var(--wm-tabbar-border-color);
10
+ padding: var(--wm-space-1);
8
11
  .navbar-default {
9
12
  background-color: inherit;
10
13
  .tab-items {
@@ -13,14 +16,18 @@
13
16
  justify-content: center;
14
17
  align-content: center;
15
18
  padding-top: 10px;
16
- > li > a {
19
+ > li > a {
17
20
  min-height: var(--wm-tabbar-item-min-height);
18
21
  min-width: var(--wm-tabbar-item-min-width);
19
22
  background-color: var(--wm-tabbar-item-background-color);
20
23
  border-radius: var(--wm-tabbar-item-border-radius);
24
+ border-width: var(--wm-tabbar-item-border-width);
25
+ border-style: var(--wm-tabbar-item-border-style);
26
+ border-color: var(--wm-tabbar-item-border-color);
21
27
  opacity: var(--wm-tabbar-item-opacity);
28
+ gap: var(--wm-tabbar-item-gap);
22
29
  margin-bottom: var(--wm-space-0);
23
- padding: 0;
30
+ padding: var(--wm-tabbar-item-padding);
24
31
  height: auto;
25
32
  .app-icon {
26
33
  color: var(--wm-tabbar-icon-color);
package/src/templates/foundation-theme/build/android/wavemaker/design-tokens/tokens.light.css CHANGED
@@ -213,6 +213,7 @@
213
213
  --wm-tabbar-more-menu-width: 100%;
214
214
  --wm-tabbar-more-menu-row-width: 100%;
215
215
  --wm-tabbar-item-border-radius: 0px;
216
+ --wm-tabbar-item-border-color: transparent;
216
217
  --wm-tabbar-item-background-color: transparent;
217
218
  --wm-tabbar-item-opacity: 1;
218
219
  --wm-tabs-border-color: transparent;
@@ -904,7 +905,6 @@
904
905
  --wm-popover-padding: var(--wm-space-0);
905
906
  --wm-popover-background-color: var(--wm-color-on-primary);
906
907
  --wm-popover-shadow: var(--wm-elevation-shadow-none);
907
- --wm-popover-radius: var(--wm-radius-none);
908
908
  --wm-popover-border-radius: var(--wm-radius-none);
909
909
  --wm-popover-border-width: var(--wm-border-width-0);
910
910
  --wm-popover-border-color: var(--wm-color-transparent);
@@ -1036,6 +1036,7 @@
1036
1036
  --wm-switch-button-border-color: var(--wm-color-outline);
1037
1037
  --wm-switch-button-border-radius: var(--wm-radius-lg);
1038
1038
  --wm-switch-button-padding: var(--wm-space-0) var(--wm-space-4);
1039
+ --wm-tabbar-gap: var(--wm-space-0);
1039
1040
  --wm-tabbar-border-width: var(--wm-border-width-0);
1040
1041
  --wm-tabbar-border-color: var(--wm-color-scrim);
1041
1042
  --wm-tabbar-border-style: var(--wm-border-style-solid);
@@ -1045,6 +1046,9 @@
1045
1046
  --wm-tabbar-item-min-height: var(--wm-space-8);
1046
1047
  --wm-tabbar-item-min-width: var(--wm-spacer-7);
1047
1048
  --wm-tabbar-item-border-width: var(--wm-border-width-0);
1049
+ --wm-tabbar-item-border-style: var(--wm-border-style-solid);
1050
+ --wm-tabbar-item-padding: var(--wm-space-0);
1051
+ --wm-tabbar-item-gap: var(--wm-space-0);
1048
1052
  --wm-tabbar-icon-size: var(--wm-space-6);
1049
1053
  --wm-tabbar-icon-color: var(--wm-color-on-surface-variant);
1050
1054
  --wm-tabbar-icon-padding: var(--wm-space-0);
package/src/templates/foundation-theme/build/android/wavemaker/design-tokens/variables/tabbar.variant.less CHANGED
@@ -3,9 +3,14 @@
3
3
  .app-tabbar-active-label {
4
4
  --wm-tabbar-item-border-radius: 50px;
5
5
  --wm-tabbar-item-border-width: var(--wm-border-width-0);
6
+ --wm-tabbar-item-border-color: transparent;
7
+ --wm-tabbar-item-border-style: var(--wm-border-style-solid);
6
8
  --wm-tabbar-item-background-color: var(--wm-color-primary-container);
9
+ --wm-tabbar-item-padding: var(--wm-space-0);
10
+ --wm-tabbar-item-gap: var(--wm-space-0);
7
11
  --wm-tabbar-item-margin-bottom: -2;
8
12
  --wm-tabbar-icon-color: var(--wm-color-primary);
13
+ --wm-tabbar-icon-padding: var(--wm-space-0);
9
14
  --wm-tabbar-text-font-weight: var(--wm-font-weight-700);
10
15
  --wm-tabbar-text-color: var(--wm-color-on-surface-variant);
11
16
  }
package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/navigation/popover.less CHANGED
@@ -25,7 +25,7 @@
25
25
  border-color: var(--wm-popover-link-border-color);
26
26
  border-width: var(--wm-popover-link-border-width);
27
27
  border-style: var(--wm-popover-link-border-style);
28
- border-radius: var(--wm-popover-link-radius);
28
+ border-radius: var(--wm-popover-link-border-radius);
29
29
  padding: var(--wm-popover-link-padding);
30
30
  width: var(--wm-popover-link-width);
31
31
  height: var(--wm-popover-link-height);
@@ -37,7 +37,6 @@
37
37
  bottom: var(--wm-popover-bottom);
38
38
  width: var(--wm-popover-width);
39
39
  min-height: var(--wm-popover-min-height);
40
- border-radius: var(--wm-popover-radius);
41
40
  box-shadow: var(--wm-popover-shadow);
42
41
  }
43
42
 
package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/page/tabbar.less CHANGED
@@ -1,5 +1,6 @@
1
1
  .app-tabbar {
2
2
  height: var(--wm-tabbar-height);
3
+ gap: var(--wm-tabbar-gap);
3
4
  box-shadow: var(--wm-tabbar-box-shadow);
4
5
  border-width: var(--wm-tabbar-border-width);
5
6
  border-style: var(--wm-tabbar-border-style);
@@ -31,10 +32,14 @@
31
32
  border-radius: var(--wm-tabbar-item-border-radius);
32
33
  border-width: var(--wm-tabbar-item-border-width);
33
34
  margin-bottom: var(--wm-space-0);
35
+ border-color: var(--wm-tabbar-item-border-color);
36
+ border-style: var(--wm-tabbar-item-border-style);
34
37
  opacity: var(--wm-tabbar-item-opacity);
35
38
  display: flex;
36
39
  justify-content: center;
37
40
  align-items: center;
41
+ padding: var(--wm-tabbar-item-padding);
42
+ gap: var(--wm-tabbar-item-gap);
38
43
  }
39
44
 
40
45
  .app-tabbar-active-item {
@@ -42,13 +47,15 @@
42
47
  margin-bottom: var(--wm-space-0);
43
48
  border-radius: var(--wm-tabbar-item-border-radius);
44
49
  border-width: var(--wm-tabbar-item-border-width);
50
+ border-color: var(--wm-tabbar-item-border-color);
51
+ border-style: var(--wm-tabbar-item-border-style);
45
52
  background-color: var(--wm-tabbar-item-background-color);
46
53
  display: flex;
47
54
  justify-content: center;
48
55
  align-items: center;
49
56
  height: auto;
50
- padding-top: var(--wm-spacer-1);
51
- padding-bottom: var(--wm-spacer-1);
57
+ padding: var(--wm-tabbar-item-padding);
58
+ gap: var(--wm-tabbar-item-gap);
52
59
  }
53
60
 
54
61
  .app-tabbar-item-icon .app-icon {
package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/studio/layouts/tabbar.less CHANGED
@@ -2,9 +2,12 @@
2
2
  position: relative;
3
3
  height: var(--wm-tabbar-height);
4
4
  padding: 4px;
5
+ gap: var(--wm-tabbar-gap);
6
+ box-shadow: var(--wm-tabbar-box-shadow);
5
7
  border-width: var(--wm-tabbar-border-width);
6
8
  border-style: var(--wm-tabbar-border-style);
7
9
  border-color: var(--wm-tabbar-border-color);
10
+ padding: var(--wm-space-1);
8
11
  .navbar-default {
9
12
  background-color: inherit;
10
13
  .tab-items {
@@ -13,14 +16,18 @@
13
16
  justify-content: center;
14
17
  align-content: center;
15
18
  padding-top: 10px;
16
- > li > a {
19
+ > li > a {
17
20
  min-height: var(--wm-tabbar-item-min-height);
18
21
  min-width: var(--wm-tabbar-item-min-width);
19
22
  background-color: var(--wm-tabbar-item-background-color);
20
23
  border-radius: var(--wm-tabbar-item-border-radius);
24
+ border-width: var(--wm-tabbar-item-border-width);
25
+ border-style: var(--wm-tabbar-item-border-style);
26
+ border-color: var(--wm-tabbar-item-border-color);
21
27
  opacity: var(--wm-tabbar-item-opacity);
28
+ gap: var(--wm-tabbar-item-gap);
22
29
  margin-bottom: var(--wm-space-0);
23
- padding: 0;
30
+ padding: var(--wm-tabbar-item-padding);
24
31
  height: auto;
25
32
  .app-icon {
26
33
  color: var(--wm-tabbar-icon-color);
package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/tokens.light.css CHANGED
@@ -213,6 +213,7 @@
213
213
  --wm-tabbar-more-menu-width: 100%;
214
214
  --wm-tabbar-more-menu-row-width: 100%;
215
215
  --wm-tabbar-item-border-radius: 0px;
216
+ --wm-tabbar-item-border-color: transparent;
216
217
  --wm-tabbar-item-background-color: transparent;
217
218
  --wm-tabbar-item-opacity: 1;
218
219
  --wm-tabs-border-color: transparent;
@@ -904,7 +905,6 @@
904
905
  --wm-popover-padding: var(--wm-space-0);
905
906
  --wm-popover-background-color: var(--wm-color-on-primary);
906
907
  --wm-popover-shadow: var(--wm-elevation-shadow-none);
907
- --wm-popover-radius: var(--wm-radius-none);
908
908
  --wm-popover-border-radius: var(--wm-radius-none);
909
909
  --wm-popover-border-width: var(--wm-border-width-0);
910
910
  --wm-popover-border-color: var(--wm-color-transparent);
@@ -1036,6 +1036,7 @@
1036
1036
  --wm-switch-button-border-color: var(--wm-color-outline);
1037
1037
  --wm-switch-button-border-radius: var(--wm-radius-lg);
1038
1038
  --wm-switch-button-padding: var(--wm-space-0) var(--wm-space-4);
1039
+ --wm-tabbar-gap: var(--wm-space-0);
1039
1040
  --wm-tabbar-border-width: var(--wm-border-width-0);
1040
1041
  --wm-tabbar-border-color: var(--wm-color-scrim);
1041
1042
  --wm-tabbar-border-style: var(--wm-border-style-solid);
@@ -1045,6 +1046,9 @@
1045
1046
  --wm-tabbar-item-min-height: var(--wm-space-8);
1046
1047
  --wm-tabbar-item-min-width: var(--wm-spacer-7);
1047
1048
  --wm-tabbar-item-border-width: var(--wm-border-width-0);
1049
+ --wm-tabbar-item-border-style: var(--wm-border-style-solid);
1050
+ --wm-tabbar-item-padding: var(--wm-space-0);
1051
+ --wm-tabbar-item-gap: var(--wm-space-0);
1048
1052
  --wm-tabbar-icon-size: var(--wm-space-6);
1049
1053
  --wm-tabbar-icon-color: var(--wm-color-on-surface-variant);
1050
1054
  --wm-tabbar-icon-padding: var(--wm-space-0);
package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/variables/tabbar.variant.less CHANGED
@@ -3,9 +3,14 @@
3
3
  .app-tabbar-active-label {
4
4
  --wm-tabbar-item-border-radius: 50px;
5
5
  --wm-tabbar-item-border-width: var(--wm-border-width-0);
6
+ --wm-tabbar-item-border-color: transparent;
7
+ --wm-tabbar-item-border-style: var(--wm-border-style-solid);
6
8
  --wm-tabbar-item-background-color: var(--wm-color-primary-container);
9
+ --wm-tabbar-item-padding: var(--wm-space-0);
10
+ --wm-tabbar-item-gap: var(--wm-space-0);
7
11
  --wm-tabbar-item-margin-bottom: -2;
8
12
  --wm-tabbar-icon-color: var(--wm-color-primary);
13
+ --wm-tabbar-icon-padding: var(--wm-space-0);
9
14
  --wm-tabbar-text-font-weight: var(--wm-font-weight-700);
10
15
  --wm-tabbar-text-color: var(--wm-color-on-surface-variant);
11
16
  }