@wavemaker/foundation-css 11.14.3-rc.6401 → 11.15.0-2.247

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 (188) hide show
  1. package/cjs/foundation-css.cjs +92 -33
  2. package/cjs/src_tokens_mobile_components_accordion_accordion_json.foundation-css.cjs +1 -1
  3. package/cjs/src_tokens_mobile_components_anchor_anchor_json.foundation-css.cjs +1 -1
  4. package/cjs/src_tokens_mobile_components_bottomsheet_bottomsheet_json.foundation-css.cjs +1 -1
  5. package/cjs/src_tokens_mobile_components_button-group_button-group_json.foundation-css.cjs +1 -1
  6. package/cjs/src_tokens_mobile_components_button_button_json.foundation-css.cjs +1 -1
  7. package/cjs/src_tokens_mobile_components_calendar_calendar_json.foundation-css.cjs +1 -1
  8. package/cjs/src_tokens_mobile_components_camera_camera_json.foundation-css.cjs +1 -1
  9. package/cjs/src_tokens_mobile_components_cards_cards_json.foundation-css.cjs +1 -1
  10. package/cjs/src_tokens_mobile_components_carousel_carousel_json.foundation-css.cjs +1 -1
  11. package/cjs/src_tokens_mobile_components_container_container_json.foundation-css.cjs +1 -1
  12. package/cjs/src_tokens_mobile_components_fileupload_fileupload_json.foundation-css.cjs +1 -1
  13. package/cjs/src_tokens_mobile_components_form-controls_form-controls_json.foundation-css.cjs +1 -1
  14. package/cjs/src_tokens_mobile_components_label_label_json.foundation-css.cjs +1 -1
  15. package/cjs/src_tokens_mobile_components_list_list_json.foundation-css.cjs +1 -1
  16. package/cjs/src_tokens_mobile_components_lottie_lottie_json.foundation-css.cjs +1 -1
  17. package/cjs/src_tokens_mobile_components_modal-dialog_modal-dialog_json.foundation-css.cjs +1 -1
  18. package/cjs/src_tokens_mobile_components_nav_nav_json.foundation-css.cjs +1 -1
  19. package/cjs/src_tokens_mobile_components_navbar_navbar_json.foundation-css.cjs +1 -1
  20. package/cjs/src_tokens_mobile_components_navitem_navitem_json.foundation-css.cjs +14 -0
  21. package/cjs/src_tokens_mobile_components_panel-footer_panel-footer_json.foundation-css.cjs +14 -0
  22. package/cjs/src_tokens_mobile_components_panel_panel_json.foundation-css.cjs +1 -1
  23. package/cjs/src_tokens_mobile_components_picture_picture_json.foundation-css.cjs +1 -1
  24. package/cjs/src_tokens_mobile_components_popover_popover_json.foundation-css.cjs +1 -1
  25. package/cjs/src_tokens_mobile_components_search_search_json.foundation-css.cjs +1 -1
  26. package/cjs/src_tokens_mobile_components_switch_switch_json.foundation-css.cjs +1 -1
  27. package/cjs/src_tokens_mobile_components_tabbar_tabbar_json.foundation-css.cjs +1 -1
  28. package/cjs/src_tokens_mobile_components_tabs_tabs_json.foundation-css.cjs +1 -1
  29. package/cjs/src_tokens_mobile_components_tile_tile_json.foundation-css.cjs +1 -1
  30. package/cjs/src_tokens_mobile_components_toggle_toggle_json.foundation-css.cjs +1 -1
  31. package/cjs/src_tokens_mobile_components_webview_webview_json.foundation-css.cjs +1 -1
  32. package/cjs/src_tokens_web_components_button_button_json.foundation-css.cjs +1 -1
  33. package/cjs/src_tokens_web_components_calendar_calendar_json.foundation-css.cjs +1 -1
  34. package/cjs/src_tokens_web_components_cards_cards_json.foundation-css.cjs +1 -1
  35. package/cjs/src_tokens_web_components_checkbox_checkbox_json.foundation-css.cjs +1 -1
  36. package/cjs/src_tokens_web_components_data-table_data-table_json.foundation-css.cjs +1 -1
  37. package/cjs/src_tokens_web_components_dropdown-menu_dropdown-menu_json.foundation-css.cjs +1 -1
  38. package/cjs/src_tokens_web_components_form-controls_form-controls_json.foundation-css.cjs +1 -1
  39. package/cjs/src_tokens_web_components_iconbutton-toggleable_iconbutton-toggleable_json.foundation-css.cjs +14 -0
  40. package/cjs/src_tokens_web_components_page-content_page-content_json.foundation-css.cjs +1 -1
  41. package/cjs/src_tokens_web_components_page-left-nav_page-left-nav_json.foundation-css.cjs +1 -1
  42. package/cjs/src_tokens_web_components_page-right-nav_page-right-nav_json.foundation-css.cjs +1 -1
  43. package/cjs/src_tokens_web_components_popover_popover_json.foundation-css.cjs +1 -1
  44. package/cjs/src_tokens_web_components_progress-circle_progress-circle_json.foundation-css.cjs +1 -1
  45. package/cjs/src_tokens_web_components_rating_rating_json.foundation-css.cjs +1 -1
  46. package/cjs/src_tokens_web_components_slider_slider_json.foundation-css.cjs +14 -0
  47. package/cjs/src_tokens_web_components_switch_switch_json.foundation-css.cjs +1 -1
  48. package/cjs/src_tokens_web_components_tabs_tabs_json.foundation-css.cjs +1 -1
  49. package/foundation/foundation.css +669 -179
  50. package/foundation/foundation.min.css +1 -1
  51. package/native_mobile.index.d.ts +20 -0
  52. package/native_mobile.index.js +29 -3
  53. package/native_mobile.index.js.map +1 -1
  54. package/npm-shrinkwrap.json +44 -50
  55. package/package-lock.json +44 -50
  56. package/package.json +8 -7
  57. package/src/styles/mobile/components/advanced/carousel.less +10 -0
  58. package/src/styles/mobile/components/advanced/webview.less +6 -2
  59. package/src/styles/mobile/components/basic/anchor.less +2 -2
  60. package/src/styles/mobile/components/basic/bottomsheet.less +6 -0
  61. package/src/styles/mobile/components/basic/button.less +17 -5
  62. package/src/styles/mobile/components/basic/buttongroup.less +22 -6
  63. package/src/styles/mobile/components/basic/label.less +150 -15
  64. package/src/styles/mobile/components/basic/lottie.less +6 -3
  65. package/src/styles/mobile/components/basic/picture.less +9 -0
  66. package/src/styles/mobile/components/basic/search.less +21 -2
  67. package/src/styles/mobile/components/container/panel/panel-footer.less +13 -1
  68. package/src/styles/mobile/components/container/panel.less +31 -34
  69. package/src/styles/mobile/components/container/tabs/tab-header.less +11 -5
  70. package/src/styles/mobile/components/container/tabs.less +2 -0
  71. package/src/styles/mobile/components/container.less +16 -4
  72. package/src/styles/mobile/components/data/card.less +4 -1
  73. package/src/styles/mobile/components/data/form.less +75 -30
  74. package/src/styles/mobile/components/data/list.less +10 -45
  75. package/src/styles/mobile/components/device/camera.less +4 -3
  76. package/src/styles/mobile/components/dialogs/dialog.less +56 -12
  77. package/src/styles/mobile/components/input/calendar.less +0 -1
  78. package/src/styles/mobile/components/input/fileupload.less +1 -0
  79. package/src/styles/mobile/components/input/switch.less +8 -0
  80. package/src/styles/mobile/components/input/toggle.less +2 -0
  81. package/src/styles/mobile/components/navigation/appnavbar.less +12 -4
  82. package/src/styles/mobile/components/navigation/navitem.less +78 -17
  83. package/src/styles/mobile/components/navigation/popover.less +19 -4
  84. package/src/styles/mobile/components/page/tabbar.less +13 -2
  85. package/src/styles/mobile/components/tokens.light.css +206 -383
  86. package/src/styles/mobile/components/variables/carousel.variant.less +8 -0
  87. package/src/styles/mobile/components/variables/container.variant.less +26 -3
  88. package/src/styles/mobile/components/variables/form-controls.variant.less +8 -2
  89. package/src/styles/mobile/components/variables/label.variant.less +35 -4
  90. package/src/styles/mobile/components/variables/navitem.variant.less +14 -0
  91. package/src/styles/mobile/components/variables/panel.variant.less +16 -8
  92. package/src/styles/mobile/components/variables/picture.variant.less +2 -2
  93. package/src/styles/mobile/components/variables/switch.variant.less +6 -1
  94. package/src/styles/mobile/components/variables/tabs.variant.less +6 -2
  95. package/src/styles/mobile/components/variables/toggle.variant.less +8 -0
  96. package/src/styles/mobile/studio/advanced/styles.less +1 -0
  97. package/src/styles/mobile/studio/advanced/webview.less +7 -0
  98. package/src/styles/mobile/studio/basic/button-group.less +3 -1
  99. package/src/styles/mobile/studio/basic/label.less +22 -7
  100. package/src/styles/mobile/studio/basic/message.less +6 -0
  101. package/src/styles/mobile/studio/basic/picture.less +6 -0
  102. package/src/styles/mobile/studio/basic/search.less +8 -0
  103. package/src/styles/mobile/studio/container/container.less +10 -3
  104. package/src/styles/mobile/studio/container/linearlayout.less +8 -0
  105. package/src/styles/mobile/studio/container/panel.less +3 -7
  106. package/src/styles/mobile/studio/container/styles.less +2 -1
  107. package/src/styles/mobile/studio/container/tabs.less +8 -7
  108. package/src/styles/mobile/studio/data/list.less +22 -0
  109. package/src/styles/mobile/studio/dialogs/base-dialog.less +152 -3
  110. package/src/styles/mobile/studio/input/form.less +61 -26
  111. package/src/styles/mobile/studio/input/switch.less +2 -1
  112. package/src/styles/mobile/studio/layouts/appnavbar.less +12 -5
  113. package/src/styles/mobile/studio/layouts/page-content.less +1 -1
  114. package/src/styles/mobile/studio/layouts/tabbar.less +10 -2
  115. package/src/styles/mobile/studio/navigation/nav.less +19 -1
  116. package/src/styles/mobile/studio/navigation/popover.less +32 -1
  117. package/src/tokens/mobile/components/accordion/accordion.json +1 -29
  118. package/src/tokens/mobile/components/anchor/anchor.json +18 -0
  119. package/src/tokens/mobile/components/bottomsheet/bottomsheet.json +39 -5
  120. package/src/tokens/mobile/components/button/button.json +1 -3
  121. package/src/tokens/mobile/components/button-group/button-group.json +25 -41
  122. package/src/tokens/mobile/components/calendar/calendar.json +0 -8
  123. package/src/tokens/mobile/components/camera/camera.json +34 -8
  124. package/src/tokens/mobile/components/cards/cards.json +34 -8
  125. package/src/tokens/mobile/components/carousel/carousel.json +74 -2
  126. package/src/tokens/mobile/components/container/container.json +144 -14
  127. package/src/tokens/mobile/components/fileupload/fileupload.json +1 -1
  128. package/src/tokens/mobile/components/form-controls/form-controls.json +200 -56
  129. package/src/tokens/mobile/components/label/label.json +219 -21
  130. package/src/tokens/mobile/components/list/list.json +45 -135
  131. package/src/tokens/mobile/components/lottie/lottie.json +40 -7
  132. package/src/tokens/mobile/components/modal-dialog/modal-dialog.json +116 -54
  133. package/src/tokens/mobile/components/nav/nav.json +38 -83
  134. package/src/tokens/mobile/components/navbar/navbar.json +61 -0
  135. package/src/tokens/mobile/components/navitem/navitem.json +521 -0
  136. package/src/tokens/mobile/components/panel/panel.json +114 -84
  137. package/src/tokens/mobile/components/panel-footer/panel-footer.json +116 -0
  138. package/src/tokens/mobile/components/picture/picture.json +2 -6
  139. package/src/tokens/mobile/components/popover/popover.json +102 -18
  140. package/src/tokens/mobile/components/search/search.json +133 -9
  141. package/src/tokens/mobile/components/switch/switch.json +47 -2
  142. package/src/tokens/mobile/components/tabbar/tabbar.json +29 -11
  143. package/src/tokens/mobile/components/tabs/tabs.json +72 -32
  144. package/src/tokens/mobile/components/tile/tile.json +18 -2
  145. package/src/tokens/mobile/components/toggle/toggle.json +68 -0
  146. package/src/tokens/mobile/components/webview/webview.json +45 -4
  147. package/src/tokens/mobile/global/box-shadow/box-shadow.json +6 -0
  148. package/src/tokens/mobile/global/font/font.json +33 -0
  149. package/src/tokens/mobile/global/opacity/opacity.json +2 -3
  150. package/src/tokens/web/components/button/button.json +1 -1
  151. package/src/tokens/web/components/calendar/Token.Readme.md +55 -22
  152. package/src/tokens/web/components/calendar/calendar.json +422 -152
  153. package/src/tokens/web/components/cards/cards.json +5 -5
  154. package/src/tokens/web/components/checkbox/Token.Readme.md +1 -0
  155. package/src/tokens/web/components/checkbox/checkbox.json +8 -0
  156. package/src/tokens/web/components/data-table/data-table.json +27 -2
  157. package/src/tokens/web/components/dropdown-menu/dropdown-menu.json +2 -2
  158. package/src/tokens/web/components/form-controls/Token.Readme.md +1 -0
  159. package/src/tokens/web/components/form-controls/form-controls.json +19 -2
  160. package/src/tokens/web/components/iconbutton-toggleable/Readme.md +17 -0
  161. package/src/tokens/web/components/iconbutton-toggleable/Token.Readme.md +19 -0
  162. package/src/tokens/web/components/iconbutton-toggleable/iconbutton-toggleable.json +557 -0
  163. package/src/tokens/web/components/page-content/page-content.json +1 -1
  164. package/src/tokens/web/components/page-left-nav/page-left-nav.json +1 -1
  165. package/src/tokens/web/components/page-right-nav/Readme.md +4 -4
  166. package/src/tokens/web/components/page-right-nav/page-right-nav.json +4 -4
  167. package/src/tokens/web/components/popover/Token.Readme.md +3 -2
  168. package/src/tokens/web/components/popover/popover.json +26 -16
  169. package/src/tokens/web/components/progress-circle/Token.Readme.md +6 -1
  170. package/src/tokens/web/components/progress-circle/progress-circle.json +40 -0
  171. package/src/tokens/web/components/rating/rating.json +2 -2
  172. package/src/tokens/web/components/slider/Token.Readme.md +24 -0
  173. package/src/tokens/web/components/slider/slider.json +153 -0
  174. package/src/tokens/web/components/switch/switch.json +1 -1
  175. package/src/tokens/web/components/tabs/Token.Readme.md +4 -0
  176. package/src/tokens/web/components/tabs/tabs.json +33 -1
  177. package/src/tokens/web/global/elevation/elevation.json +5 -5
  178. package/src/utils/style-dictionary-utils.js +25 -40
  179. package/src/utils/style-dictionary-utils.js.map +1 -1
  180. package/web.index.js +21 -2
  181. package/web.index.js.map +1 -1
  182. package/cjs/src_tokens_mobile_components_page-layout_page-layout_json.foundation-css.cjs +0 -14
  183. package/cjs/src_tokens_mobile_components_pagination_pagination_json.foundation-css.cjs +0 -14
  184. package/cjs/src_tokens_mobile_components_richtext-editor_richtext-editor_json.foundation-css.cjs +0 -14
  185. package/src/styles/mobile/components/variables/button-group.variant.less +0 -7
  186. package/src/tokens/mobile/components/page-layout/page-layout.json +0 -738
  187. package/src/tokens/mobile/components/pagination/pagination.json +0 -250
  188. package/src/tokens/mobile/components/richtext-editor/richtext-editor.json +0 -546
