@wavemaker/foundation-css 11.14.1-rc.6311 → 11.14.2-1.6423

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 (397) hide show
  1. package/cjs/foundation-css.cjs +5811 -5462
  2. package/cjs/src_tokens_mobile_components_accordion_accordion_json.foundation-css.cjs +4 -4
  3. package/cjs/src_tokens_mobile_components_anchor_anchor_json.foundation-css.cjs +4 -4
  4. package/cjs/src_tokens_mobile_components_audio_audio_json.foundation-css.cjs +4 -4
  5. package/cjs/src_tokens_mobile_components_badge_badge_json.foundation-css.cjs +3 -3
  6. package/cjs/src_tokens_mobile_components_barcodescanner_barcodescanner_json.foundation-css.cjs +4 -4
  7. package/cjs/src_tokens_mobile_components_bottomsheet_bottomsheet_json.foundation-css.cjs +4 -4
  8. package/cjs/src_tokens_mobile_components_breadcrumb_breadcrumb_json.foundation-css.cjs +3 -3
  9. package/cjs/src_tokens_mobile_components_button-group_button-group_json.foundation-css.cjs +4 -4
  10. package/cjs/src_tokens_mobile_components_button_button_json.foundation-css.cjs +4 -4
  11. package/cjs/src_tokens_mobile_components_calendar_calendar_json.foundation-css.cjs +4 -4
  12. package/cjs/src_tokens_mobile_components_camera_camera_json.foundation-css.cjs +4 -4
  13. package/cjs/src_tokens_mobile_components_cards_cards_json.foundation-css.cjs +4 -4
  14. package/cjs/src_tokens_mobile_components_carousel_carousel_json.foundation-css.cjs +4 -4
  15. package/cjs/src_tokens_mobile_components_checkbox_checkbox_json.foundation-css.cjs +4 -4
  16. package/cjs/src_tokens_mobile_components_checkboxset_checkboxset_json.foundation-css.cjs +4 -4
  17. package/cjs/src_tokens_mobile_components_chips_chips_json.foundation-css.cjs +4 -4
  18. package/cjs/src_tokens_mobile_components_container_container_json.foundation-css.cjs +4 -4
  19. package/cjs/src_tokens_mobile_components_currency_currency_json.foundation-css.cjs +3 -3
  20. package/cjs/src_tokens_mobile_components_datetime_datetime_json.foundation-css.cjs +4 -4
  21. package/cjs/src_tokens_mobile_components_dropdown-menu_dropdown-menu_json.foundation-css.cjs +4 -4
  22. package/cjs/src_tokens_mobile_components_fileupload_fileupload_json.foundation-css.cjs +4 -4
  23. package/cjs/src_tokens_mobile_components_form-controls_form-controls_json.foundation-css.cjs +14 -0
  24. package/cjs/src_tokens_mobile_components_form-wrapper_form-wrapper_json.foundation-css.cjs +14 -0
  25. package/cjs/src_tokens_mobile_components_grid-layout_grid-layout_json.foundation-css.cjs +3 -3
  26. package/cjs/src_tokens_mobile_components_icon_icon_json.foundation-css.cjs +4 -4
  27. package/cjs/src_tokens_mobile_components_label_label_json.foundation-css.cjs +4 -4
  28. package/cjs/src_tokens_mobile_components_left-nav_left-nav_json.foundation-css.cjs +4 -4
  29. package/cjs/src_tokens_mobile_components_list_list_json.foundation-css.cjs +4 -4
  30. package/cjs/src_tokens_mobile_components_login_login_json.foundation-css.cjs +4 -4
  31. package/cjs/src_tokens_mobile_components_lottie_lottie_json.foundation-css.cjs +4 -4
  32. package/cjs/src_tokens_mobile_components_message_message_json.foundation-css.cjs +4 -4
  33. package/cjs/src_tokens_mobile_components_modal-dialog_modal-dialog_json.foundation-css.cjs +4 -4
  34. package/cjs/src_tokens_mobile_components_nav_nav_json.foundation-css.cjs +4 -4
  35. package/cjs/src_tokens_mobile_components_navbar_navbar_json.foundation-css.cjs +14 -0
  36. package/cjs/src_tokens_mobile_components_page-content_page-content_json.foundation-css.cjs +4 -4
  37. package/cjs/src_tokens_mobile_components_page-layout_page-layout_json.foundation-css.cjs +3 -3
  38. package/cjs/src_tokens_mobile_components_pagination_pagination_json.foundation-css.cjs +3 -3
  39. package/cjs/src_tokens_mobile_components_panel_panel_json.foundation-css.cjs +4 -4
  40. package/cjs/src_tokens_mobile_components_picture_picture_json.foundation-css.cjs +4 -4
  41. package/cjs/src_tokens_mobile_components_popover_popover_json.foundation-css.cjs +4 -4
  42. package/cjs/src_tokens_mobile_components_progress-bar_progress-bar_json.foundation-css.cjs +4 -4
  43. package/cjs/src_tokens_mobile_components_progress-circle_progress-circle_json.foundation-css.cjs +4 -4
  44. package/cjs/src_tokens_mobile_components_radioset_radioset_json.foundation-css.cjs +4 -4
  45. package/cjs/src_tokens_mobile_components_rating_rating_json.foundation-css.cjs +4 -4
  46. package/cjs/src_tokens_mobile_components_richtext-editor_richtext-editor_json.foundation-css.cjs +3 -3
  47. package/cjs/src_tokens_mobile_components_scrollbar_scrollbar_json.foundation-css.cjs +3 -3
  48. package/cjs/src_tokens_mobile_components_search_search_json.foundation-css.cjs +4 -4
  49. package/cjs/src_tokens_mobile_components_select_select_json.foundation-css.cjs +4 -4
  50. package/cjs/src_tokens_mobile_components_slider_slider_json.foundation-css.cjs +4 -4
  51. package/cjs/src_tokens_mobile_components_spinner_spinner_json.foundation-css.cjs +4 -4
  52. package/cjs/src_tokens_mobile_components_switch_switch_json.foundation-css.cjs +4 -4
  53. package/cjs/src_tokens_mobile_components_tabbar_tabbar_json.foundation-css.cjs +4 -4
  54. package/cjs/src_tokens_mobile_components_tabs_tabs_json.foundation-css.cjs +4 -4
  55. package/cjs/src_tokens_mobile_components_textarea_textarea_json.foundation-css.cjs +4 -4
  56. package/cjs/src_tokens_mobile_components_tile_tile_json.foundation-css.cjs +4 -4
  57. package/cjs/src_tokens_mobile_components_toast_toast_json.foundation-css.cjs +3 -3
  58. package/cjs/src_tokens_mobile_components_toggle_toggle_json.foundation-css.cjs +4 -4
  59. package/cjs/src_tokens_mobile_components_video_video_json.foundation-css.cjs +4 -4
  60. package/cjs/src_tokens_mobile_components_webview_webview_json.foundation-css.cjs +4 -4
  61. package/cjs/src_tokens_mobile_components_wizard_wizard_json.foundation-css.cjs +4 -4
  62. package/cjs/src_tokens_web_components_accordion_accordion_json.foundation-css.cjs +4 -4
  63. package/cjs/src_tokens_web_components_anchor_anchor_json.foundation-css.cjs +4 -4
  64. package/cjs/src_tokens_web_components_audio_audio_json.foundation-css.cjs +4 -4
  65. package/cjs/src_tokens_web_components_badge_badge_json.foundation-css.cjs +4 -4
  66. package/cjs/src_tokens_web_components_breadcrumb_breadcrumb_json.foundation-css.cjs +4 -4
  67. package/cjs/src_tokens_web_components_button-group_button-group_json.foundation-css.cjs +4 -4
  68. package/cjs/src_tokens_web_components_button_button_json.foundation-css.cjs +4 -4
  69. package/cjs/src_tokens_web_components_calendar_calendar_json.foundation-css.cjs +4 -4
  70. package/cjs/src_tokens_web_components_cards_cards_json.foundation-css.cjs +4 -4
  71. package/cjs/src_tokens_web_components_carousel_carousel_json.foundation-css.cjs +4 -4
  72. package/cjs/src_tokens_web_components_checkbox_checkbox_json.foundation-css.cjs +4 -4
  73. package/cjs/src_tokens_web_components_checkboxset_checkboxset_json.foundation-css.cjs +4 -4
  74. package/cjs/src_tokens_web_components_chips_chips_json.foundation-css.cjs +4 -4
  75. package/cjs/src_tokens_web_components_color-picker_color-picker_json.foundation-css.cjs +4 -4
  76. package/cjs/src_tokens_web_components_container_container_json.foundation-css.cjs +4 -4
  77. package/cjs/src_tokens_web_components_currency_currency_json.foundation-css.cjs +4 -4
  78. package/cjs/src_tokens_web_components_data-table_data-table_json.foundation-css.cjs +4 -4
  79. package/cjs/src_tokens_web_components_date_date_json.foundation-css.cjs +4 -4
  80. package/cjs/src_tokens_web_components_dropdown-menu_dropdown-menu_json.foundation-css.cjs +4 -4
  81. package/cjs/src_tokens_web_components_fileupload_fileupload_json.foundation-css.cjs +4 -4
  82. package/cjs/src_tokens_web_components_form-controls_form-controls_json.foundation-css.cjs +4 -4
  83. package/cjs/src_tokens_web_components_grid-layout_grid-layout_json.foundation-css.cjs +4 -4
  84. package/cjs/src_tokens_web_components_icon_icon_json.foundation-css.cjs +4 -4
  85. package/cjs/src_tokens_web_components_iframe_iframe_json.foundation-css.cjs +4 -4
  86. package/cjs/src_tokens_web_components_label_label_json.foundation-css.cjs +4 -4
  87. package/cjs/src_tokens_web_components_list_list_json.foundation-css.cjs +4 -4
  88. package/cjs/src_tokens_web_components_message_message_json.foundation-css.cjs +4 -4
  89. package/cjs/src_tokens_web_components_modal-dialog_modal-dialog_json.foundation-css.cjs +4 -4
  90. package/cjs/src_tokens_web_components_nav_nav_json.foundation-css.cjs +4 -4
  91. package/cjs/src_tokens_web_components_page-content_page-content_json.foundation-css.cjs +4 -4
  92. package/cjs/src_tokens_web_components_page-footer_page-footer_json.foundation-css.cjs +4 -4
  93. package/cjs/src_tokens_web_components_page-header_page-header_json.foundation-css.cjs +4 -4
  94. package/cjs/src_tokens_web_components_page-left-nav_page-left-nav_json.foundation-css.cjs +4 -4
  95. package/cjs/src_tokens_web_components_page-right-nav_page-right-nav_json.foundation-css.cjs +4 -4
  96. package/cjs/src_tokens_web_components_page-top-nav_page-top-nav_json.foundation-css.cjs +4 -4
  97. package/cjs/src_tokens_web_components_pagination_pagination_json.foundation-css.cjs +4 -4
  98. package/cjs/src_tokens_web_components_panel_panel_json.foundation-css.cjs +4 -4
  99. package/cjs/src_tokens_web_components_picture_picture_json.foundation-css.cjs +4 -4
  100. package/cjs/src_tokens_web_components_popover_popover_json.foundation-css.cjs +4 -4
  101. package/cjs/src_tokens_web_components_progress-bar_progress-bar_json.foundation-css.cjs +4 -4
  102. package/cjs/src_tokens_web_components_progress-circle_progress-circle_json.foundation-css.cjs +4 -4
  103. package/cjs/src_tokens_web_components_radioset_radioset_json.foundation-css.cjs +4 -4
  104. package/cjs/src_tokens_web_components_rating_rating_json.foundation-css.cjs +4 -4
  105. package/cjs/src_tokens_web_components_richtext-editor_richtext-editor_json.foundation-css.cjs +4 -4
  106. package/cjs/src_tokens_web_components_scrollbar_scrollbar_json.foundation-css.cjs +4 -4
  107. package/cjs/src_tokens_web_components_search_search_json.foundation-css.cjs +4 -4
  108. package/cjs/src_tokens_web_components_spinner_spinner_json.foundation-css.cjs +4 -4
  109. package/cjs/src_tokens_web_components_switch_switch_json.foundation-css.cjs +4 -4
  110. package/cjs/src_tokens_web_components_tabs_tabs_json.foundation-css.cjs +4 -4
  111. package/cjs/src_tokens_web_components_tile_tile_json.foundation-css.cjs +4 -4
  112. package/cjs/src_tokens_web_components_time_time_json.foundation-css.cjs +4 -4
  113. package/cjs/src_tokens_web_components_toast_toast_json.foundation-css.cjs +4 -4
  114. package/cjs/src_tokens_web_components_toggle_toggle_json.foundation-css.cjs +4 -4
  115. package/cjs/src_tokens_web_components_video_video_json.foundation-css.cjs +4 -4
  116. package/cjs/src_tokens_web_components_wizard_wizard_json.foundation-css.cjs +4 -4
  117. package/foundation/foundation.css +2 -2
  118. package/foundation/foundation.min.css +1 -1
  119. package/native_mobile.index.d.ts +27 -2
  120. package/native_mobile.index.js +39 -5
  121. package/native_mobile.index.js.map +1 -1
  122. package/npm-shrinkwrap.json +409 -111
  123. package/package-lock.json +409 -111
  124. package/package.json +1 -1
  125. package/src/styles/mobile/components/basic/icon.less +4 -4
  126. package/src/styles/mobile/components/basic/progress-bar.less +2 -2
  127. package/src/styles/mobile/components/basic/progress-circle.less +3 -0
  128. package/src/styles/mobile/components/basic/search.less +3 -3
  129. package/src/styles/mobile/components/container/accordion.less +41 -17
  130. package/src/styles/mobile/components/container/panel.less +4 -1
  131. package/src/styles/mobile/components/container/tabs/tab-header.less +3 -6
  132. package/src/styles/mobile/components/container/tile.less +1 -1
  133. package/src/styles/mobile/components/container/wizard.less +2 -2
  134. package/src/styles/mobile/components/container.less +45 -6
  135. package/src/styles/mobile/components/data/card.less +1 -6
  136. package/src/styles/mobile/components/data/form.less +160 -104
  137. package/src/styles/mobile/components/data/list.less +10 -44
  138. package/src/styles/mobile/components/input/checkbox.less +3 -10
  139. package/src/styles/mobile/components/input/checkboxset.less +1 -9
  140. package/src/styles/mobile/components/input/chips.less +4 -4
  141. package/src/styles/mobile/components/input/radioset.less +2 -6
  142. package/src/styles/mobile/components/input/toggle.less +5 -5
  143. package/src/styles/mobile/components/navigation/appnavbar.less +53 -17
  144. package/src/styles/mobile/components/navigation/menu.less +5 -1
  145. package/src/styles/mobile/components/navigation/popover.less +26 -0
  146. package/src/styles/mobile/components/page/page-content.less +1 -1
  147. package/src/styles/mobile/components/tokens.light.css +135 -102
  148. package/src/styles/mobile/components/variables/accordion.variant.less +7 -1
  149. package/src/styles/mobile/components/variables/button.variant.less +1 -1
  150. package/src/styles/mobile/components/variables/checkbox.variant.less +3 -2
  151. package/src/styles/mobile/components/variables/checkboxset.variant.less +4 -1
  152. package/src/styles/mobile/components/variables/chips.variant.less +2 -1
  153. package/src/styles/mobile/components/variables/container.variant.less +6 -6
  154. package/src/styles/mobile/components/variables/form-controls.variant.less +14 -0
  155. package/src/styles/mobile/components/variables/radioset.variant.less +2 -1
  156. package/src/styles/mobile/components/variables/tabbar.variant.less +3 -1
  157. package/src/styles/mobile/components/variables/tabs.variant.less +7 -2
  158. package/src/styles/mobile/components/variables/toggle.variant.less +2 -1
  159. package/src/styles/mobile/components/variables/wizard.variant.less +4 -1
  160. package/src/styles/mobile/studio/advanced/login.less +8 -5
  161. package/src/styles/mobile/studio/advanced/styles.less +2 -0
  162. package/src/styles/mobile/studio/basic/anchor.less +15 -4
  163. package/src/styles/mobile/studio/basic/{buttongroup.less → button-group.less} +18 -19
  164. package/src/styles/mobile/studio/basic/button.less +20 -2
  165. package/src/styles/mobile/studio/basic/icon.less +21 -0
  166. package/src/styles/mobile/studio/basic/label.less +28 -0
  167. package/src/styles/mobile/studio/basic/message.less +34 -5
  168. package/src/styles/mobile/studio/basic/progress-bar.less +6 -0
  169. package/src/styles/mobile/studio/basic/progress-circle.less +9 -0
  170. package/src/styles/mobile/studio/basic/search.less +30 -6
  171. package/src/styles/mobile/studio/basic/spinner.less +6 -0
  172. package/src/styles/mobile/studio/basic/styles.less +11 -0
  173. package/src/styles/mobile/studio/container/accordion.less +26 -0
  174. package/src/styles/mobile/studio/container/container.less +18 -0
  175. package/src/styles/mobile/studio/container/grid.less +8 -0
  176. package/src/styles/mobile/studio/container/panel.less +46 -0
  177. package/src/styles/mobile/studio/container/styles.less +6 -0
  178. package/src/styles/mobile/studio/container/tabs.less +113 -0
  179. package/src/styles/mobile/studio/container/tile.less +7 -0
  180. package/src/styles/mobile/studio/container/wizard.less +3 -1
  181. package/src/styles/mobile/studio/data/card.less +25 -0
  182. package/src/styles/mobile/studio/data/form.less +22 -0
  183. package/src/styles/mobile/studio/data/list.less +3 -0
  184. package/src/styles/mobile/studio/data/styles.less +3 -0
  185. package/src/styles/mobile/studio/device/barcode.less +23 -0
  186. package/src/styles/mobile/studio/device/camera.less +4 -0
  187. package/src/styles/mobile/studio/device/styles.less +2 -0
  188. package/src/styles/mobile/studio/dialogs/alert-dialog.less +10 -0
  189. package/src/styles/mobile/studio/dialogs/base-dialog.less +31 -0
  190. package/src/styles/mobile/studio/dialogs/confirm-dialog.less +26 -0
  191. package/src/styles/mobile/studio/dialogs/styles.less +3 -0
  192. package/src/styles/mobile/studio/input/calendar.less +8 -0
  193. package/src/styles/mobile/studio/input/checkbox.less +64 -89
  194. package/src/styles/mobile/studio/input/checkboxset.less +61 -98
  195. package/src/styles/mobile/studio/input/chips.less +11 -0
  196. package/src/styles/mobile/studio/input/currency.less +16 -0
  197. package/src/styles/mobile/studio/input/date.less +7 -0
  198. package/src/styles/mobile/studio/input/epoch/datetime-picker-modal.less +7 -7
  199. package/src/styles/mobile/studio/input/form.less +143 -74
  200. package/src/styles/mobile/studio/input/number.less +6 -0
  201. package/src/styles/mobile/studio/input/radioset.less +1 -6
  202. package/src/styles/mobile/studio/input/rating.less +19 -12
  203. package/src/styles/mobile/studio/input/select.less +6 -0
  204. package/src/styles/mobile/studio/input/slider.less +49 -0
  205. package/src/styles/mobile/studio/input/styles.less +17 -0
  206. package/src/styles/mobile/studio/input/switch.less +12 -3
  207. package/src/styles/mobile/studio/input/text.less +6 -0
  208. package/src/styles/mobile/studio/input/textarea.less +5 -0
  209. package/src/styles/mobile/studio/input/toggle.less +10 -7
  210. package/src/styles/mobile/studio/layouts/appnavbar.less +71 -0
  211. package/src/styles/mobile/studio/layouts/content.less +5 -0
  212. package/src/styles/mobile/studio/layouts/page-content.less +11 -0
  213. package/src/styles/mobile/studio/layouts/page.less +5 -0
  214. package/src/styles/mobile/studio/layouts/styles.less +5 -0
  215. package/src/styles/mobile/studio/layouts/tabbar.less +36 -0
  216. package/src/styles/mobile/studio/navigation/menu.less +19 -17
  217. package/src/styles/mobile/studio/navigation/nav.less +3 -0
  218. package/src/styles/mobile/studio/navigation/popover.less +3 -0
  219. package/src/styles/mobile/studio/navigation/styles.less +3 -0
  220. package/src/styles/mobile/studio/styles.less +17 -24
  221. package/src/tokens/mobile/components/accordion/accordion.json +216 -36
  222. package/src/tokens/mobile/components/anchor/anchor.json +60 -12
  223. package/src/tokens/mobile/components/audio/audio.json +5 -1
  224. package/src/tokens/mobile/components/barcodescanner/barcodescanner.json +85 -17
  225. package/src/tokens/mobile/components/bottomsheet/bottomsheet.json +95 -19
  226. package/src/tokens/mobile/components/button/button.json +175 -36
  227. package/src/tokens/mobile/components/button-group/button-group.json +15 -3
  228. package/src/tokens/mobile/components/calendar/calendar.json +185 -37
  229. package/src/tokens/mobile/components/camera/camera.json +40 -8
  230. package/src/tokens/mobile/components/cards/cards.json +50 -10
  231. package/src/tokens/mobile/components/carousel/carousel.json +145 -29
  232. package/src/tokens/mobile/components/checkbox/checkbox.json +112 -24
  233. package/src/tokens/mobile/components/checkboxset/checkboxset.json +177 -33
  234. package/src/tokens/mobile/components/chips/chips.json +231 -47
  235. package/src/tokens/mobile/components/container/container.json +105 -29
  236. package/src/tokens/mobile/components/datetime/datetime.json +115 -23
  237. package/src/tokens/mobile/components/dropdown-menu/dropdown-menu.json +160 -25
  238. package/src/tokens/mobile/components/fileupload/fileupload.json +60 -12
  239. package/src/tokens/mobile/components/form-controls/form-controls.json +263 -0
  240. package/src/tokens/mobile/components/form-wrapper/form-wrapper.json +369 -0
  241. package/src/tokens/mobile/components/icon/icon.json +30 -6
  242. package/src/tokens/mobile/components/label/label.json +65 -13
  243. package/src/tokens/mobile/components/left-nav/left-nav.json +30 -6
  244. package/src/tokens/mobile/components/list/list.json +107 -145
  245. package/src/tokens/mobile/components/login/login.json +40 -8
  246. package/src/tokens/mobile/components/lottie/lottie.json +10 -2
  247. package/src/tokens/mobile/components/message/message.json +115 -23
  248. package/src/tokens/mobile/components/modal-dialog/modal-dialog.json +135 -27
  249. package/src/tokens/mobile/components/nav/nav.json +60 -12
  250. package/src/tokens/mobile/components/navbar/navbar.json +341 -0
  251. package/src/tokens/mobile/components/page-content/page-content.json +14 -2
  252. package/src/tokens/mobile/components/panel/panel.json +150 -54
  253. package/src/tokens/mobile/components/picture/picture.json +45 -9
  254. package/src/tokens/mobile/components/popover/popover.json +212 -25
  255. package/src/tokens/mobile/components/progress-bar/progress-bar.json +60 -12
  256. package/src/tokens/mobile/components/progress-circle/progress-circle.json +50 -4
  257. package/src/tokens/mobile/components/radioset/radioset.json +136 -28
  258. package/src/tokens/mobile/components/rating/rating.json +50 -10
  259. package/src/tokens/mobile/components/search/search.json +221 -45
  260. package/src/tokens/mobile/components/select/select.json +80 -16
  261. package/src/tokens/mobile/components/slider/slider.json +55 -11
  262. package/src/tokens/mobile/components/spinner/spinner.json +45 -9
  263. package/src/tokens/mobile/components/switch/switch.json +80 -16
  264. package/src/tokens/mobile/components/tabbar/tabbar.json +161 -33
  265. package/src/tokens/mobile/components/tabs/tabs.json +158 -36
  266. package/src/tokens/mobile/components/textarea/textarea.json +5 -1
  267. package/src/tokens/mobile/components/tile/tile.json +36 -8
  268. package/src/tokens/mobile/components/toggle/toggle.json +81 -17
  269. package/src/tokens/mobile/components/video/video.json +10 -2
  270. package/src/tokens/mobile/components/webview/webview.json +5 -1
  271. package/src/tokens/mobile/components/wizard/wizard.json +332 -64
  272. package/src/tokens/mobile/global/border-style/border-style.json +0 -42
  273. package/src/tokens/web/components/accordion/Token.Readme.md +30 -0
  274. package/src/tokens/web/components/accordion/accordion.json +113 -31
  275. package/src/tokens/web/components/anchor/Token.Readme.md +20 -0
  276. package/src/tokens/web/components/anchor/anchor.json +25 -13
  277. package/src/tokens/web/components/audio/Token.Readme.md +9 -0
  278. package/src/tokens/web/components/audio/audio.json +3 -2
  279. package/src/tokens/web/components/badge/Token.Readme.md +19 -0
  280. package/src/tokens/web/components/badge/badge.json +22 -11
  281. package/src/tokens/web/components/breadcrumb/Token.Readme.md +21 -0
  282. package/src/tokens/web/components/breadcrumb/breadcrumb.json +35 -22
  283. package/src/tokens/web/components/button/Token.Readme.md +29 -0
  284. package/src/tokens/web/components/button/button.json +53 -27
  285. package/src/tokens/web/components/button-group/Token.Readme.md +9 -0
  286. package/src/tokens/web/components/button-group/button-group.json +3 -2
  287. package/src/tokens/web/components/calendar/Token.Readme.md +30 -0
  288. package/src/tokens/web/components/calendar/calendar.json +45 -23
  289. package/src/tokens/web/components/cards/Token.Readme.md +22 -0
  290. package/src/tokens/web/components/cards/cards.json +29 -15
  291. package/src/tokens/web/components/carousel/Token.Readme.md +20 -0
  292. package/src/tokens/web/components/carousel/carousel.json +30 -15
  293. package/src/tokens/web/components/checkbox/Token.Readme.md +24 -0
  294. package/src/tokens/web/components/checkbox/checkbox.json +47 -24
  295. package/src/tokens/web/components/checkboxset/Token.Readme.md +9 -0
  296. package/src/tokens/web/components/checkboxset/checkboxset.json +2 -1
  297. package/src/tokens/web/components/chips/Token.Readme.md +43 -0
  298. package/src/tokens/web/components/chips/chips.json +71 -36
  299. package/src/tokens/web/components/color-picker/Token.Readme.md +10 -0
  300. package/src/tokens/web/components/color-picker/color-picker.json +5 -3
  301. package/src/tokens/web/components/container/Token.Readme.md +13 -0
  302. package/src/tokens/web/components/container/container.json +10 -5
  303. package/src/tokens/web/components/currency/Token.Readme.md +14 -0
  304. package/src/tokens/web/components/currency/currency.json +13 -7
  305. package/src/tokens/web/components/data-table/Token.Readme.md +54 -0
  306. package/src/tokens/web/components/data-table/data-table.json +95 -47
  307. package/src/tokens/web/components/date/Token.Readme.md +33 -0
  308. package/src/tokens/web/components/date/date.json +51 -26
  309. package/src/tokens/web/components/dropdown-menu/Token.Readme.md +25 -0
  310. package/src/tokens/web/components/dropdown-menu/dropdown-menu.json +34 -17
  311. package/src/tokens/web/components/fileupload/Token.Readme.md +44 -0
  312. package/src/tokens/web/components/fileupload/fileupload.json +73 -37
  313. package/src/tokens/web/components/form-controls/Token.Readme.md +47 -0
  314. package/src/tokens/web/components/form-controls/form-controls.json +81 -42
  315. package/src/tokens/web/components/grid-layout/Token.Readme.md +11 -0
  316. package/src/tokens/web/components/grid-layout/grid-layout.json +7 -4
  317. package/src/tokens/web/components/icon/Token.Readme.md +14 -0
  318. package/src/tokens/web/components/icon/icon.json +13 -7
  319. package/src/tokens/web/components/iframe/Token.Readme.md +10 -0
  320. package/src/tokens/web/components/iframe/iframe.json +5 -3
  321. package/src/tokens/web/components/label/Token.Readme.md +17 -0
  322. package/src/tokens/web/components/label/label.json +19 -10
  323. package/src/tokens/web/components/list/Token.Readme.md +19 -0
  324. package/src/tokens/web/components/list/list.json +25 -13
  325. package/src/tokens/web/components/message/Token.Readme.md +22 -0
  326. package/src/tokens/web/components/message/message.json +29 -15
  327. package/src/tokens/web/components/modal-dialog/Token.Readme.md +31 -0
  328. package/src/tokens/web/components/modal-dialog/modal-dialog.json +47 -24
  329. package/src/tokens/web/components/nav/Token.Readme.md +25 -0
  330. package/src/tokens/web/components/nav/nav.json +34 -17
  331. package/src/tokens/web/components/page-content/Token.Readme.md +9 -0
  332. package/src/tokens/web/components/page-content/page-content.json +3 -2
  333. package/src/tokens/web/components/page-footer/Token.Readme.md +18 -0
  334. package/src/tokens/web/components/page-footer/page-footer.json +21 -11
  335. package/src/tokens/web/components/page-header/Token.Readme.md +18 -0
  336. package/src/tokens/web/components/page-header/page-header.json +21 -11
  337. package/src/tokens/web/components/page-left-nav/Token.Readme.md +54 -0
  338. package/src/tokens/web/components/page-left-nav/page-left-nav.json +93 -47
  339. package/src/tokens/web/components/page-right-nav/Token.Readme.md +53 -0
  340. package/src/tokens/web/components/page-right-nav/page-right-nav.json +93 -47
  341. package/src/tokens/web/components/page-top-nav/Token.Readme.md +16 -0
  342. package/src/tokens/web/components/page-top-nav/page-top-nav.json +17 -9
  343. package/src/tokens/web/components/pagination/Token.Readme.md +35 -0
  344. package/src/tokens/web/components/pagination/pagination.json +61 -30
  345. package/src/tokens/web/components/panel/Token.Readme.md +39 -0
  346. package/src/tokens/web/components/panel/panel.json +75 -32
  347. package/src/tokens/web/components/picture/Token.Readme.md +16 -0
  348. package/src/tokens/web/components/picture/picture.json +17 -9
  349. package/src/tokens/web/components/popover/Token.Readme.md +33 -0
  350. package/src/tokens/web/components/popover/popover.json +51 -26
  351. package/src/tokens/web/components/progress-bar/Token.Readme.md +15 -0
  352. package/src/tokens/web/components/progress-bar/progress-bar.json +15 -8
  353. package/src/tokens/web/components/progress-circle/Token.Readme.md +11 -0
  354. package/src/tokens/web/components/progress-circle/progress-circle.json +7 -4
  355. package/src/tokens/web/components/radioset/Token.Readme.md +24 -0
  356. package/src/tokens/web/components/radioset/radioset.json +33 -17
  357. package/src/tokens/web/components/rating/Token.Readme.md +14 -0
  358. package/src/tokens/web/components/rating/rating.json +21 -11
  359. package/src/tokens/web/components/richtext-editor/Token.Readme.md +106 -0
  360. package/src/tokens/web/components/richtext-editor/richtext-editor.json +199 -99
  361. package/src/tokens/web/components/scrollbar/Token.Readme.md +15 -0
  362. package/src/tokens/web/components/scrollbar/scrollbar.json +15 -8
  363. package/src/tokens/web/components/search/Token.Readme.md +39 -0
  364. package/src/tokens/web/components/search/search.json +63 -32
  365. package/src/tokens/web/components/spinner/Token.Readme.md +15 -0
  366. package/src/tokens/web/components/spinner/spinner.json +15 -8
  367. package/src/tokens/web/components/switch/Token.Readme.md +20 -0
  368. package/src/tokens/web/components/switch/switch.json +25 -13
  369. package/src/tokens/web/components/tabs/Token.Readme.md +32 -0
  370. package/src/tokens/web/components/tabs/tabs.json +49 -25
  371. package/src/tokens/web/components/tile/Token.Readme.md +13 -0
  372. package/src/tokens/web/components/tile/tile.json +10 -5
  373. package/src/tokens/web/components/time/Token.Readme.md +37 -0
  374. package/src/tokens/web/components/time/time.json +63 -34
  375. package/src/tokens/web/components/toast/Token.Readme.md +35 -0
  376. package/src/tokens/web/components/toast/toast.json +55 -28
  377. package/src/tokens/web/components/toggle/Token.Readme.md +20 -0
  378. package/src/tokens/web/components/toggle/toggle.json +25 -13
  379. package/src/tokens/web/components/video/Token.Readme.md +10 -0
  380. package/src/tokens/web/components/video/video.json +5 -3
  381. package/src/tokens/web/components/wizard/Token.Readme.md +58 -0
  382. package/src/tokens/web/components/wizard/wizard.json +101 -51
  383. package/src/utils/style-dictionary-utils.d.ts +1 -1
  384. package/src/utils/style-dictionary-utils.js +44 -3
  385. package/src/utils/style-dictionary-utils.js.map +1 -1
  386. package/cjs/src_tokens_mobile_components_form-control_form-control_json.foundation-css.cjs +0 -14
  387. package/cjs/src_tokens_mobile_components_form-input_form-input_json.foundation-css.cjs +0 -14
  388. package/src/styles/mobile/components/variables/form-input.variant.less +0 -14
  389. package/src/styles/mobile/studio/container/tabs/tab-header.less +0 -34
  390. package/src/styles/mobile/studio/data/cards.less +0 -36
  391. package/src/styles/mobile/studio/device/barcodescanner.less +0 -3
  392. package/src/styles/mobile/studio/page/page-content.less +0 -4
  393. package/src/styles/mobile/studio/page/tabbar.less +0 -19
  394. package/src/styles/mobile/studio/slider.less +0 -27
  395. package/src/tokens/mobile/components/form-control/form-control.json +0 -217
  396. package/src/tokens/mobile/components/form-input/form-input.json +0 -153
  397. /package/src/styles/mobile/studio/advanced/{carousel/carousel.less → carousel.less} +0 -0
