@teammodlr/ui-kit 2.0.29 → 2.0.30

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 (400) hide show
  1. package/env.d.ts +1 -1
  2. package/lib/__storybook__/argTypes.d.ts +40 -40
  3. package/lib/__storybook__/createStory.d.ts +8 -8
  4. package/lib/__storybook__/index.d.ts +2 -2
  5. package/lib/components/avatar/Avatar.vue.d.ts +56 -56
  6. package/lib/components/avatar/style/Avatar.css.d.ts +9 -9
  7. package/lib/components/avatar/style/index.d.ts +1 -1
  8. package/lib/components/avatargroup/AvatarGroup.vue.d.ts +49 -49
  9. package/lib/components/avatargroup/style/AvatarGroup.css.d.ts +2 -2
  10. package/lib/components/avatargroup/style/index.d.ts +1 -1
  11. package/lib/components/avatargroup/symbol.d.ts +13 -13
  12. package/lib/components/badge/Badge.vue.d.ts +30 -30
  13. package/lib/components/badge/style/Badge.css.d.ts +4 -4
  14. package/lib/components/badge/style/index.d.ts +1 -1
  15. package/lib/components/breadcrumb/Breadcrumb.vue.d.ts +34 -34
  16. package/lib/components/breadcrumb/BreadcrumbItem.vue.d.ts +29 -29
  17. package/lib/components/breadcrumb/style/Breadcrumb.css.d.ts +4 -4
  18. package/lib/components/breadcrumb/style/index.d.ts +1 -1
  19. package/lib/components/breadcrumb/symbol.d.ts +13 -13
  20. package/lib/components/button/Button.vue.d.ts +141 -141
  21. package/lib/components/button/style/Button.css.d.ts +25 -25
  22. package/lib/components/button/style/index.d.ts +1 -1
  23. package/lib/components/buttongroup/ButtonGroup.vue.d.ts +18 -18
  24. package/lib/components/buttongroup/style/ButtonGroup.css.d.ts +2 -2
  25. package/lib/components/buttongroup/style/index.d.ts +1 -1
  26. package/lib/components/buttongroup/symbol.d.ts +6 -6
  27. package/lib/components/checkbox/Checkbox.vue.d.ts +94 -94
  28. package/lib/components/checkbox/style/Checkbox.css.d.ts +16 -16
  29. package/lib/components/checkbox/style/index.d.ts +1 -1
  30. package/lib/components/colorpicker/ColorPicker.vue.d.ts +83 -77
  31. package/lib/components/colorpicker/style/ColorPicker.css.d.ts +10 -10
  32. package/lib/components/colorpicker/style/index.d.ts +1 -1
  33. package/lib/components/colorpicker/utils.d.ts +16 -16
  34. package/lib/components/dropdown/Dropdown.vue.d.ts +128 -122
  35. package/lib/components/dropdown/DropdownItem.vue.d.ts +78 -78
  36. package/lib/components/dropdown/DropdownList.vue.d.ts +5 -5
  37. package/lib/components/dropdown/DropdownSeperator.vue.d.ts +4 -4
  38. package/lib/components/dropdown/DropdownWrapper.vue.d.ts +2 -2
  39. package/lib/components/dropdown/hooks.d.ts +2 -2
  40. package/lib/components/dropdown/style/Dropdown.css.d.ts +6 -6
  41. package/lib/components/dropdown/style/index.d.ts +1 -1
  42. package/lib/components/dropdown/symbol.d.ts +6 -6
  43. package/lib/components/form/Form.vue.d.ts +75 -75
  44. package/lib/components/form/style/Form.css.d.ts +4 -4
  45. package/lib/components/form/style/index.d.ts +2 -2
  46. package/lib/components/form/symbol.d.ts +9 -9
  47. package/lib/components/image/Image.vue.d.ts +50 -50
  48. package/lib/components/index.d.ts +41 -41
  49. package/lib/components/input/Input.vue.d.ts +142 -142
  50. package/lib/components/input/style/Input.css.d.ts +23 -23
  51. package/lib/components/input/style/index.d.ts +1 -1
  52. package/lib/components/link/Link.vue.d.ts +51 -51
  53. package/lib/components/messageprovider/Message.vue.d.ts +79 -73
  54. package/lib/components/messageprovider/MessageProvider.vue.d.ts +58 -52
  55. package/lib/components/messageprovider/style/Message.css.d.ts +12 -12
  56. package/lib/components/messageprovider/style/index.d.ts +1 -1
  57. package/lib/components/messageprovider/types.d.ts +29 -29
  58. package/lib/components/messageprovider/useMessage.d.ts +2 -2
  59. package/lib/components/modal/Modal.vue.d.ts +52 -52
  60. package/lib/components/modal/style/Modal.css.d.ts +21 -21
  61. package/lib/components/modal/style/index.d.ts +1 -1
  62. package/lib/components/pagination/Pagination.vue.d.ts +84 -84
  63. package/lib/components/pagination/style/Pagination.css.d.ts +10 -10
  64. package/lib/components/pagination/style/index.d.ts +1 -1
  65. package/lib/components/radio/Radio.vue.d.ts +85 -85
  66. package/lib/components/radio/style/Checkbox.css.d.ts +16 -16
  67. package/lib/components/radio/style/index.d.ts +1 -1
  68. package/lib/components/radiobutton/RadioButton.vue.d.ts +98 -98
  69. package/lib/components/radiobutton/style/RadioButton.css.d.ts +14 -14
  70. package/lib/components/radiobutton/style/index.d.ts +1 -1
  71. package/lib/components/radiobuttongroup/RadioButtonGroup.vue.d.ts +48 -48
  72. package/lib/components/radiobuttongroup/style/RadioButtonGroup.css.d.ts +3 -3
  73. package/lib/components/radiobuttongroup/style/index.d.ts +1 -1
  74. package/lib/components/radiobuttongroup/symbol.d.ts +9 -9
  75. package/lib/components/select/Select.vue.d.ts +194 -194
  76. package/lib/components/select/style/Select.css.d.ts +31 -31
  77. package/lib/components/select/style/index.d.ts +1 -1
  78. package/lib/components/skeleton/Skeleton.vue.d.ts +33 -33
  79. package/lib/components/skeleton/style/Skeleton.css.d.ts +10 -8
  80. package/lib/components/skeleton/style/index.d.ts +2 -2
  81. package/lib/components/slider/Slider.vue.d.ts +32 -32
  82. package/lib/components/slider/style/Slider.css.d.ts +4 -4
  83. package/lib/components/slider/style/index.d.ts +1 -1
  84. package/lib/components/{toggle/Toggle.vue.d.ts → switch/Switch.vue.d.ts} +85 -85
  85. package/lib/components/{toggle/style/Toggle.css.d.ts → switch/style/Switch.css.d.ts} +7 -7
  86. package/lib/components/switch/style/index.d.ts +1 -0
  87. package/lib/components/tab/Tab.vue.d.ts +41 -41
  88. package/lib/components/tab/TabGroup.vue.d.ts +43 -43
  89. package/lib/components/table/Table.vue.d.ts +62 -62
  90. package/lib/components/table/TableBody.vue.d.ts +2 -2
  91. package/lib/components/table/TableCell.vue.d.ts +2 -2
  92. package/lib/components/table/TableHead.vue.d.ts +30 -30
  93. package/lib/components/table/TableHeadRow.vue.d.ts +2 -2
  94. package/lib/components/table/TableRow.vue.d.ts +2 -2
  95. package/lib/components/table/style/Table.css.d.ts +4 -4
  96. package/lib/components/table/style/index.d.ts +1 -1
  97. package/lib/components/table/types/index.d.ts +6 -6
  98. package/lib/components/tag/Tag.vue.d.ts +44 -44
  99. package/lib/components/tag/style/Tag.css.d.ts +11 -11
  100. package/lib/components/tag/style/index.d.ts +1 -1
  101. package/lib/components/textarea/{TextArea.vue.d.ts → Textarea.vue.d.ts} +137 -137
  102. package/lib/components/textarea/style/{TextArea.css.d.ts → Textarea.css.d.ts} +19 -19
  103. package/lib/components/textarea/style/index.d.ts +1 -1
  104. package/lib/components/tooltip/Tooltip.vue.d.ts +87 -71
  105. package/lib/components/tooltip/style/Tooltip.css.d.ts +10 -10
  106. package/lib/components/tooltip/style/index.d.ts +1 -1
  107. package/lib/components/transfer/Transfer.vue.d.ts +67 -67
  108. package/lib/components/transfer/style/Transfer.css.d.ts +7 -7
  109. package/lib/components/transfer/style/index.d.ts +1 -1
  110. package/lib/components/virtualscroll/VirtualScroll.vue.d.ts +73 -73
  111. package/lib/components/virtualscroll/style/VirtualScroll.css.d.ts +1 -1
  112. package/lib/components/virtualscroll/style/index.d.ts +1 -1
  113. package/lib/composables/element.d.ts +2 -2
  114. package/lib/composables/index.d.ts +3 -3
  115. package/lib/composables/useCachedUid.d.ts +13 -13
  116. package/lib/composables/useEventListener.d.ts +1 -1
  117. package/lib/composables/useInput.d.ts +36 -36
  118. package/lib/composables/useInteractive.d.ts +15 -15
  119. package/lib/composables/useIsServer.d.ts +1 -1
  120. package/lib/composables/useMount.d.ts +13 -13
  121. package/lib/composables/usePopper.d.ts +31 -31
  122. package/lib/composables/useZIndex.d.ts +8 -8
  123. package/lib/create.d.ts +9 -9
  124. package/lib/index.cjs.js +4 -4
  125. package/lib/index.d.ts +5 -5
  126. package/lib/index.es.js +4475 -4417
  127. package/lib/install.d.ts +4 -4
  128. package/lib/nuxt.js +33 -33
  129. package/lib/nuxt.plugin.js +8 -8
  130. package/lib/style.css +1 -1
  131. package/lib/styles/theme.css.d.ts +167 -167
  132. package/lib/styles/transitions.css.d.ts +12 -0
  133. package/lib/styles/typography.css.d.ts +22 -22
  134. package/lib/types/props.d.ts +3 -3
  135. package/package.json +3 -2
  136. package/src/__storybook__/argTypes.ts +61 -61
  137. package/src/__storybook__/createStory.ts +15 -15
  138. package/src/__storybook__/index.ts +2 -2
  139. package/src/components/avatar/Avatar.vue +110 -109
  140. package/src/components/avatar/examples/basic.vue +6 -6
  141. package/src/components/avatar/examples/custom-size.vue +7 -7
  142. package/src/components/avatar/examples/index.stories.ts +28 -28
  143. package/src/components/avatar/examples/index.ts +5 -5
  144. package/src/components/avatar/examples/sizes.vue +33 -33
  145. package/src/components/avatar/examples/slots.vue +8 -7
  146. package/src/components/avatar/examples/variants.vue +18 -18
  147. package/src/components/avatar/style/Avatar.css.ts +92 -92
  148. package/src/components/avatar/style/index.ts +1 -1
  149. package/src/components/avatargroup/AvatarGroup.vue +72 -71
  150. package/src/components/avatargroup/examples/basic.vue +37 -37
  151. package/src/components/avatargroup/examples/index.stories.ts +24 -24
  152. package/src/components/avatargroup/examples/index.ts +1 -1
  153. package/src/components/avatargroup/style/AvatarGroup.css.ts +21 -21
  154. package/src/components/avatargroup/style/index.ts +1 -1
  155. package/src/components/avatargroup/symbol.ts +16 -16
  156. package/src/components/badge/Badge.vue +43 -43
  157. package/src/components/badge/examples/basic.vue +10 -10
  158. package/src/components/badge/examples/index.stories.ts +21 -21
  159. package/src/components/badge/examples/index.ts +1 -1
  160. package/src/components/badge/style/Badge.css.ts +135 -135
  161. package/src/components/badge/style/index.ts +1 -1
  162. package/src/components/breadcrumb/Breadcrumb.vue +58 -58
  163. package/src/components/breadcrumb/BreadcrumbItem.vue +72 -72
  164. package/src/components/breadcrumb/examples/basic.vue +7 -7
  165. package/src/components/breadcrumb/examples/index.stories.ts +20 -20
  166. package/src/components/breadcrumb/examples/index.ts +1 -1
  167. package/src/components/breadcrumb/style/Breadcrumb.css.ts +39 -39
  168. package/src/components/breadcrumb/symbol.ts +16 -16
  169. package/src/components/button/Button.vue +203 -203
  170. package/src/components/button/examples/basic.vue +3 -3
  171. package/src/components/button/examples/disabled.vue +3 -3
  172. package/src/components/button/examples/icon-left.vue +12 -12
  173. package/src/components/button/examples/icon.vue +9 -9
  174. package/src/components/button/examples/index.stories.ts +35 -35
  175. package/src/components/button/examples/index.ts +8 -8
  176. package/src/components/button/examples/rounded.vue +7 -7
  177. package/src/components/button/examples/size.vue +7 -7
  178. package/src/components/button/examples/variants-secondary.vue +10 -10
  179. package/src/components/button/examples/variants.vue +10 -10
  180. package/src/components/button/style/Button.css.ts +677 -677
  181. package/src/components/button/style/index.ts +1 -1
  182. package/src/components/buttongroup/ButtonGroup.vue +36 -36
  183. package/src/components/buttongroup/examples/basic.vue +9 -9
  184. package/src/components/buttongroup/examples/icon-group.vue +21 -21
  185. package/src/components/buttongroup/examples/index.stories.ts +22 -22
  186. package/src/components/buttongroup/examples/index.ts +2 -2
  187. package/src/components/buttongroup/style/ButtonGroup.css.ts +39 -39
  188. package/src/components/buttongroup/style/index.ts +1 -1
  189. package/src/components/buttongroup/symbol.ts +7 -7
  190. package/src/components/checkbox/Checkbox.vue +156 -156
  191. package/src/components/checkbox/examples/basic.vue +9 -9
  192. package/src/components/checkbox/examples/index.stories.ts +21 -21
  193. package/src/components/checkbox/examples/index.ts +3 -3
  194. package/src/components/checkbox/examples/slot.vue +11 -11
  195. package/src/components/checkbox/style/Checkbox.css.ts +140 -140
  196. package/src/components/checkbox/style/index.ts +1 -1
  197. package/src/components/colorpicker/ColorPicker.vue +333 -324
  198. package/src/components/colorpicker/examples/basic.vue +2 -2
  199. package/src/components/colorpicker/examples/index.stories.ts +17 -17
  200. package/src/components/colorpicker/style/ColorPicker.css.ts +119 -117
  201. package/src/components/colorpicker/style/index.ts +1 -1
  202. package/src/components/colorpicker/utils.ts +187 -187
  203. package/src/components/dropdown/Dropdown.vue +270 -263
  204. package/src/components/dropdown/DropdownItem.vue +134 -134
  205. package/src/components/dropdown/DropdownList.vue +20 -20
  206. package/src/components/dropdown/DropdownSeperator.vue +22 -22
  207. package/src/components/dropdown/DropdownWrapper.vue +18 -18
  208. package/src/components/dropdown/examples/basic.vue +73 -73
  209. package/src/components/dropdown/examples/context.vue +71 -71
  210. package/src/components/dropdown/examples/index.stories.ts +28 -28
  211. package/src/components/dropdown/examples/index.ts +3 -3
  212. package/src/components/dropdown/hooks.ts +30 -30
  213. package/src/components/dropdown/style/Dropdown.css.ts +54 -54
  214. package/src/components/dropdown/style/index.ts +1 -1
  215. package/src/components/dropdown/symbol.ts +7 -7
  216. package/src/components/form/Form.vue +153 -153
  217. package/src/components/form/examples/basic.vue +75 -75
  218. package/src/components/form/examples/index.stories.ts +25 -25
  219. package/src/components/form/examples/index.ts +1 -1
  220. package/src/components/form/style/Form.css.ts +22 -22
  221. package/src/components/form/style/index.ts +1 -1
  222. package/src/components/form/symbol.ts +10 -10
  223. package/src/components/image/Image.vue +71 -71
  224. package/src/components/image/examples/basic.vue +5 -5
  225. package/src/components/image/examples/index.stories.ts +12 -12
  226. package/src/components/image/examples/index.ts +1 -1
  227. package/src/components/index.ts +41 -41
  228. package/src/components/input/Input.vue +218 -218
  229. package/src/components/input/examples/basic.vue +17 -8
  230. package/src/components/input/examples/index.stories.ts +24 -24
  231. package/src/components/input/examples/index.ts +4 -4
  232. package/src/components/input/examples/prefix.vue +9 -9
  233. package/src/components/input/examples/sizes.vue +9 -9
  234. package/src/components/input/examples/suffix.vue +9 -9
  235. package/src/components/input/style/Input.css.ts +221 -221
  236. package/src/components/input/style/index.ts +1 -1
  237. package/src/components/link/Link.vue +53 -53
  238. package/src/components/link/examples/basic.vue +3 -3
  239. package/src/components/link/examples/index.stories.ts +20 -20
  240. package/src/components/link/examples/index.ts +1 -1
  241. package/src/components/messageprovider/Message.vue +135 -123
  242. package/src/components/messageprovider/MessageProvider.vue +153 -144
  243. package/src/components/messageprovider/examples/basic.vue +70 -70
  244. package/src/components/messageprovider/examples/index.stories.ts +29 -29
  245. package/src/components/messageprovider/examples/index.ts +2 -2
  246. package/src/components/messageprovider/examples/update.vue +34 -34
  247. package/src/components/messageprovider/examples/wrapper.vue +9 -9
  248. package/src/components/messageprovider/style/Message.css.ts +110 -109
  249. package/src/components/messageprovider/style/index.ts +1 -1
  250. package/src/components/messageprovider/types.ts +47 -47
  251. package/src/components/messageprovider/useMessage.ts +12 -12
  252. package/src/components/modal/Modal.vue +121 -126
  253. package/src/components/modal/examples/basic.vue +40 -40
  254. package/src/components/modal/examples/index.stories.ts +20 -20
  255. package/src/components/modal/examples/index.ts +2 -2
  256. package/src/components/modal/examples/modal-form.vue +99 -99
  257. package/src/components/modal/style/Modal.css.ts +258 -258
  258. package/src/components/modal/style/index.ts +1 -1
  259. package/src/components/pagination/Pagination.vue +237 -237
  260. package/src/components/pagination/examples/basic.vue +17 -17
  261. package/src/components/pagination/examples/index.stories.ts +14 -14
  262. package/src/components/pagination/style/Pagination.css.ts +87 -87
  263. package/src/components/pagination/style/index.ts +1 -1
  264. package/src/components/radio/Radio.vue +137 -137
  265. package/src/components/radio/examples/basic.vue +9 -9
  266. package/src/components/radio/examples/index.stories.ts +19 -19
  267. package/src/components/radio/examples/index.ts +2 -2
  268. package/src/components/radio/style/Checkbox.css.ts +131 -131
  269. package/src/components/radio/style/index.ts +1 -1
  270. package/src/components/radiobutton/RadioButton.vue +131 -131
  271. package/src/components/radiobutton/style/RadioButton.css.ts +183 -183
  272. package/src/components/radiobutton/style/index.ts +1 -1
  273. package/src/components/radiobuttongroup/RadioButtonGroup.vue +74 -74
  274. package/src/components/radiobuttongroup/examples/basic.vue +16 -16
  275. package/src/components/radiobuttongroup/examples/index.stories.ts +22 -22
  276. package/src/components/radiobuttongroup/examples/index.ts +2 -2
  277. package/src/components/radiobuttongroup/style/RadioButtonGroup.css.ts +36 -36
  278. package/src/components/radiobuttongroup/symbol.ts +10 -10
  279. package/src/components/select/Select.vue +570 -569
  280. package/src/components/select/examples/basic.vue +20 -20
  281. package/src/components/select/examples/index.stories.ts +22 -22
  282. package/src/components/select/examples/index.ts +3 -3
  283. package/src/components/select/examples/multiple.vue +21 -21
  284. package/src/components/select/examples/searchable.vue +20 -20
  285. package/src/components/select/style/Select.css.ts +261 -261
  286. package/src/components/select/style/index.ts +1 -1
  287. package/src/components/skeleton/Skeleton.vue +55 -55
  288. package/src/components/skeleton/examples/basic.vue +3 -3
  289. package/src/components/skeleton/examples/index.stories.ts +17 -17
  290. package/src/components/skeleton/examples/index.ts +2 -2
  291. package/src/components/skeleton/examples/post.vue +8 -8
  292. package/src/components/skeleton/style/Skeleton.css.ts +72 -57
  293. package/src/components/skeleton/style/index.ts +1 -1
  294. package/src/components/slider/Slider.vue +76 -76
  295. package/src/components/slider/style/Slider.css.ts +42 -42
  296. package/src/components/slider/style/index.ts +1 -1
  297. package/src/components/{toggle/Toggle.vue → switch/Switch.vue} +132 -132
  298. package/src/components/{toggle → switch}/examples/basic.vue +9 -9
  299. package/src/components/switch/examples/index.stories.ts +20 -0
  300. package/src/components/switch/examples/index.ts +3 -0
  301. package/src/components/{toggle → switch}/examples/slot.vue +11 -11
  302. package/src/components/switch/style/Switch.css.ts +136 -0
  303. package/src/components/switch/style/index.ts +1 -0
  304. package/src/components/tab/Tab.css +113 -113
  305. package/src/components/tab/Tab.vue +98 -98
  306. package/src/components/tab/TabGroup.vue +90 -90
  307. package/src/components/tab/examples/basic.vue +19 -19
  308. package/src/components/tab/examples/index.stories.ts +25 -25
  309. package/src/components/tab/examples/index.ts +2 -2
  310. package/src/components/tab/examples/vertical.vue +19 -19
  311. package/src/components/table/Table.vue +119 -119
  312. package/src/components/table/TableBody.vue +13 -13
  313. package/src/components/table/TableCell.vue +13 -13
  314. package/src/components/table/TableHead.vue +46 -46
  315. package/src/components/table/TableHeadRow.vue +15 -15
  316. package/src/components/table/TableRow.vue +13 -13
  317. package/src/components/table/examples/basic.vue +55 -55
  318. package/src/components/table/examples/empty.vue +44 -44
  319. package/src/components/table/examples/index.stories.ts +20 -20
  320. package/src/components/table/examples/index.ts +2 -2
  321. package/src/components/table/style/Table.css.ts +56 -81
  322. package/src/components/table/types/index.ts +6 -6
  323. package/src/components/tag/Tag.vue +66 -66
  324. package/src/components/tag/examples/basic.vue +5 -5
  325. package/src/components/tag/examples/index.stories.ts +22 -22
  326. package/src/components/tag/examples/index.ts +1 -1
  327. package/src/components/tag/style/Tag.css.ts +79 -79
  328. package/src/components/tag/style/index.ts +1 -1
  329. package/src/components/textarea/{TextArea.vue → Textarea.vue} +181 -181
  330. package/src/components/textarea/examples/basic.vue +8 -8
  331. package/src/components/textarea/examples/index.stories.ts +18 -18
  332. package/src/components/textarea/examples/index.ts +1 -1
  333. package/src/components/textarea/style/{TextArea.css.ts → Textarea.css.ts} +191 -190
  334. package/src/components/textarea/style/index.ts +1 -1
  335. package/src/components/tooltip/Tooltip.vue +151 -118
  336. package/src/components/tooltip/examples/basic.vue +5 -5
  337. package/src/components/tooltip/examples/index.stories.ts +22 -22
  338. package/src/components/tooltip/examples/index.ts +2 -2
  339. package/src/components/tooltip/examples/placement.vue +9 -9
  340. package/src/components/tooltip/style/Tooltip.css.ts +91 -91
  341. package/src/components/tooltip/style/index.ts +1 -1
  342. package/src/components/transfer/Transfer.vue +143 -143
  343. package/src/components/transfer/examples/basic.vue +20 -20
  344. package/src/components/transfer/examples/index.stories.ts +15 -15
  345. package/src/components/transfer/examples/index.ts +1 -1
  346. package/src/components/transfer/style/Transfer.css.ts +67 -67
  347. package/src/components/transfer/style/index.ts +1 -1
  348. package/src/components/virtualscroll/VirtualScroll.css +13 -13
  349. package/src/components/virtualscroll/VirtualScroll.vue +166 -166
  350. package/src/components/virtualscroll/examples/basic.vue +31 -31
  351. package/src/components/virtualscroll/examples/index.stories.ts +15 -15
  352. package/src/components/virtualscroll/examples/index.ts +1 -1
  353. package/src/components/virtualscroll/style/VirtualScroll.css.ts +18 -18
  354. package/src/components/virtualscroll/style/index.ts +1 -1
  355. package/src/composables/element.ts +13 -13
  356. package/src/composables/index.ts +2 -2
  357. package/src/composables/useCachedUid.ts +48 -48
  358. package/src/composables/useEventListener.ts +14 -14
  359. package/src/composables/useInput.ts +129 -129
  360. package/src/composables/useInteractive.ts +19 -19
  361. package/src/composables/useIsServer.ts +7 -7
  362. package/src/composables/useMount.ts +43 -43
  363. package/src/composables/usePopper.ts +194 -194
  364. package/src/composables/useZIndex.ts +30 -30
  365. package/src/create.ts +34 -34
  366. package/src/css/components.css +16 -16
  367. package/src/css/index.css +4 -4
  368. package/src/css/transitions.css +40 -40
  369. package/src/css/variables.css +80 -80
  370. package/src/examples/cards/cards.stories.ts +9 -9
  371. package/src/examples/cards/sidebar.vue +262 -262
  372. package/src/exports/nuxt.js +33 -33
  373. package/src/exports/nuxt.plugin.js +8 -8
  374. package/src/index.ts +7 -7
  375. package/src/install.ts +8 -8
  376. package/src/shims-vue.d.ts +6 -6
  377. package/src/styles/theme.css.ts +170 -170
  378. package/src/styles/transitions.css.ts +62 -0
  379. package/src/styles/typography.css.ts +91 -91
  380. package/src/types/props.ts +5 -5
  381. package/volar.d.ts +16 -16
  382. package/lib/components/toggle/style/index.d.ts +0 -1
  383. package/src/components/avatargroup/AvatarGroup.css +0 -8
  384. package/src/components/badge/Badge.css +0 -128
  385. package/src/components/breadcrumb/Breadcrumb.css +0 -46
  386. package/src/components/button/Button-old.css +0 -378
  387. package/src/components/checkbox/Checkbox.css +0 -185
  388. package/src/components/input/Input.css +0 -173
  389. package/src/components/link/Link.css +0 -147
  390. package/src/components/messageprovider/MessageProvider.css +0 -23
  391. package/src/components/radio/Checkbox.css +0 -185
  392. package/src/components/select/Select.css +0 -0
  393. package/src/components/skeleton/Skeleton.css +0 -73
  394. package/src/components/tag/Tag.css +0 -0
  395. package/src/components/textarea/TextArea.css +0 -173
  396. package/src/components/toggle/examples/index.stories.ts +0 -20
  397. package/src/components/toggle/examples/index.ts +0 -3
  398. package/src/components/toggle/style/Toggle.css.ts +0 -137
  399. package/src/components/toggle/style/index.ts +0 -1
  400. package/src/components/tooltip/Tooltip.css +0 -43