package/src/tokens/mobile/components/pagination/pagination.json DELETED
@@ -1,250 +0,0 @@
1
- {
2
- "pagination": {
3
- "item": {
4
- "padding": {
5
- "value": "{space.1.value} {space.1.value}",
6
- "type": "space"
7
- },
8
- "gap": {
9
- "@": {
10
- "value": "{space.1.value}",
11
- "type": "space"
12
- }
13
- }
14
- },
15
- "page": {
16
- "item": {
17
- "link": {
18
- "color": {
19
- "value": "{color.on-surface.@.value}",
20
- "type": "color"
21
- },
22
- "height": {
23
- "value": "32px",
24
- "type": "space"
25
- },
26
- "width": {
27
- "value": "32px",
28
- "type": "space"
29
- },
30
- "padding": {
31
- "value": "{space.2.value}",
32
- "type": "space"
33
- },
34
- "radius": {
35
- "value": "{radius.xs.value}",
36
- "type": "radius"
37
- },
38
- "active": {
39
- "background": {
40
- "value": "{color.primary.@.value}",
41
- "type": "color"
42
- },
43
- "color": {
44
- "value": "{color.on-primary.@.value}",
45
- "type": "color"
46
- },
47
- "font-weight": {
48
- "value": "{label.medium.font-weight.value}",
49
- "type": "font"
50
- }
51
- },
52
- "hover": {
53
- "background": {
54
- "value": "{color.primary.container.@.value}",
55
- "type": "color"
56
- }
57
- }
58
- },
59
- "icon": {
60
- "size": {
61
- "value": "{icon.size.sm.value}",
62
- "type": "space"
63
- }
64
- },
65
- "totalcount": {
66
- "color": {
67
- "value": "{color.on-surface.@.value}",
68
- "type": "color"
69
- }
70
- }
71
- }
72
- },
73
- "pager": {
74
- "link": {
75
- "elevation": {
76
- "value": "0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15)",
77
- "type": "radius"
78
- },
79
- "radius": {
80
- "value": "{radius.pill.value}",
81
- "type": "radius"
82
- },
83
- "padding": {
84
- "value": "{space.2.value} {space.6.value}",
85
- "type": "space"
86
- },
87
- "background": {
88
- "value": "transparent",
89
- "type": "color"
90
- },
91
- "border": {
92
- "color": {
93
- "value": "{color.primary.@.value}",
94
- "type": "color"
95
- },
96
- "width": {
97
- "value": "{border.width.base.value}",
98
- "type": "space"
99
- },
100
- "style": {
101
- "value": "{border.style.base.value}",
102
- "type": "radius"
103
- }
104
- },
105
- "min": {
106
- "width": {
107
- "value": "auto",
108
- "type": "space"
109
- },
110
- "height": {
111
- "value": "32px",
112
- "type": "space"
113
- }
114
- },
115
- "gap": {
116
- "value": "{space.2.value}",
117
- "type": "space"
118
- },
119
- "color": {
120
- "value": "{color.on-surface.@.value}",
121
- "type": "color"
122
- }
123
- },
124
- "previous": {
125
- "link": {
126
- "background": {
127
- "value": "transparent",
128
- "type": "color"
129
- },
130
- "color": {
131
- "value": "{color.primary.@.value}",
132
- "type": "color"
133
- }
134
- }
135
- },
136
- "next": {
137
- "link": {
138
- "color": {
139
- "value": "{color.on-primary.@.value}",
140
- "type": "color"
141
- },
142
- "background": {
143
- "value": "{color.primary.@.value}",
144
- "type": "color"
145
- }
146
- }
147
- },
148
- "state": {
149
- "previous": {
150
- "link": {
151
- "background": {
152
- "value": "{color.primary.@.value}",
153
- "type": "color"
154
- },
155
- "focus": {
156
- "background": {
157
- "value": "{opacity.focus.value}",
158
- "type": "radius"
159
- }
160
- },
161
- "hover": {
162
- "background": {
163
- "value": "{opacity.hover.value}",
164
- "type": "radius"
165
- }
166
- },
167
- "active": {
168
- "background": {
169
- "value": "{opacity.active.value}",
170
- "type": "radius"
171
- }
172
- }
173
- }
174
- },
175
- "next": {
176
- "link": {
177
- "focus": {
178
- "background": {
179
- "value": "{opacity.focus.value}",
180
- "type": "radius"
181
- }
182
- },
183
- "hover": {
184
- "background": {
185
- "value": "{opacity.hover.value}",
186
- "type": "radius"
187
- }
188
- },
189
- "active": {
190
- "background": {
191
- "value": "{opacity.active.value}",
192
- "type": "radius"
193
- }
194
- },
195
- "background": {
196
- "value": "{color.on-primary.@.value}",
197
- "type": "color"
198
- }
199
- }
200
- }
201
- },
202
- "gap": {
203
- "value": "{space.2.value}",
204
- "type": "space"
205
- }
206
- },
207
- "pagecount": {
208
- "input": {
209
- "height": {
210
- "value": "32px",
211
- "type": "space"
212
- },
213
- "width": {
214
- "value": "48px",
215
- "type": "space"
216
- },
217
- "padding": {
218
- "value": "{space.1.value}",
219
- "type": "space"
220
- }
221
- }
222
- }
223
- },
224
- "horizontal": {
225
- "page": {
226
- "slider": {
227
- "padding": {
228
- "value": "{space.1.value}",
229
- "type": "space"
230
- },
231
- "gap": {
232
- "value": "{space.1.value}",
233
- "type": "space"
234
- },
235
- "anchor": {
236
- "width": {
237
- "value": "32px",
238
- "type": "space"
239
- },
240
- "icon": {
241
- "size": {
242
- "value": "{icon.size.sm.value}",
243
- "type": "space"
244
- }
245
- }
246
- }
247
- }
248
- }
249
- }
250
- }