package/cjs/src_tokens_web_components_chips_chips_json.foundation-css.cjs CHANGED
@@ -1,14 +1,14 @@
1
1
  "use strict";
2
2
  (this["webpackChunk_wavemaker_foundation_css"] = this["webpackChunk_wavemaker_foundation_css"] || []).push([["src_tokens_web_components_chips_chips_json"],{
3
3
 
4
- /***/ "./src/tokens/web/components/chips/chips.json":
4
+ /***/ "./src/tokens/web/components/chips/chips.json"
5
5
  /*!****************************************************!*\
6
6
  !*** ./src/tokens/web/components/chips/chips.json ***!
7
7
  \****************************************************/
8
- /***/ ((module) => {
8
+ (module) {
9
9
 
10
- module.exports = /*#__PURE__*/JSON.parse('{"chips":{"meta":{"mapping":{"selector":{"web":".app-chips"},"states":{"hover":{"selector":{"web":".app-chips:has(.app-chip-search .form-control:hover)"}},"focus":{"selector":{"web":".app-chips:has(.app-chips .app-chip-search .form-control:focus)"}},"error":{"selector":{"web":".app-chips:has(.app-chip-search .form-control.ng-touched.ng-invalid)"}},"error-focus":{"selector":{"web":".app-chips:has(.app-chip-search .form-control.ng-touched.ng-invalid:focus)"}},"disabled":{"selector":{"web":".app-chips[disabled=\'true\']"}},"item-active":{"selector":{"web":".app-chips .chip-item.active"}},"chip-hover":{"selector":{"web":".app-chips .app-chip:hover :before"}},"chip-focus":{"selector":{"web":".app-chips .app-chip:focus :before"}},"chip-active":{"selector":{"web":".app-chips .app-chip:active :before, .app-chip:active :hover :before, .app-chip:active :focus :before"}}}},"appearances":{"filled":{"mapping":{"selector":{"web":".app-chips.filled"}},"variantGroups":{"status":{"default":{"selector":{"web":".default"}},"primary":{"selector":{"web":".primary"}},"secondary":{"selector":{"web":".secondary"}},"tertiary":{"selector":{"web":".tertiary"}}}}},"elevated":{"mapping":{"selector":{"web":".app-chips.elevated"}}}}},"mapping":{"border":{"width":{"value":"{form.mapping.control.border.width.@.value}","type":"radius","attributes":{"subtype":"border-width"}}},"background":{"value":"none","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.on-surface.variant.@.value}","type":"color","attributes":{"subtype":"color"}},"opacity":{"value":"1","type":"radius","attributes":{"subtype":"opacity"}},"cursor":{"value":"pointer","type":"radius","attributes":{"subtype":"cursor"}},"pointer-events":{"value":"all","type":"radius","attributes":{"subtype":"pointer-events"}},"shadow":{"value":"none","type":"radius","attributes":{"subtype":"elevation"}},"list":{"gap":{"value":"{space.3.value}","type":"space","attributes":{"subtype":"space"}},"icon":{"size":{"value":"{icon.size.sm.value}","type":"space","attributes":{"subtype":"icon-size"}}},"padding":{"value":"{form.mapping.control.padding.value}","type":"space","attributes":{"subtype":"space"}},"background":{"value":"none","type":"color","attributes":{"subtype":"color"}},"border":{"width":{"value":"{form.mapping.control.border.width.@.value}","type":"space","attributes":{"subtype":"border-width"}},"style":{"value":"{form.mapping.control.border.style.value}","type":"radius","attributes":{"subtype":"border-style"}},"color":{"value":"{form.mapping.control.border.color.value}","type":"color","attributes":{"subtype":"color"}},"radius":{"value":"{form.mapping.control.border.radius.value}","type":"radius","attributes":{"subtype":"radius"}}},"height":{"value":"{form.mapping.control.height.value}","type":"space","attributes":{"subtype":"space"}}},"input":{"padding":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"space"}}},"item":{"height":{"value":"32px","type":"space","attributes":{"subtype":"space"}},"padding":{"value":"{space.1.value} {space.3.value}","type":"space","attributes":{"subtype":"space"}},"gap":{"value":"{space.2.value}","type":"space","attributes":{"subtype":"space"}},"border":{"width":{"value":"{border.width.base.value}","type":"space","attributes":{"subtype":"border-width"}},"style":{"value":"{border.style.base.value}","type":"radius","attributes":{"subtype":"border-style"}},"color":{"value":"{color.outline.@.value}","type":"color","attributes":{"subtype":"color"}},"radius":{"@":{"value":"{radius.sm.value}","type":"radius","attributes":{"subtype":"radius"}},"with":{"icon":{"value":"{radius.sm.value}","type":"radius","attributes":{"subtype":"radius"}},"avatar":{"value":"{radius.pill.value}","type":"radius","attributes":{"subtype":"radius"}}}}},"font-family":{"value":"{label.large.font-family.value}","type":"font","attributes":{"subtype":"font-family"}},"font-weight":{"value":"{label.large.font-weight.value}","type":"font","attributes":{"subtype":"font-weight"}},"font-size":{"value":"{label.large.font-size.value}","type":"font","attributes":{"subtype":"font-size"}},"line-height":{"value":"{label.large.line-height.value}","type":"font","attributes":{"subtype":"line-height"}},"letter-spacing":{"value":"{label.large.letter-spacing.value}","type":"font","attributes":{"subtype":"letter-spacing"}},"layer":{"color":{"value":"{color.on-surface.variant.@.value}","type":"color","attributes":{"subtype":"color"}},"opacity":{"value":"0","type":"radius","attributes":{"subtype":"opacity"}}},"avatar":{"size":{"value":"{icon.size.@.value}","type":"space","attributes":{"subtype":"icon-size"}},"radius":{"value":"{radius.pill.value}","type":"radius","attributes":{"subtype":"radius"}}}},"states":{"hover":{"list":{"border":{"color":{"value":"{form.mapping.states.hover.control.border.color.value}","type":"color","attributes":{"subtype":"color"}}}}},"focus":{"list":{"border":{"color":{"value":"{form.mapping.states.focus.control.border.color.value}","type":"color","attributes":{"subtype":"color"}}}},"shadow":{"value":"inset 0 0 0 ~\\"calc({form.mapping.states.focus.control.border.width.value} - {form.mapping.control.border.width.@.value})\\" {color.error.@.value}","type":"radius","attributes":{"subtype":"elevation"}}},"error":{"list":{"border":{"color":{"value":"{form.mapping.states.error.control.border.color.value}","type":"color","attributes":{"subtype":"color"}}}}},"error-focus":{"shadow":{"value":"inset 0 0 0 ~\\"calc({form.mapping.states.focus.control.border.width.value} - {form.mapping.states.error.control.border.color.value})\\" {form.mapping.states.error.control.border.color.value}","type":"radius","attributes":{"subtype":"elevation"}}},"disabled":{"opacity":{"value":"0.38","type":"radius","attributes":{"subtype":"opacity"}},"cursor":{"value":"not-allowed","type":"radius","attributes":{"subtype":"cursor"}},"pointer-events":{"value":"none","type":"radius","attributes":{"subtype":"pointer-events"}}},"item-active":{"item":{"color":{"value":"{color.on-surface.variant.@.value}","type":"color","attributes":{"subtype":"color"}},"background":{"value":"{color.secondary.container.@.value}","type":"color","attributes":{"subtype":"color"}},"border":{"color":{"value":"{color.secondary.container.@.value}","type":"color","attributes":{"subtype":"color"}}}}},"chip-hover":{"item":{"layer":{"opacity":{"value":"{opacity.hover.value}","type":"radius","attributes":{"subtype":"opacity"}}}}},"chip-focus":{"item":{"layer":{"opacity":{"value":"{opacity.focus.value}","type":"radius","attributes":{"subtype":"opacity"}}}}},"chip-active":{"item":{"layer":{"opacity":{"value":"{opacity.active.value}","type":"radius","attributes":{"subtype":"opacity"}}}}}}},"appearances":{"filled":{"mapping":{"border":{"width":{"value":"0","type":"radius","attributes":{"subtype":"border-width"}}}},"variantGroups":{"status":{"default":{"background":{"value":"{color.surface.@.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.on-surface.@.value}","type":"color","attributes":{"subtype":"color"}}},"primary":{"background":{"value":"{color.primary.@.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.on-primary.@.value}","type":"color","attributes":{"subtype":"color"}}},"secondary":{"background":{"value":"{color.secondary.@.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.on-secondary.@.value}","type":"color","attributes":{"subtype":"color"}}},"tertiary":{"background":{"value":"{color.tertiary.@.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.on-tertiary.@.value}","type":"color","attributes":{"subtype":"color"}}}}}},"elevated":{"mapping":{"border":{"width":{"value":"0","type":"radius","attributes":{"subtype":"elevation"}}},"box-shadow":{"@":{"value":"{elevation.shadow.1.value}","type":"radius","attributes":{"subtype":"elevation"}}}}}}}}');
10
+ module.exports = /*#__PURE__*/JSON.parse('{"chips":{"meta":{"mapping":{"selector":{"web":".app-chips"},"states":{"hover":{"selector":{"web":".app-chips:has(.app-chip-search .form-control:hover)"}},"focus":{"selector":{"web":".app-chips:has(.app-chips .app-chip-search .form-control:focus)"}},"error":{"selector":{"web":".app-chips:has(.app-chip-search .form-control.ng-touched.ng-invalid)"}},"error-focus":{"selector":{"web":".app-chips:has(.app-chip-search .form-control.ng-touched.ng-invalid:focus)"}},"disabled":{"selector":{"web":".app-chips[disabled=\'true\']"}},"item-active":{"selector":{"web":".app-chips .chip-item.active"}},"chip-hover":{"selector":{"web":".app-chips .app-chip:hover :before"}},"chip-focus":{"selector":{"web":".app-chips .app-chip:focus :before"}},"chip-active":{"selector":{"web":".app-chips .app-chip:active :before, .app-chip:active :hover :before, .app-chip:active :focus :before"}}}},"appearances":{"filled":{"mapping":{"selector":{"web":".app-chips.filled"}},"variantGroups":{"status":{"default":{"selector":{"web":".default"}},"primary":{"selector":{"web":".primary"}},"secondary":{"selector":{"web":".secondary"}},"tertiary":{"selector":{"web":".tertiary"}}}}},"elevated":{"mapping":{"selector":{"web":".app-chips.elevated"}}}}},"mapping":{"border":{"width":{"value":"{form.mapping.control.border.width.@.value}","type":"radius","attributes":{"subtype":"border-width","description":"Controls the border width of the main chips container (the wrapper that holds all chips and the input field). This creates the outline around the entire chips component.<br>CSS variable: --wm-chips-border-width"}}},"background":{"value":"none","type":"color","attributes":{"subtype":"color","description":"Sets the background color of the main chips container (the wrapper that holds all chips and the input field). When set to \'none\', the container has no background color.<br>CSS variable: --wm-chips-background"}},"color":{"value":"{color.on-surface.variant.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the text color of individual chip items (the small pill-shaped elements). This affects the color of the text content inside each chip, not the container.<br>CSS variable: --wm-chips-color"}},"opacity":{"value":"1","type":"radius","attributes":{"subtype":"opacity","description":"Controls the overall transparency of the chips component. When set to 1, the component is fully opaque. Lower values make the entire component more transparent.<br>CSS variable: --wm-chips-opacity"}},"cursor":{"value":"pointer","type":"radius","attributes":{"subtype":"cursor","description":"Controls the mouse cursor style when hovering over the chips component. Acceptable values: pointer (hand cursor), default (arrow), not-allowed (blocked cursor).<br>CSS variable: --wm-chips-cursor"}},"pointer-events":{"value":"all","type":"radius","attributes":{"subtype":"pointer-events","description":"Controls whether the chips component can receive mouse/touch interactions. Acceptable values: all (fully interactive), none (not clickable), auto (browser default).<br>CSS variable: --wm-chips-pointer-events"}},"shadow":{"value":"none","type":"radius","attributes":{"subtype":"elevation","description":"Controls the drop shadow effect around the main chips container. This creates a subtle elevation effect that makes the chips component appear to float above the background.<br>CSS variable: --wm-chips-shadow"}},"list":{"gap":{"value":"{space.3.value}","type":"space","attributes":{"subtype":"space","description":"Controls the horizontal spacing between individual chip items (the small pill-shaped elements) within the chips container. This creates visual separation between each chip so users can easily distinguish between them.<br>CSS variable: --wm-chips-list-gap"}},"icon":{"size":{"value":"{icon.size.sm.value}","type":"space","attributes":{"subtype":"icon-size","description":"Controls the size of icons that appear within the chips container (like search icons or action icons). This affects icons that are part of the chips component interface, not icons inside individual chips.<br>CSS variable: --wm-chips-list-icon-size"}}},"padding":{"value":"{form.mapping.control.padding.value}","type":"space","attributes":{"subtype":"space","description":"Controls the internal spacing (padding) around the chips container (the wrapper that holds all chips and the input field). This creates breathing room between the container border and the chips/input inside.<br>CSS variable: --wm-chips-list-padding"}},"background":{"value":"none","type":"color","attributes":{"subtype":"color","description":"Sets the background color of the chips container (the wrapper that holds all chips and the input field). When set to \'none\', the container has no background color, making it transparent.<br>CSS variable: --wm-chips-list-background"}},"border":{"width":{"value":"{form.mapping.control.border.width.@.value}","type":"space","attributes":{"subtype":"border-width","description":"Controls the thickness of the border around the chips container (the wrapper that holds all chips and the input field). This creates the outline that defines the container shape.<br>CSS variable: --wm-chips-list-border-width"}},"style":{"value":"{form.mapping.control.border.style.value}","type":"radius","attributes":{"subtype":"border-style","description":"Controls the border style of the chips container. Acceptable values: solid (continuous line), dashed (dotted line), dotted (small dots), none (no border).<br>CSS variable: --wm-chips-list-border-style"}},"color":{"value":"{form.mapping.control.border.color.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of the border around the chips container (the wrapper that holds all chips and the input field). This determines the color of the outline that defines the container shape.<br>CSS variable: --wm-chips-list-border-color"}},"radius":{"value":"{form.mapping.control.border.radius.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the corner rounding of the chips container (the wrapper that holds all chips and the input field). This makes the container appear with rounded corners instead of sharp edges.<br>CSS variable: --wm-chips-list-border-radius"}}},"height":{"value":"{form.mapping.control.height.value}","type":"space","attributes":{"subtype":"space","description":"Controls the minimum height of the chips container (the wrapper that holds all chips and the input field). This ensures the container has a consistent height even when empty or with few chips.<br>CSS variable: --wm-chips-list-height"}}},"input":{"padding":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"space","description":"Controls the internal spacing (padding) around the input field where users type to add new chips. This creates breathing room between the input text and the input field border.<br>CSS variable: --wm-chips-input-padding"}}},"item":{"height":{"value":"32px","type":"space","attributes":{"subtype":"space","description":"Controls the height of individual chip items (the small pill-shaped elements). This determines how tall each chip appears visually. Acceptable units: px, em, rem.<br>CSS variable: --wm-chips-item-height"}},"padding":{"value":"{space.1.value} {space.3.value}","type":"space","attributes":{"subtype":"space","description":"Controls the internal spacing (padding) around the content inside each chip item. This creates breathing room between the chip text/icon and the chip border.<br>CSS variable: --wm-chips-item-padding"}},"gap":{"value":"{space.2.value}","type":"space","attributes":{"subtype":"space","description":"Controls the spacing between elements within individual chip items (like between text and icons, or between text and the remove button). This creates visual separation between different parts of each chip.<br>CSS variable: --wm-chips-item-gap"}},"border":{"width":{"value":"{border.width.base.value}","type":"space","attributes":{"subtype":"border-width","description":"Controls the thickness of the border around individual chip items (the small pill-shaped elements). This creates the outline that defines each chip\'s shape.<br>CSS variable: --wm-chips-item-border-width"}},"style":{"value":"{border.style.base.value}","type":"radius","attributes":{"subtype":"border-style","description":"Controls the border style of individual chip items. Acceptable values: solid (continuous line), dashed (dotted line), dotted (small dots), none (no border).<br>CSS variable: --wm-chips-item-border-style"}},"color":{"value":"{color.outline.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of the border around individual chip items (the small pill-shaped elements). This determines the color of the outline that defines each chip\'s shape.<br>CSS variable: --wm-chips-item-border-color"}},"radius":{"@":{"value":"{radius.sm.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the corner rounding of individual chip items (the small pill-shaped elements). This makes each chip appear with rounded corners instead of sharp edges.<br>CSS variable: --wm-chips-item-border-radius"}},"with":{"icon":{"value":"{radius.sm.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the corner rounding of chip items that contain icons. This creates a specific rounded appearance for chips with icon content.<br>CSS variable: --wm-chips-item-border-radius-with-icon"}},"avatar":{"value":"{radius.pill.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the corner rounding of chip items that contain user avatars. This creates a pill-shaped appearance for chips with avatar content.<br>CSS variable: --wm-chips-item-border-radius-with-avatar"}}}}},"font-family":{"value":"{label.large.font-family.value}","type":"font","attributes":{"subtype":"font-family","description":"Sets the font family (typeface) for the text content inside individual chip items (the small pill-shaped elements). This determines the visual style of the text that appears within each chip.<br>CSS variable: --wm-chips-item-font-family"}},"font-weight":{"value":"{label.large.font-weight.value}","type":"font","attributes":{"subtype":"font-weight","description":"Controls the thickness/boldness of the text content inside individual chip items. Acceptable values: normal, bold, 100-900. This affects how prominent the text appears within each chip.<br>CSS variable: --wm-chips-item-font-weight"}},"font-size":{"value":"{label.large.font-size.value}","type":"font","attributes":{"subtype":"font-size","description":"Controls the size of the text content inside individual chip items (the small pill-shaped elements). This determines how large the text appears within each chip.<br>CSS variable: --wm-chips-item-font-size"}},"line-height":{"value":"{label.large.line-height.value}","type":"font","attributes":{"subtype":"line-height","description":"Controls the vertical spacing between lines of text inside individual chip items. This is important when chip text wraps to multiple lines, ensuring proper readability.<br>CSS variable: --wm-chips-item-line-height"}},"letter-spacing":{"value":"{label.large.letter-spacing.value}","type":"font","attributes":{"subtype":"letter-spacing","description":"Controls the horizontal spacing between individual characters in the text content inside chip items. Positive values spread letters apart, negative values bring them closer together.<br>CSS variable: --wm-chips-item-letter-spacing"}},"layer":{"color":{"value":"{color.on-surface.variant.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of the state layer that appears when users hover, focus, or interact with individual chip items. This creates visual feedback to show that chips are interactive and responsive to user actions.<br>CSS variable: --wm-chips-item-layer-color"}},"opacity":{"value":"0","type":"radius","attributes":{"subtype":"opacity","description":"Controls the transparency of the state layer that appears during user interactions with individual chip items (hover, focus, active). When set to 0, the state layer is invisible. Higher values make the interaction feedback more visible.<br>CSS variable: --wm-chips-item-layer-opacity"}}},"avatar":{"size":{"value":"{icon.size.@.value}","type":"space","attributes":{"subtype":"icon-size","description":"Controls the size of user avatars that appear inside chip items (the small pill-shaped elements). This determines how large profile pictures or user images appear within each chip.<br>CSS variable: --wm-chips-item-avatar-size"}},"radius":{"value":"{radius.pill.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the corner rounding of user avatars inside chip items. When set to pill, avatars appear as perfect circles. Other values create rounded rectangles.<br>CSS variable: --wm-chips-item-avatar-radius"}}}},"states":{"hover":{"list":{"border":{"color":{"value":"{form.mapping.states.hover.control.border.color.value}","type":"color","attributes":{"subtype":"color"}}}}},"focus":{"list":{"border":{"color":{"value":"{form.mapping.states.focus.control.border.color.value}","type":"color","attributes":{"subtype":"color"}}}},"shadow":{"value":"inset 0 0 0 ~\\"calc({form.mapping.states.focus.control.border.width.value} - {form.mapping.control.border.width.@.value})\\" {color.error.@.value}","type":"radius","attributes":{"subtype":"elevation"}}},"error":{"list":{"border":{"color":{"value":"{form.mapping.states.error.control.border.color.value}","type":"color","attributes":{"subtype":"color"}}}}},"error-focus":{"shadow":{"value":"inset 0 0 0 ~\\"calc({form.mapping.states.focus.control.border.width.value} - {form.mapping.states.error.control.border.color.value})\\" {form.mapping.states.error.control.border.color.value}","type":"radius","attributes":{"subtype":"elevation"}}},"disabled":{"opacity":{"value":"0.38","type":"radius","attributes":{"subtype":"opacity"}},"cursor":{"value":"not-allowed","type":"radius","attributes":{"subtype":"cursor"}},"pointer-events":{"value":"none","type":"radius","attributes":{"subtype":"pointer-events"}}},"item-active":{"item":{"color":{"value":"{color.on-surface.variant.@.value}","type":"color","attributes":{"subtype":"color"}},"background":{"value":"{color.secondary.container.@.value}","type":"color","attributes":{"subtype":"color"}},"border":{"color":{"value":"{color.secondary.container.@.value}","type":"color","attributes":{"subtype":"color"}}}}},"chip-hover":{"item":{"layer":{"opacity":{"value":"{opacity.hover.value}","type":"radius","attributes":{"subtype":"opacity"}}}}},"chip-focus":{"item":{"layer":{"opacity":{"value":"{opacity.focus.value}","type":"radius","attributes":{"subtype":"opacity"}}}}},"chip-active":{"item":{"layer":{"opacity":{"value":"{opacity.active.value}","type":"radius","attributes":{"subtype":"opacity"}}}}}}},"appearances":{"filled":{"mapping":{"border":{"width":{"value":"0","type":"radius","attributes":{"subtype":"border-width"}}}},"variantGroups":{"status":{"default":{"background":{"value":"{color.surface.@.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.on-surface.@.value}","type":"color","attributes":{"subtype":"color"}}},"primary":{"background":{"value":"{color.primary.@.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.on-primary.@.value}","type":"color","attributes":{"subtype":"color"}}},"secondary":{"background":{"value":"{color.secondary.@.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.on-secondary.@.value}","type":"color","attributes":{"subtype":"color"}}},"tertiary":{"background":{"value":"{color.tertiary.@.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.on-tertiary.@.value}","type":"color","attributes":{"subtype":"color"}}}}}},"elevated":{"mapping":{"border":{"width":{"value":"0","type":"radius","attributes":{"subtype":"elevation"}}},"box-shadow":{"@":{"value":"{elevation.shadow.1.value}","type":"radius","attributes":{"subtype":"elevation"}}}}}}}}');
11
11
 
12
- /***/ })
12
+ /***/ }
13
13
 
14
14
  }]);