@@ -1,67 +1,67 @@
1
- import * as style from "./style";
2
- declare const _default: import("vue").DefineComponent<{
3
- options: {
4
- type: ArrayConstructor;
5
- default: () => never[];
6
- };
7
- optionKey: {
8
- type: StringConstructor;
9
- default: string;
10
- };
11
- optionLabel: {
12
- type: StringConstructor;
13
- default: string;
14
- };
15
- sourceTitle: {
16
- type: StringConstructor;
17
- default: string;
18
- };
19
- targetTitle: {
20
- type: StringConstructor;
21
- default: string;
22
- };
23
- modelValue: {
24
- type: ArrayConstructor;
25
- default: () => never[];
26
- };
27
- }, {
28
- style: typeof style;
29
- sourceData: import("vue").ComputedRef<unknown[]>;
30
- targetData: import("vue").ComputedRef<unknown>;
31
- wrapper: import("vue").Ref<HTMLElement | null>;
32
- handleSourceClick: (option: any) => void;
33
- handleTargetClick: (option: any) => void;
34
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
35
- options: {
36
- type: ArrayConstructor;
37
- default: () => never[];
38
- };
39
- optionKey: {
40
- type: StringConstructor;
41
- default: string;
42
- };
43
- optionLabel: {
44
- type: StringConstructor;
45
- default: string;
46
- };
47
- sourceTitle: {
48
- type: StringConstructor;
49
- default: string;
50
- };
51
- targetTitle: {
52
- type: StringConstructor;
53
- default: string;
54
- };
55
- modelValue: {
56
- type: ArrayConstructor;
57
- default: () => never[];
58
- };
59
- }>>, {
60
- options: unknown[];
61
- modelValue: unknown[];
62
- optionKey: string;
63
- optionLabel: string;
64
- sourceTitle: string;
65
- targetTitle: string;
66
- }>;
67
- export default _default;
1
+ import * as style from "./style";
2
+ declare const _default: import("vue").DefineComponent<{
3
+ options: {
4
+ type: ArrayConstructor;
5
+ default: () => never[];
6
+ };
7
+ optionKey: {
8
+ type: StringConstructor;
9
+ default: string;
10
+ };
11
+ optionLabel: {
12
+ type: StringConstructor;
13
+ default: string;
14
+ };
15
+ sourceTitle: {
16
+ type: StringConstructor;
17
+ default: string;
18
+ };
19
+ targetTitle: {
20
+ type: StringConstructor;
21
+ default: string;
22
+ };
23
+ modelValue: {
24
+ type: ArrayConstructor;
25
+ default: () => never[];
26
+ };
27
+ }, {
28
+ style: typeof style;
29
+ sourceData: import("vue").ComputedRef<unknown[]>;
30
+ targetData: import("vue").ComputedRef<unknown>;
31
+ wrapper: import("vue").Ref<HTMLElement | null>;
32
+ handleSourceClick: (option: any) => void;
33
+ handleTargetClick: (option: any) => void;
34
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
35
+ options: {
36
+ type: ArrayConstructor;
37
+ default: () => never[];
38
+ };
39
+ optionKey: {
40
+ type: StringConstructor;
41
+ default: string;
42
+ };
43
+ optionLabel: {
44
+ type: StringConstructor;
45
+ default: string;
46
+ };
47
+ sourceTitle: {
48
+ type: StringConstructor;
49
+ default: string;
50
+ };
51
+ targetTitle: {
52
+ type: StringConstructor;
53
+ default: string;
54
+ };
55
+ modelValue: {
56
+ type: ArrayConstructor;
57
+ default: () => never[];
58
+ };
59
+ }>>, {
60
+ options: unknown[];
61
+ modelValue: unknown[];
62
+ optionLabel: string;
63
+ optionKey: string;
64
+ sourceTitle: string;
65
+ targetTitle: string;
66
+ }>;
67
+ export default _default;
@@ -1,7 +1,7 @@
1
- export declare const vars: {};
2
- export declare const wrapper: string;
3
- export declare const list: string;
4
- export declare const listHeader: string;
5
- export declare const listBody: string;
6
- export declare const listContainer: string;
7
- export declare const transferItem: string;
1
+ export declare const vars: {};
2
+ export declare const wrapper: string;
3
+ export declare const list: string;
4
+ export declare const listHeader: string;
5
+ export declare const listBody: string;
6
+ export declare const listContainer: string;
7
+ export declare const transferItem: string;
@@ -1 +1 @@
1
- export * from './Transfer.css';
1
+ export * from './Transfer.css';
@@ -1,73 +1,73 @@
1
- import * as style from "./style";
2
- declare const _default: import("vue").DefineComponent<{
3
- items: {
4
- type: ArrayConstructor;
5
- default: () => never[];
6
- };
7
- itemHeight: {
8
- type: NumberConstructor;
9
- default: number;
10
- };
11
- itemWidth: {
12
- type: NumberConstructor;
13
- default: number;
14
- };
15
- buffer: {
16
- type: NumberConstructor;
17
- default: number;
18
- };
19
- delay: {
20
- type: NumberConstructor;
21
- default: number;
22
- };
23
- }, {
24
- contentWrapper: import("vue").Ref<any>;
25
- scroller: import("vue").Ref<any>;
26
- scrollerHeight: import("vue").Ref<number>;
27
- scrollerWidth: import("vue").Ref<number>;
28
- scrollTop: import("vue").Ref<number>;
29
- scrollLeft: import("vue").Ref<number>;
30
- totalHeight: import("vue").ComputedRef<number>;
31
- totalWidth: import("vue").ComputedRef<number>;
32
- startPosition: import("vue").ComputedRef<{
33
- row: number;
34
- col: number;
35
- }>;
36
- endPosition: import("vue").ComputedRef<{
37
- row: number;
38
- col: number;
39
- }>;
40
- renderedItems: import("vue").Ref<never[]>;
41
- offsetX: import("vue").ComputedRef<number>;
42
- offsetY: import("vue").ComputedRef<number>;
43
- onScroll: () => void;
44
- style: typeof style;
45
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
46
- items: {
47
- type: ArrayConstructor;
48
- default: () => never[];
49
- };
50
- itemHeight: {
51
- type: NumberConstructor;
52
- default: number;
53
- };
54
- itemWidth: {
55
- type: NumberConstructor;
56
- default: number;
57
- };
58
- buffer: {
59
- type: NumberConstructor;
60
- default: number;
61
- };
62
- delay: {
63
- type: NumberConstructor;
64
- default: number;
65
- };
66
- }>>, {
67
- items: unknown[];
68
- itemHeight: number;
69
- itemWidth: number;
70
- buffer: number;
71
- delay: number;
72
- }>;
73
- export default _default;
1
+ import * as style from "./style";
2
+ declare const _default: import("vue").DefineComponent<{
3
+ items: {
4
+ type: ArrayConstructor;
5
+ default: () => never[];
6
+ };
7
+ itemHeight: {
8
+ type: NumberConstructor;
9
+ default: number;
10
+ };
11
+ itemWidth: {
12
+ type: NumberConstructor;
13
+ default: number;
14
+ };
15
+ buffer: {
16
+ type: NumberConstructor;
17
+ default: number;
18
+ };
19
+ delay: {
20
+ type: NumberConstructor;
21
+ default: number;
22
+ };
23
+ }, {
24
+ contentWrapper: import("vue").Ref<any>;
25
+ scroller: import("vue").Ref<any>;
26
+ scrollerHeight: import("vue").Ref<number>;
27
+ scrollerWidth: import("vue").Ref<number>;
28
+ scrollTop: import("vue").Ref<number>;
29
+ scrollLeft: import("vue").Ref<number>;
30
+ totalHeight: import("vue").ComputedRef<number>;
31
+ totalWidth: import("vue").ComputedRef<number>;
32
+ startPosition: import("vue").ComputedRef<{
33
+ row: number;
34
+ col: number;
35
+ }>;
36
+ endPosition: import("vue").ComputedRef<{
37
+ row: number;
38
+ col: number;
39
+ }>;
40
+ renderedItems: import("vue").Ref<never[]>;
41
+ offsetX: import("vue").ComputedRef<number>;
42
+ offsetY: import("vue").ComputedRef<number>;
43
+ onScroll: () => void;
44
+ style: typeof style;
45
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
46
+ items: {
47
+ type: ArrayConstructor;
48
+ default: () => never[];
49
+ };
50
+ itemHeight: {
51
+ type: NumberConstructor;
52
+ default: number;
53
+ };
54
+ itemWidth: {
55
+ type: NumberConstructor;
56
+ default: number;
57
+ };
58
+ buffer: {
59
+ type: NumberConstructor;
60
+ default: number;
61
+ };
62
+ delay: {
63
+ type: NumberConstructor;
64
+ default: number;
65
+ };
66
+ }>>, {
67
+ items: unknown[];
68
+ delay: number;
69
+ itemHeight: number;
70
+ itemWidth: number;
71
+ buffer: number;
72
+ }>;
73
+ export default _default;
@@ -1 +1 @@
1
- export declare const container: string;
1
+ export declare const container: string;
@@ -1 +1 @@
1
- export * from './VirtualScroll.css';
1
+ export * from './VirtualScroll.css';
@@ -1,2 +1,2 @@
1
- import type { Ref } from "vue";
2
- export declare function getElement(ref: Ref): any;
1
+ import type { Ref } from "vue";
2
+ export declare function getElement(ref: Ref): any;
@@ -1,3 +1,3 @@
1
- export { useMessage } from '../components/messageprovider/useMessage';
2
- export { usePopper } from './usePopper';
3
- export { useZIndex } from './useZIndex';
1
+ export { useMessage } from '../components/messageprovider/useMessage';
2
+ export { usePopper } from './usePopper';
3
+ export { useZIndex } from './useZIndex';
@@ -1,13 +1,13 @@
1
- import type { ComponentPublicInstance, Ref } from 'vue';
2
- declare const UID_CACHE_ATTR = "data-modlr-ssr-uid";
3
- type CacheElement = HTMLElement | SVGElement | ComponentPublicInstance | null;
4
- export declare function uid(prefix?: string): string;
5
- export interface IUseCacheUid {
6
- id: Readonly<Ref<string>>;
7
- cacheAttrs: {
8
- ref: Ref<CacheElement>;
9
- [UID_CACHE_ATTR]?: string;
10
- };
11
- }
12
- export declare function useCachedUid(prefix?: string): IUseCacheUid;
13
- export {};
1
+ import type { ComponentPublicInstance, Ref } from 'vue';
2
+ declare const UID_CACHE_ATTR = "data-modlr-ssr-uid";
3
+ type CacheElement = HTMLElement | SVGElement | ComponentPublicInstance | null;
4
+ export declare function uid(prefix?: string): string;
5
+ export interface IUseCacheUid {
6
+ id: Readonly<Ref<string>>;
7
+ cacheAttrs: {
8
+ ref: Ref<CacheElement>;
9
+ [UID_CACHE_ATTR]?: string;
10
+ };
11
+ }
12
+ export declare function useCachedUid(prefix?: string): IUseCacheUid;
13
+ export {};
@@ -1 +1 @@
1
- export declare function useEventListener<T extends EventTarget | HTMLElement, E extends EventListener>(element: T, type: string, listener: E, options: boolean): void;
1
+ export declare function useEventListener<T extends EventTarget | HTMLElement, E extends EventListener>(element: T, type: string, listener: E, options: boolean): void;
@@ -1,36 +1,36 @@
1
- import type { PropType } from 'vue';
2
- export interface FormInput {
3
- focus: () => void;
4
- validate: (value: any) => void;
5
- setError: (value: string) => void;
6
- }
7
- export declare const useInput: {
8
- (props: any, { focus, emit, withListeners }: {
9
- focus: () => void;
10
- emit: any;
11
- withListeners?: boolean | undefined;
12
- }): {
13
- id: Readonly<import("vue").Ref<string>>;
14
- isFirstValidation: import("vue").Ref<boolean>;
15
- formError: any;
16
- insideForm: boolean;
17
- inputListeners: {};
18
- reset: () => void;
19
- validate: (value: any) => boolean;
20
- setError: (value: string) => void;
21
- formDisabled: any;
22
- formLoading: any;
23
- };
24
- emits(withListeners?: boolean): string[];
25
- props(): {
26
- readonly modelValue: PropType<string | number | boolean | object | any[] | undefined>;
27
- readonly name: StringConstructor;
28
- readonly readonly: BooleanConstructor;
29
- readonly required: BooleanConstructor;
30
- readonly error: StringConstructor;
31
- readonly rules: {
32
- readonly type: ArrayConstructor;
33
- readonly default: () => never[];
34
- };
35
- };
36
- };
1
+ import type { PropType } from 'vue';
2
+ export interface FormInput {
3
+ focus: () => void;
4
+ validate: (value: any) => void;
5
+ setError: (value: string) => void;
6
+ }
7
+ export declare const useInput: {
8
+ (props: any, { focus, emit, withListeners }: {
9
+ focus: () => void;
10
+ emit: any;
11
+ withListeners?: boolean | undefined;
12
+ }): {
13
+ id: Readonly<import("vue").Ref<string>>;
14
+ isFirstValidation: import("vue").Ref<boolean>;
15
+ formError: any;
16
+ insideForm: boolean;
17
+ inputListeners: {};
18
+ reset: () => void;
19
+ validate: (value: any) => boolean;
20
+ setError: (value: string) => void;
21
+ formDisabled: any;
22
+ formLoading: any;
23
+ };
24
+ emits(withListeners?: boolean): string[];
25
+ props(): {
26
+ readonly modelValue: PropType<string | number | boolean | object | any[] | undefined>;
27
+ readonly name: StringConstructor;
28
+ readonly readonly: BooleanConstructor;
29
+ readonly required: BooleanConstructor;
30
+ readonly error: StringConstructor;
31
+ readonly rules: {
32
+ readonly type: ArrayConstructor;
33
+ readonly default: () => never[];
34
+ };
35
+ };
36
+ };
@@ -1,15 +1,15 @@
1
- import type { Ref } from "vue";
2
- export interface InteractiveProps {
3
- disabled?: boolean;
4
- loading?: boolean;
5
- }
6
- export declare const useInteractive: {
7
- (el: Ref<HTMLElement | null>): {
8
- focus: () => void | undefined;
9
- blur: () => void | undefined;
10
- };
11
- props(): {
12
- readonly disabled: BooleanConstructor;
13
- readonly loading: BooleanConstructor;
14
- };
15
- };
1
+ import type { Ref } from "vue";
2
+ export interface InteractiveProps {
3
+ disabled?: boolean;
4
+ loading?: boolean;
5
+ }
6
+ export declare const useInteractive: {
7
+ (el: Ref<HTMLElement | null>): {
8
+ focus: () => void | undefined;
9
+ blur: () => void | undefined;
10
+ };
11
+ props(): {
12
+ readonly disabled: BooleanConstructor;
13
+ readonly loading: BooleanConstructor;
14
+ };
15
+ };
@@ -1 +1 @@
1
- export declare function useIsServer(): import("vue").Ref<boolean>;
1
+ export declare function useIsServer(): import("vue").Ref<boolean>;
@@ -1,13 +1,13 @@
1
- import type { App, Component } from "vue";
2
- export declare function mount(component: Component, { props, children, element, app }?: {
3
- props?: Record<string, unknown>;
4
- children?: unknown;
5
- app?: App;
6
- element?: HTMLElement;
7
- }): {
8
- el: HTMLElement | undefined;
9
- vNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
10
- [key: string]: any;
11
- }>;
12
- destroy: () => void;
13
- };
1
+ import type { App, Component } from "vue";
2
+ export declare function mount(component: Component, { props, children, element, app }?: {
3
+ props?: Record<string, unknown>;
4
+ children?: unknown;
5
+ app?: App;
6
+ element?: HTMLElement;
7
+ }): {
8
+ el: HTMLElement | undefined;
9
+ vNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
10
+ [key: string]: any;
11
+ }>;
12
+ destroy: () => void;
13
+ };
@@ -1,31 +1,31 @@
1
- import type { Ref } from "vue";
2
- import type { Placement, Rect, VirtualElement } from '@popperjs/core';
3
- type OffsetsFunction = (options: {
4
- popper: Rect;
5
- reference: Rect;
6
- placement: Placement;
7
- }) => [number?, number?];
8
- interface UsePopperOptions {
9
- placement: Ref<Placement>;
10
- transfer: Ref<boolean | string>;
11
- wrapper: Ref<HTMLElement | null | undefined>;
12
- isDrop?: boolean;
13
- reference?: Ref<HTMLElement | VirtualElement | null | undefined>;
14
- popper?: Ref<HTMLElement | null | undefined>;
15
- offset?: OffsetsFunction | [number?, number?];
16
- }
17
- export type { Placement, VirtualElement };
18
- export declare const placementWhileList: readonly Placement[];
19
- export interface TransferNode extends Node {
20
- __transferNode?: Node;
21
- __transferElement?: Node;
22
- }
23
- export declare function usePopper(initialOptions: UsePopperOptions): {
24
- reference: Ref<HTMLElement | null | undefined>;
25
- popper: Ref<HTMLElement | null | undefined>;
26
- transferTo: Ref<String>;
27
- updatePopper: () => void;
28
- createPopper: () => void;
29
- destroyPopper: () => void;
30
- width: Ref<number>;
31
- };
1
+ import type { Ref } from "vue";
2
+ import type { Placement, Rect, VirtualElement } from '@popperjs/core';
3
+ type OffsetsFunction = (options: {
4
+ popper: Rect;
5
+ reference: Rect;
6
+ placement: Placement;
7
+ }) => [number?, number?];
8
+ interface UsePopperOptions {
9
+ placement: Ref<Placement>;
10
+ transfer: Ref<boolean | string>;
11
+ wrapper: Ref<HTMLElement | null | undefined>;
12
+ isDrop?: boolean;
13
+ reference?: Ref<HTMLElement | VirtualElement | null | undefined>;
14
+ popper?: Ref<HTMLElement | null | undefined>;
15
+ offset?: OffsetsFunction | [number?, number?];
16
+ }
17
+ export type { Placement, VirtualElement };
18
+ export declare const placementWhileList: readonly Placement[];
19
+ export interface TransferNode extends Node {
20
+ __transferNode?: Node;
21
+ __transferElement?: Node;
22
+ }
23
+ export declare function usePopper(initialOptions: UsePopperOptions): {
24
+ reference: Ref<HTMLElement | null | undefined>;
25
+ popper: Ref<HTMLElement | null | undefined>;
26
+ transferTo: Ref<String>;
27
+ updatePopper: () => void;
28
+ createPopper: () => void;
29
+ destroyPopper: () => void;
30
+ width: Ref<number>;
31
+ };
@@ -1,8 +1,8 @@
1
- import type { InjectionKey, Ref } from "vue";
2
- export declare const initialZIndex = 1000;
3
- export declare const ZINDEX: InjectionKey<Ref<number | undefined>>;
4
- export declare const useZIndex: (override?: Ref<number>) => {
5
- initial: import("vue").ComputedRef<number>;
6
- current: import("vue").ComputedRef<number>;
7
- nextZIndex: () => number;
8
- };
1
+ import type { InjectionKey, Ref } from "vue";
2
+ export declare const initialZIndex = 1000;
3
+ export declare const ZINDEX: InjectionKey<Ref<number | undefined>>;
4
+ export declare const useZIndex: (override?: Ref<number>) => {
5
+ initial: import("vue").ComputedRef<number>;
6
+ current: import("vue").ComputedRef<number>;
7
+ nextZIndex: () => number;
8
+ };
package/lib/create.d.ts CHANGED
@@ -1,9 +1,9 @@
1
- import type { App } from 'vue';
2
- export type ModlrUIOptions = {
3
- prefix?: string;
4
- components?: any;
5
- };
6
- declare const create: (createOptions?: ModlrUIOptions) => {
7
- install: (app: App, installOptions?: ModlrUIOptions) => void;
8
- };
9
- export default create;
1
+ import type { App } from 'vue';
2
+ export type ModlrUIOptions = {
3
+ prefix?: string;
4
+ components?: any;
5
+ };
6
+ declare const create: (createOptions?: ModlrUIOptions) => {
7
+ install: (app: App, installOptions?: ModlrUIOptions) => void;
8
+ };
9
+ export default create;