@teammodlr/ui-kit 2.0.24 → 2.0.27

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 (390) 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 +77 -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 +122 -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 -40
  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 +73 -73
  54. package/lib/components/messageprovider/MessageProvider.vue.d.ts +52 -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 +8 -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/tab/Tab.vue.d.ts +41 -41
  85. package/lib/components/tab/TabGroup.vue.d.ts +43 -43
  86. package/lib/components/table/Table.vue.d.ts +62 -62
  87. package/lib/components/table/TableBody.vue.d.ts +2 -2
  88. package/lib/components/table/TableCell.vue.d.ts +2 -2
  89. package/lib/components/table/TableHead.vue.d.ts +30 -30
  90. package/lib/components/table/TableHeadRow.vue.d.ts +2 -2
  91. package/lib/components/table/TableRow.vue.d.ts +2 -2
  92. package/lib/components/table/style/Table.css.d.ts +4 -4
  93. package/lib/components/table/style/index.d.ts +1 -1
  94. package/lib/components/table/types/index.d.ts +6 -6
  95. package/lib/components/tag/Tag.vue.d.ts +44 -44
  96. package/lib/components/tag/style/Tag.css.d.ts +11 -11
  97. package/lib/components/tag/style/index.d.ts +1 -1
  98. package/lib/components/textarea/TextArea.vue.d.ts +137 -137
  99. package/lib/components/textarea/style/TextArea.css.d.ts +19 -19
  100. package/lib/components/textarea/style/index.d.ts +1 -1
  101. package/lib/components/toggle/Toggle.vue.d.ts +85 -0
  102. package/lib/components/toggle/style/Toggle.css.d.ts +7 -0
  103. package/lib/components/toggle/style/index.d.ts +1 -0
  104. package/lib/components/tooltip/Tooltip.vue.d.ts +71 -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 +1923 -1812
  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/typography.css.d.ts +22 -22
  133. package/lib/types/props.d.ts +3 -3
  134. package/package.json +2 -2
  135. package/src/__storybook__/argTypes.ts +61 -61
  136. package/src/__storybook__/createStory.ts +15 -15
  137. package/src/__storybook__/index.ts +2 -2
  138. package/src/components/avatar/Avatar.vue +109 -109
  139. package/src/components/avatar/examples/basic.vue +6 -6
  140. package/src/components/avatar/examples/custom-size.vue +7 -7
  141. package/src/components/avatar/examples/index.stories.ts +28 -28
  142. package/src/components/avatar/examples/index.ts +5 -5
  143. package/src/components/avatar/examples/sizes.vue +33 -33
  144. package/src/components/avatar/examples/slots.vue +7 -7
  145. package/src/components/avatar/examples/variants.vue +18 -18
  146. package/src/components/avatar/style/Avatar.css.ts +92 -92
  147. package/src/components/avatar/style/index.ts +1 -1
  148. package/src/components/avatargroup/AvatarGroup.css +8 -8
  149. package/src/components/avatargroup/AvatarGroup.vue +71 -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.css +128 -128
  157. package/src/components/badge/Badge.vue +43 -43
  158. package/src/components/badge/examples/basic.vue +10 -10
  159. package/src/components/badge/examples/index.stories.ts +21 -21
  160. package/src/components/badge/examples/index.ts +1 -1
  161. package/src/components/badge/style/Badge.css.ts +135 -135
  162. package/src/components/badge/style/index.ts +1 -1
  163. package/src/components/breadcrumb/Breadcrumb.css +46 -46
  164. package/src/components/breadcrumb/Breadcrumb.vue +58 -58
  165. package/src/components/breadcrumb/BreadcrumbItem.vue +72 -72
  166. package/src/components/breadcrumb/examples/basic.vue +7 -7
  167. package/src/components/breadcrumb/examples/index.stories.ts +20 -20
  168. package/src/components/breadcrumb/examples/index.ts +1 -1
  169. package/src/components/breadcrumb/style/Breadcrumb.css.ts +39 -39
  170. package/src/components/breadcrumb/symbol.ts +16 -16
  171. package/src/components/button/Button-old.css +378 -378
  172. package/src/components/button/Button.vue +203 -203
  173. package/src/components/button/examples/basic.vue +3 -3
  174. package/src/components/button/examples/disabled.vue +3 -3
  175. package/src/components/button/examples/icon-left.vue +12 -12
  176. package/src/components/button/examples/icon.vue +9 -9
  177. package/src/components/button/examples/index.stories.ts +35 -35
  178. package/src/components/button/examples/index.ts +8 -8
  179. package/src/components/button/examples/rounded.vue +7 -7
  180. package/src/components/button/examples/size.vue +7 -7
  181. package/src/components/button/examples/variants-secondary.vue +10 -10
  182. package/src/components/button/examples/variants.vue +10 -10
  183. package/src/components/button/style/Button.css.ts +677 -677
  184. package/src/components/button/style/index.ts +1 -1
  185. package/src/components/buttongroup/ButtonGroup.vue +36 -36
  186. package/src/components/buttongroup/examples/basic.vue +9 -9
  187. package/src/components/buttongroup/examples/icon-group.vue +21 -21
  188. package/src/components/buttongroup/examples/index.stories.ts +22 -22
  189. package/src/components/buttongroup/examples/index.ts +2 -2
  190. package/src/components/buttongroup/style/ButtonGroup.css.ts +39 -39
  191. package/src/components/buttongroup/style/index.ts +1 -1
  192. package/src/components/buttongroup/symbol.ts +7 -7
  193. package/src/components/checkbox/Checkbox.css +185 -185
  194. package/src/components/checkbox/Checkbox.vue +156 -156
  195. package/src/components/checkbox/examples/basic.vue +9 -9
  196. package/src/components/checkbox/examples/index.stories.ts +21 -21
  197. package/src/components/checkbox/examples/index.ts +3 -3
  198. package/src/components/checkbox/examples/slot.vue +11 -11
  199. package/src/components/checkbox/style/Checkbox.css.ts +140 -140
  200. package/src/components/checkbox/style/index.ts +1 -1
  201. package/src/components/colorpicker/ColorPicker.vue +324 -324
  202. package/src/components/colorpicker/examples/basic.vue +2 -2
  203. package/src/components/colorpicker/examples/index.stories.ts +17 -17
  204. package/src/components/colorpicker/style/ColorPicker.css.ts +116 -116
  205. package/src/components/colorpicker/style/index.ts +1 -1
  206. package/src/components/colorpicker/utils.ts +187 -187
  207. package/src/components/dropdown/Dropdown.vue +263 -263
  208. package/src/components/dropdown/DropdownItem.vue +134 -134
  209. package/src/components/dropdown/DropdownList.vue +20 -20
  210. package/src/components/dropdown/DropdownSeperator.vue +22 -22
  211. package/src/components/dropdown/DropdownWrapper.vue +18 -18
  212. package/src/components/dropdown/examples/basic.vue +73 -73
  213. package/src/components/dropdown/examples/context.vue +71 -71
  214. package/src/components/dropdown/examples/index.stories.ts +28 -28
  215. package/src/components/dropdown/examples/index.ts +3 -3
  216. package/src/components/dropdown/hooks.ts +30 -30
  217. package/src/components/dropdown/style/Dropdown.css.ts +54 -54
  218. package/src/components/dropdown/style/index.ts +1 -1
  219. package/src/components/dropdown/symbol.ts +7 -7
  220. package/src/components/form/Form.vue +153 -153
  221. package/src/components/form/examples/basic.vue +75 -75
  222. package/src/components/form/examples/index.stories.ts +25 -25
  223. package/src/components/form/examples/index.ts +1 -1
  224. package/src/components/form/style/Form.css.ts +22 -22
  225. package/src/components/form/style/index.ts +1 -1
  226. package/src/components/form/symbol.ts +10 -10
  227. package/src/components/image/Image.vue +71 -71
  228. package/src/components/image/examples/basic.vue +5 -5
  229. package/src/components/image/examples/index.stories.ts +12 -12
  230. package/src/components/image/examples/index.ts +1 -1
  231. package/src/components/index.ts +40 -39
  232. package/src/components/input/Input.css +173 -173
  233. package/src/components/input/Input.vue +218 -218
  234. package/src/components/input/examples/basic.vue +8 -8
  235. package/src/components/input/examples/index.stories.ts +24 -24
  236. package/src/components/input/examples/index.ts +4 -4
  237. package/src/components/input/examples/prefix.vue +9 -9
  238. package/src/components/input/examples/sizes.vue +9 -9
  239. package/src/components/input/examples/suffix.vue +9 -9
  240. package/src/components/input/style/Input.css.ts +221 -221
  241. package/src/components/input/style/index.ts +1 -1
  242. package/src/components/link/Link.css +147 -147
  243. package/src/components/link/Link.vue +53 -53
  244. package/src/components/link/examples/basic.vue +3 -3
  245. package/src/components/link/examples/index.stories.ts +20 -20
  246. package/src/components/link/examples/index.ts +1 -1
  247. package/src/components/messageprovider/Message.vue +123 -123
  248. package/src/components/messageprovider/MessageProvider.css +23 -23
  249. package/src/components/messageprovider/MessageProvider.vue +144 -144
  250. package/src/components/messageprovider/examples/basic.vue +70 -70
  251. package/src/components/messageprovider/examples/index.stories.ts +29 -29
  252. package/src/components/messageprovider/examples/index.ts +2 -2
  253. package/src/components/messageprovider/examples/update.vue +34 -34
  254. package/src/components/messageprovider/examples/wrapper.vue +9 -9
  255. package/src/components/messageprovider/style/Message.css.ts +109 -109
  256. package/src/components/messageprovider/style/index.ts +1 -1
  257. package/src/components/messageprovider/types.ts +47 -47
  258. package/src/components/messageprovider/useMessage.ts +12 -12
  259. package/src/components/modal/Modal.vue +125 -125
  260. package/src/components/modal/examples/basic.vue +40 -40
  261. package/src/components/modal/examples/index.stories.ts +20 -20
  262. package/src/components/modal/examples/index.ts +2 -2
  263. package/src/components/modal/examples/modal-form.vue +99 -99
  264. package/src/components/modal/style/Modal.css.ts +257 -257
  265. package/src/components/modal/style/index.ts +1 -1
  266. package/src/components/pagination/Pagination.vue +237 -237
  267. package/src/components/pagination/examples/basic.vue +17 -17
  268. package/src/components/pagination/examples/index.stories.ts +14 -14
  269. package/src/components/pagination/style/Pagination.css.ts +87 -87
  270. package/src/components/pagination/style/index.ts +1 -1
  271. package/src/components/radio/Checkbox.css +185 -185
  272. package/src/components/radio/Radio.vue +137 -137
  273. package/src/components/radio/examples/basic.vue +9 -9
  274. package/src/components/radio/examples/index.stories.ts +19 -19
  275. package/src/components/radio/examples/index.ts +2 -2
  276. package/src/components/radio/style/Checkbox.css.ts +131 -131
  277. package/src/components/radio/style/index.ts +1 -1
  278. package/src/components/radiobutton/RadioButton.vue +131 -131
  279. package/src/components/radiobutton/style/RadioButton.css.ts +183 -183
  280. package/src/components/radiobutton/style/index.ts +1 -1
  281. package/src/components/radiobuttongroup/RadioButtonGroup.vue +74 -74
  282. package/src/components/radiobuttongroup/examples/basic.vue +16 -16
  283. package/src/components/radiobuttongroup/examples/index.stories.ts +22 -22
  284. package/src/components/radiobuttongroup/examples/index.ts +2 -2
  285. package/src/components/radiobuttongroup/style/RadioButtonGroup.css.ts +36 -36
  286. package/src/components/radiobuttongroup/symbol.ts +10 -10
  287. package/src/components/select/Select.vue +569 -569
  288. package/src/components/select/examples/basic.vue +20 -20
  289. package/src/components/select/examples/index.stories.ts +22 -22
  290. package/src/components/select/examples/index.ts +3 -3
  291. package/src/components/select/examples/multiple.vue +21 -21
  292. package/src/components/select/examples/searchable.vue +20 -20
  293. package/src/components/select/style/Select.css.ts +261 -261
  294. package/src/components/select/style/index.ts +1 -1
  295. package/src/components/skeleton/Skeleton.css +73 -73
  296. package/src/components/skeleton/Skeleton.vue +55 -55
  297. package/src/components/skeleton/examples/basic.vue +3 -3
  298. package/src/components/skeleton/examples/index.stories.ts +17 -17
  299. package/src/components/skeleton/examples/index.ts +2 -2
  300. package/src/components/skeleton/examples/post.vue +8 -8
  301. package/src/components/skeleton/style/Skeleton.css.ts +56 -56
  302. package/src/components/skeleton/style/index.ts +1 -1
  303. package/src/components/slider/Slider.vue +76 -76
  304. package/src/components/slider/style/Slider.css.ts +42 -42
  305. package/src/components/slider/style/index.ts +1 -1
  306. package/src/components/tab/Tab.css +113 -113
  307. package/src/components/tab/Tab.vue +98 -98
  308. package/src/components/tab/TabGroup.vue +90 -90
  309. package/src/components/tab/examples/basic.vue +19 -19
  310. package/src/components/tab/examples/index.stories.ts +25 -25
  311. package/src/components/tab/examples/index.ts +2 -2
  312. package/src/components/tab/examples/vertical.vue +19 -19
  313. package/src/components/table/Table.vue +119 -124
  314. package/src/components/table/TableBody.vue +13 -13
  315. package/src/components/table/TableCell.vue +13 -13
  316. package/src/components/table/TableHead.vue +46 -46
  317. package/src/components/table/TableHeadRow.vue +15 -15
  318. package/src/components/table/TableRow.vue +13 -13
  319. package/src/components/table/examples/basic.vue +55 -55
  320. package/src/components/table/examples/empty.vue +44 -44
  321. package/src/components/table/examples/index.stories.ts +20 -20
  322. package/src/components/table/examples/index.ts +2 -2
  323. package/src/components/table/style/Table.css.ts +80 -80
  324. package/src/components/table/types/index.ts +6 -6
  325. package/src/components/tag/Tag.vue +66 -66
  326. package/src/components/tag/examples/basic.vue +5 -5
  327. package/src/components/tag/examples/index.stories.ts +22 -22
  328. package/src/components/tag/examples/index.ts +1 -1
  329. package/src/components/tag/style/Tag.css.ts +79 -79
  330. package/src/components/tag/style/index.ts +1 -1
  331. package/src/components/textarea/TextArea.css +173 -173
  332. package/src/components/textarea/TextArea.vue +181 -181
  333. package/src/components/textarea/examples/basic.vue +8 -8
  334. package/src/components/textarea/examples/index.stories.ts +18 -18
  335. package/src/components/textarea/style/TextArea.css.ts +189 -189
  336. package/src/components/textarea/style/index.ts +1 -1
  337. package/src/components/toggle/Toggle.vue +132 -0
  338. package/src/components/toggle/examples/basic.vue +9 -0
  339. package/src/components/toggle/examples/index.stories.ts +20 -0
  340. package/src/components/toggle/examples/index.ts +3 -0
  341. package/src/components/toggle/examples/slot.vue +11 -0
  342. package/src/components/toggle/style/Toggle.css.ts +135 -0
  343. package/src/components/toggle/style/index.ts +1 -0
  344. package/src/components/tooltip/Tooltip.css +43 -43
  345. package/src/components/tooltip/Tooltip.vue +118 -118
  346. package/src/components/tooltip/examples/basic.vue +5 -5
  347. package/src/components/tooltip/examples/index.stories.ts +22 -22
  348. package/src/components/tooltip/examples/index.ts +2 -2
  349. package/src/components/tooltip/examples/placement.vue +9 -9
  350. package/src/components/tooltip/style/Tooltip.css.ts +91 -91
  351. package/src/components/tooltip/style/index.ts +1 -1
  352. package/src/components/transfer/Transfer.vue +143 -143
  353. package/src/components/transfer/examples/basic.vue +20 -20
  354. package/src/components/transfer/examples/index.stories.ts +15 -15
  355. package/src/components/transfer/examples/index.ts +1 -1
  356. package/src/components/transfer/style/Transfer.css.ts +67 -67
  357. package/src/components/transfer/style/index.ts +1 -1
  358. package/src/components/virtualscroll/VirtualScroll.css +13 -13
  359. package/src/components/virtualscroll/VirtualScroll.vue +166 -166
  360. package/src/components/virtualscroll/examples/basic.vue +31 -31
  361. package/src/components/virtualscroll/examples/index.stories.ts +15 -15
  362. package/src/components/virtualscroll/examples/index.ts +1 -1
  363. package/src/components/virtualscroll/style/VirtualScroll.css.ts +18 -18
  364. package/src/components/virtualscroll/style/index.ts +1 -1
  365. package/src/composables/element.ts +13 -13
  366. package/src/composables/index.ts +2 -2
  367. package/src/composables/useCachedUid.ts +48 -48
  368. package/src/composables/useEventListener.ts +14 -14
  369. package/src/composables/useInput.ts +129 -129
  370. package/src/composables/useInteractive.ts +19 -19
  371. package/src/composables/useIsServer.ts +7 -7
  372. package/src/composables/useMount.ts +43 -43
  373. package/src/composables/usePopper.ts +194 -194
  374. package/src/composables/useZIndex.ts +30 -30
  375. package/src/create.ts +34 -34
  376. package/src/css/components.css +16 -15
  377. package/src/css/index.css +4 -4
  378. package/src/css/transitions.css +40 -40
  379. package/src/css/variables.css +80 -80
  380. package/src/examples/cards/cards.stories.ts +9 -9
  381. package/src/examples/cards/sidebar.vue +262 -262
  382. package/src/exports/nuxt.js +33 -33
  383. package/src/exports/nuxt.plugin.js +8 -8
  384. package/src/index.ts +7 -7
  385. package/src/install.ts +8 -8
  386. package/src/shims-vue.d.ts +6 -6
  387. package/src/styles/theme.css.ts +170 -170
  388. package/src/styles/typography.css.ts +91 -91
  389. package/src/types/props.ts +5 -5
  390. package/volar.d.ts +16 -16