package/cjs/src_tokens_web_components_color-picker_color-picker_json.foundation-css.cjs CHANGED
@@ -1,14 +1,14 @@
1
1
  "use strict";
2
2
  (this["webpackChunk_wavemaker_foundation_css"] = this["webpackChunk_wavemaker_foundation_css"] || []).push([["src_tokens_web_components_color-picker_color-picker_json"],{
3
3
 
4
- /***/ "./src/tokens/web/components/color-picker/color-picker.json":
4
+ /***/ "./src/tokens/web/components/color-picker/color-picker.json"
5
5
  /*!******************************************************************!*\
6
6
  !*** ./src/tokens/web/components/color-picker/color-picker.json ***!
7
7
  \******************************************************************/
8
- /***/ ((module) => {
8
+ (module) {
9
9
 
10
- module.exports = /*#__PURE__*/JSON.parse('{"color-picker":{"mapping":{"container":{"width":{"value":"48px","type":"space","attributes":{"subtype":"space"}},"height":{"value":"48px","type":"space","attributes":{"subtype":"space"}}}}}}');
10
+ module.exports = /*#__PURE__*/JSON.parse('{"color-picker":{"mapping":{"container":{"width":{"value":"48px","type":"space","attributes":{"subtype":"space","description":"Controls how wide the color picker button appears (the small colored square that users click to open the color selection dialog). This determines the size of the color preview button.<br>CSS variable: --wm-color-picker-container-width"}},"height":{"value":"48px","type":"space","attributes":{"subtype":"space","description":"Controls how tall the color picker button appears (the small colored square that users click to open the color selection dialog). This determines the size of the color preview button.<br>CSS variable: --wm-color-picker-container-height"}}}}}}');
11
11
 
12
- /***/ })
12
+ /***/ }
13
13
 
14
14
  }]);
package/cjs/src_tokens_web_components_container_container_json.foundation-css.cjs CHANGED
@@ -1,14 +1,14 @@
1
1
  "use strict";
2
2
  (this["webpackChunk_wavemaker_foundation_css"] = this["webpackChunk_wavemaker_foundation_css"] || []).push([["src_tokens_web_components_container_container_json"],{
3
3
 
4
- /***/ "./src/tokens/web/components/container/container.json":
4
+ /***/ "./src/tokens/web/components/container/container.json"
5
5
  /*!************************************************************!*\
6
6
  !*** ./src/tokens/web/components/container/container.json ***!
7
7
  \************************************************************/
8
- /***/ ((module) => {
8
+ (module) {
9
9
 
10
- module.exports = /*#__PURE__*/JSON.parse('{"container":{"meta":{"appearances":{"default":{"mapping":{"selector":{"web":".app-container-default"}}},"outlined":{"mapping":{"selector":{"web":".app-outlined-container","mobile":".app-outlined-container"}}},"elevated":{"mapping":{"selector":{"web":".app-elevated-container","mobile":".app-elevated-container"}}}}},"mapping":{"background":{"value":"{color.transparent.value}","type":"color","attributes":{"subtype":"color"}},"border":{"color":{"value":"{color.border.@.value}","type":"color","attributes":{"subtype":"color"}},"width":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"border-width"}},"style":{"value":"{border.style.none.value}","type":"radius","attributes":{"subtype":"border-style"}},"radius":{"value":"{radius.none.value}","type":"radius","attributes":{"subtype":"radius"}}},"shadow":{"value":"{elevation.shadow.none.value}","type":"radius","attributes":{"subtype":"elevation"}}},"appearances":{"default":{"mapping":{"border":{"color":{"value":"{color.border.@.value}","type":"color","attributes":{"subtype":"color"}},"width":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"border-width"}},"style":{"value":"{border.style.none.value}","type":"radius","attributes":{"subtype":"border-style"}},"radius":{"value":"{radius.none.value}","type":"radius","attributes":{"subtype":"radius"}}},"shadow":{"value":"{elevation.shadow.none.value}","type":"radius","attributes":{"subtype":"elevation"}}}},"outlined":{"mapping":{"border":{"color":{"value":"{color.outline.variant.value}","type":"color","attributes":{"subtype":"color"}},"width":{"value":"{border.width.base.value}","type":"space","attributes":{"subtype":"border-width"}},"style":{"value":"{border.style.base.value}","type":"radius","attributes":{"subtype":"border-style"}},"radius":{"value":"{radius.none.value}","type":"radius","attributes":{"subtype":"radius"}}},"shadow":{"value":"{elevation.shadow.none.value}","type":"radius","attributes":{"subtype":"elevation"}}}},"elevated":{"mapping":{"border":{"color":{"value":"{color.border.@.value}","type":"color","attributes":{"subtype":"color"}},"width":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"border-width"}},"style":{"value":"{border.style.none.value}","type":"radius","attributes":{"subtype":"border-style"}},"radius":{"value":"{radius.sm.value}","type":"radius","attributes":{"subtype":"radius"}}},"shadow":{"value":"{elevation.shadow.1.value}","type":"radius","attributes":{"subtype":"elevation"}}}}}}}');
10
+ module.exports = /*#__PURE__*/JSON.parse('{"container":{"meta":{"appearances":{"default":{"mapping":{"selector":{"web":".app-container-default"}}},"outlined":{"mapping":{"selector":{"web":".app-outlined-container","mobile":".app-outlined-container"}}},"elevated":{"mapping":{"selector":{"web":".app-elevated-container","mobile":".app-elevated-container"}}}}},"mapping":{"background":{"value":"{color.transparent.value}","type":"color","attributes":{"subtype":"color"}},"border":{"color":{"value":"{color.border.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of the outline around container elements (boxes that hold content). This creates a colored border around the container to define its boundaries.<br>CSS variable: --wm-container-border-color"}},"width":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"border-width","description":"Controls the thickness of the outline around container elements. When set to 0, there\'s no visible border. Higher values create thicker borders around the container.<br>CSS variable: --wm-container-border-width"}},"style":{"value":"{border.style.none.value}","type":"radius","attributes":{"subtype":"border-style","description":"Controls the style of the outline around container elements. \'none\' removes the border, \'solid\' creates a continuous line, \'dashed\' creates a dotted line, \'dotted\' creates small dots.<br>CSS variable: --wm-container-border-style"}},"radius":{"value":"{radius.none.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the corner rounding of container elements. When set to \'none\', containers have sharp corners. Higher values create more rounded corners for a softer appearance.<br>CSS variable: --wm-container-border-radius"}}},"shadow":{"value":"{elevation.shadow.none.value}","type":"radius","attributes":{"subtype":"elevation","description":"Controls the drop shadow effect around container elements. This creates a subtle shadow that makes the container appear to float above the background, giving it depth and elevation.<br>CSS variable: --wm-container-shadow"}}},"appearances":{"default":{"mapping":{"border":{"color":{"value":"{color.border.@.value}","type":"color","attributes":{"subtype":"color"}},"width":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"border-width"}},"style":{"value":"{border.style.none.value}","type":"radius","attributes":{"subtype":"border-style"}},"radius":{"value":"{radius.none.value}","type":"radius","attributes":{"subtype":"radius"}}},"shadow":{"value":"{elevation.shadow.none.value}","type":"radius","attributes":{"subtype":"elevation"}}}},"outlined":{"mapping":{"border":{"color":{"value":"{color.outline.variant.value}","type":"color","attributes":{"subtype":"color"}},"width":{"value":"{border.width.base.value}","type":"space","attributes":{"subtype":"border-width"}},"style":{"value":"{border.style.base.value}","type":"radius","attributes":{"subtype":"border-style"}},"radius":{"value":"{radius.none.value}","type":"radius","attributes":{"subtype":"radius"}}},"shadow":{"value":"{elevation.shadow.none.value}","type":"radius","attributes":{"subtype":"elevation"}}}},"elevated":{"mapping":{"border":{"color":{"value":"{color.border.@.value}","type":"color","attributes":{"subtype":"color"}},"width":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"border-width"}},"style":{"value":"{border.style.none.value}","type":"radius","attributes":{"subtype":"border-style"}},"radius":{"value":"{radius.sm.value}","type":"radius","attributes":{"subtype":"radius"}}},"shadow":{"value":"{elevation.shadow.1.value}","type":"radius","attributes":{"subtype":"elevation"}}}}}}}');
11
11
 
12
- /***/ })
12
+ /***/ }
13
13
 
14
14
  }]);
package/cjs/src_tokens_web_components_currency_currency_json.foundation-css.cjs CHANGED
@@ -1,14 +1,14 @@
1
1
  "use strict";
2
2
  (this["webpackChunk_wavemaker_foundation_css"] = this["webpackChunk_wavemaker_foundation_css"] || []).push([["src_tokens_web_components_currency_currency_json"],{
3
3
 
4
- /***/ "./src/tokens/web/components/currency/currency.json":
4
+ /***/ "./src/tokens/web/components/currency/currency.json"
5
5
  /*!**********************************************************!*\
6
6
  !*** ./src/tokens/web/components/currency/currency.json ***!
7
7
  \**********************************************************/
8
- /***/ ((module) => {
8
+ (module) {
9
9
 
10
- module.exports = /*#__PURE__*/JSON.parse('{"currency":{"meta":{"mapping":{}},"mapping":{"inputgroup-addon":{"width":{"value":"40px","type":"space","attributes":{"subtype":"space"}},"font-family":{"value":"{form.mapping.control.font-family.value}","type":"font","attributes":{"subtype":"font-family"}},"font-size":{"value":"{form.mapping.control.font-size.value}","type":"font","attributes":{"subtype":"font-size"}},"font-weight":{"value":"{form.mapping.control.font-weight.value}","type":"font","attributes":{"subtype":"font-weight"}},"line-height":{"value":"{form.mapping.control.line-height.value}","type":"font","attributes":{"subtype":"line-height"}},"letter-spacing":{"value":"{form.mapping.control.letter-spacing.value}","type":"font","attributes":{"subtype":"letter-spacing"}}}}}}');
10
+ module.exports = /*#__PURE__*/JSON.parse('{"currency":{"meta":{"mapping":{}},"mapping":{"inputgroup-addon":{"width":{"value":"40px","type":"space","attributes":{"subtype":"space","description":"Controls how wide the currency symbol appears in currency input fields (like the \'$\' symbol that appears inside the input box). This determines the space reserved for the currency symbol.<br>CSS variable: --wm-currency-inputgroup-addon-width"}},"font-family":{"value":"{form.mapping.control.font-family.value}","type":"font","attributes":{"subtype":"font-family","description":"Sets the typeface (font style) for currency symbols in input fields. This determines whether the currency symbol appears in Arial, Times New Roman, or other font styles.<br>CSS variable: --wm-currency-inputgroup-addon-font-family"}},"font-size":{"value":"{form.mapping.control.font-size.value}","type":"font","attributes":{"subtype":"font-size","description":"Controls how large the currency symbol appears in input fields. This affects the size of the \'$\', \'€\', or other currency symbols that users see inside the input box.<br>CSS variable: --wm-currency-inputgroup-addon-font-size"}},"font-weight":{"value":"{form.mapping.control.font-weight.value}","type":"font","attributes":{"subtype":"font-weight","description":"Controls how thick or bold the currency symbol appears in input fields. \'normal\' makes it regular weight, \'bold\' makes it thicker, and numbers (100-900) provide fine control over thickness.<br>CSS variable: --wm-currency-inputgroup-addon-font-weight"}},"line-height":{"value":"{form.mapping.control.line-height.value}","type":"font","attributes":{"subtype":"line-height","description":"Controls the vertical spacing around currency symbols in input fields. This ensures the symbol is properly centered within the input field.<br>CSS variable: --wm-currency-inputgroup-addon-line-height"}},"letter-spacing":{"value":"{form.mapping.control.letter-spacing.value}","type":"font","attributes":{"subtype":"letter-spacing","description":"Controls the horizontal spacing around currency symbols in input fields. This can help make the symbol more readable and properly spaced.<br>CSS variable: --wm-currency-inputgroup-addon-letter-spacing"}}}}}}');
11
11
 
12
- /***/ })
12
+ /***/ }
13
13
 
14
14
  }]);
package/cjs/src_tokens_web_components_data-table_data-table_json.foundation-css.cjs CHANGED
@@ -1,14 +1,14 @@
1
1
  "use strict";