@@ -1,137 +1,137 @@
1
- import type { PropType } from "vue";
2
- import type { Size } from "../../types/props";
3
- import * as style from './style';
4
- declare const _default: import("vue").DefineComponent<{
5
- label: {
6
- type: StringConstructor;
7
- };
8
- size: {
9
- type: PropType<Size>;
10
- default: string;
11
- };
12
- placeholder: {
13
- type: StringConstructor;
14
- default: string;
15
- };
16
- loading: {
17
- type: BooleanConstructor;
18
- default: boolean;
19
- };
20
- readonly: {
21
- type: BooleanConstructor;
22
- default: boolean;
23
- };
24
- disabled: {
25
- type: BooleanConstructor;
26
- default: boolean;
27
- };
28
- description: {
29
- type: StringConstructor;
30
- default: string;
31
- };
32
- block: {
33
- type: BooleanConstructor;
34
- default: boolean;
35
- };
36
- error: {
37
- type: StringConstructor;
38
- default: string;
39
- };
40
- height: {
41
- type: NumberConstructor;
42
- default: number;
43
- };
44
- modelValue: PropType<string | number | boolean | object | any[] | undefined>;
45
- name: StringConstructor;
46
- required: BooleanConstructor;
47
- rules: {
48
- readonly type: ArrayConstructor;
49
- readonly default: () => never[];
50
- };
51
- }, {
52
- element: import("vue").Ref<HTMLInputElement | null>;
53
- id: Readonly<import("vue").Ref<string>>;
54
- disabled: import("vue").ComputedRef<any>;
55
- loading: import("vue").ComputedRef<any>;
56
- readonly: import("vue").ComputedRef<boolean>;
57
- inputComputedClasses: import("vue").ComputedRef<(string | {
58
- [x: string]: any;
59
- })[]>;
60
- wrapperComputedClasses: import("vue").ComputedRef<(string | {
61
- [x: string]: boolean;
62
- })[]>;
63
- computedContainerClasses: import("vue").ComputedRef<{
64
- [x: string]: boolean;
65
- }[]>;
66
- name: import("vue").Ref<string | undefined>;
67
- inputError: import("vue").ComputedRef<any>;
68
- style: typeof style;
69
- onClear: () => void;
70
- validate: (value: any) => boolean;
71
- setError: (value: string) => void;
72
- focus: () => void | undefined;
73
- blur: () => void | undefined;
74
- inputListeners: {};
75
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
76
- label: {
77
- type: StringConstructor;
78
- };
79
- size: {
80
- type: PropType<Size>;
81
- default: string;
82
- };
83
- placeholder: {
84
- type: StringConstructor;
85
- default: string;
86
- };
87
- loading: {
88
- type: BooleanConstructor;
89
- default: boolean;
90
- };
91
- readonly: {
92
- type: BooleanConstructor;
93
- default: boolean;
94
- };
95
- disabled: {
96
- type: BooleanConstructor;
97
- default: boolean;
98
- };
99
- description: {
100
- type: StringConstructor;
101
- default: string;
102
- };
103
- block: {
104
- type: BooleanConstructor;
105
- default: boolean;
106
- };
107
- error: {
108
- type: StringConstructor;
109
- default: string;
110
- };
111
- height: {
112
- type: NumberConstructor;
113
- default: number;
114
- };
115
- modelValue: PropType<string | number | boolean | object | any[] | undefined>;
116
- name: StringConstructor;
117
- required: BooleanConstructor;
118
- rules: {
119
- readonly type: ArrayConstructor;
120
- readonly default: () => never[];
121
- };
122
- }>> & {
123
- [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
124
- }, {
125
- error: string;
126
- required: boolean;
127
- size: Size;
128
- height: number;
129
- block: boolean;
130
- disabled: boolean;
131
- loading: boolean;
132
- readonly: boolean;
133
- rules: unknown[];
134
- placeholder: string;
135
- description: string;
136
- }>;
137
- export default _default;
1
+ import type { PropType } from "vue";
2
+ import type { Size } from "../../types/props";
3
+ import * as style from './style';
4
+ declare const _default: import("vue").DefineComponent<{
5
+ label: {
6
+ type: StringConstructor;
7
+ };
8
+ size: {
9
+ type: PropType<Size>;
10
+ default: string;
11
+ };
12
+ placeholder: {
13
+ type: StringConstructor;
14
+ default: string;
15
+ };
16
+ loading: {
17
+ type: BooleanConstructor;
18
+ default: boolean;
19
+ };
20
+ readonly: {
21
+ type: BooleanConstructor;
22
+ default: boolean;
23
+ };
24
+ disabled: {
25
+ type: BooleanConstructor;
26
+ default: boolean;
27
+ };
28
+ description: {
29
+ type: StringConstructor;
30
+ default: string;
31
+ };
32
+ block: {
33
+ type: BooleanConstructor;
34
+ default: boolean;
35
+ };
36
+ error: {
37
+ type: StringConstructor;
38
+ default: string;
39
+ };
40
+ height: {
41
+ type: NumberConstructor;
42
+ default: number;
43
+ };
44
+ modelValue: PropType<string | number | boolean | object | any[] | undefined>;
45
+ name: StringConstructor;
46
+ required: BooleanConstructor;
47
+ rules: {
48
+ readonly type: ArrayConstructor;
49
+ readonly default: () => never[];
50
+ };
51
+ }, {
52
+ element: import("vue").Ref<HTMLInputElement | null>;
53
+ id: Readonly<import("vue").Ref<string>>;
54
+ disabled: import("vue").ComputedRef<any>;
55
+ loading: import("vue").ComputedRef<any>;
56
+ readonly: import("vue").ComputedRef<boolean>;
57
+ inputComputedClasses: import("vue").ComputedRef<(string | {
58
+ [x: string]: any;
59
+ })[]>;
60
+ wrapperComputedClasses: import("vue").ComputedRef<(string | {
61
+ [x: string]: boolean;
62
+ })[]>;
63
+ computedContainerClasses: import("vue").ComputedRef<{
64
+ [x: string]: boolean;
65
+ }[]>;
66
+ name: import("vue").Ref<string | undefined>;
67
+ inputError: import("vue").ComputedRef<any>;
68
+ style: typeof style;
69
+ onClear: () => void;
70
+ validate: (value: any) => boolean;
71
+ setError: (value: string) => void;
72
+ focus: () => void | undefined;
73
+ blur: () => void | undefined;
74
+ inputListeners: {};
75
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
76
+ label: {
77
+ type: StringConstructor;
78
+ };
79
+ size: {
80
+ type: PropType<Size>;
81
+ default: string;
82
+ };
83
+ placeholder: {
84
+ type: StringConstructor;
85
+ default: string;
86
+ };
87
+ loading: {
88
+ type: BooleanConstructor;
89
+ default: boolean;
90
+ };
91
+ readonly: {
92
+ type: BooleanConstructor;
93
+ default: boolean;
94
+ };
95
+ disabled: {
96
+ type: BooleanConstructor;
97
+ default: boolean;
98
+ };
99
+ description: {
100
+ type: StringConstructor;
101
+ default: string;
102
+ };
103
+ block: {
104
+ type: BooleanConstructor;
105
+ default: boolean;
106
+ };
107
+ error: {
108
+ type: StringConstructor;
109
+ default: string;
110
+ };
111
+ height: {
112
+ type: NumberConstructor;
113
+ default: number;
114
+ };
115
+ modelValue: PropType<string | number | boolean | object | any[] | undefined>;
116
+ name: StringConstructor;
117
+ required: BooleanConstructor;
118
+ rules: {
119
+ readonly type: ArrayConstructor;
120
+ readonly default: () => never[];
121
+ };
122
+ }>> & {
123
+ [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
124
+ }, {
125
+ error: string;
126
+ required: boolean;
127
+ size: Size;
128
+ height: number;
129
+ block: boolean;
130
+ disabled: boolean;
131
+ loading: boolean;
132
+ readonly: boolean;
133
+ rules: unknown[];
134
+ placeholder: string;
135
+ description: string;
136
+ }>;
137
+ export default _default;
@@ -1,19 +1,19 @@
1
- export declare const vars: {
2
- height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3
- radius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4
- paddingX: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5
- paddingY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
8
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9
- cursor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10
- };
11
- export declare const wrapper: string;
12
- export declare const base: string;
13
- export declare const size: Record<"sm" | "md" | "lg" | "xs" | "xl", string>;
14
- export declare const block: string;
15
- export declare const disabled: string;
16
- export declare const label: string;
17
- export declare const description: string;
18
- export declare const errorMessage: string;
19
- export declare const error: string;
1
+ export declare const vars: {
2
+ height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3
+ radius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4
+ paddingX: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5
+ paddingY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6
+ borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
8
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9
+ cursor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10
+ };
11
+ export declare const wrapper: string;
12
+ export declare const base: string;
13
+ export declare const size: Record<"sm" | "md" | "lg" | "xs" | "xl", string>;
14
+ export declare const block: string;
15
+ export declare const disabled: string;
16
+ export declare const label: string;
17
+ export declare const description: string;
18
+ export declare const errorMessage: string;
19
+ export declare const error: string;
@@ -1 +1 @@
1
- export * from './TextArea.css';
1
+ export * from './TextArea.css';
@@ -0,0 +1,85 @@
1
+ import { type PropType } from 'vue';
2
+ import type { Size } from '../../types/props';
3
+ import * as style from './style';
4
+ declare const _default: import("vue").DefineComponent<{
5
+ label: {
6
+ type: StringConstructor;
7
+ };
8
+ size: {
9
+ type: PropType<Size>;
10
+ default: string;
11
+ };
12
+ disabled: {
13
+ type: BooleanConstructor;
14
+ default: boolean;
15
+ };
16
+ loading: {
17
+ type: BooleanConstructor;
18
+ default: boolean;
19
+ };
20
+ modelValue: PropType<string | number | boolean | object | any[] | undefined>;
21
+ name: StringConstructor;
22
+ readonly: BooleanConstructor;
23
+ required: BooleanConstructor;
24
+ error: StringConstructor;
25
+ rules: {
26
+ readonly type: ArrayConstructor;
27
+ readonly default: () => never[];
28
+ };
29
+ }, {
30
+ id: Readonly<import("vue").Ref<string>>;
31
+ formError: any;
32
+ insideForm: boolean;
33
+ reset: () => void;
34
+ validate: (value: any) => boolean;
35
+ setError: (value: string) => void;
36
+ disabled: import("vue").ComputedRef<any>;
37
+ name: import("vue").Ref<string | undefined>;
38
+ checked: import("vue").Ref<boolean>;
39
+ toggleRef: import("vue").Ref<HTMLElement | null>;
40
+ inputError: import("vue").ComputedRef<any>;
41
+ toggle: () => void;
42
+ style: typeof style;
43
+ classes: import("vue").ComputedRef<(string | string[] | {
44
+ [x: string]: any;
45
+ })[]>;
46
+ hasSlot: import("vue").ComputedRef<boolean>;
47
+ inputListeners: {};
48
+ focus: () => void | undefined;
49
+ blur: () => void | undefined;
50
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
51
+ label: {
52
+ type: StringConstructor;
53
+ };
54
+ size: {
55
+ type: PropType<Size>;
56
+ default: string;
57
+ };
58
+ disabled: {
59
+ type: BooleanConstructor;
60
+ default: boolean;
61
+ };
62
+ loading: {
63
+ type: BooleanConstructor;
64
+ default: boolean;
65
+ };
66
+ modelValue: PropType<string | number | boolean | object | any[] | undefined>;
67
+ name: StringConstructor;
68
+ readonly: BooleanConstructor;
69
+ required: BooleanConstructor;
70
+ error: StringConstructor;
71
+ rules: {
72
+ readonly type: ArrayConstructor;
73
+ readonly default: () => never[];
74
+ };
75
+ }>> & {
76
+ [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
77
+ }, {
78
+ required: boolean;
79
+ size: Size;
80
+ disabled: boolean;
81
+ loading: boolean;
82
+ readonly: boolean;
83
+ rules: unknown[];
84
+ }>;
85
+ export default _default;
@@ -0,0 +1,7 @@
1
+ export declare const toggle: string;
2
+ export declare const checked: string;
3
+ export declare const base: string;
4
+ export declare const input: string;
5
+ export declare const disabled: string;
6
+ export declare const label: string;
7
+ export declare const size: Record<"sm" | "md" | "lg" | "xs" | "xl", string>;
@@ -0,0 +1 @@
1
+ export * from './Toggle.css';
@@ -1,71 +1,71 @@
1
- import { type PropType } from 'vue';
2
- import { type Placement } from "../../composables/usePopper";
3
- import * as style from "./style";
4
- declare const _default: import("vue").DefineComponent<{
5
- text: {
6
- type: StringConstructor;
7
- default: string;
8
- };
9
- placement: {
10
- type: PropType<Placement>;
11
- default: string;
12
- validator: (value: Placement) => boolean;
13
- };
14
- transitionName: {
15
- type: StringConstructor;
16
- default: string;
17
- };
18
- reverse: {
19
- type: BooleanConstructor;
20
- default: boolean;
21
- };
22
- transfer: {
23
- type: BooleanConstructor;
24
- default: boolean;
25
- };
26
- zIndex: {
27
- type: NumberConstructor;
28
- };
29
- }, {
30
- reference: import("vue").Ref<HTMLElement | null>;
31
- popper: import("vue").Ref<HTMLElement | null | undefined>;
32
- transferTo: import("vue").Ref<String>;
33
- isOpen: import("vue").Ref<boolean>;
34
- computedClasses: import("vue").ComputedRef<(string | {
35
- [x: string]: boolean;
36
- })[]>;
37
- zIndex: import("vue").Ref<number>;
38
- style: typeof style;
39
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
40
- text: {
41
- type: StringConstructor;
42
- default: string;
43
- };
44
- placement: {
45
- type: PropType<Placement>;
46
- default: string;
47
- validator: (value: Placement) => boolean;
48
- };
49
- transitionName: {
50
- type: StringConstructor;
51
- default: string;
52
- };
53
- reverse: {
54
- type: BooleanConstructor;
55
- default: boolean;
56
- };
57
- transfer: {
58
- type: BooleanConstructor;
59
- default: boolean;
60
- };
61
- zIndex: {
62
- type: NumberConstructor;
63
- };
64
- }>>, {
65
- reverse: boolean;
66
- text: string;
67
- placement: Placement;
68
- transfer: boolean;
69
- transitionName: string;
70
- }>;
71
- export default _default;
1
+ import { type PropType } from 'vue';
2
+ import { type Placement } from "../../composables/usePopper";
3
+ import * as style from "./style";
4
+ declare const _default: import("vue").DefineComponent<{
5
+ text: {
6
+ type: StringConstructor;
7
+ default: string;
8
+ };
9
+ placement: {
10
+ type: PropType<Placement>;
11
+ default: string;
12
+ validator: (value: Placement) => boolean;
13
+ };
14
+ transitionName: {
15
+ type: StringConstructor;
16
+ default: string;
17
+ };
18
+ reverse: {
19
+ type: BooleanConstructor;
20
+ default: boolean;
21
+ };
22
+ transfer: {
23
+ type: BooleanConstructor;
24
+ default: boolean;
25
+ };
26
+ zIndex: {
27
+ type: NumberConstructor;
28
+ };
29
+ }, {
30
+ reference: import("vue").Ref<HTMLElement | null>;
31
+ popper: import("vue").Ref<HTMLElement | null | undefined>;
32
+ transferTo: import("vue").Ref<String>;
33
+ isOpen: import("vue").Ref<boolean>;
34
+ computedClasses: import("vue").ComputedRef<(string | {
35
+ [x: string]: boolean;
36
+ })[]>;
37
+ zIndex: import("vue").Ref<number>;
38
+ style: typeof style;
39
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
40
+ text: {
41
+ type: StringConstructor;
42
+ default: string;
43
+ };
44
+ placement: {
45
+ type: PropType<Placement>;
46
+ default: string;
47
+ validator: (value: Placement) => boolean;
48
+ };
49
+ transitionName: {
50
+ type: StringConstructor;
51
+ default: string;
52
+ };
53
+ reverse: {
54
+ type: BooleanConstructor;
55
+ default: boolean;
56
+ };
57
+ transfer: {
58
+ type: BooleanConstructor;
59
+ default: boolean;
60
+ };
61
+ zIndex: {
62
+ type: NumberConstructor;
63
+ };
64
+ }>>, {
65
+ reverse: boolean;
66
+ text: string;
67
+ placement: Placement;
68
+ transfer: boolean;
69
+ transitionName: string;
70
+ }>;
71
+ export default _default;
@@ -1,10 +1,10 @@
1
- export declare const vars: {
2
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4
- };
5
- export declare const wrapper: string;
6
- export declare const container: string;
7
- export declare const tooltip: string;
8
- export declare const reverse: string;
9
- export declare const fadeEnter: string;
10
- export declare const fadeLeave: string;
1
+ export declare const vars: {
2
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4
+ };
5
+ export declare const wrapper: string;
6
+ export declare const container: string;
7
+ export declare const tooltip: string;
8
+ export declare const reverse: string;
9
+ export declare const fadeEnter: string;
10
+ export declare const fadeLeave: string;
@@ -1 +1 @@
1
- export * from './Tooltip.css';
1
+ export * from './Tooltip.css';