2
2
  (this["webpackChunk_wavemaker_foundation_css"] = this["webpackChunk_wavemaker_foundation_css"] || []).push([["src_tokens_web_components_data-table_data-table_json"],{
3
3
 
4
- /***/ "./src/tokens/web/components/data-table/data-table.json":
4
+ /***/ "./src/tokens/web/components/data-table/data-table.json"
5
5
  /*!**************************************************************!*\
6
6
  !*** ./src/tokens/web/components/data-table/data-table.json ***!
7
7
  \**************************************************************/
8
- /***/ ((module) => {
8
+ (module) {
9
9
 
10
- module.exports = /*#__PURE__*/JSON.parse('{"data-table":{"meta":{"mapping":{"selector":{"web":".app-grid"},"states":{"hover":{"selector":{"web":" .table tbody tr:hover"}},"active":{"selector":{"web":" .table tbody tr.active"}}}},"appearances":{"default":{"mapping":{"selector":{"web":" "}}},"condensed":{"mapping":{"selector":{"web":".table-condensed"}}},"striped-even":{"mapping":{"selector":{"web":".striped-even"}}},"striped-odd":{"mapping":{"selector":{"web":".striped-odd"}}}}},"mapping":{"border":{"collapse":{"value":"unset","type":"radius","attributes":{"subtype":"radius"}},"spacing":{"value":"unset","type":"space","attributes":{"subtype":"space"}}},"overlay":{"background":{"value":"{color.surface.container.lowest.@.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"inherit","type":"color","attributes":{"subtype":"color"}},"opacity":{"value":"90%","type":"radius","attributes":{"subtype":"opacity"}}},"padding":{"value":"{space.3.value}","type":"space","attributes":{"subtype":"space"}},"header":{"row":{"color":{"value":"{color.on-background.@.value}","type":"color","attributes":{"subtype":"color"}},"background":{"value":"{color.surface.variant.@.value}","type":"color","attributes":{"subtype":"color"}},"font-size":{"value":"{label.medium.font-size.value}","type":"font","attributes":{"subtype":"font-size"}},"font-weight":{"value":"{label.medium.font-weight.value}","type":"font","attributes":{"subtype":"font-weight"}},"font-family":{"value":"{label.medium.font-family.value}","type":"font","attributes":{"subtype":"font-family"}},"line-height":{"value":"{label.medium.line-height.value}","type":"font","attributes":{"subtype":"line-height"}},"letterspacing":{"value":"{label.medium.letter-spacing.value}","type":"font","attributes":{"subtype":"letter-spacing"}}},"cell":{"padding":{"value":"{space.3.value}","type":"space","attributes":{"subtype":"space"}},"border":{"width":{"value":"{border.width.0.value} {border.width.0.value} {border.width.base.value} {border.width.0.value}","type":"space","attributes":{"subtype":"border-width"}},"style":{"value":"{border.style.base.value}","type":"radius","attributes":{"subtype":"border-style"}},"color":{"value":"{color.border.@.value}","type":"color","attributes":{"subtype":"color"}}},"text-overflow":{"value":"ellipsis","type":"radius","attributes":{"subtype":"radius"}},"overflow":{"value":"hidden","type":"radius","attributes":{"subtype":"radius"}},"position":{"value":"relative","type":"radius","attributes":{"subtype":"space"}},"display":{"value":"ruby","type":"radius","attributes":{"subtype":"radius"}},"white-space":{"value":"normal","type":"radius","attributes":{"subtype":"radius"}},"word-break":{"value":"auto-phrase","type":"radius"}}},"body":{"row":{"background-odd":{"value":"{color.surface.@.value}","type":"color","attributes":{"subtype":"color"}},"background-even":{"value":"{color.surface.@.value}","type":"color","attributes":{"subtype":"color"}},"color":{"value":"{color.on-background.@.value}","type":"color","attributes":{"subtype":"color"}},"font-size":{"value":"{label.medium.font-size.value}","type":"font","attributes":{"subtype":"font-size"}},"font-weight":{"value":"{label.medium.font-weight.value}","type":"font","attributes":{"subtype":"font-weight"}},"font-family":{"value":"{label.medium.font-family.value}","type":"font","attributes":{"subtype":"font-family"}},"line-height":{"value":"{label.medium.line-height.value}","type":"font","attributes":{"subtype":"line-height"}},"letter-spacing":{"value":"{label.medium.letter-spacing.value}","type":"font","attributes":{"subtype":"letter-spacing"}}},"cell":{"padding":{"value":"{space.3.value}","type":"space","attributes":{"subtype":"space"}},"border":{"width":{"value":"{border.width.0.value} {border.width.0.value} {border.width.base.value} {border.width.0.value}","type":"space","attributes":{"subtype":"border-width"}},"style":{"value":"{border.style.base.value}","type":"radius","attributes":{"subtype":"border-style"}},"color":{"value":"{color.border.@.value}","type":"color","attributes":{"subtype":"color"}},"radius":{"value":"{radius.md.value}","type":"radius","attributes":{"subtype":"radius"}}},"text-overflow":{"value":"ellipsis","type":"radius","attributes":{"subtype":"radius"}},"overflow":{"value":"hidden","type":"radius","attributes":{"subtype":"radius"}},"vertical-align":{"value":"middle","type":"radius","attributes":{"subtype":"radius"}}},"action":{"display":{"value":"inline-flex","type":"radius","attributes":{"subtype":"radius"}},"padding":{"value":"{space.2.value}","type":"space","attributes":{"subtype":"space"}},"margin":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"space"}},"icon-size":{"value":"{h5.font-size.value}","type":"font","attributes":{"subtype":"space"}}}},"sort":{"icon":{"size":{"value":"{icon.size.sm.value}","type":"space","attributes":{"subtype":"space"}},"color":{"value":"{color.on-background.@.value}","type":"color","attributes":{"subtype":"color"}}}},"layout":{"value":"fixed","type":"space","attributes":{"subtype":"space"}},"states":{"hover":{"body":{"row":{"background-even":{"value":"{color.surface.variant.@.value}","type":"color","attributes":{"subtype":"color"}},"background-odd":{"value":"{color.surface.variant.@.value}","type":"color","attributes":{"subtype":"color"}}}}},"active":{"body":{"row":{"background-even":{"value":"{color.surface.container.lowest.@.value}","type":"color","attributes":{"subtype":"color"}},"background-odd":{"value":"{color.surface.container.lowest.@.value}","type":"color","attributes":{"subtype":"color"}}}}}}},"appearances":{"default":{"mapping":{"header":{"cell":{"padding":{"value":"{space.3.value}","type":"space","attributes":{"subtype":"space"}}}},"body":{"cell":{"padding":{"value":"{space.3.value}","type":"space","attributes":{"subtype":"space"}}}}}},"condensed":{"mapping":{"header":{"cell":{"padding":{"value":"{space.1.value} {space.2.value}","type":"space","attributes":{"subtype":"space"}}}},"body":{"cell":{"padding":{"value":"{space.1.value} {space.2.value}","type":"space","attributes":{"subtype":"space"}}}}}},"striped-even":{"mapping":{"body":{"row":{"background":{"even":{"value":"{color.surface.container.lowest.@.value}","type":"color","attributes":{"subtype":"color"}}}}}}},"striped-odd":{"mapping":{"body":{"row":{"background":{"odd":{"value":"{color.surface.container.lowest.@.value}","type":"color","attributes":{"subtype":"color"}}}}}}}}}}');
10
+ module.exports = /*#__PURE__*/JSON.parse('{"data-table":{"meta":{"mapping":{"selector":{"web":".app-grid"},"states":{"hover":{"selector":{"web":" .table tbody tr:hover"}},"active":{"selector":{"web":" .table tbody tr.active"}}}},"appearances":{"default":{"mapping":{"selector":{"web":" "}}},"condensed":{"mapping":{"selector":{"web":".table-condensed"}}},"striped-even":{"mapping":{"selector":{"web":".striped-even"}}},"striped-odd":{"mapping":{"selector":{"web":".striped-odd"}}}}},"mapping":{"border":{"collapse":{"value":"unset","type":"radius","attributes":{"subtype":"radius","description":"Controls how borders between data table cells are displayed. \'collapse\' makes adjacent cell borders merge into a single line, \'separate\' keeps borders separate with gaps, \'unset\' uses the default browser behavior.<br>CSS variable: --wm-data-table-border-collapse"}},"spacing":{"value":"unset","type":"space","attributes":{"subtype":"space","description":"Controls the space between data table cells when borders are separate. This creates gaps between table cells for better visual separation.<br>CSS variable: --wm-data-table-border-spacing"}}},"overlay":{"background":{"value":"{color.surface.container.lowest.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of the loading overlay that appears over data tables while data is being loaded or processed. This creates a semi-transparent layer that covers the table content during loading states.<br>CSS variable: --wm-data-table-overlay-background"}},"color":{"value":"inherit","type":"color","attributes":{"subtype":"color","description":"Sets the text color of loading messages and indicators that appear in the data table overlay. \'inherit\' uses the same color as the parent element, or you can specify a specific color value.<br>CSS variable: --wm-data-table-overlay-color"}},"opacity":{"value":"90%","type":"radius","attributes":{"subtype":"opacity","description":"Controls the transparency of the loading overlay that appears over data tables. Values range from 0% (completely transparent) to 100% (completely opaque). 90% creates a semi-transparent overlay that dims the table content while still showing the loading indicator.<br>CSS variable: --wm-data-table-overlay-opacity"}}},"padding":{"value":"{space.3.value}","type":"space","attributes":{"subtype":"space","description":"Controls the internal spacing inside data table containers (the space between the table content and its borders). This creates breathing room around the entire table area.<br>CSS variable: --wm-data-table-padding"}},"header":{"row":{"color":{"value":"{color.on-background.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the text color of data table header rows (the top row that contains column titles like \'Name\', \'Date\', \'Status\'). This determines what color the column header text appears in.<br>CSS variable: --wm-data-table-header-row-color"}},"background":{"value":"{color.surface.variant.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of data table header rows (the top row that contains column titles). This creates a distinct background color for the header to separate it from the data rows below.<br>CSS variable: --wm-data-table-header-row-background"}},"font-size":{"value":"{label.medium.font-size.value}","type":"font","attributes":{"subtype":"font-size","description":"Controls how large the text appears in data table header rows (the top row that contains column titles like \'Name\', \'Date\', \'Status\'). This affects the size of the text that users see in the column headers.<br>CSS variable: --wm-data-table-header-row-font-size"}},"font-weight":{"value":"{label.medium.font-weight.value}","type":"font","attributes":{"subtype":"font-weight","description":"Controls how thick or bold the text appears in data table header rows (the top row that contains column titles). \'normal\' makes it regular weight, \'bold\' makes it thicker, and numbers (100-900) provide fine control over thickness.<br>CSS variable: --wm-data-table-header-row-font-weight"}},"font-family":{"value":"{label.medium.font-family.value}","type":"font","attributes":{"subtype":"font-family","description":"Sets the typeface (font style) for data table header rows (the top row that contains column titles like \'Name\', \'Date\', \'Status\'). This determines whether the header text appears in Arial, Times New Roman, or other font styles.<br>CSS variable: --wm-data-table-header-row-font-family"}},"line-height":{"value":"{label.medium.line-height.value}","type":"font","attributes":{"subtype":"line-height","description":"Controls the vertical spacing between lines when data table header row text wraps to multiple lines. This ensures proper spacing for the header text displayed in the table.<br>CSS variable: --wm-data-table-header-row-line-height"}},"letterspacing":{"value":"{label.medium.letter-spacing.value}","type":"font","attributes":{"subtype":"letter-spacing","description":"Controls the horizontal spacing between individual characters in data table header rows (the top row that contains column titles). This can help make the header text more readable and properly spaced.<br>CSS variable: --wm-data-table-header-row-letter-spacing"}}},"cell":{"padding":{"value":"{space.3.value}","type":"space","attributes":{"subtype":"space","description":"Controls the internal spacing inside data table header cells (the space between the column title text and the cell borders). This creates breathing room around the header text.<br>CSS variable: --wm-data-table-header-cell-padding"}},"border":{"width":{"value":"{border.width.0.value} {border.width.0.value} {border.width.base.value} {border.width.0.value}","type":"space","attributes":{"subtype":"border-width","description":"Controls the thickness of borders around data table header cells. The format is \'top right bottom left\' - this setting creates a bottom border only to separate headers from data rows.<br>CSS variable: --wm-data-table-header-cell-border-width"}},"style":{"value":"{border.style.base.value}","type":"radius","attributes":{"subtype":"border-style","description":"Sets the visual style of borders around data table header cells. \'solid\' creates a continuous line, \'dashed\' creates a broken line, \'dotted\' creates a dotted line, \'none\' removes borders completely.<br>CSS variable: --wm-data-table-header-cell-border-style"}},"color":{"value":"{color.border.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of borders around data table header cells. This determines what color the lines separating the header from the data rows appear in.<br>CSS variable: --wm-data-table-header-cell-border-color"}}},"text-overflow":{"value":"ellipsis","type":"radius","attributes":{"subtype":"radius","description":"Controls how long text in data table header cells is displayed when it doesn\'t fit. \'ellipsis\' shows \'...\' at the end of long text, \'clip\' cuts off the text abruptly, \'string\' shows a custom string.<br>CSS variable: --wm-data-table-header-cell-text-overflow"}},"overflow":{"value":"hidden","type":"radius","attributes":{"subtype":"radius","description":"Controls how content that exceeds the header cell boundaries is handled. \'hidden\' hides overflowing content, \'visible\' shows it outside the cell, \'scroll\' adds scrollbars, \'auto\' adds scrollbars only when needed.<br>CSS variable: --wm-data-table-header-cell-overflow"}},"position":{"value":"relative","type":"radius","attributes":{"subtype":"space","description":"Sets the positioning method for data table header cells. \'relative\' positions cells relative to their normal position, \'absolute\' positions them relative to the table, \'sticky\' makes them stick when scrolling.<br>CSS variable: --wm-data-table-header-cell-position"}},"display":{"value":"ruby","type":"radius","attributes":{"subtype":"radius","description":"Controls how data table header cells are displayed. \'ruby\' is a special display type for table cells, \'table-cell\' is the standard table cell display, \'block\' makes them behave like block elements.<br>CSS variable: --wm-data-table-header-cell-display"}},"white-space":{"value":"normal","type":"radius","attributes":{"subtype":"radius","description":"Controls how whitespace and line breaks are handled in data table header cells. \'normal\' wraps text normally, \'nowrap\' prevents text wrapping, \'pre\' preserves all whitespace and line breaks.<br>CSS variable: --wm-data-table-header-cell-white-space"}},"word-break":{"value":"auto-phrase","type":"radius","attributes":{"description":"Controls how long words are broken and wrapped in data table header cells. \'auto-phrase\' automatically breaks words at appropriate points to prevent overflow, \'break-all\' breaks words at any character, \'break-word\' breaks words only when necessary.<br>CSS variable: --wm-data-table-header-cell-word-break"}}}},"body":{"row":{"background-odd":{"value":"{color.surface.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of odd-numbered data table rows (1st, 3rd, 5th rows, etc.). This creates alternating row colors to improve readability by making it easier to follow data across columns.<br>CSS variable: --wm-data-table-body-row-background-odd"}},"background-even":{"value":"{color.surface.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of even-numbered data table rows (2nd, 4th, 6th rows, etc.). This creates alternating row colors to improve readability by making it easier to follow data across columns.<br>CSS variable: --wm-data-table-body-row-background-even"}},"color":{"value":"{color.on-background.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the text color of data table body rows (the rows that contain the actual data, not the header). This determines what color the data text appears in.<br>CSS variable: --wm-data-table-body-row-color"}},"font-size":{"value":"{label.medium.font-size.value}","type":"font","attributes":{"subtype":"font-size","description":"Controls how large the text appears in data table body rows (the rows that contain the actual data, not the header). This affects the size of the text that users see in the data cells.<br>CSS variable: --wm-data-table-body-row-font-size"}},"font-weight":{"value":"{label.medium.font-weight.value}","type":"font","attributes":{"subtype":"font-weight","description":"Controls how thick or bold the text appears in data table body rows (the rows that contain the actual data, not the header). \'normal\' makes it regular weight, \'bold\' makes it thicker, and numbers (100-900) provide fine control over thickness.<br>CSS variable: --wm-data-table-body-row-font-weight"}},"font-family":{"value":"{label.medium.font-family.value}","type":"font","attributes":{"subtype":"font-family","description":"Sets the typeface (font style) for data table body rows (the rows that contain the actual data, not the header). This determines whether the data text appears in Arial, Times New Roman, or other font styles.<br>CSS variable: --wm-data-table-body-row-font-family"}},"line-height":{"value":"{label.medium.line-height.value}","type":"font","attributes":{"subtype":"line-height","description":"Controls the vertical spacing between lines when data table body row text wraps to multiple lines. This ensures proper spacing for the data text displayed in the table cells.<br>CSS variable: --wm-data-table-body-row-line-height"}},"letter-spacing":{"value":"{label.medium.letter-spacing.value}","type":"font","attributes":{"subtype":"letter-spacing","description":"Controls the horizontal spacing between individual characters in data table body rows (the rows that contain the actual data, not the header). This can help make the data text more readable and properly spaced.<br>CSS variable: --wm-data-table-body-row-letter-spacing"}}},"cell":{"padding":{"value":"{space.3.value}","type":"space","attributes":{"subtype":"space","description":"Controls the internal spacing inside data table body cells (the space between the data content and the cell borders). This creates breathing room around the data text.<br>CSS variable: --wm-data-table-body-cell-padding"}},"border":{"width":{"value":"{border.width.0.value} {border.width.0.value} {border.width.base.value} {border.width.0.value}","type":"space","attributes":{"subtype":"border-width","description":"Controls the thickness of borders around data table body cells. The format is \'top right bottom left\' - this setting creates a bottom border only to separate rows.<br>CSS variable: --wm-data-table-body-cell-border-width"}},"style":{"value":"{border.style.base.value}","type":"radius","attributes":{"subtype":"border-style","description":"Sets the visual style of borders around data table body cells. \'solid\' creates a continuous line, \'dashed\' creates a broken line, \'dotted\' creates a dotted line, \'none\' removes borders completely.<br>CSS variable: --wm-data-table-body-cell-border-style"}},"color":{"value":"{color.border.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of borders around data table body cells. This determines what color the lines separating the data rows appear in.<br>CSS variable: --wm-data-table-body-cell-border-color"}},"radius":{"value":"{radius.md.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the corner rounding of data table body cells. This makes the cell corners slightly rounded for a softer appearance.<br>CSS variable: --wm-data-table-body-cell-border-radius"}}},"text-overflow":{"value":"ellipsis","type":"radius","attributes":{"subtype":"radius","description":"Controls how long text in data table body cells is displayed when it doesn\'t fit. \'ellipsis\' shows \'...\' at the end of long text, \'clip\' cuts off the text abruptly, \'string\' shows a custom string.<br>CSS variable: --wm-data-table-body-cell-text-overflow"}},"overflow":{"value":"hidden","type":"radius","attributes":{"subtype":"radius","description":"Controls how content that exceeds the data table body cell boundaries is handled. \'hidden\' hides overflowing content, \'visible\' shows it outside the cell, \'scroll\' adds scrollbars, \'auto\' adds scrollbars only when needed.<br>CSS variable: --wm-data-table-body-cell-overflow"}},"vertical-align":{"value":"middle","type":"radius","attributes":{"subtype":"radius","description":"Controls how content is vertically positioned within data table body cells. \'middle\' centers content vertically, \'top\' aligns to the top, \'bottom\' aligns to the bottom, \'baseline\' aligns to the text baseline.<br>CSS variable: --wm-data-table-body-cell-vertical-align"}}},"action":{"display":{"value":"inline-flex","type":"radius","attributes":{"subtype":"radius","description":"Controls how action buttons in data table rows are displayed. \'inline-flex\' arranges buttons in a horizontal line with flexible spacing, \'block\' stacks them vertically, \'none\' hides them completely.<br>CSS variable: --wm-data-table-body-action-display"}},"padding":{"value":"{space.2.value}","type":"space","attributes":{"subtype":"space","description":"Controls the internal spacing inside action buttons in data table rows (the space between the button content and its borders). This creates breathing room around the button icons and text.<br>CSS variable: --wm-data-table-body-action-padding"}},"margin":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"space","description":"Controls the external spacing around action buttons in data table rows (the space between the button and other elements). This creates separation between buttons and other table content.<br>CSS variable: --wm-data-table-body-action-margin"}},"icon-size":{"value":"{h5.font-size.value}","type":"font","attributes":{"subtype":"space","description":"Controls how large the icons appear in action buttons within data table rows. This affects the size of edit, delete, and other action icons that users can click.<br>CSS variable: --wm-data-table-body-action-icon-size"}}}},"sort":{"icon":{"size":{"value":"{icon.size.sm.value}","type":"space","attributes":{"subtype":"space","description":"Controls how large the sort icons appear in data table headers (the up/down arrow symbols that indicate sortable columns). This affects the size of the arrows users see when columns can be sorted.<br>CSS variable: --wm-data-table-sort-icon-size"}},"color":{"value":"{color.on-background.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of sort icons in data table headers (the up/down arrow symbols that indicate sortable columns). This determines what color the sort arrows appear in.<br>CSS variable: --wm-data-table-sort-icon-color"}}}},"layout":{"value":"fixed","type":"space","attributes":{"subtype":"space","description":"Controls how data table columns are sized and arranged. \'fixed\' makes columns maintain consistent widths, \'auto\' lets columns size themselves based on content. Fixed layout provides more predictable table appearance.<br>CSS variable: --wm-data-table-layout"}},"states":{"hover":{"body":{"row":{"background-even":{"value":"{color.surface.variant.@.value}","type":"color","attributes":{"subtype":"color"}},"background-odd":{"value":"{color.surface.variant.@.value}","type":"color","attributes":{"subtype":"color"}}}}},"active":{"body":{"row":{"background-even":{"value":"{color.surface.container.lowest.@.value}","type":"color","attributes":{"subtype":"color"}},"background-odd":{"value":"{color.surface.container.lowest.@.value}","type":"color","attributes":{"subtype":"color"}}}}}}},"appearances":{"default":{"mapping":{"header":{"cell":{"padding":{"value":"{space.3.value}","type":"space","attributes":{"subtype":"space"}}}},"body":{"cell":{"padding":{"value":"{space.3.value}","type":"space","attributes":{"subtype":"space"}}}}}},"condensed":{"mapping":{"header":{"cell":{"padding":{"value":"{space.1.value} {space.2.value}","type":"space","attributes":{"subtype":"space"}}}},"body":{"cell":{"padding":{"value":"{space.1.value} {space.2.value}","type":"space","attributes":{"subtype":"space"}}}}}},"striped-even":{"mapping":{"body":{"row":{"background":{"even":{"value":"{color.surface.container.lowest.@.value}","type":"color","attributes":{"subtype":"color"}}}}}}},"striped-odd":{"mapping":{"body":{"row":{"background":{"odd":{"value":"{color.surface.container.lowest.@.value}","type":"color","attributes":{"subtype":"color"}}}}}}}}}}');
11
11
 
12
- /***/ })
12
+ /***/ }
13
13
 
14
14
  }]);
package/cjs/src_tokens_web_components_date_date_json.foundation-css.cjs CHANGED
@@ -1,14 +1,14 @@
1
1
  "use strict";
2
2
  (this["webpackChunk_wavemaker_foundation_css"] = this["webpackChunk_wavemaker_foundation_css"] || []).push([["src_tokens_web_components_date_date_json"],{
3
3
 
4
- /***/ "./src/tokens/web/components/date/date.json":
4
+ /***/ "./src/tokens/web/components/date/date.json"
5
5
  /*!**************************************************!*\
6
6
  !*** ./src/tokens/web/components/date/date.json ***!
7
7
  \**************************************************/
8
- /***/ ((module) => {
8
+ (module) {
9
9
 
10
- module.exports = /*#__PURE__*/JSON.parse('{"datepicker":{"meta":{"mapping":{"selector":{"web":".app-date"},"states":{"hover":{"selector":{"web":" span:hover"}},"active":{"selector":{"web":" span:active"}},"focus":{"selector":{"web":" span:focus"}},"select":{"selector":{"web":" span.selected"}}}}},"mapping":{"color":{"value":"{color.on-surface.@.value}","type":"color","attributes":{"subtype":"color"}},"background":{"value":"{color.surface.container.high.@.value}","type":"color","attributes":{"subtype":"color"}},"border":{"radius":{"value":"{radius.lg.value}","type":"radius","attributes":{"subtype":"radius"}}},"previous":{"icon":{"value":"\\"\\\\f30f\\"","type":"radius","attributes":{"subtype":"radius"}}},"next":{"icon":{"value":"\\"\\\\f310\\"","type":"radius","attributes":{"subtype":"radius"}}},"font-family":{"value":"{body.medium.font-family.value}","type":"font","attributes":{"subtype":"font-family"}},"font-size":{"value":"{body.medium.font-size.value}","type":"font","attributes":{"subtype":"font-size"}},"font-weight":{"value":"{body.medium.font-weight.value}","type":"font","attributes":{"subtype":"font-weight"}},"line-height":{"value":"{body.medium.line-height.value}","type":"font","attributes":{"subtype":"line-height"}},"letter-spacing":{"value":"{body.medium.letter-spacing.value}","type":"font","attributes":{"subtype":"letter-spacing"}},"date":{"width":{"value":"{space.8.value}","type":"space","attributes":{"subtype":"space"}},"height":{"value":"{space.8.value}","type":"space","attributes":{"subtype":"space"}},"color":{"value":"{color.on-surface.@.value}","type":"color","attributes":{"subtype":"color"}},"background":{"value":"{color.surface.container.high.@.value}","type":"color","attributes":{"subtype":"color"}},"border":{"width":{"value":"{border.width.base.value}","type":"space","attributes":{"subtype":"border-width"}},"style":{"value":"{border.style.base.value}","type":"radius","attributes":{"subtype":"border-style"}},"color":{"value":"{color.surface.container.high.@.value}","type":"color","attributes":{"subtype":"color"}},"radius":{"value":"{radius.pill.value}","type":"radius","attributes":{"subtype":"radius"}}},"font-family":{"value":"{body.medium.font-family.value}","type":"font","attributes":{"subtype":"font-family"}},"font-size":{"value":"{body.medium.font-size.value}","type":"font","attributes":{"subtype":"font-size"}},"font-weight":{"value":"{body.medium.font-weight.value}","type":"font","attributes":{"subtype":"font-weight"}},"line-height":{"value":"{body.medium.line-height.value}","type":"font","attributes":{"subtype":"line-height"}},"other":{"month":{"color":{"value":"{color.on-surface.variant.@.value}","type":"color","attributes":{"subtype":"color"}}}},"state":{"layer":{"opacity":{"value":"0","type":"radius","attributes":{"subtype":"opacity"}},"color":{"value":"{color.on-surface.variant.@.value}","type":"color","attributes":{"subtype":"color"}}}}},"states":{"hover":{"date":{"state":{"layer":{"opacity":{"value":"{opacity.hover.value}","type":"radius","attributes":{"subtype":"opacity"}}}}}},"focus":{"date":{"state":{"layer":{"opacity":{"value":"{opacity.focus.value}","type":"radius","attributes":{"subtype":"opacity"}}}}}},"active":{"date":{"state":{"layer":{"opacity":{"value":"{opacity.active.value}","type":"radius","attributes":{"subtype":"opacity"}}}}}},"select":{"date":{"color":{"value":"{color.surface.@.value}","type":"color","attributes":{"subtype":"color"}},"background":{"value":"{color.secondary.@.value}","type":"color","attributes":{"subtype":"color"}},"border":{"color":{"value":"{color.secondary.@.value}","type":"color","attributes":{"subtype":"color"}}}}}}},"appearances":{}}}');
10
+ module.exports = /*#__PURE__*/JSON.parse('{"datepicker":{"meta":{"mapping":{"selector":{"web":".app-date"},"states":{"hover":{"selector":{"web":" span:hover"}},"active":{"selector":{"web":" span:active"}},"focus":{"selector":{"web":" span:focus"}},"select":{"selector":{"web":" span.selected"}}}}},"mapping":{"color":{"value":"{color.on-surface.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the text color of date picker elements (calendar interface where users select dates). This determines what color the date picker text appears in, which should contrast well with the background for readability.<br>CSS variable: --wm-datepicker-color"}},"background":{"value":"{color.surface.container.high.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of date picker elements (calendar interface where users select dates). This is the main background color that appears behind the calendar interface.<br>CSS variable: --wm-datepicker-background"}},"border":{"radius":{"value":"{radius.lg.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the corner rounding of date picker elements (calendar interface where users select dates). This makes the date picker appear with rounded corners for a softer appearance.<br>CSS variable: --wm-datepicker-border-radius"}}},"previous":{"icon":{"value":"\\"\\\\f30f\\"","type":"radius","attributes":{"subtype":"radius","description":"Sets the icon for previous navigation in date picker (the arrow button that moves to the previous month). This determines which icon symbol is displayed for the previous month button.<br>CSS variable: --wm-datepicker-previous-icon"}}},"next":{"icon":{"value":"\\"\\\\f310\\"","type":"radius","attributes":{"subtype":"radius","description":"Sets the icon for next navigation in date picker (the arrow button that moves to the next month). This determines which icon symbol is displayed for the next month button.<br>CSS variable: --wm-datepicker-next-icon"}}},"font-family":{"value":"{body.medium.font-family.value}","type":"font","attributes":{"subtype":"font-family","description":"Sets the typeface (font style) for date picker text (calendar interface where users select dates). This determines whether the date picker text appears in Arial, Times New Roman, or other font styles.<br>CSS variable: --wm-datepicker-font-family"}},"font-size":{"value":"{body.medium.font-size.value}","type":"font","attributes":{"subtype":"font-size","description":"Controls how large the date picker text appears (calendar interface where users select dates). This affects the size of the text that users see in the date picker.<br>CSS variable: --wm-datepicker-font-size"}},"font-weight":{"value":"{body.medium.font-weight.value}","type":"font","attributes":{"subtype":"font-weight","description":"Controls how thick or bold the date picker text appears (calendar interface where users select dates). \'normal\' makes it regular weight, \'bold\' makes it thicker, and numbers (100-900) provide fine control over thickness.<br>CSS variable: --wm-datepicker-font-weight"}},"line-height":{"value":"{body.medium.line-height.value}","type":"font","attributes":{"subtype":"line-height","description":"Controls the vertical spacing between lines when date picker text wraps to multiple lines. This ensures proper spacing for the text displayed in the date picker.<br>CSS variable: --wm-datepicker-line-height"}},"letter-spacing":{"value":"{body.medium.letter-spacing.value}","type":"font","attributes":{"subtype":"letter-spacing","description":"Controls the horizontal spacing between individual characters in date picker text. This can help make the date picker text more readable and properly spaced.<br>CSS variable: --wm-datepicker-letter-spacing"}},"date":{"width":{"value":"{space.8.value}","type":"space","attributes":{"subtype":"space","description":"Controls how wide date cells appear in the date picker (individual date boxes in the calendar grid). This determines the horizontal size of each date cell that users can click to select dates.<br>CSS variable: --wm-datepicker-date-width"}},"height":{"value":"{space.8.value}","type":"space","attributes":{"subtype":"space","description":"Controls how tall date cells appear in the date picker (individual date boxes in the calendar grid). This determines the vertical size of each date cell that users can click to select dates.<br>CSS variable: --wm-datepicker-date-height"}},"color":{"value":"{color.on-surface.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the text color of date cells (individual date boxes in the calendar grid). This determines what color the date numbers appear in, which should contrast well with the background for readability.<br>CSS variable: --wm-datepicker-date-color"}},"background":{"value":"{color.surface.container.high.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of date cells (individual date boxes in the calendar grid). This is the main background color that appears behind each date number.<br>CSS variable: --wm-datepicker-date-background"}},"border":{"width":{"value":"{border.width.base.value}","type":"space","attributes":{"subtype":"border-width","description":"Controls the thickness of the border around date cells (individual date boxes in the calendar grid). This creates the outline that defines each date cell shape.<br>CSS variable: --wm-datepicker-date-border-width"}},"style":{"value":"{border.style.base.value}","type":"radius","attributes":{"subtype":"border-style","description":"Controls the style of the border around date cells (individual date boxes in the calendar grid). \'solid\' creates a continuous line, \'dashed\' creates a dotted line, \'dotted\' creates small dots, \'none\' removes the border.<br>CSS variable: --wm-datepicker-date-border-style"}},"color":{"value":"{color.surface.container.high.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of the border around date cells (individual date boxes in the calendar grid). This determines the color of the outline that defines each date cell shape.<br>CSS variable: --wm-datepicker-date-border-color"}},"radius":{"value":"{radius.pill.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the corner rounding of date cells (individual date boxes in the calendar grid). When set to \'pill\', the date cells appear with fully rounded corners, creating a pill-shaped appearance.<br>CSS variable: --wm-datepicker-date-border-radius"}}},"font-family":{"value":"{body.medium.font-family.value}","type":"font","attributes":{"subtype":"font-family","description":"Sets the typeface (font style) for date cell text (the numbers that appear in each date box). This determines whether the date numbers appear in Arial, Times New Roman, or other font styles.<br>CSS variable: --wm-datepicker-date-font-family"}},"font-size":{"value":"{body.medium.font-size.value}","type":"font","attributes":{"subtype":"font-size","description":"Controls how large the date cell text appears (the numbers that appear in each date box). This affects the size of the date numbers that users see and interact with.<br>CSS variable: --wm-datepicker-date-font-size"}},"font-weight":{"value":"{body.medium.font-weight.value}","type":"font","attributes":{"subtype":"font-weight","description":"Controls how thick or bold the date cell text appears (the numbers that appear in each date box). \'normal\' makes it regular weight, \'bold\' makes it thicker, and numbers (100-900) provide fine control over thickness.<br>CSS variable: --wm-datepicker-date-font-weight"}},"line-height":{"value":"{body.medium.line-height.value}","type":"font","attributes":{"subtype":"line-height","description":"Controls the vertical spacing between lines when date cell text wraps to multiple lines. This ensures proper spacing for the date numbers displayed in each cell.<br>CSS variable: --wm-datepicker-date-line-height"}},"other":{"month":{"color":{"value":"{color.on-surface.variant.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of other month dates (dates from previous/next months that appear in the current month view). This determines what color these dates appear in to distinguish them from the current month\'s dates.<br>CSS variable: --wm-datepicker-date-other-month-color"}}}},"state":{"layer":{"opacity":{"value":"0","type":"radius","attributes":{"subtype":"opacity","description":"Controls the transparency of the state layer that appears during user interactions with date cells (hover, focus, active). When set to 0, the state layer is invisible. Higher values make the interaction feedback more visible.<br>CSS variable: --wm-datepicker-date-state-layer-opacity"}},"color":{"value":"{color.on-surface.variant.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of the state layer that appears when users hover, focus, or interact with date cells. This creates visual feedback to show that the date cell is interactive and responsive to user actions.<br>CSS variable: --wm-datepicker-date-state-layer-color"}}}}},"states":{"hover":{"date":{"state":{"layer":{"opacity":{"value":"{opacity.hover.value}","type":"radius","attributes":{"subtype":"opacity"}}}}}},"focus":{"date":{"state":{"layer":{"opacity":{"value":"{opacity.focus.value}","type":"radius","attributes":{"subtype":"opacity"}}}}}},"active":{"date":{"state":{"layer":{"opacity":{"value":"{opacity.active.value}","type":"radius","attributes":{"subtype":"opacity"}}}}}},"select":{"date":{"color":{"value":"{color.surface.@.value}","type":"color","attributes":{"subtype":"color"}},"background":{"value":"{color.secondary.@.value}","type":"color","attributes":{"subtype":"color"}},"border":{"color":{"value":"{color.secondary.@.value}","type":"color","attributes":{"subtype":"color"}}}}}}},"appearances":{}}}');
11
11
 
12
- /***/ })
12
+ /***/ }
13
13
 
14
14
  }]);
package/cjs/src_tokens_web_components_dropdown-menu_dropdown-menu_json.foundation-css.cjs CHANGED
@@ -1,14 +1,14 @@
1
1
  "use strict";
2
2
  (this["webpackChunk_wavemaker_foundation_css"] = this["webpackChunk_wavemaker_foundation_css"] || []).push([["src_tokens_web_components_dropdown-menu_dropdown-menu_json"],{
3
3
 
4
- /***/ "./src/tokens/web/components/dropdown-menu/dropdown-menu.json":
4
+ /***/ "./src/tokens/web/components/dropdown-menu/dropdown-menu.json"
5
5
  /*!********************************************************************!*\
6
6
  !*** ./src/tokens/web/components/dropdown-menu/dropdown-menu.json ***!
7
7
  \********************************************************************/
8
- /***/ ((module) => {
8
+ (module) {
9
9
 
10
- module.exports = /*#__PURE__*/JSON.parse('{"dropdown":{"meta":{"mapping":{"selector":{"web":".dropdown"},"states":{"active":{"selector":{"web":" .dropdown-menu .app-menu-item a:active:before, .dropdown-menu li a:active:before"}},"focus":{"selector":{"web":" .dropdown-menu .app-menu-item a:focus:before, .dropdown-menu li a:focus:before"}},"hover":{"selector":{"web":" .dropdown-menu .app-menu-item a:hover:before, .dropdown-menu li a:hover:before"}}}}},"mapping":{"menu":{"padding":{"value":"{space.0.value} {space.2.value}","type":"space","attributes":{"subtype":"space"}},"inline":{"submenu":{"padding":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"space"}}}},"background":{"value":"{color.surface.@.value}","type":"color","attributes":{"subtype":"color"}},"box-shadow":{"value":"{elevation.shadow.2.value}","type":"shadow","attributes":{"subtype":"shadow"}},"border":{"radius":{"value":"{radius.xs.value}","type":"radius","attributes":{"subtype":"radius"}},"color":{"value":"{color.on-surface.@.value}","type":"color","attributes":{"subtype":"color"}},"style":{"value":"{border.style.base.value}","type":"radius","attributes":{"subtype":"border-style"}},"width":{"value":"{border.width.0.value}","type":"radius","attributes":{"subtype":"radius"}}},"width":{"value":"220px","type":"space","attributes":{"subtype":"space"}},"caret":{"size":{"value":"{icon.size.sm.value}","type":"space","attributes":{"subtype":"icon-size"}}},"item":{"font-family":{"value":"{body.large.font-family.value}","type":"font","attributes":{"subtype":"font-family"}},"font-size":{"value":"{body.large.font-size.value}","type":"font","attributes":{"subtype":"font-size"}},"font-weight":{"value":"{body.large.font-weight.value}","type":"font","attributes":{"subtype":"font-weight"}},"line-height":{"value":"{body.large.line-height.value}","type":"font","attributes":{"subtype":"line-height"}},"letter-spacing":{"value":"{body.large.letter-spacing.value}","type":"font","attributes":{"subtype":"letter-spacing"}},"color":{"value":"{color.on-surface.@.value}","type":"color","attributes":{"subtype":"color"}},"gap":{"value":"{space.3.value}","type":"space","attributes":{"subtype":"space"}},"padding":{"value":"{space.3.value} {space.4.value}","type":"space","attributes":{"subtype":"space"}},"state":{"layer":{"color":{"value":"{color.on-surface.@.value}","type":"color","attributes":{"subtype":"color"}},"opacity":{"value":"0","type":"radius","attributes":{"subtype":"opacity"}}}}}},"states":{"hover":{"menu":{"item":{"state":{"layer":{"opacity":{"hover":{"value":"{opacity.hover.value}","type":"radius","attributes":{"subtype":"opacity"}}}}}}}},"focus":{"menu":{"item":{"state":{"layer":{"opacity":{"value":"{opacity.focus.value}","type":"radius","attributes":{"subtype":"opacity"}}}}}}},"active":{"menu":{"item":{"state":{"layer":{"opacity":{"value":"{opacity.active.value}","type":"radius","attributes":{"subtype":"opacity"}}}}}}}}},"appearances":{}}}');
10
+ module.exports = /*#__PURE__*/JSON.parse('{"dropdown":{"meta":{"mapping":{"selector":{"web":".dropdown"},"states":{"active":{"selector":{"web":" .dropdown-menu .app-menu-item a:active:before, .dropdown-menu li a:active:before"}},"focus":{"selector":{"web":" .dropdown-menu .app-menu-item a:focus:before, .dropdown-menu li a:focus:before"}},"hover":{"selector":{"web":" .dropdown-menu .app-menu-item a:hover:before, .dropdown-menu li a:hover:before"}}}}},"mapping":{"menu":{"padding":{"value":"{space.0.value} {space.2.value}","type":"space","attributes":{"subtype":"space","description":"Controls the internal spacing inside dropdown menu containers (the space between the menu content and its borders). This creates breathing room around the dropdown menu items.<br>CSS variable: --wm-dropdown-menu-padding"}},"inline":{"submenu":{"padding":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"space","description":"Controls the internal spacing inside inline submenu items (nested menu items that appear within the main dropdown). This creates breathing room around the submenu content.<br>CSS variable: --wm-dropdown-menu-inline-submenu-padding"}}}},"background":{"value":"{color.surface.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of dropdown menus (lists of options that appear when users click on a button or link). This is the main background color that appears behind the dropdown menu items.<br>CSS variable: --wm-dropdown-menu-background"}},"box-shadow":{"value":"{elevation.shadow.2.value}","type":"shadow","attributes":{"subtype":"shadow","description":"Controls the drop shadow effect around dropdown menus (lists of options that appear when users click on a button or link). This creates a subtle shadow that makes the dropdown appear to float above the background, giving it depth and elevation.<br>CSS variable: --wm-dropdown-menu-box-shadow"}},"border":{"radius":{"value":"{radius.xs.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the corner rounding of dropdown menus (lists of options that appear when users click on a button or link). This makes the dropdown appear with slightly rounded corners for a softer appearance.<br>CSS variable: --wm-dropdown-menu-border-radius"}},"color":{"value":"{color.on-surface.@.value}","type":"color","attributes":{"subtype":"color"}},"style":{"value":"{border.style.base.value}","type":"radius","attributes":{"subtype":"border-style"}},"width":{"value":"{border.width.0.value}","type":"radius","attributes":{"subtype":"radius"}}},"width":{"value":"220px","type":"space","attributes":{"subtype":"space","description":"Controls how wide dropdown menus appear (lists of options that appear when users click on a button or link). This determines the horizontal size of the dropdown menu container.<br>CSS variable: --wm-dropdown-menu-width"}},"caret":{"size":{"value":"{icon.size.sm.value}","type":"space","attributes":{"subtype":"icon-size","description":"Controls how large dropdown menu caret icons appear (the small arrow symbols that indicate dropdown menus). This affects the size of the arrow symbols that users see in dropdown buttons.<br>CSS variable: --wm-dropdown-menu-caret-size"}}},"item":{"font-family":{"value":"{body.large.font-family.value}","type":"font","attributes":{"subtype":"font-family","description":"Sets the typeface (font style) for dropdown menu items (individual options in the dropdown list). This determines whether the menu item text appears in Arial, Times New Roman, or other font styles.<br>CSS variable: --wm-dropdown-menu-item-font-family"}},"font-size":{"value":"{body.large.font-size.value}","type":"font","attributes":{"subtype":"font-size","description":"Controls how large the dropdown menu items appear (individual options in the dropdown list). This affects the size of the text that users see in each menu option.<br>CSS variable: --wm-dropdown-menu-item-font-size"}},"font-weight":{"value":"{body.large.font-weight.value}","type":"font","attributes":{"subtype":"font-weight","description":"Controls how thick or bold the dropdown menu items appear (individual options in the dropdown list). \'normal\' makes it regular weight, \'bold\' makes it thicker, and numbers (100-900) provide fine control over thickness.<br>CSS variable: --wm-dropdown-menu-item-font-weight"}},"line-height":{"value":"{body.large.line-height.value}","type":"font","attributes":{"subtype":"line-height","description":"Controls the vertical spacing between lines when dropdown menu item text wraps to multiple lines. This ensures proper spacing for the menu item text displayed in the dropdown.<br>CSS variable: --wm-dropdown-menu-item-line-height"}},"letter-spacing":{"value":"{body.large.letter-spacing.value}","type":"font","attributes":{"subtype":"letter-spacing","description":"Controls the horizontal spacing between individual characters in dropdown menu items. This can help make the menu item text more readable and properly spaced.<br>CSS variable: --wm-dropdown-menu-item-letter-spacing"}},"color":{"value":"{color.on-surface.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the text color of dropdown menu items (individual options in the dropdown list). This determines what color the menu item text appears in, which should contrast well with the background for readability.<br>CSS variable: --wm-dropdown-menu-item-color"}},"gap":{"value":"{space.3.value}","type":"space","attributes":{"subtype":"space","description":"Controls the spacing between elements within dropdown menu items (like the space between text and icons). This creates visual separation between different parts of each menu item.<br>CSS variable: --wm-dropdown-menu-item-gap"}},"padding":{"value":"{space.3.value} {space.4.value}","type":"space","attributes":{"subtype":"space","description":"Controls the internal spacing inside dropdown menu items (the space between the menu item content and its borders). This creates breathing room around each menu option.<br>CSS variable: --wm-dropdown-menu-item-padding"}},"state":{"layer":{"color":{"value":"{color.on-surface.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of the state layer that appears when users hover, focus, or interact with dropdown menu items. This creates visual feedback to show that the menu item is interactive and responsive to user actions.<br>CSS variable: --wm-dropdown-menu-item-state-layer-color"}},"opacity":{"value":"0","type":"radius","attributes":{"subtype":"opacity","description":"Controls the transparency of the state layer that appears during user interactions with dropdown menu items (hover, focus, active). When set to 0, the state layer is invisible. Higher values make the interaction feedback more visible.<br>CSS variable: --wm-dropdown-menu-item-state-layer-opacity"}}}}}},"states":{"hover":{"menu":{"item":{"state":{"layer":{"opacity":{"hover":{"value":"{opacity.hover.value}","type":"radius","attributes":{"subtype":"opacity"}}}}}}}},"focus":{"menu":{"item":{"state":{"layer":{"opacity":{"value":"{opacity.focus.value}","type":"radius","attributes":{"subtype":"opacity"}}}}}}},"active":{"menu":{"item":{"state":{"layer":{"opacity":{"value":"{opacity.active.value}","type":"radius","attributes":{"subtype":"opacity"}}}}}}}}},"appearances":{}}}');
11
11
 
12
- /***/ })
12
+ /***/ }
13
13
 
14
14
  }]);
package/cjs/src_tokens_web_components_fileupload_fileupload_json.foundation-css.cjs CHANGED
@@ -1,14 +1,14 @@
1
1
  "use strict";
2
2
  (this["webpackChunk_wavemaker_foundation_css"] = this["webpackChunk_wavemaker_foundation_css"] || []).push([["src_tokens_web_components_fileupload_fileupload_json"],{
3
3
 
4
- /***/ "./src/tokens/web/components/fileupload/fileupload.json":
4
+ /***/ "./src/tokens/web/components/fileupload/fileupload.json"
5
5
  /*!**************************************************************!*\
6
6
  !*** ./src/tokens/web/components/fileupload/fileupload.json ***!
7
7
  \**************************************************************/
8
- /***/ ((module) => {
8
+ (module) {
9
9
 
10
- module.exports = /*#__PURE__*/JSON.parse('{"file-upload":{"mapping":{"min-height":{"type":"space","value":"3em","attributes":{"subtype":"space"}},"status":{"padding":{"value":"{space.4.value}","type":"space","attributes":{"subtype":"space"}},"border":{"color":{"value":"{color.border.@.value}","type":"color","attributes":{"subtype":"color"}},"width":{"value":"{border.width.base.value}","type":"space","attributes":{"subtype":"border-width"}},"style":{"value":"{border.style.base.value}","type":"radius","attributes":{"subtype":"border-style"}}},"background":{"value":"{color.surface.container.low.@.value}","type":"color","attributes":{"subtype":"color"}},"radius":{"value":"{radius.xs.value}","type":"radius","attributes":{"subtype":"radius"}},"bottom":{"space":{"value":"{space.1.value}","type":"radius","attributes":{"subtype":"space"}}}},"bottom":{"space":{"value":"{space.1.value}","type":"space","attributes":{"subtype":"space"}}},"title":{"color":{"value":"{color.black.@.value}","type":"color","attributes":{"subtype":"color"}},"font-size":{"value":"{body.medium.font-size.value}","type":"font","attributes":{"subtype":"font-size"}},"font-family":{"value":"{font.family.brand.value}","type":"font","attributes":{"subtype":"font-family"}},"font-weight":{"value":"{font.weight.400.value}","type":"font","attributes":{"subtype":"font-weight"}},"line-height":{"value":"{body.medium.line-height.value}","type":"font","attributes":{"subtype":"line-height"}}},"size":{"color":{"value":"{color.black.@.value}","type":"color","attributes":{"subtype":"color"}},"font":{"size":{"value":"{body.small.font-size.value}","type":"font","attributes":{"subtype":"font-size"}},"family":{"value":"{font.family.brand.value}","type":"font","attributes":{"subtype":"font-family"}},"weight":{"value":"{font.weight.400.value}","type":"font","attributes":{"subtype":"font-weight"}}},"line-height":{"value":"{body.small.line-height.value}","type":"font","attributes":{"subtype":"line-height"}}},"gap":{"value":"{space.3.value}","type":"space","attributes":{"subtype":"space"}},"drop":{"box":{"gap":{"value":"{space.3.value}","type":"space","attributes":{"subtype":"space"}},"bottom":{"space":{"value":"{space.2.value}","type":"space","attributes":{"subtype":"space"}}},"background":{"value":"none","type":"color","attributes":{"subtype":"color"}}}},"multi":{"file":{"radius":{"value":"{radius.sm.value}","type":"radius","attributes":{"subtype":"radius"}}}},"message":{"caption":{"color":{"value":"{color.black.@.value}","type":"color","attributes":{"subtype":"color"}},"font-size":{"value":"{body.large.font-size.value}","type":"font","attributes":{"subtype":"font-size"}},"font-family":{"value":"{font.family.brand.value}","type":"font","attributes":{"subtype":"font-family"}},"font-weight":{"value":"{font.weight.400.value}","type":"font","attributes":{"subtype":"font-weight"}},"line-height":{"value":"{body.large.line-height.value}","type":"font","attributes":{"subtype":"line-height"}}},"anchor":{"color":{"value":"{color.black.@.value}","type":"color","attributes":{"subtype":"color"}},"font-size":{"value":"{body.medium.font-size.value}","type":"font","attributes":{"subtype":"font-size"}},"font-family":{"value":"{font.family.brand.value}","type":"font","attributes":{"subtype":"font-family"}},"font-weight":{"value":"{font.weight.400.value}","type":"font","attributes":{"subtype":"font-weight"}},"line-height":{"value":"{body.medium.line-height.value}","type":"font","attributes":{"subtype":"line-height"}}}},"media":{"icon":{"size":{"value":"{icon.size.@.value}","type":"space","attributes":{"subtype":"icon-size"}},"padding":{"value":"{space.1.value}","type":"space","attributes":{"subtype":"space"}}}}}}}');
10
+ module.exports = /*#__PURE__*/JSON.parse('{"file-upload":{"mapping":{"min-height":{"type":"space","value":"3em","attributes":{"subtype":"space","description":"Controls the minimum height of file upload area. Acceptable units: em, px, rem.<br>CSS variable: --wm-file-upload-min-height"}},"status":{"padding":{"value":"{space.4.value}","type":"space","attributes":{"subtype":"space","description":"Controls padding of file upload status area.<br>CSS variable: --wm-file-upload-status-padding"}},"border":{"color":{"value":"{color.border.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the border color of file upload status area.<br>CSS variable: --wm-file-upload-status-border-color"}},"width":{"value":"{border.width.base.value}","type":"space","attributes":{"subtype":"border-width","description":"Controls the border width of file upload status area.<br>CSS variable: --wm-file-upload-status-border-width"}},"style":{"value":"{border.style.base.value}","type":"radius","attributes":{"subtype":"border-style","description":"Controls the border style of file upload status area. Acceptable values: solid, dashed, dotted, none.<br>CSS variable: --wm-file-upload-status-border-style"}}},"background":{"value":"{color.surface.container.low.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of file upload status area.<br>CSS variable: --wm-file-upload-status-background"}},"radius":{"value":"{radius.xs.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the border radius of file upload status area.<br>CSS variable: --wm-file-upload-status-radius"}},"bottom":{"space":{"value":"{space.1.value}","type":"radius","attributes":{"subtype":"space","description":"Controls bottom spacing of file upload status area.<br>CSS variable: --wm-file-upload-status-bottom-space"}}}},"bottom":{"space":{"value":"{space.1.value}","type":"space","attributes":{"subtype":"space","description":"Controls bottom spacing of file upload area.<br>CSS variable: --wm-file-upload-bottom-space"}}},"title":{"color":{"value":"{color.black.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the text color of file upload titles.<br>CSS variable: --wm-file-upload-title-color"}},"font-size":{"value":"{body.medium.font-size.value}","type":"font","attributes":{"subtype":"font-size","description":"Controls the font size of file upload titles.<br>CSS variable: --wm-file-upload-title-font-size"}},"font-family":{"value":"{font.family.brand.value}","type":"font","attributes":{"subtype":"font-family","description":"Sets the font family of file upload titles.<br>CSS variable: --wm-file-upload-title-font-family"}},"font-weight":{"value":"{font.weight.400.value}","type":"font","attributes":{"subtype":"font-weight","description":"Controls the font weight of file upload titles. Acceptable values: normal, bold, 100-900.<br>CSS variable: --wm-file-upload-title-font-weight"}},"line-height":{"value":"{body.medium.line-height.value}","type":"font","attributes":{"subtype":"line-height","description":"Controls the line height of file upload titles.<br>CSS variable: --wm-file-upload-title-line-height"}}},"size":{"color":{"value":"{color.black.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the text color of file size information.<br>CSS variable: --wm-file-upload-size-color"}},"font":{"size":{"value":"{body.small.font-size.value}","type":"font","attributes":{"subtype":"font-size","description":"Controls the font size of file size information.<br>CSS variable: --wm-file-upload-size-font-size"}},"family":{"value":"{font.family.brand.value}","type":"font","attributes":{"subtype":"font-family","description":"Sets the font family of file size information.<br>CSS variable: --wm-file-upload-size-font-family"}},"weight":{"value":"{font.weight.400.value}","type":"font","attributes":{"subtype":"font-weight","description":"Controls the font weight of file size information. Acceptable values: normal, bold, 100-900.<br>CSS variable: --wm-file-upload-size-font-weight"}}},"line-height":{"value":"{body.small.line-height.value}","type":"font","attributes":{"subtype":"line-height","description":"Controls the line height of file size information.<br>CSS variable: --wm-file-upload-size-line-height"}}},"gap":{"value":"{space.3.value}","type":"space","attributes":{"subtype":"space","description":"Controls spacing between file upload elements.<br>CSS variable: --wm-file-upload-gap"}},"drop":{"box":{"gap":{"value":"{space.3.value}","type":"space","attributes":{"subtype":"space","description":"Controls spacing between elements in drop box area.<br>CSS variable: --wm-file-upload-drop-box-gap"}},"bottom":{"space":{"value":"{space.2.value}","type":"space","attributes":{"subtype":"space","description":"Controls bottom spacing of drop box area.<br>CSS variable: --wm-file-upload-drop-box-bottom-space"}}},"background":{"value":"none","type":"color","attributes":{"subtype":"color","description":"Sets the background color of drop box area.<br>CSS variable: --wm-file-upload-drop-box-background"}}}},"multi":{"file":{"radius":{"value":"{radius.sm.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the border radius of multi-file upload items.<br>CSS variable: --wm-file-upload-multi-file-radius"}}}},"message":{"caption":{"color":{"value":"{color.black.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the text color of file upload message captions.<br>CSS variable: --wm-file-upload-message-caption-color"}},"font-size":{"value":"{body.large.font-size.value}","type":"font","attributes":{"subtype":"font-size","description":"Controls the font size of file upload message captions.<br>CSS variable: --wm-file-upload-message-caption-font-size"}},"font-family":{"value":"{font.family.brand.value}","type":"font","attributes":{"subtype":"font-family","description":"Sets the font family of file upload message captions.<br>CSS variable: --wm-file-upload-message-caption-font-family"}},"font-weight":{"value":"{font.weight.400.value}","type":"font","attributes":{"subtype":"font-weight","description":"Controls the font weight of file upload message captions. Acceptable values: normal, bold, 100-900.<br>CSS variable: --wm-file-upload-message-caption-font-weight"}},"line-height":{"value":"{body.large.line-height.value}","type":"font","attributes":{"subtype":"line-height","description":"Controls the line height of file upload message captions.<br>CSS variable: --wm-file-upload-message-caption-line-height"}}},"anchor":{"color":{"value":"{color.black.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the text color of file upload message anchors.<br>CSS variable: --wm-file-upload-message-anchor-color"}},"font-size":{"value":"{body.medium.font-size.value}","type":"font","attributes":{"subtype":"font-size","description":"Controls the font size of file upload message anchors.<br>CSS variable: --wm-file-upload-message-anchor-font-size"}},"font-family":{"value":"{font.family.brand.value}","type":"font","attributes":{"subtype":"font-family","description":"Sets the font family of file upload message anchors.<br>CSS variable: --wm-file-upload-message-anchor-font-family"}},"font-weight":{"value":"{font.weight.400.value}","type":"font","attributes":{"subtype":"font-weight","description":"Controls the font weight of file upload message anchors. Acceptable values: normal, bold, 100-900.<br>CSS variable: --wm-file-upload-message-anchor-font-weight"}},"line-height":{"value":"{body.medium.line-height.value}","type":"font","attributes":{"subtype":"line-height","description":"Controls the line height of file upload message anchors.<br>CSS variable: --wm-file-upload-message-anchor-line-height"}}}},"media":{"icon":{"size":{"value":"{icon.size.@.value}","type":"space","attributes":{"subtype":"icon-size","description":"Controls the size of file upload media icons.<br>CSS variable: --wm-file-upload-media-icon-size"}},"padding":{"value":"{space.1.value}","type":"space","attributes":{"subtype":"space","description":"Controls padding of file upload media icons.<br>CSS variable: --wm-file-upload-media-icon-padding"}}}}}}}');
11
11
 
12
- /***/ })
12
+ /***/ }
13
13
 
14
14
  }]);
package/cjs/src_tokens_web_components_form-controls_form-controls_json.foundation-css.cjs CHANGED
@@ -1,14 +1,14 @@
1
1
  "use strict";
2
2
  (this["webpackChunk_wavemaker_foundation_css"] = this["webpackChunk_wavemaker_foundation_css"] || []).push([["src_tokens_web_components_form-controls_form-controls_json"],{
3
3
 
4
- /***/ "./src/tokens/web/components/form-controls/form-controls.json":
4
+ /***/ "./src/tokens/web/components/form-controls/form-controls.json"
5
5
  /*!********************************************************************!*\
6
6
  !*** ./src/tokens/web/components/form-controls/form-controls.json ***!
7
7
  \********************************************************************/
8
- /***/ ((module) => {
8
+ (module) {
9
9
 
10
- module.exports = /*#__PURE__*/JSON.parse('{"form":{"meta":{"mapping":{"selector":{"web":".app-composite-widget"},"states":{"hover":{"selector":{"web":":has(.form-control:not(.ng-touched.ng-invalid):hover), .form-control:hover,.form-control:hover"}},"focus":{"selector":{"web":":has(.form-control:not(.ng-touched.ng-invalid):focus), .form-control:focus,.form-control:focus"}},"active":{"selector":{"web":":has(.form-control:not(.ng-touched.ng-invalid):active), .form-control:active,.form-control:active"}},"error":{"selector":{"web":":has(.form-control.ng-touched.ng-invalid), .form-control.ng-touched.ng-invalid, .form-group .ng-touched.ng-invalid .form-control"}}}}},"mapping":{"group":{"gap":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"space"}}},"form":{"width":{"value":"1240px","type":"space"},"min-width":{"value":"320px","type":"space"}},"control":{"color":{"@":{"value":"{color.on-surface.@.value}","type":"color","attributes":{"subtype":"color"}},"place-holder":{"value":"{color.outline.@.value}","type":"color","attributes":{"subtype":"color"}}},"background":{"value":"{color.surface.@.value}","type":"color","attributes":{"subtype":"color"}},"border":{"width":{"@":{"value":"{border.width.base.value}","type":"space","attributes":{"subtype":"border-width"}}},"style":{"value":"{border.style.base.value}","type":"radius","attributes":{"subtype":"border-style"}},"color":{"value":"{color.outline.@.value}","type":"color","attributes":{"subtype":"color"}},"radius":{"value":"{radius.xs.value}","type":"radius","attributes":{"subtype":"radius"}}},"width":{"value":"100%","type":"space","attributes":{"subtype":"space"}},"height":{"value":"56px","type":"space","attributes":{"subtype":"space"}},"padding":{"value":"{space.4.value}","type":"space","attributes":{"subtype":"space"}},"font-family":{"value":"{body.large.font-family.value}","type":"font","attributes":{"subtype":"font-family"}},"font-size":{"value":"{body.large.font-size.value}","type":"font","attributes":{"subtype":"font-size"}},"font-weight":{"value":"{body.large.font-weight.value}","type":"font","attributes":{"subtype":"font-weight"}},"line-height":{"value":"{body.large.line-height.value}","type":"font","attributes":{"subtype":"line-height"}},"letter-spacing":{"value":"{body.large.letter-spacing.value}","type":"font","attributes":{"subtype":"letter-spacing"}}},"caption":{"font":{"family":{"value":"{body.large.font-family.value}","type":"font","attributes":{"subtype":"font-family"}},"size":{"value":"{body.large.font-size.value}","type":"font","attributes":{"subtype":"font-size"}},"weight":{"value":"{body.large.font-weight.value}","type":"font","attributes":{"subtype":"font-weight"}}},"line-height":{"value":"{body.large.line-height.value}","type":"font","attributes":{"subtype":"line-height"}},"letter-spacing":{"value":"{body.large.letter-spacing.value}","type":"font","attributes":{"subtype":"letter-spacing"}},"color":{"value":"{color.on-surface.variant.@.value}","type":"color","attributes":{"subtype":"color"}},"margin":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"space"}},"padding":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"space"}},"gap":{"value":"~\\"calc({space.1.value} * 0.5)\\"","type":"space","attributes":{"subtype":"space"}}},"required":{"content":{"value":"\\"*\\"","type":"radius","attributes":{"subtype":"radius"}},"color":{"value":"{color.error.@.value}","type":"color","attributes":{"subtype":"color"}},"font-size":{"value":"inherit","type":"font","attributes":{"subtype":"font-size"}},"font-weight":{"value":"{font.weight.700.value}","type":"font","attributes":{"subtype":"font-weight"}}},"help":{"block":{"color":{"value":"{color.on-surface.@.value}","type":"color","attributes":{"subtype":"color"}},"font-family":{"value":"{body.small.font-family.value}","type":"font","attributes":{"subtype":"font-family"}},"font-size":{"value":"{body.small.font-size.value}","type":"font","attributes":{"subtype":"font-size"}},"font-weight":{"value":"{body.small.font-weight.value}","type":"font","attributes":{"subtype":"font-weight"}},"line-height":{"value":"{body.small.line-height.value}","type":"font","attributes":{"subtype":"line-height"}},"letter-spacing":{"value":"{body.small.letter-spacing.value}","type":"font","attributes":{"subtype":"letter-spacing"}}}},"input":{"group":{"btn":{"width":{"value":"{space.10.value}","type":"space","attributes":{"subtype":"space"}},"height":{"value":"{space.10.value}","type":"space","attributes":{"subtype":"space"}},"font":{"size":{"value":"{icon.size.md.value}","type":"space","attributes":{"subtype":"icon-size"}}},"border":{"radius":{"value":"{radius.sm.value}","type":"radius","attributes":{"subtype":"radius"}}}}}},"states":{"hover":{"control":{"border":{"color":{"value":"{color.on-surface.@.value}","type":"color","attributes":{"subtype":"color"}}}},"caption":{"color":{"value":"{color.on-surface.variant.@.value}","type":"color","attributes":{"subtype":"color"}},"font-weight":{"value":"{body.large.font-weight.value}","type":"font","attributes":{"subtype":"font-weight"}}}},"focus":{"control":{"border":{"width":{"value":"2px","type":"space","attributes":{"subtype":"space"}},"color":{"value":"{color.secondary.@.value}","type":"color","attributes":{"subtype":"color"}}}},"caption":{"color":{"value":"{color.on-surface.variant.@.value}","type":"color","attributes":{"subtype":"color"}},"font-weight":{"value":"{body.large.font-weight.value}","type":"font","attributes":{"subtype":"font-weight"}}}},"error":{"control":{"border":{"color":{"value":"{color.error.@.value}","type":"color","attributes":{"subtype":"color"}}}},"caption":{"color":{"value":"{color.error.@.value}","type":"color","attributes":{"subtype":"color"}},"font-weight":{"value":"{body.large.font-weight.value}","type":"font","attributes":{"subtype":"font-weight"}}},"help":{"block":{"color":{"value":"{color.error.@.value}","type":"color","attributes":{"subtype":"color"}}}}},"active":{"control":{"border":{"width":{"value":"2px","type":"space","attributes":{"subtype":"border-width"}},"color":{"value":"{color.secondary.@.value}","type":"color","attributes":{"subtype":"color"}}}},"caption":{"color":{"value":"{color.on-surface.variant.@.value}","type":"color","attributes":{"subtype":"color"}},"font-weight":{"value":"{body.large.font-weight.value}","type":"font","attributes":{"subtype":"font-weight"}}}}}},"appearances":{}}}');
10
+ module.exports = /*#__PURE__*/JSON.parse('{"form":{"meta":{"mapping":{"selector":{"web":".app-composite-widget"},"states":{"hover":{"selector":{"web":":has(.form-control:not(.ng-touched.ng-invalid):hover), .form-control:hover,.form-control:hover"}},"focus":{"selector":{"web":":has(.form-control:not(.ng-touched.ng-invalid):focus), .form-control:focus,.form-control:focus"}},"active":{"selector":{"web":":has(.form-control:not(.ng-touched.ng-invalid):active), .form-control:active,.form-control:active"}},"error":{"selector":{"web":":has(.form-control.ng-touched.ng-invalid), .form-control.ng-touched.ng-invalid, .form-group .ng-touched.ng-invalid .form-control"}}}}},"mapping":{"group":{"gap":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"space","description":"Controls the spacing between form groups (collections of related form fields like a group of address fields or contact information fields). This creates visual separation between different sections of a form.<br>CSS variable: --wm-form-group-gap"}}},"form":{"width":{"value":"1240px","type":"space"},"min-width":{"value":"320px","type":"space"}},"control":{"color":{"@":{"value":"{color.on-surface.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the text color of form controls (input fields, text areas, select boxes, and other form elements where users enter data). This determines what color the text that users type appears in.<br>CSS variable: --wm-form-control-color"}},"place-holder":{"value":"{color.outline.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of placeholder text in form controls (the gray text that appears in empty input fields to show users what to enter, like \'Enter your name\' or \'Select an option\'). This determines what color the hint text appears in.<br>CSS variable: --wm-form-control-place-holder-color"}}},"background":{"value":"{color.surface.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of form controls (input fields, text areas, select boxes, and other form elements where users enter data). This is the main background color that appears behind the form field content.<br>CSS variable: --wm-form-control-background"}},"border":{"width":{"@":{"value":"{border.width.base.value}","type":"space","attributes":{"subtype":"border-width","description":"Controls the thickness of borders around form controls (input fields, text areas, select boxes, and other form elements). This determines how thick the border lines appear around the form fields.<br>CSS variable: --wm-form-control-border-width"}}},"style":{"value":"{border.style.base.value}","type":"radius","attributes":{"subtype":"border-style","description":"Sets the visual style of borders around form controls (input fields, text areas, select boxes, and other form elements). \'solid\' creates a continuous line, \'dashed\' creates a broken line, \'dotted\' creates a dotted line, \'none\' removes borders completely.<br>CSS variable: --wm-form-control-border-style"}},"color":{"value":"{color.outline.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of borders around form controls (input fields, text areas, select boxes, and other form elements). This determines what color the border lines appear in that outline the form fields.<br>CSS variable: --wm-form-control-border-color"}},"radius":{"value":"{radius.xs.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the corner rounding of form controls (input fields, text areas, select boxes, and other form elements). This makes the form field corners slightly rounded for a softer appearance.<br>CSS variable: --wm-form-control-border-radius"}}},"width":{"value":"100%","type":"space","attributes":{"subtype":"space","description":"Controls how wide form controls appear (input fields, text areas, select boxes, and other form elements). This determines the horizontal size of the form fields. Acceptable units: %, px, em, rem.<br>CSS variable: --wm-form-control-width"}},"height":{"value":"56px","type":"space","attributes":{"subtype":"space","description":"Controls how tall form controls appear (input fields, text areas, select boxes, and other form elements). This determines the vertical size of the form fields. Acceptable units: px, em, rem.<br>CSS variable: --wm-form-control-height"}},"padding":{"value":"{space.4.value}","type":"space","attributes":{"subtype":"space","description":"Controls the internal spacing inside form controls (the space between the form field content and its borders). This creates breathing room around the text that users type in the form fields.<br>CSS variable: --wm-form-control-padding"}},"font-family":{"value":"{body.large.font-family.value}","type":"font","attributes":{"subtype":"font-family","description":"Sets the typeface (font style) for form controls (input fields, text areas, select boxes, and other form elements). This determines whether the form field text appears in Arial, Times New Roman, or other font styles.<br>CSS variable: --wm-form-control-font-family"}},"font-size":{"value":"{body.large.font-size.value}","type":"font","attributes":{"subtype":"font-size","description":"Controls how large the text appears in form controls (input fields, text areas, select boxes, and other form elements). This affects the size of the text that users see and type in the form fields.<br>CSS variable: --wm-form-control-font-size"}},"font-weight":{"value":"{body.large.font-weight.value}","type":"font","attributes":{"subtype":"font-weight","description":"Controls how thick or bold the text appears in form controls (input fields, text areas, select boxes, and other form elements). \'normal\' makes it regular weight, \'bold\' makes it thicker, and numbers (100-900) provide fine control over thickness.<br>CSS variable: --wm-form-control-font-weight"}},"line-height":{"value":"{body.large.line-height.value}","type":"font","attributes":{"subtype":"line-height","description":"Controls the vertical spacing between lines when form control text wraps to multiple lines (like in text areas). This ensures proper spacing for the text displayed in the form fields.<br>CSS variable: --wm-form-control-line-height"}},"letter-spacing":{"value":"{body.large.letter-spacing.value}","type":"font","attributes":{"subtype":"letter-spacing","description":"Controls the horizontal spacing between individual characters in form controls (input fields, text areas, select boxes, and other form elements). This can help make the form field text more readable and properly spaced.<br>CSS variable: --wm-form-control-letter-spacing"}}},"caption":{"font":{"family":{"value":"{body.large.font-family.value}","type":"font","attributes":{"subtype":"font-family","description":"Sets the font family of form captions.<br>CSS variable: --wm-form-caption-font-family"}},"size":{"value":"{body.large.font-size.value}","type":"font","attributes":{"subtype":"font-size","description":"Controls the font size of form captions.<br>CSS variable: --wm-form-caption-font-size"}},"weight":{"value":"{body.large.font-weight.value}","type":"font","attributes":{"subtype":"font-weight","description":"Controls the font weight of form captions. Acceptable values: normal, bold, 100-900.<br>CSS variable: --wm-form-caption-font-weight"}}},"line-height":{"value":"{body.large.line-height.value}","type":"font","attributes":{"subtype":"line-height","description":"Controls the line height of form captions.<br>CSS variable: --wm-form-caption-line-height"}},"letter-spacing":{"value":"{body.large.letter-spacing.value}","type":"font","attributes":{"subtype":"letter-spacing","description":"Controls spacing between characters in form captions.<br>CSS variable: --wm-form-caption-letter-spacing"}},"color":{"value":"{color.on-surface.variant.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the text color of form captions.<br>CSS variable: --wm-form-caption-color"}},"margin":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"space","description":"Controls margin of form captions.<br>CSS variable: --wm-form-caption-margin"}},"padding":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"space","description":"Controls padding of form captions.<br>CSS variable: --wm-form-caption-padding"}},"gap":{"value":"~\\"calc({space.1.value} * 0.5)\\"","type":"space","attributes":{"subtype":"space","description":"Controls spacing between form caption elements.<br>CSS variable: --wm-form-caption-gap"}}},"required":{"content":{"value":"\\"*\\"","type":"radius","attributes":{"subtype":"radius","description":"Sets the content for required field indicators.<br>CSS variable: --wm-form-required-content"}},"color":{"value":"{color.error.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of required field indicators.<br>CSS variable: --wm-form-required-color"}},"font-size":{"value":"inherit","type":"font","attributes":{"subtype":"font-size","description":"Controls the font size of required field indicators.<br>CSS variable: --wm-form-required-font-size"}},"font-weight":{"value":"{font.weight.700.value}","type":"font","attributes":{"subtype":"font-weight","description":"Controls the font weight of required field indicators. Acceptable values: normal, bold, 100-900.<br>CSS variable: --wm-form-required-font-weight"}}},"help":{"block":{"color":{"value":"{color.on-surface.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the text color of form help blocks.<br>CSS variable: --wm-form-help-block-color"}},"font-family":{"value":"{body.small.font-family.value}","type":"font","attributes":{"subtype":"font-family","description":"Sets the font family of form help blocks.<br>CSS variable: --wm-form-help-block-font-family"}},"font-size":{"value":"{body.small.font-size.value}","type":"font","attributes":{"subtype":"font-size","description":"Controls the font size of form help blocks.<br>CSS variable: --wm-form-help-block-font-size"}},"font-weight":{"value":"{body.small.font-weight.value}","type":"font","attributes":{"subtype":"font-weight","description":"Controls the font weight of form help blocks. Acceptable values: normal, bold, 100-900.<br>CSS variable: --wm-form-help-block-font-weight"}},"line-height":{"value":"{body.small.line-height.value}","type":"font","attributes":{"subtype":"line-height","description":"Controls the line height of form help blocks.<br>CSS variable: --wm-form-help-block-line-height"}},"letter-spacing":{"value":"{body.small.letter-spacing.value}","type":"font","attributes":{"subtype":"letter-spacing","description":"Controls spacing between characters in form help blocks.<br>CSS variable: --wm-form-help-block-letter-spacing"}}}},"input":{"group":{"btn":{"width":{"value":"{space.10.value}","type":"space","attributes":{"subtype":"space","description":"Controls the width of input group buttons.<br>CSS variable: --wm-form-input-group-btn-width"}},"height":{"value":"{space.10.value}","type":"space","attributes":{"subtype":"space","description":"Controls the height of input group buttons.<br>CSS variable: --wm-form-input-group-btn-height"}},"font":{"size":{"value":"{icon.size.md.value}","type":"space","attributes":{"subtype":"icon-size","description":"Controls the font size of input group button icons.<br>CSS variable: --wm-form-input-group-btn-font-size"}}},"border":{"radius":{"value":"{radius.sm.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the border radius of input group buttons.<br>CSS variable: --wm-form-input-group-btn-border-radius"}}}}}},"states":{"hover":{"control":{"border":{"color":{"value":"{color.on-surface.@.value}","type":"color","attributes":{"subtype":"color"}}}},"caption":{"color":{"value":"{color.on-surface.variant.@.value}","type":"color","attributes":{"subtype":"color"}},"font-weight":{"value":"{body.large.font-weight.value}","type":"font","attributes":{"subtype":"font-weight"}}}},"focus":{"control":{"border":{"width":{"value":"2px","type":"space","attributes":{"subtype":"space"}},"color":{"value":"{color.secondary.@.value}","type":"color","attributes":{"subtype":"color"}}}},"caption":{"color":{"value":"{color.on-surface.variant.@.value}","type":"color","attributes":{"subtype":"color"}},"font-weight":{"value":"{body.large.font-weight.value}","type":"font","attributes":{"subtype":"font-weight"}}}},"error":{"control":{"border":{"color":{"value":"{color.error.@.value}","type":"color","attributes":{"subtype":"color"}}}},"caption":{"color":{"value":"{color.error.@.value}","type":"color","attributes":{"subtype":"color"}},"font-weight":{"value":"{body.large.font-weight.value}","type":"font","attributes":{"subtype":"font-weight"}}},"help":{"block":{"color":{"value":"{color.error.@.value}","type":"color","attributes":{"subtype":"color"}}}}},"active":{"control":{"border":{"width":{"value":"2px","type":"space","attributes":{"subtype":"border-width"}},"color":{"value":"{color.secondary.@.value}","type":"color","attributes":{"subtype":"color"}}}},"caption":{"color":{"value":"{color.on-surface.variant.@.value}","type":"color","attributes":{"subtype":"color"}},"font-weight":{"value":"{body.large.font-weight.value}","type":"font","attributes":{"subtype":"font-weight"}}}}}},"appearances":{}}}');
11
11
 
12
- /***/ })
12
+ /***/ }
13
13
 
14
14
  }]);
package/cjs/src_tokens_web_components_grid-layout_grid-layout_json.foundation-css.cjs CHANGED
@@ -1,14 +1,14 @@
1
1
  "use strict";
2
2
  (this["webpackChunk_wavemaker_foundation_css"] = this["webpackChunk_wavemaker_foundation_css"] || []).push([["src_tokens_web_components_grid-layout_grid-layout_json"],{
3
3
 
4
- /***/ "./src/tokens/web/components/grid-layout/grid-layout.json":
4
+ /***/ "./src/tokens/web/components/grid-layout/grid-layout.json"
5
5
  /*!****************************************************************!*\
6
6
  !*** ./src/tokens/web/components/grid-layout/grid-layout.json ***!
7
7
  \****************************************************************/
8
- /***/ ((module) => {
8
+ (module) {
9
9
 
10
- module.exports = /*#__PURE__*/JSON.parse('{"grid-layout":{"mapping":{"width":{"type":"space","value":"100%","attributes":{"subtype":"space"}},"row":{"gap":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"space"}}},"column":{"padding":{"value":"{space.2.value}","type":"space","attributes":{"subtype":"space"}}}}}}');
10
+ module.exports = /*#__PURE__*/JSON.parse('{"grid-layout":{"mapping":{"width":{"type":"space","value":"100%","attributes":{"subtype":"space","description":"Controls how wide the grid layout container appears on the page. This determines the overall width of the grid system that holds rows and columns of content.<br>CSS variable: --wm-grid-layout-width"}},"row":{"gap":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"space","description":"Controls the vertical spacing between grid rows (horizontal lines of content). This creates breathing room between different rows of grid content.<br>CSS variable: --wm-grid-layout-row-gap"}}},"column":{"padding":{"value":"{space.2.value}","type":"space","attributes":{"subtype":"space","description":"Controls the internal spacing inside grid columns (the individual cells that hold content). This creates breathing room around the content within each grid cell.<br>CSS variable: --wm-grid-layout-column-padding"}}}}}}');
11
11
 
12
- /***/ })
12
+ /***/ }
13
13
 
14
14
  }]);