@sky-mavis/design-system 0.2.0

Sign up to get free protection for your applications and to get access to all the features.

Potentially problematic release.


This version of @sky-mavis/design-system might be problematic. Click here for more details.

Files changed (1346) hide show
  1. package/README.MD +29 -0
  2. package/dist/commons/types.d.ts +6 -0
  3. package/dist/commons/types.js +10 -0
  4. package/dist/components/avatar/Avatar.d.ts +47 -0
  5. package/dist/components/avatar/Avatar.js +47 -0
  6. package/dist/components/avatar/useIsErrorImg.d.ts +1 -0
  7. package/dist/components/avatar/useIsErrorImg.js +33 -0
  8. package/dist/components/badge/Badge.d.ts +37 -0
  9. package/dist/components/badge/Badge.js +40 -0
  10. package/dist/components/badge/BadgeMask.d.ts +25 -0
  11. package/dist/components/badge/BadgeMask.js +26 -0
  12. package/dist/components/button/Button.d.ts +42 -0
  13. package/dist/components/button/Button.js +44 -0
  14. package/dist/components/checkbox/Checkbox.d.ts +20 -0
  15. package/dist/components/checkbox/Checkbox.js +50 -0
  16. package/dist/components/dialog/Dialog.d.ts +25 -0
  17. package/dist/components/dialog/Dialog.js +70 -0
  18. package/dist/components/dialog/DialogBody.d.ts +9 -0
  19. package/dist/components/dialog/DialogBody.js +23 -0
  20. package/dist/components/dialog/DialogDivider.d.ts +9 -0
  21. package/dist/components/dialog/DialogDivider.js +23 -0
  22. package/dist/components/dialog/DialogFooter.d.ts +9 -0
  23. package/dist/components/dialog/DialogFooter.js +23 -0
  24. package/dist/components/dialog/DialogHeader.d.ts +9 -0
  25. package/dist/components/dialog/DialogHeader.js +24 -0
  26. package/dist/components/form-item/FormItem.d.ts +41 -0
  27. package/dist/components/form-item/FormItem.js +21 -0
  28. package/dist/components/input/Input.d.ts +34 -0
  29. package/dist/components/input/Input.js +66 -0
  30. package/dist/components/menu/Menu.d.ts +20 -0
  31. package/dist/components/menu/Menu.js +44 -0
  32. package/dist/components/menu/MenuDivider.d.ts +6 -0
  33. package/dist/components/menu/MenuDivider.js +12 -0
  34. package/dist/components/menu/MenuItem.d.ts +45 -0
  35. package/dist/components/menu/MenuItem.js +22 -0
  36. package/dist/components/overlay/Overlay.d.ts +46 -0
  37. package/dist/components/overlay/Overlay.js +92 -0
  38. package/dist/components/pagination/Pagination.d.ts +36 -0
  39. package/dist/components/pagination/Pagination.js +101 -0
  40. package/dist/components/popover/Popover.d.ts +74 -0
  41. package/dist/components/popover/Popover.js +82 -0
  42. package/dist/components/progress/CircularProgress.d.ts +41 -0
  43. package/dist/components/progress/CircularProgress.js +62 -0
  44. package/dist/components/progress/EllipsisProgress.d.ts +26 -0
  45. package/dist/components/progress/EllipsisProgress.js +21 -0
  46. package/dist/components/progress/LinearProgress.d.ts +40 -0
  47. package/dist/components/progress/LinearProgress.js +30 -0
  48. package/dist/components/progress/Step.d.ts +17 -0
  49. package/dist/components/progress/Step.js +14 -0
  50. package/dist/components/progress/StepperProgress.d.ts +29 -0
  51. package/dist/components/progress/StepperProgress.js +107 -0
  52. package/dist/components/progress/helper.d.ts +1 -0
  53. package/dist/components/progress/helper.js +16 -0
  54. package/dist/components/radio/Radio.d.ts +16 -0
  55. package/dist/components/radio/Radio.js +53 -0
  56. package/dist/components/radio/RadioGroup.d.ts +9 -0
  57. package/dist/components/radio/RadioGroup.js +57 -0
  58. package/dist/components/slider/RangeSlider.d.ts +69 -0
  59. package/dist/components/slider/RangeSlider.js +191 -0
  60. package/dist/components/slider/Slider.d.ts +69 -0
  61. package/dist/components/slider/Slider.js +134 -0
  62. package/dist/components/slider/partials/SliderMark.d.ts +7 -0
  63. package/dist/components/slider/partials/SliderMark.js +15 -0
  64. package/dist/components/slider/partials/SliderThumbLabel.d.ts +8 -0
  65. package/dist/components/slider/partials/SliderThumbLabel.js +18 -0
  66. package/dist/components/slider/partials/helpers.d.ts +4 -0
  67. package/dist/components/slider/partials/helpers.js +31 -0
  68. package/dist/components/slider/partials/useOwnerDocument.d.ts +3 -0
  69. package/dist/components/slider/partials/useOwnerDocument.js +13 -0
  70. package/dist/components/slider/partials/useWidthHeight.d.ts +4 -0
  71. package/dist/components/slider/partials/useWidthHeight.js +22 -0
  72. package/dist/components/switch/Switch.d.ts +15 -0
  73. package/dist/components/switch/Switch.js +50 -0
  74. package/dist/components/tabs/Tab.d.ts +23 -0
  75. package/dist/components/tabs/Tab.js +11 -0
  76. package/dist/components/tabs/Tabs.d.ts +26 -0
  77. package/dist/components/tabs/Tabs.js +76 -0
  78. package/dist/components/tag/Tag.d.ts +49 -0
  79. package/dist/components/tag/Tag.js +30 -0
  80. package/dist/components/toast/Toast.d.ts +39 -0
  81. package/dist/components/toast/Toast.js +58 -0
  82. package/dist/components/toast/ToastContainer.d.ts +8 -0
  83. package/dist/components/toast/ToastContainer.js +25 -0
  84. package/dist/components/toast/ToastContext.d.ts +9 -0
  85. package/dist/components/toast/ToastContext.js +12 -0
  86. package/dist/components/toast/ToastProvider.d.ts +17 -0
  87. package/dist/components/toast/ToastProvider.js +79 -0
  88. package/dist/components/toast/toastTypes.d.ts +31 -0
  89. package/dist/components/toast/toastTypes.js +12 -0
  90. package/dist/components/toast/useToast.d.ts +10 -0
  91. package/dist/components/toast/useToast.js +42 -0
  92. package/dist/components/tooltip/Tooltip.d.ts +54 -0
  93. package/dist/components/tooltip/Tooltip.js +71 -0
  94. package/dist/components/well/Well.d.ts +22 -0
  95. package/dist/components/well/Well.js +29 -0
  96. package/dist/icons/Alarm.d.ts +2 -0
  97. package/dist/icons/Alarm.js +10 -0
  98. package/dist/icons/AlertCircle.d.ts +2 -0
  99. package/dist/icons/AlertCircle.js +12 -0
  100. package/dist/icons/AlertTriangle.d.ts +2 -0
  101. package/dist/icons/AlertTriangle.js +12 -0
  102. package/dist/icons/Apps.d.ts +2 -0
  103. package/dist/icons/Apps.js +10 -0
  104. package/dist/icons/ArrowDown.d.ts +2 -0
  105. package/dist/icons/ArrowDown.js +10 -0
  106. package/dist/icons/ArrowDownLeft.d.ts +2 -0
  107. package/dist/icons/ArrowDownLeft.js +10 -0
  108. package/dist/icons/ArrowDownRight.d.ts +2 -0
  109. package/dist/icons/ArrowDownRight.js +10 -0
  110. package/dist/icons/ArrowLeft.d.ts +2 -0
  111. package/dist/icons/ArrowLeft.js +10 -0
  112. package/dist/icons/ArrowRight.d.ts +2 -0
  113. package/dist/icons/ArrowRight.js +10 -0
  114. package/dist/icons/ArrowUp.d.ts +2 -0
  115. package/dist/icons/ArrowUp.js +10 -0
  116. package/dist/icons/ArrowUpLeft.d.ts +2 -0
  117. package/dist/icons/ArrowUpLeft.js +10 -0
  118. package/dist/icons/ArrowUpRight.d.ts +2 -0
  119. package/dist/icons/ArrowUpRight.js +10 -0
  120. package/dist/icons/BarChart.d.ts +2 -0
  121. package/dist/icons/BarChart.js +10 -0
  122. package/dist/icons/Bell.d.ts +2 -0
  123. package/dist/icons/Bell.js +10 -0
  124. package/dist/icons/BellDisabled.d.ts +2 -0
  125. package/dist/icons/BellDisabled.js +11 -0
  126. package/dist/icons/Bin.d.ts +2 -0
  127. package/dist/icons/Bin.js +10 -0
  128. package/dist/icons/BinMinimal.d.ts +2 -0
  129. package/dist/icons/BinMinimal.js +10 -0
  130. package/dist/icons/Bookmark.d.ts +2 -0
  131. package/dist/icons/Bookmark.js +10 -0
  132. package/dist/icons/Browser.d.ts +2 -0
  133. package/dist/icons/Browser.js +12 -0
  134. package/dist/icons/Brush.d.ts +2 -0
  135. package/dist/icons/Brush.js +10 -0
  136. package/dist/icons/BulletList.d.ts +2 -0
  137. package/dist/icons/BulletList.js +11 -0
  138. package/dist/icons/Calendar.d.ts +2 -0
  139. package/dist/icons/Calendar.js +10 -0
  140. package/dist/icons/Camera.d.ts +2 -0
  141. package/dist/icons/Camera.js +10 -0
  142. package/dist/icons/CaretDown.d.ts +2 -0
  143. package/dist/icons/CaretDown.js +10 -0
  144. package/dist/icons/CaretLeft.d.ts +2 -0
  145. package/dist/icons/CaretLeft.js +10 -0
  146. package/dist/icons/CaretRight.d.ts +2 -0
  147. package/dist/icons/CaretRight.js +10 -0
  148. package/dist/icons/CaretUnfold.d.ts +2 -0
  149. package/dist/icons/CaretUnfold.js +10 -0
  150. package/dist/icons/CaretUp.d.ts +2 -0
  151. package/dist/icons/CaretUp.js +10 -0
  152. package/dist/icons/Chat.d.ts +2 -0
  153. package/dist/icons/Chat.js +11 -0
  154. package/dist/icons/ChatPlus.d.ts +2 -0
  155. package/dist/icons/ChatPlus.js +10 -0
  156. package/dist/icons/ChatSquare.d.ts +2 -0
  157. package/dist/icons/ChatSquare.js +11 -0
  158. package/dist/icons/ChatSquarePlus.d.ts +2 -0
  159. package/dist/icons/ChatSquarePlus.js +10 -0
  160. package/dist/icons/Checklist.d.ts +2 -0
  161. package/dist/icons/Checklist.js +10 -0
  162. package/dist/icons/ChevronDown.d.ts +2 -0
  163. package/dist/icons/ChevronDown.js +10 -0
  164. package/dist/icons/ChevronExpand.d.ts +2 -0
  165. package/dist/icons/ChevronExpand.js +10 -0
  166. package/dist/icons/ChevronLeft.d.ts +2 -0
  167. package/dist/icons/ChevronLeft.js +10 -0
  168. package/dist/icons/ChevronRight.d.ts +2 -0
  169. package/dist/icons/ChevronRight.js +10 -0
  170. package/dist/icons/ChevronShrink.d.ts +2 -0
  171. package/dist/icons/ChevronShrink.js +10 -0
  172. package/dist/icons/ChevronUnfold.d.ts +2 -0
  173. package/dist/icons/ChevronUnfold.js +10 -0
  174. package/dist/icons/ChevronUp.d.ts +2 -0
  175. package/dist/icons/ChevronUp.js +10 -0
  176. package/dist/icons/CircleArrowDown.d.ts +2 -0
  177. package/dist/icons/CircleArrowDown.js +11 -0
  178. package/dist/icons/CircleArrowLeft.d.ts +2 -0
  179. package/dist/icons/CircleArrowLeft.js +11 -0
  180. package/dist/icons/CircleArrowRight.d.ts +2 -0
  181. package/dist/icons/CircleArrowRight.js +11 -0
  182. package/dist/icons/CircleArrowUp.d.ts +2 -0
  183. package/dist/icons/CircleArrowUp.js +11 -0
  184. package/dist/icons/Clipboard.d.ts +2 -0
  185. package/dist/icons/Clipboard.js +11 -0
  186. package/dist/icons/ClipboardCheck.d.ts +2 -0
  187. package/dist/icons/ClipboardCheck.js +11 -0
  188. package/dist/icons/ClockCircle.d.ts +2 -0
  189. package/dist/icons/ClockCircle.js +11 -0
  190. package/dist/icons/ClockSquare.d.ts +2 -0
  191. package/dist/icons/ClockSquare.js +11 -0
  192. package/dist/icons/Cloud.d.ts +2 -0
  193. package/dist/icons/Cloud.js +10 -0
  194. package/dist/icons/CloudDownload.d.ts +2 -0
  195. package/dist/icons/CloudDownload.js +11 -0
  196. package/dist/icons/CloudUpload.d.ts +2 -0
  197. package/dist/icons/CloudUpload.js +11 -0
  198. package/dist/icons/Code.d.ts +2 -0
  199. package/dist/icons/Code.js +10 -0
  200. package/dist/icons/CodeDownload.d.ts +2 -0
  201. package/dist/icons/CodeDownload.js +11 -0
  202. package/dist/icons/ColorPalette.d.ts +2 -0
  203. package/dist/icons/ColorPalette.js +11 -0
  204. package/dist/icons/Console.d.ts +2 -0
  205. package/dist/icons/Console.js +13 -0
  206. package/dist/icons/ContactBook.d.ts +2 -0
  207. package/dist/icons/ContactBook.js +12 -0
  208. package/dist/icons/Convo.d.ts +2 -0
  209. package/dist/icons/Convo.js +10 -0
  210. package/dist/icons/Copy.d.ts +2 -0
  211. package/dist/icons/Copy.js +10 -0
  212. package/dist/icons/CreditCard.d.ts +2 -0
  213. package/dist/icons/CreditCard.js +10 -0
  214. package/dist/icons/Cross.d.ts +2 -0
  215. package/dist/icons/Cross.js +10 -0
  216. package/dist/icons/CrossCircle.d.ts +2 -0
  217. package/dist/icons/CrossCircle.js +10 -0
  218. package/dist/icons/Cube.d.ts +2 -0
  219. package/dist/icons/Cube.js +10 -0
  220. package/dist/icons/CurrencyExchange.d.ts +2 -0
  221. package/dist/icons/CurrencyExchange.js +11 -0
  222. package/dist/icons/Desktop.d.ts +2 -0
  223. package/dist/icons/Desktop.js +10 -0
  224. package/dist/icons/Devices.d.ts +2 -0
  225. package/dist/icons/Devices.js +10 -0
  226. package/dist/icons/Dialing.d.ts +2 -0
  227. package/dist/icons/Dialing.js +10 -0
  228. package/dist/icons/Discord.d.ts +2 -0
  229. package/dist/icons/Discord.js +11 -0
  230. package/dist/icons/DoubleChevronDown.d.ts +2 -0
  231. package/dist/icons/DoubleChevronDown.js +11 -0
  232. package/dist/icons/DoubleChevronLeft.d.ts +2 -0
  233. package/dist/icons/DoubleChevronLeft.js +11 -0
  234. package/dist/icons/DoubleChevronRight.d.ts +2 -0
  235. package/dist/icons/DoubleChevronRight.js +11 -0
  236. package/dist/icons/DoubleChevronUp.d.ts +2 -0
  237. package/dist/icons/DoubleChevronUp.js +11 -0
  238. package/dist/icons/Download.d.ts +2 -0
  239. package/dist/icons/Download.js +11 -0
  240. package/dist/icons/Edit.d.ts +2 -0
  241. package/dist/icons/Edit.js +10 -0
  242. package/dist/icons/ExternalLink.d.ts +2 -0
  243. package/dist/icons/ExternalLink.js +11 -0
  244. package/dist/icons/EyeClose.d.ts +2 -0
  245. package/dist/icons/EyeClose.js +10 -0
  246. package/dist/icons/EyeDisabled.d.ts +2 -0
  247. package/dist/icons/EyeDisabled.js +11 -0
  248. package/dist/icons/EyeOpen.d.ts +2 -0
  249. package/dist/icons/EyeOpen.js +11 -0
  250. package/dist/icons/Facebook1.d.ts +2 -0
  251. package/dist/icons/Facebook1.js +10 -0
  252. package/dist/icons/Facebook2.d.ts +2 -0
  253. package/dist/icons/Facebook2.js +10 -0
  254. package/dist/icons/FastForward.d.ts +2 -0
  255. package/dist/icons/FastForward.js +10 -0
  256. package/dist/icons/FastRewind.d.ts +2 -0
  257. package/dist/icons/FastRewind.js +10 -0
  258. package/dist/icons/FilledAlarm.d.ts +2 -0
  259. package/dist/icons/FilledAlarm.js +10 -0
  260. package/dist/icons/FilledAlertCircle.d.ts +2 -0
  261. package/dist/icons/FilledAlertCircle.js +10 -0
  262. package/dist/icons/FilledAlertTriangle.d.ts +2 -0
  263. package/dist/icons/FilledAlertTriangle.js +10 -0
  264. package/dist/icons/FilledApps.d.ts +2 -0
  265. package/dist/icons/FilledApps.js +10 -0
  266. package/dist/icons/FilledBarChart.d.ts +2 -0
  267. package/dist/icons/FilledBarChart.js +10 -0
  268. package/dist/icons/FilledBell.d.ts +2 -0
  269. package/dist/icons/FilledBell.js +11 -0
  270. package/dist/icons/FilledBellDisabled.d.ts +2 -0
  271. package/dist/icons/FilledBellDisabled.js +12 -0
  272. package/dist/icons/FilledBin.d.ts +2 -0
  273. package/dist/icons/FilledBin.js +10 -0
  274. package/dist/icons/FilledBookmark.d.ts +2 -0
  275. package/dist/icons/FilledBookmark.js +10 -0
  276. package/dist/icons/FilledBrowser.d.ts +2 -0
  277. package/dist/icons/FilledBrowser.js +10 -0
  278. package/dist/icons/FilledBrush.d.ts +2 -0
  279. package/dist/icons/FilledBrush.js +11 -0
  280. package/dist/icons/FilledCalendar.d.ts +2 -0
  281. package/dist/icons/FilledCalendar.js +11 -0
  282. package/dist/icons/FilledCamera.d.ts +2 -0
  283. package/dist/icons/FilledCamera.js +11 -0
  284. package/dist/icons/FilledChat.d.ts +2 -0
  285. package/dist/icons/FilledChat.js +10 -0
  286. package/dist/icons/FilledChatSquare.d.ts +2 -0
  287. package/dist/icons/FilledChatSquare.js +10 -0
  288. package/dist/icons/FilledCircleArrowDown.d.ts +2 -0
  289. package/dist/icons/FilledCircleArrowDown.js +10 -0
  290. package/dist/icons/FilledCircleArrowLeft.d.ts +2 -0
  291. package/dist/icons/FilledCircleArrowLeft.js +10 -0
  292. package/dist/icons/FilledCircleArrowRight.d.ts +2 -0
  293. package/dist/icons/FilledCircleArrowRight.js +10 -0
  294. package/dist/icons/FilledCircleArrowUp.d.ts +2 -0
  295. package/dist/icons/FilledCircleArrowUp.js +10 -0
  296. package/dist/icons/FilledCircleTick.d.ts +2 -0
  297. package/dist/icons/FilledCircleTick.js +10 -0
  298. package/dist/icons/FilledClockCircle.d.ts +2 -0
  299. package/dist/icons/FilledClockCircle.js +10 -0
  300. package/dist/icons/FilledClockSquare.d.ts +2 -0
  301. package/dist/icons/FilledClockSquare.js +10 -0
  302. package/dist/icons/FilledCloud.d.ts +2 -0
  303. package/dist/icons/FilledCloud.js +10 -0
  304. package/dist/icons/FilledCloudDownload.d.ts +2 -0
  305. package/dist/icons/FilledCloudDownload.js +11 -0
  306. package/dist/icons/FilledCloudUpload.d.ts +2 -0
  307. package/dist/icons/FilledCloudUpload.js +11 -0
  308. package/dist/icons/FilledColorPalette.d.ts +2 -0
  309. package/dist/icons/FilledColorPalette.js +10 -0
  310. package/dist/icons/FilledConsole.d.ts +2 -0
  311. package/dist/icons/FilledConsole.js +10 -0
  312. package/dist/icons/FilledContactBook.d.ts +2 -0
  313. package/dist/icons/FilledContactBook.js +10 -0
  314. package/dist/icons/FilledConvo.d.ts +2 -0
  315. package/dist/icons/FilledConvo.js +11 -0
  316. package/dist/icons/FilledCopy.d.ts +2 -0
  317. package/dist/icons/FilledCopy.js +11 -0
  318. package/dist/icons/FilledCreditCard.d.ts +2 -0
  319. package/dist/icons/FilledCreditCard.js +10 -0
  320. package/dist/icons/FilledCrossCircle.d.ts +2 -0
  321. package/dist/icons/FilledCrossCircle.js +10 -0
  322. package/dist/icons/FilledCube.d.ts +2 -0
  323. package/dist/icons/FilledCube.js +10 -0
  324. package/dist/icons/FilledEdit.d.ts +2 -0
  325. package/dist/icons/FilledEdit.js +10 -0
  326. package/dist/icons/FilledEyeDisabled.d.ts +2 -0
  327. package/dist/icons/FilledEyeDisabled.js +14 -0
  328. package/dist/icons/FilledEyeOpen.d.ts +2 -0
  329. package/dist/icons/FilledEyeOpen.js +11 -0
  330. package/dist/icons/FilledFilter.d.ts +2 -0
  331. package/dist/icons/FilledFilter.js +10 -0
  332. package/dist/icons/FilledFilterDisabled.d.ts +2 -0
  333. package/dist/icons/FilledFilterDisabled.js +11 -0
  334. package/dist/icons/FilledFlash.d.ts +2 -0
  335. package/dist/icons/FilledFlash.js +11 -0
  336. package/dist/icons/FilledFlashDisabled.d.ts +2 -0
  337. package/dist/icons/FilledFlashDisabled.js +11 -0
  338. package/dist/icons/FilledFolder.d.ts +2 -0
  339. package/dist/icons/FilledFolder.js +10 -0
  340. package/dist/icons/FilledFolderMinus.d.ts +2 -0
  341. package/dist/icons/FilledFolderMinus.js +10 -0
  342. package/dist/icons/FilledFolderPlus.d.ts +2 -0
  343. package/dist/icons/FilledFolderPlus.js +10 -0
  344. package/dist/icons/FilledGrid.d.ts +2 -0
  345. package/dist/icons/FilledGrid.js +10 -0
  346. package/dist/icons/FilledHeadphone.d.ts +2 -0
  347. package/dist/icons/FilledHeadphone.js +14 -0
  348. package/dist/icons/FilledHeart.d.ts +2 -0
  349. package/dist/icons/FilledHeart.js +14 -0
  350. package/dist/icons/FilledHome.d.ts +2 -0
  351. package/dist/icons/FilledHome.js +10 -0
  352. package/dist/icons/FilledIdCard.d.ts +2 -0
  353. package/dist/icons/FilledIdCard.js +10 -0
  354. package/dist/icons/FilledImage.d.ts +2 -0
  355. package/dist/icons/FilledImage.js +14 -0
  356. package/dist/icons/FilledInbox.d.ts +2 -0
  357. package/dist/icons/FilledInbox.js +10 -0
  358. package/dist/icons/FilledInfo.d.ts +2 -0
  359. package/dist/icons/FilledInfo.js +10 -0
  360. package/dist/icons/FilledInlineEdit.d.ts +2 -0
  361. package/dist/icons/FilledInlineEdit.js +10 -0
  362. package/dist/icons/FilledLayers.d.ts +2 -0
  363. package/dist/icons/FilledLayers.js +12 -0
  364. package/dist/icons/FilledLocationPin1.d.ts +2 -0
  365. package/dist/icons/FilledLocationPin1.js +10 -0
  366. package/dist/icons/FilledLock.d.ts +2 -0
  367. package/dist/icons/FilledLock.js +10 -0
  368. package/dist/icons/FilledMagnifierMinus.d.ts +2 -0
  369. package/dist/icons/FilledMagnifierMinus.js +11 -0
  370. package/dist/icons/FilledMagnifierPlus.d.ts +2 -0
  371. package/dist/icons/FilledMagnifierPlus.js +11 -0
  372. package/dist/icons/FilledMail.d.ts +2 -0
  373. package/dist/icons/FilledMail.js +10 -0
  374. package/dist/icons/FilledMap.d.ts +2 -0
  375. package/dist/icons/FilledMap.js +10 -0
  376. package/dist/icons/FilledMic.d.ts +2 -0
  377. package/dist/icons/FilledMic.js +13 -0
  378. package/dist/icons/FilledMicDisabled.d.ts +2 -0
  379. package/dist/icons/FilledMicDisabled.js +12 -0
  380. package/dist/icons/FilledMinusCircle.d.ts +2 -0
  381. package/dist/icons/FilledMinusCircle.js +10 -0
  382. package/dist/icons/FilledMoon.d.ts +2 -0
  383. package/dist/icons/FilledMoon.js +10 -0
  384. package/dist/icons/FilledMoreHorizontalCircle.d.ts +2 -0
  385. package/dist/icons/FilledMoreHorizontalCircle.js +10 -0
  386. package/dist/icons/FilledMoreVerticalCircle.d.ts +2 -0
  387. package/dist/icons/FilledMoreVerticalCircle.js +10 -0
  388. package/dist/icons/FilledMouse.d.ts +2 -0
  389. package/dist/icons/FilledMouse.js +10 -0
  390. package/dist/icons/FilledNotebook.d.ts +2 -0
  391. package/dist/icons/FilledNotebook.js +10 -0
  392. package/dist/icons/FilledPaper.d.ts +2 -0
  393. package/dist/icons/FilledPaper.js +10 -0
  394. package/dist/icons/FilledPaperMinus.d.ts +2 -0
  395. package/dist/icons/FilledPaperMinus.js +10 -0
  396. package/dist/icons/FilledPaperPlane.d.ts +2 -0
  397. package/dist/icons/FilledPaperPlane.js +10 -0
  398. package/dist/icons/FilledPaperPlus.d.ts +2 -0
  399. package/dist/icons/FilledPaperPlus.js +10 -0
  400. package/dist/icons/FilledPeople.d.ts +2 -0
  401. package/dist/icons/FilledPeople.js +11 -0
  402. package/dist/icons/FilledPerson.d.ts +2 -0
  403. package/dist/icons/FilledPerson.js +10 -0
  404. package/dist/icons/FilledPersonMinus.d.ts +2 -0
  405. package/dist/icons/FilledPersonMinus.js +11 -0
  406. package/dist/icons/FilledPersonPlus.d.ts +2 -0
  407. package/dist/icons/FilledPersonPlus.js +12 -0
  408. package/dist/icons/FilledPieChart.d.ts +2 -0
  409. package/dist/icons/FilledPieChart.js +15 -0
  410. package/dist/icons/FilledPlusCircle.d.ts +2 -0
  411. package/dist/icons/FilledPlusCircle.js +10 -0
  412. package/dist/icons/FilledPrinter.d.ts +2 -0
  413. package/dist/icons/FilledPrinter.js +12 -0
  414. package/dist/icons/FilledQuestion.d.ts +2 -0
  415. package/dist/icons/FilledQuestion.js +10 -0
  416. package/dist/icons/FilledReceipt.d.ts +2 -0
  417. package/dist/icons/FilledReceipt.js +10 -0
  418. package/dist/icons/FilledSettings.d.ts +2 -0
  419. package/dist/icons/FilledSettings.js +10 -0
  420. package/dist/icons/FilledShare.d.ts +2 -0
  421. package/dist/icons/FilledShare.js +12 -0
  422. package/dist/icons/FilledShield.d.ts +2 -0
  423. package/dist/icons/FilledShield.js +10 -0
  424. package/dist/icons/FilledShieldDisabled.d.ts +2 -0
  425. package/dist/icons/FilledShieldDisabled.js +10 -0
  426. package/dist/icons/FilledShoppingBag.d.ts +2 -0
  427. package/dist/icons/FilledShoppingBag.js +10 -0
  428. package/dist/icons/FilledShoppingBasket.d.ts +2 -0
  429. package/dist/icons/FilledShoppingBasket.js +10 -0
  430. package/dist/icons/FilledShoppingCart.d.ts +2 -0
  431. package/dist/icons/FilledShoppingCart.js +10 -0
  432. package/dist/icons/FilledSkipNext.d.ts +2 -0
  433. package/dist/icons/FilledSkipNext.js +11 -0
  434. package/dist/icons/FilledSkipPrevious.d.ts +2 -0
  435. package/dist/icons/FilledSkipPrevious.js +11 -0
  436. package/dist/icons/FilledSliderHorizontal.d.ts +2 -0
  437. package/dist/icons/FilledSliderHorizontal.js +11 -0
  438. package/dist/icons/FilledSliderVertical.d.ts +2 -0
  439. package/dist/icons/FilledSliderVertical.js +11 -0
  440. package/dist/icons/FilledSpeaker.d.ts +2 -0
  441. package/dist/icons/FilledSpeaker.js +11 -0
  442. package/dist/icons/FilledStar.d.ts +2 -0
  443. package/dist/icons/FilledStar.js +10 -0
  444. package/dist/icons/FilledSun.d.ts +2 -0
  445. package/dist/icons/FilledSun.js +10 -0
  446. package/dist/icons/FilledTag.d.ts +2 -0
  447. package/dist/icons/FilledTag.js +10 -0
  448. package/dist/icons/FilledUnlock.d.ts +2 -0
  449. package/dist/icons/FilledUnlock.js +10 -0
  450. package/dist/icons/FilledUsbStick.d.ts +2 -0
  451. package/dist/icons/FilledUsbStick.js +10 -0
  452. package/dist/icons/FilledVideo.d.ts +2 -0
  453. package/dist/icons/FilledVideo.js +10 -0
  454. package/dist/icons/FilledVideoDisabled.d.ts +2 -0
  455. package/dist/icons/FilledVideoDisabled.js +11 -0
  456. package/dist/icons/FilledVolumeOff.d.ts +2 -0
  457. package/dist/icons/FilledVolumeOff.js +13 -0
  458. package/dist/icons/FilledVolumeOn.d.ts +2 -0
  459. package/dist/icons/FilledVolumeOn.js +12 -0
  460. package/dist/icons/FilledWallet.d.ts +2 -0
  461. package/dist/icons/FilledWallet.js +11 -0
  462. package/dist/icons/Filter.d.ts +2 -0
  463. package/dist/icons/Filter.js +10 -0
  464. package/dist/icons/FilterDisabled.d.ts +2 -0
  465. package/dist/icons/FilterDisabled.js +11 -0
  466. package/dist/icons/Fingerprint.d.ts +2 -0
  467. package/dist/icons/Fingerprint.js +10 -0
  468. package/dist/icons/Flash.d.ts +2 -0
  469. package/dist/icons/Flash.js +10 -0
  470. package/dist/icons/FlashDisabled.d.ts +2 -0
  471. package/dist/icons/FlashDisabled.js +11 -0
  472. package/dist/icons/Folder.d.ts +2 -0
  473. package/dist/icons/Folder.js +10 -0
  474. package/dist/icons/FolderMinus.d.ts +2 -0
  475. package/dist/icons/FolderMinus.js +10 -0
  476. package/dist/icons/FolderPlus.d.ts +2 -0
  477. package/dist/icons/FolderPlus.js +10 -0
  478. package/dist/icons/Github1.d.ts +2 -0
  479. package/dist/icons/Github1.js +10 -0
  480. package/dist/icons/Github2.d.ts +2 -0
  481. package/dist/icons/Github2.js +10 -0
  482. package/dist/icons/Globe.d.ts +2 -0
  483. package/dist/icons/Globe.js +10 -0
  484. package/dist/icons/Google.d.ts +2 -0
  485. package/dist/icons/Google.js +10 -0
  486. package/dist/icons/Grid.d.ts +2 -0
  487. package/dist/icons/Grid.js +10 -0
  488. package/dist/icons/Headphone.d.ts +2 -0
  489. package/dist/icons/Headphone.js +10 -0
  490. package/dist/icons/Heart.d.ts +2 -0
  491. package/dist/icons/Heart.js +14 -0
  492. package/dist/icons/Height.d.ts +2 -0
  493. package/dist/icons/Height.js +11 -0
  494. package/dist/icons/Home.d.ts +2 -0
  495. package/dist/icons/Home.js +10 -0
  496. package/dist/icons/IdCard.d.ts +2 -0
  497. package/dist/icons/IdCard.js +12 -0
  498. package/dist/icons/Image.d.ts +2 -0
  499. package/dist/icons/Image.js +13 -0
  500. package/dist/icons/Inbox.d.ts +2 -0
  501. package/dist/icons/Inbox.js +10 -0
  502. package/dist/icons/Info.d.ts +2 -0
  503. package/dist/icons/Info.js +12 -0
  504. package/dist/icons/InlineEdit.d.ts +2 -0
  505. package/dist/icons/InlineEdit.js +10 -0
  506. package/dist/icons/Laptop.d.ts +2 -0
  507. package/dist/icons/Laptop.js +10 -0
  508. package/dist/icons/Layers.d.ts +2 -0
  509. package/dist/icons/Layers.js +10 -0
  510. package/dist/icons/Link1.d.ts +2 -0
  511. package/dist/icons/Link1.js +10 -0
  512. package/dist/icons/Link2.d.ts +2 -0
  513. package/dist/icons/Link2.js +10 -0
  514. package/dist/icons/Linkedin1.d.ts +2 -0
  515. package/dist/icons/Linkedin1.js +10 -0
  516. package/dist/icons/Linkedin2.d.ts +2 -0
  517. package/dist/icons/Linkedin2.js +10 -0
  518. package/dist/icons/LocationPin1.d.ts +2 -0
  519. package/dist/icons/LocationPin1.js +11 -0
  520. package/dist/icons/Lock.d.ts +2 -0
  521. package/dist/icons/Lock.js +10 -0
  522. package/dist/icons/Loop.d.ts +2 -0
  523. package/dist/icons/Loop.js +10 -0
  524. package/dist/icons/Magnifier.d.ts +2 -0
  525. package/dist/icons/Magnifier.js +10 -0
  526. package/dist/icons/MagnifierMinus1.d.ts +2 -0
  527. package/dist/icons/MagnifierMinus1.js +10 -0
  528. package/dist/icons/MagnifierMinus2.d.ts +2 -0
  529. package/dist/icons/MagnifierMinus2.js +10 -0
  530. package/dist/icons/MagnifierPlus1.d.ts +2 -0
  531. package/dist/icons/MagnifierPlus1.js +10 -0
  532. package/dist/icons/MagnifierPlus2.d.ts +2 -0
  533. package/dist/icons/MagnifierPlus2.js +10 -0
  534. package/dist/icons/Mail.d.ts +2 -0
  535. package/dist/icons/Mail.js +10 -0
  536. package/dist/icons/Map.d.ts +2 -0
  537. package/dist/icons/Map.js +10 -0
  538. package/dist/icons/Menu.d.ts +2 -0
  539. package/dist/icons/Menu.js +10 -0
  540. package/dist/icons/MenuLeft.d.ts +2 -0
  541. package/dist/icons/MenuLeft.js +10 -0
  542. package/dist/icons/MenuRight.d.ts +2 -0
  543. package/dist/icons/MenuRight.js +10 -0
  544. package/dist/icons/Mic.d.ts +2 -0
  545. package/dist/icons/Mic.js +10 -0
  546. package/dist/icons/MicDisabled.d.ts +2 -0
  547. package/dist/icons/MicDisabled.js +12 -0
  548. package/dist/icons/Minus.d.ts +2 -0
  549. package/dist/icons/Minus.js +10 -0
  550. package/dist/icons/MinusCircle.d.ts +2 -0
  551. package/dist/icons/MinusCircle.js +10 -0
  552. package/dist/icons/Mobile.d.ts +2 -0
  553. package/dist/icons/Mobile.js +11 -0
  554. package/dist/icons/Moon.d.ts +2 -0
  555. package/dist/icons/Moon.js +10 -0
  556. package/dist/icons/MoreHorizontal.d.ts +2 -0
  557. package/dist/icons/MoreHorizontal.js +10 -0
  558. package/dist/icons/MoreHorizontalCircle.d.ts +2 -0
  559. package/dist/icons/MoreHorizontalCircle.js +11 -0
  560. package/dist/icons/MoreVertical.d.ts +2 -0
  561. package/dist/icons/MoreVertical.js +10 -0
  562. package/dist/icons/MoreVerticalCircle.d.ts +2 -0
  563. package/dist/icons/MoreVerticalCircle.js +11 -0
  564. package/dist/icons/Mouse.d.ts +2 -0
  565. package/dist/icons/Mouse.js +10 -0
  566. package/dist/icons/Move.d.ts +2 -0
  567. package/dist/icons/Move.js +10 -0
  568. package/dist/icons/Music.d.ts +2 -0
  569. package/dist/icons/Music.js +10 -0
  570. package/dist/icons/MusicDisabled.d.ts +2 -0
  571. package/dist/icons/MusicDisabled.js +11 -0
  572. package/dist/icons/Navigation1.d.ts +2 -0
  573. package/dist/icons/Navigation1.js +10 -0
  574. package/dist/icons/Navigation2.d.ts +2 -0
  575. package/dist/icons/Navigation2.js +10 -0
  576. package/dist/icons/Notebook.d.ts +2 -0
  577. package/dist/icons/Notebook.js +11 -0
  578. package/dist/icons/NumberedList.d.ts +2 -0
  579. package/dist/icons/NumberedList.js +15 -0
  580. package/dist/icons/Paper1.d.ts +2 -0
  581. package/dist/icons/Paper1.js +10 -0
  582. package/dist/icons/Paper2.d.ts +2 -0
  583. package/dist/icons/Paper2.js +10 -0
  584. package/dist/icons/PaperMinus.d.ts +2 -0
  585. package/dist/icons/PaperMinus.js +10 -0
  586. package/dist/icons/PaperPlane.d.ts +2 -0
  587. package/dist/icons/PaperPlane.js +10 -0
  588. package/dist/icons/PaperPlus.d.ts +2 -0
  589. package/dist/icons/PaperPlus.js +10 -0
  590. package/dist/icons/Passcode.d.ts +2 -0
  591. package/dist/icons/Passcode.js +11 -0
  592. package/dist/icons/People.d.ts +2 -0
  593. package/dist/icons/People.js +10 -0
  594. package/dist/icons/Person.d.ts +2 -0
  595. package/dist/icons/Person.js +10 -0
  596. package/dist/icons/PersonMinus.d.ts +2 -0
  597. package/dist/icons/PersonMinus.js +10 -0
  598. package/dist/icons/PersonPlus.d.ts +2 -0
  599. package/dist/icons/PersonPlus.js +10 -0
  600. package/dist/icons/Phone.d.ts +2 -0
  601. package/dist/icons/Phone.js +10 -0
  602. package/dist/icons/PhoneDisabled.d.ts +2 -0
  603. package/dist/icons/PhoneDisabled.js +11 -0
  604. package/dist/icons/PhoneFailed.d.ts +2 -0
  605. package/dist/icons/PhoneFailed.js +10 -0
  606. package/dist/icons/PieChart.d.ts +2 -0
  607. package/dist/icons/PieChart.js +11 -0
  608. package/dist/icons/Plus.d.ts +2 -0
  609. package/dist/icons/Plus.js +10 -0
  610. package/dist/icons/PlusCircle.d.ts +2 -0
  611. package/dist/icons/PlusCircle.js +10 -0
  612. package/dist/icons/Printer.d.ts +2 -0
  613. package/dist/icons/Printer.js +10 -0
  614. package/dist/icons/QrCode.d.ts +2 -0
  615. package/dist/icons/QrCode.js +12 -0
  616. package/dist/icons/Question.d.ts +2 -0
  617. package/dist/icons/Question.js +11 -0
  618. package/dist/icons/Receipt.d.ts +2 -0
  619. package/dist/icons/Receipt.js +10 -0
  620. package/dist/icons/Redo.d.ts +2 -0
  621. package/dist/icons/Redo.js +10 -0
  622. package/dist/icons/Reload.d.ts +2 -0
  623. package/dist/icons/Reload.js +11 -0
  624. package/dist/icons/Settings.d.ts +2 -0
  625. package/dist/icons/Settings.js +10 -0
  626. package/dist/icons/Share.d.ts +2 -0
  627. package/dist/icons/Share.js +10 -0
  628. package/dist/icons/Shield.d.ts +2 -0
  629. package/dist/icons/Shield.js +10 -0
  630. package/dist/icons/ShieldDisabled.d.ts +2 -0
  631. package/dist/icons/ShieldDisabled.js +11 -0
  632. package/dist/icons/ShoppingBag.d.ts +2 -0
  633. package/dist/icons/ShoppingBag.js +12 -0
  634. package/dist/icons/ShoppingBasket.d.ts +2 -0
  635. package/dist/icons/ShoppingBasket.js +10 -0
  636. package/dist/icons/ShoppingCart.d.ts +2 -0
  637. package/dist/icons/ShoppingCart.js +11 -0
  638. package/dist/icons/Shuffle.d.ts +2 -0
  639. package/dist/icons/Shuffle.js +10 -0
  640. package/dist/icons/SignIn.d.ts +2 -0
  641. package/dist/icons/SignIn.js +11 -0
  642. package/dist/icons/SignOut.d.ts +2 -0
  643. package/dist/icons/SignOut.js +11 -0
  644. package/dist/icons/SkipNext.d.ts +2 -0
  645. package/dist/icons/SkipNext.js +10 -0
  646. package/dist/icons/SkipPrevious.d.ts +2 -0
  647. package/dist/icons/SkipPrevious.js +10 -0
  648. package/dist/icons/Slack.d.ts +2 -0
  649. package/dist/icons/Slack.js +10 -0
  650. package/dist/icons/SliderHorizontal.d.ts +2 -0
  651. package/dist/icons/SliderHorizontal.js +10 -0
  652. package/dist/icons/SliderVertical.d.ts +2 -0
  653. package/dist/icons/SliderVertical.js +10 -0
  654. package/dist/icons/Speaker.d.ts +2 -0
  655. package/dist/icons/Speaker.js +10 -0
  656. package/dist/icons/Star.d.ts +2 -0
  657. package/dist/icons/Star.js +10 -0
  658. package/dist/icons/Stop.d.ts +2 -0
  659. package/dist/icons/Stop.js +10 -0
  660. package/dist/icons/SubArrowLeft.d.ts +2 -0
  661. package/dist/icons/SubArrowLeft.js +10 -0
  662. package/dist/icons/SubArrowRight.d.ts +2 -0
  663. package/dist/icons/SubArrowRight.js +10 -0
  664. package/dist/icons/Sun.d.ts +2 -0
  665. package/dist/icons/Sun.js +11 -0
  666. package/dist/icons/Support.d.ts +2 -0
  667. package/dist/icons/Support.js +13 -0
  668. package/dist/icons/Sync.d.ts +2 -0
  669. package/dist/icons/Sync.js +11 -0
  670. package/dist/icons/Tablet.d.ts +2 -0
  671. package/dist/icons/Tablet.js +11 -0
  672. package/dist/icons/Tag.d.ts +2 -0
  673. package/dist/icons/Tag.js +11 -0
  674. package/dist/icons/Tick.d.ts +2 -0
  675. package/dist/icons/Tick.js +10 -0
  676. package/dist/icons/Transfer.d.ts +2 -0
  677. package/dist/icons/Transfer.js +10 -0
  678. package/dist/icons/TrendDown.d.ts +2 -0
  679. package/dist/icons/TrendDown.js +10 -0
  680. package/dist/icons/TrendUp.d.ts +2 -0
  681. package/dist/icons/TrendUp.js +10 -0
  682. package/dist/icons/Tv.d.ts +2 -0
  683. package/dist/icons/Tv.js +10 -0
  684. package/dist/icons/Twitter1.d.ts +2 -0
  685. package/dist/icons/Twitter1.js +10 -0
  686. package/dist/icons/Twitter2.d.ts +2 -0
  687. package/dist/icons/Twitter2.js +10 -0
  688. package/dist/icons/Undo.d.ts +2 -0
  689. package/dist/icons/Undo.js +10 -0
  690. package/dist/icons/Unlink.d.ts +2 -0
  691. package/dist/icons/Unlink.js +10 -0
  692. package/dist/icons/Unlock.d.ts +2 -0
  693. package/dist/icons/Unlock.js +10 -0
  694. package/dist/icons/Upload.d.ts +2 -0
  695. package/dist/icons/Upload.js +11 -0
  696. package/dist/icons/UsbStick.d.ts +2 -0
  697. package/dist/icons/UsbStick.js +12 -0
  698. package/dist/icons/Video.d.ts +2 -0
  699. package/dist/icons/Video.js +10 -0
  700. package/dist/icons/VideoDisabled.d.ts +2 -0
  701. package/dist/icons/VideoDisabled.js +12 -0
  702. package/dist/icons/VolumeOff.d.ts +2 -0
  703. package/dist/icons/VolumeOff.js +13 -0
  704. package/dist/icons/VolumeOn.d.ts +2 -0
  705. package/dist/icons/VolumeOn.js +10 -0
  706. package/dist/icons/Wallet.d.ts +2 -0
  707. package/dist/icons/Wallet.js +10 -0
  708. package/dist/icons/Width.d.ts +2 -0
  709. package/dist/icons/Width.js +11 -0
  710. package/dist/icons/Youtube.d.ts +2 -0
  711. package/dist/icons/Youtube.js +10 -0
  712. package/dist/icons/helpers/createSvgIcon.d.ts +3 -0
  713. package/dist/icons/helpers/createSvgIcon.js +16 -0
  714. package/dist/icons/svg-icon/SvgIcon.d.ts +14 -0
  715. package/dist/icons/svg-icon/SvgIcon.js +22 -0
  716. package/dist/index.css +95760 -0
  717. package/dist/index.d.ts +34 -0
  718. package/dist/index.js +50 -0
  719. package/dist/utils/dom.d.ts +1 -0
  720. package/dist/utils/dom.js +4 -0
  721. package/dist/utils/generateUEID.d.ts +1 -0
  722. package/dist/utils/generateUEID.js +11 -0
  723. package/dist/utils/intent.d.ts +2 -0
  724. package/dist/utils/intent.js +20 -0
  725. package/dist/utils/render.js +136 -0
  726. package/icons/Alarm.d.ts +2 -0
  727. package/icons/Alarm.js +10 -0
  728. package/icons/AlertCircle.d.ts +2 -0
  729. package/icons/AlertCircle.js +12 -0
  730. package/icons/AlertTriangle.d.ts +2 -0
  731. package/icons/AlertTriangle.js +12 -0
  732. package/icons/Apps.d.ts +2 -0
  733. package/icons/Apps.js +10 -0
  734. package/icons/ArrowDown.d.ts +2 -0
  735. package/icons/ArrowDown.js +10 -0
  736. package/icons/ArrowDownLeft.d.ts +2 -0
  737. package/icons/ArrowDownLeft.js +10 -0
  738. package/icons/ArrowDownRight.d.ts +2 -0
  739. package/icons/ArrowDownRight.js +10 -0
  740. package/icons/ArrowLeft.d.ts +2 -0
  741. package/icons/ArrowLeft.js +10 -0
  742. package/icons/ArrowRight.d.ts +2 -0
  743. package/icons/ArrowRight.js +10 -0
  744. package/icons/ArrowUp.d.ts +2 -0
  745. package/icons/ArrowUp.js +10 -0
  746. package/icons/ArrowUpLeft.d.ts +2 -0
  747. package/icons/ArrowUpLeft.js +10 -0
  748. package/icons/ArrowUpRight.d.ts +2 -0
  749. package/icons/ArrowUpRight.js +10 -0
  750. package/icons/BarChart.d.ts +2 -0
  751. package/icons/BarChart.js +10 -0
  752. package/icons/Bell.d.ts +2 -0
  753. package/icons/Bell.js +10 -0
  754. package/icons/BellDisabled.d.ts +2 -0
  755. package/icons/BellDisabled.js +11 -0
  756. package/icons/Bin.d.ts +2 -0
  757. package/icons/Bin.js +10 -0
  758. package/icons/BinMinimal.d.ts +2 -0
  759. package/icons/BinMinimal.js +10 -0
  760. package/icons/Bookmark.d.ts +2 -0
  761. package/icons/Bookmark.js +10 -0
  762. package/icons/Browser.d.ts +2 -0
  763. package/icons/Browser.js +12 -0
  764. package/icons/Brush.d.ts +2 -0
  765. package/icons/Brush.js +10 -0
  766. package/icons/BulletList.d.ts +2 -0
  767. package/icons/BulletList.js +11 -0
  768. package/icons/Calendar.d.ts +2 -0
  769. package/icons/Calendar.js +10 -0
  770. package/icons/Camera.d.ts +2 -0
  771. package/icons/Camera.js +10 -0
  772. package/icons/CaretDown.d.ts +2 -0
  773. package/icons/CaretDown.js +10 -0
  774. package/icons/CaretLeft.d.ts +2 -0
  775. package/icons/CaretLeft.js +10 -0
  776. package/icons/CaretRight.d.ts +2 -0
  777. package/icons/CaretRight.js +10 -0
  778. package/icons/CaretUnfold.d.ts +2 -0
  779. package/icons/CaretUnfold.js +10 -0
  780. package/icons/CaretUp.d.ts +2 -0
  781. package/icons/CaretUp.js +10 -0
  782. package/icons/Chat.d.ts +2 -0
  783. package/icons/Chat.js +11 -0
  784. package/icons/ChatPlus.d.ts +2 -0
  785. package/icons/ChatPlus.js +10 -0
  786. package/icons/ChatSquare.d.ts +2 -0
  787. package/icons/ChatSquare.js +11 -0
  788. package/icons/ChatSquarePlus.d.ts +2 -0
  789. package/icons/ChatSquarePlus.js +10 -0
  790. package/icons/Checklist.d.ts +2 -0
  791. package/icons/Checklist.js +10 -0
  792. package/icons/ChevronDown.d.ts +2 -0
  793. package/icons/ChevronDown.js +10 -0
  794. package/icons/ChevronExpand.d.ts +2 -0
  795. package/icons/ChevronExpand.js +10 -0
  796. package/icons/ChevronLeft.d.ts +2 -0
  797. package/icons/ChevronLeft.js +10 -0
  798. package/icons/ChevronRight.d.ts +2 -0
  799. package/icons/ChevronRight.js +10 -0
  800. package/icons/ChevronShrink.d.ts +2 -0
  801. package/icons/ChevronShrink.js +10 -0
  802. package/icons/ChevronUnfold.d.ts +2 -0
  803. package/icons/ChevronUnfold.js +10 -0
  804. package/icons/ChevronUp.d.ts +2 -0
  805. package/icons/ChevronUp.js +10 -0
  806. package/icons/CircleArrowDown.d.ts +2 -0
  807. package/icons/CircleArrowDown.js +11 -0
  808. package/icons/CircleArrowLeft.d.ts +2 -0
  809. package/icons/CircleArrowLeft.js +11 -0
  810. package/icons/CircleArrowRight.d.ts +2 -0
  811. package/icons/CircleArrowRight.js +11 -0
  812. package/icons/CircleArrowUp.d.ts +2 -0
  813. package/icons/CircleArrowUp.js +11 -0
  814. package/icons/Clipboard.d.ts +2 -0
  815. package/icons/Clipboard.js +11 -0
  816. package/icons/ClipboardCheck.d.ts +2 -0
  817. package/icons/ClipboardCheck.js +11 -0
  818. package/icons/ClockCircle.d.ts +2 -0
  819. package/icons/ClockCircle.js +11 -0
  820. package/icons/ClockSquare.d.ts +2 -0
  821. package/icons/ClockSquare.js +11 -0
  822. package/icons/Cloud.d.ts +2 -0
  823. package/icons/Cloud.js +10 -0
  824. package/icons/CloudDownload.d.ts +2 -0
  825. package/icons/CloudDownload.js +11 -0
  826. package/icons/CloudUpload.d.ts +2 -0
  827. package/icons/CloudUpload.js +11 -0
  828. package/icons/Code.d.ts +2 -0
  829. package/icons/Code.js +10 -0
  830. package/icons/CodeDownload.d.ts +2 -0
  831. package/icons/CodeDownload.js +11 -0
  832. package/icons/ColorPalette.d.ts +2 -0
  833. package/icons/ColorPalette.js +11 -0
  834. package/icons/Console.d.ts +2 -0
  835. package/icons/Console.js +13 -0
  836. package/icons/ContactBook.d.ts +2 -0
  837. package/icons/ContactBook.js +12 -0
  838. package/icons/Convo.d.ts +2 -0
  839. package/icons/Convo.js +10 -0
  840. package/icons/Copy.d.ts +2 -0
  841. package/icons/Copy.js +10 -0
  842. package/icons/CreditCard.d.ts +2 -0
  843. package/icons/CreditCard.js +10 -0
  844. package/icons/Cross.d.ts +2 -0
  845. package/icons/Cross.js +10 -0
  846. package/icons/CrossCircle.d.ts +2 -0
  847. package/icons/CrossCircle.js +10 -0
  848. package/icons/Cube.d.ts +2 -0
  849. package/icons/Cube.js +10 -0
  850. package/icons/CurrencyExchange.d.ts +2 -0
  851. package/icons/CurrencyExchange.js +11 -0
  852. package/icons/Desktop.d.ts +2 -0
  853. package/icons/Desktop.js +10 -0
  854. package/icons/Devices.d.ts +2 -0
  855. package/icons/Devices.js +10 -0
  856. package/icons/Dialing.d.ts +2 -0
  857. package/icons/Dialing.js +10 -0
  858. package/icons/Discord.d.ts +2 -0
  859. package/icons/Discord.js +11 -0
  860. package/icons/DoubleChevronDown.d.ts +2 -0
  861. package/icons/DoubleChevronDown.js +11 -0
  862. package/icons/DoubleChevronLeft.d.ts +2 -0
  863. package/icons/DoubleChevronLeft.js +11 -0
  864. package/icons/DoubleChevronRight.d.ts +2 -0
  865. package/icons/DoubleChevronRight.js +11 -0
  866. package/icons/DoubleChevronUp.d.ts +2 -0
  867. package/icons/DoubleChevronUp.js +11 -0
  868. package/icons/Download.d.ts +2 -0
  869. package/icons/Download.js +11 -0
  870. package/icons/Edit.d.ts +2 -0
  871. package/icons/Edit.js +10 -0
  872. package/icons/ExternalLink.d.ts +2 -0
  873. package/icons/ExternalLink.js +11 -0
  874. package/icons/EyeClose.d.ts +2 -0
  875. package/icons/EyeClose.js +10 -0
  876. package/icons/EyeDisabled.d.ts +2 -0
  877. package/icons/EyeDisabled.js +11 -0
  878. package/icons/EyeOpen.d.ts +2 -0
  879. package/icons/EyeOpen.js +11 -0
  880. package/icons/Facebook1.d.ts +2 -0
  881. package/icons/Facebook1.js +10 -0
  882. package/icons/Facebook2.d.ts +2 -0
  883. package/icons/Facebook2.js +10 -0
  884. package/icons/FastForward.d.ts +2 -0
  885. package/icons/FastForward.js +10 -0
  886. package/icons/FastRewind.d.ts +2 -0
  887. package/icons/FastRewind.js +10 -0
  888. package/icons/FilledAlarm.d.ts +2 -0
  889. package/icons/FilledAlarm.js +10 -0
  890. package/icons/FilledAlertCircle.d.ts +2 -0
  891. package/icons/FilledAlertCircle.js +10 -0
  892. package/icons/FilledAlertTriangle.d.ts +2 -0
  893. package/icons/FilledAlertTriangle.js +10 -0
  894. package/icons/FilledApps.d.ts +2 -0
  895. package/icons/FilledApps.js +10 -0
  896. package/icons/FilledBarChart.d.ts +2 -0
  897. package/icons/FilledBarChart.js +10 -0
  898. package/icons/FilledBell.d.ts +2 -0
  899. package/icons/FilledBell.js +11 -0
  900. package/icons/FilledBellDisabled.d.ts +2 -0
  901. package/icons/FilledBellDisabled.js +12 -0
  902. package/icons/FilledBin.d.ts +2 -0
  903. package/icons/FilledBin.js +10 -0
  904. package/icons/FilledBookmark.d.ts +2 -0
  905. package/icons/FilledBookmark.js +10 -0
  906. package/icons/FilledBrowser.d.ts +2 -0
  907. package/icons/FilledBrowser.js +10 -0
  908. package/icons/FilledBrush.d.ts +2 -0
  909. package/icons/FilledBrush.js +11 -0
  910. package/icons/FilledCalendar.d.ts +2 -0
  911. package/icons/FilledCalendar.js +11 -0
  912. package/icons/FilledCamera.d.ts +2 -0
  913. package/icons/FilledCamera.js +11 -0
  914. package/icons/FilledChat.d.ts +2 -0
  915. package/icons/FilledChat.js +10 -0
  916. package/icons/FilledChatSquare.d.ts +2 -0
  917. package/icons/FilledChatSquare.js +10 -0
  918. package/icons/FilledCircleArrowDown.d.ts +2 -0
  919. package/icons/FilledCircleArrowDown.js +10 -0
  920. package/icons/FilledCircleArrowLeft.d.ts +2 -0
  921. package/icons/FilledCircleArrowLeft.js +10 -0
  922. package/icons/FilledCircleArrowRight.d.ts +2 -0
  923. package/icons/FilledCircleArrowRight.js +10 -0
  924. package/icons/FilledCircleArrowUp.d.ts +2 -0
  925. package/icons/FilledCircleArrowUp.js +10 -0
  926. package/icons/FilledCircleTick.d.ts +2 -0
  927. package/icons/FilledCircleTick.js +10 -0
  928. package/icons/FilledClockCircle.d.ts +2 -0
  929. package/icons/FilledClockCircle.js +10 -0
  930. package/icons/FilledClockSquare.d.ts +2 -0
  931. package/icons/FilledClockSquare.js +10 -0
  932. package/icons/FilledCloud.d.ts +2 -0
  933. package/icons/FilledCloud.js +10 -0
  934. package/icons/FilledCloudDownload.d.ts +2 -0
  935. package/icons/FilledCloudDownload.js +11 -0
  936. package/icons/FilledCloudUpload.d.ts +2 -0
  937. package/icons/FilledCloudUpload.js +11 -0
  938. package/icons/FilledColorPalette.d.ts +2 -0
  939. package/icons/FilledColorPalette.js +10 -0
  940. package/icons/FilledConsole.d.ts +2 -0
  941. package/icons/FilledConsole.js +10 -0
  942. package/icons/FilledContactBook.d.ts +2 -0
  943. package/icons/FilledContactBook.js +10 -0
  944. package/icons/FilledConvo.d.ts +2 -0
  945. package/icons/FilledConvo.js +11 -0
  946. package/icons/FilledCopy.d.ts +2 -0
  947. package/icons/FilledCopy.js +11 -0
  948. package/icons/FilledCreditCard.d.ts +2 -0
  949. package/icons/FilledCreditCard.js +10 -0
  950. package/icons/FilledCrossCircle.d.ts +2 -0
  951. package/icons/FilledCrossCircle.js +10 -0
  952. package/icons/FilledCube.d.ts +2 -0
  953. package/icons/FilledCube.js +10 -0
  954. package/icons/FilledEdit.d.ts +2 -0
  955. package/icons/FilledEdit.js +10 -0
  956. package/icons/FilledEyeDisabled.d.ts +2 -0
  957. package/icons/FilledEyeDisabled.js +14 -0
  958. package/icons/FilledEyeOpen.d.ts +2 -0
  959. package/icons/FilledEyeOpen.js +11 -0
  960. package/icons/FilledFilter.d.ts +2 -0
  961. package/icons/FilledFilter.js +10 -0
  962. package/icons/FilledFilterDisabled.d.ts +2 -0
  963. package/icons/FilledFilterDisabled.js +11 -0
  964. package/icons/FilledFlash.d.ts +2 -0
  965. package/icons/FilledFlash.js +11 -0
  966. package/icons/FilledFlashDisabled.d.ts +2 -0
  967. package/icons/FilledFlashDisabled.js +11 -0
  968. package/icons/FilledFolder.d.ts +2 -0
  969. package/icons/FilledFolder.js +10 -0
  970. package/icons/FilledFolderMinus.d.ts +2 -0
  971. package/icons/FilledFolderMinus.js +10 -0
  972. package/icons/FilledFolderPlus.d.ts +2 -0
  973. package/icons/FilledFolderPlus.js +10 -0
  974. package/icons/FilledGrid.d.ts +2 -0
  975. package/icons/FilledGrid.js +10 -0
  976. package/icons/FilledHeadphone.d.ts +2 -0
  977. package/icons/FilledHeadphone.js +14 -0
  978. package/icons/FilledHeart.d.ts +2 -0
  979. package/icons/FilledHeart.js +14 -0
  980. package/icons/FilledHome.d.ts +2 -0
  981. package/icons/FilledHome.js +10 -0
  982. package/icons/FilledIdCard.d.ts +2 -0
  983. package/icons/FilledIdCard.js +10 -0
  984. package/icons/FilledImage.d.ts +2 -0
  985. package/icons/FilledImage.js +14 -0
  986. package/icons/FilledInbox.d.ts +2 -0
  987. package/icons/FilledInbox.js +10 -0
  988. package/icons/FilledInfo.d.ts +2 -0
  989. package/icons/FilledInfo.js +10 -0
  990. package/icons/FilledInlineEdit.d.ts +2 -0
  991. package/icons/FilledInlineEdit.js +10 -0
  992. package/icons/FilledLayers.d.ts +2 -0
  993. package/icons/FilledLayers.js +12 -0
  994. package/icons/FilledLocationPin1.d.ts +2 -0
  995. package/icons/FilledLocationPin1.js +10 -0
  996. package/icons/FilledLock.d.ts +2 -0
  997. package/icons/FilledLock.js +10 -0
  998. package/icons/FilledMagnifierMinus.d.ts +2 -0
  999. package/icons/FilledMagnifierMinus.js +11 -0
  1000. package/icons/FilledMagnifierPlus.d.ts +2 -0
  1001. package/icons/FilledMagnifierPlus.js +11 -0
  1002. package/icons/FilledMail.d.ts +2 -0
  1003. package/icons/FilledMail.js +10 -0
  1004. package/icons/FilledMap.d.ts +2 -0
  1005. package/icons/FilledMap.js +10 -0
  1006. package/icons/FilledMic.d.ts +2 -0
  1007. package/icons/FilledMic.js +13 -0
  1008. package/icons/FilledMicDisabled.d.ts +2 -0
  1009. package/icons/FilledMicDisabled.js +12 -0
  1010. package/icons/FilledMinusCircle.d.ts +2 -0
  1011. package/icons/FilledMinusCircle.js +10 -0
  1012. package/icons/FilledMoon.d.ts +2 -0
  1013. package/icons/FilledMoon.js +10 -0
  1014. package/icons/FilledMoreHorizontalCircle.d.ts +2 -0
  1015. package/icons/FilledMoreHorizontalCircle.js +10 -0
  1016. package/icons/FilledMoreVerticalCircle.d.ts +2 -0
  1017. package/icons/FilledMoreVerticalCircle.js +10 -0
  1018. package/icons/FilledMouse.d.ts +2 -0
  1019. package/icons/FilledMouse.js +10 -0
  1020. package/icons/FilledNotebook.d.ts +2 -0
  1021. package/icons/FilledNotebook.js +10 -0
  1022. package/icons/FilledPaper.d.ts +2 -0
  1023. package/icons/FilledPaper.js +10 -0
  1024. package/icons/FilledPaperMinus.d.ts +2 -0
  1025. package/icons/FilledPaperMinus.js +10 -0
  1026. package/icons/FilledPaperPlane.d.ts +2 -0
  1027. package/icons/FilledPaperPlane.js +10 -0
  1028. package/icons/FilledPaperPlus.d.ts +2 -0
  1029. package/icons/FilledPaperPlus.js +10 -0
  1030. package/icons/FilledPeople.d.ts +2 -0
  1031. package/icons/FilledPeople.js +11 -0
  1032. package/icons/FilledPerson.d.ts +2 -0
  1033. package/icons/FilledPerson.js +10 -0
  1034. package/icons/FilledPersonMinus.d.ts +2 -0
  1035. package/icons/FilledPersonMinus.js +11 -0
  1036. package/icons/FilledPersonPlus.d.ts +2 -0
  1037. package/icons/FilledPersonPlus.js +12 -0
  1038. package/icons/FilledPieChart.d.ts +2 -0
  1039. package/icons/FilledPieChart.js +15 -0
  1040. package/icons/FilledPlusCircle.d.ts +2 -0
  1041. package/icons/FilledPlusCircle.js +10 -0
  1042. package/icons/FilledPrinter.d.ts +2 -0
  1043. package/icons/FilledPrinter.js +12 -0
  1044. package/icons/FilledQuestion.d.ts +2 -0
  1045. package/icons/FilledQuestion.js +10 -0
  1046. package/icons/FilledReceipt.d.ts +2 -0
  1047. package/icons/FilledReceipt.js +10 -0
  1048. package/icons/FilledSettings.d.ts +2 -0
  1049. package/icons/FilledSettings.js +10 -0
  1050. package/icons/FilledShare.d.ts +2 -0
  1051. package/icons/FilledShare.js +12 -0
  1052. package/icons/FilledShield.d.ts +2 -0
  1053. package/icons/FilledShield.js +10 -0
  1054. package/icons/FilledShieldDisabled.d.ts +2 -0
  1055. package/icons/FilledShieldDisabled.js +10 -0
  1056. package/icons/FilledShoppingBag.d.ts +2 -0
  1057. package/icons/FilledShoppingBag.js +10 -0
  1058. package/icons/FilledShoppingBasket.d.ts +2 -0
  1059. package/icons/FilledShoppingBasket.js +10 -0
  1060. package/icons/FilledShoppingCart.d.ts +2 -0
  1061. package/icons/FilledShoppingCart.js +10 -0
  1062. package/icons/FilledSkipNext.d.ts +2 -0
  1063. package/icons/FilledSkipNext.js +11 -0
  1064. package/icons/FilledSkipPrevious.d.ts +2 -0
  1065. package/icons/FilledSkipPrevious.js +11 -0
  1066. package/icons/FilledSliderHorizontal.d.ts +2 -0
  1067. package/icons/FilledSliderHorizontal.js +11 -0
  1068. package/icons/FilledSliderVertical.d.ts +2 -0
  1069. package/icons/FilledSliderVertical.js +11 -0
  1070. package/icons/FilledSpeaker.d.ts +2 -0
  1071. package/icons/FilledSpeaker.js +11 -0
  1072. package/icons/FilledStar.d.ts +2 -0
  1073. package/icons/FilledStar.js +10 -0
  1074. package/icons/FilledSun.d.ts +2 -0
  1075. package/icons/FilledSun.js +10 -0
  1076. package/icons/FilledTag.d.ts +2 -0
  1077. package/icons/FilledTag.js +10 -0
  1078. package/icons/FilledUnlock.d.ts +2 -0
  1079. package/icons/FilledUnlock.js +10 -0
  1080. package/icons/FilledUsbStick.d.ts +2 -0
  1081. package/icons/FilledUsbStick.js +10 -0
  1082. package/icons/FilledVideo.d.ts +2 -0
  1083. package/icons/FilledVideo.js +10 -0
  1084. package/icons/FilledVideoDisabled.d.ts +2 -0
  1085. package/icons/FilledVideoDisabled.js +11 -0
  1086. package/icons/FilledVolumeOff.d.ts +2 -0
  1087. package/icons/FilledVolumeOff.js +13 -0
  1088. package/icons/FilledVolumeOn.d.ts +2 -0
  1089. package/icons/FilledVolumeOn.js +12 -0
  1090. package/icons/FilledWallet.d.ts +2 -0
  1091. package/icons/FilledWallet.js +11 -0
  1092. package/icons/Filter.d.ts +2 -0
  1093. package/icons/Filter.js +10 -0
  1094. package/icons/FilterDisabled.d.ts +2 -0
  1095. package/icons/FilterDisabled.js +11 -0
  1096. package/icons/Fingerprint.d.ts +2 -0
  1097. package/icons/Fingerprint.js +10 -0
  1098. package/icons/Flash.d.ts +2 -0
  1099. package/icons/Flash.js +10 -0
  1100. package/icons/FlashDisabled.d.ts +2 -0
  1101. package/icons/FlashDisabled.js +11 -0
  1102. package/icons/Folder.d.ts +2 -0
  1103. package/icons/Folder.js +10 -0
  1104. package/icons/FolderMinus.d.ts +2 -0
  1105. package/icons/FolderMinus.js +10 -0
  1106. package/icons/FolderPlus.d.ts +2 -0
  1107. package/icons/FolderPlus.js +10 -0
  1108. package/icons/Github1.d.ts +2 -0
  1109. package/icons/Github1.js +10 -0
  1110. package/icons/Github2.d.ts +2 -0
  1111. package/icons/Github2.js +10 -0
  1112. package/icons/Globe.d.ts +2 -0
  1113. package/icons/Globe.js +10 -0
  1114. package/icons/Google.d.ts +2 -0
  1115. package/icons/Google.js +10 -0
  1116. package/icons/Grid.d.ts +2 -0
  1117. package/icons/Grid.js +10 -0
  1118. package/icons/Headphone.d.ts +2 -0
  1119. package/icons/Headphone.js +10 -0
  1120. package/icons/Heart.d.ts +2 -0
  1121. package/icons/Heart.js +14 -0
  1122. package/icons/Height.d.ts +2 -0
  1123. package/icons/Height.js +11 -0
  1124. package/icons/Home.d.ts +2 -0
  1125. package/icons/Home.js +10 -0
  1126. package/icons/IdCard.d.ts +2 -0
  1127. package/icons/IdCard.js +12 -0
  1128. package/icons/Image.d.ts +2 -0
  1129. package/icons/Image.js +13 -0
  1130. package/icons/Inbox.d.ts +2 -0
  1131. package/icons/Inbox.js +10 -0
  1132. package/icons/Info.d.ts +2 -0
  1133. package/icons/Info.js +12 -0
  1134. package/icons/InlineEdit.d.ts +2 -0
  1135. package/icons/InlineEdit.js +10 -0
  1136. package/icons/Laptop.d.ts +2 -0
  1137. package/icons/Laptop.js +10 -0
  1138. package/icons/Layers.d.ts +2 -0
  1139. package/icons/Layers.js +10 -0
  1140. package/icons/Link1.d.ts +2 -0
  1141. package/icons/Link1.js +10 -0
  1142. package/icons/Link2.d.ts +2 -0
  1143. package/icons/Link2.js +10 -0
  1144. package/icons/Linkedin1.d.ts +2 -0
  1145. package/icons/Linkedin1.js +10 -0
  1146. package/icons/Linkedin2.d.ts +2 -0
  1147. package/icons/Linkedin2.js +10 -0
  1148. package/icons/LocationPin1.d.ts +2 -0
  1149. package/icons/LocationPin1.js +11 -0
  1150. package/icons/Lock.d.ts +2 -0
  1151. package/icons/Lock.js +10 -0
  1152. package/icons/Loop.d.ts +2 -0
  1153. package/icons/Loop.js +10 -0
  1154. package/icons/Magnifier.d.ts +2 -0
  1155. package/icons/Magnifier.js +10 -0
  1156. package/icons/MagnifierMinus1.d.ts +2 -0
  1157. package/icons/MagnifierMinus1.js +10 -0
  1158. package/icons/MagnifierMinus2.d.ts +2 -0
  1159. package/icons/MagnifierMinus2.js +10 -0
  1160. package/icons/MagnifierPlus1.d.ts +2 -0
  1161. package/icons/MagnifierPlus1.js +10 -0
  1162. package/icons/MagnifierPlus2.d.ts +2 -0
  1163. package/icons/MagnifierPlus2.js +10 -0
  1164. package/icons/Mail.d.ts +2 -0
  1165. package/icons/Mail.js +10 -0
  1166. package/icons/Map.d.ts +2 -0
  1167. package/icons/Map.js +10 -0
  1168. package/icons/Menu.d.ts +2 -0
  1169. package/icons/Menu.js +10 -0
  1170. package/icons/MenuLeft.d.ts +2 -0
  1171. package/icons/MenuLeft.js +10 -0
  1172. package/icons/MenuRight.d.ts +2 -0
  1173. package/icons/MenuRight.js +10 -0
  1174. package/icons/Mic.d.ts +2 -0
  1175. package/icons/Mic.js +10 -0
  1176. package/icons/MicDisabled.d.ts +2 -0
  1177. package/icons/MicDisabled.js +12 -0
  1178. package/icons/Minus.d.ts +2 -0
  1179. package/icons/Minus.js +10 -0
  1180. package/icons/MinusCircle.d.ts +2 -0
  1181. package/icons/MinusCircle.js +10 -0
  1182. package/icons/Mobile.d.ts +2 -0
  1183. package/icons/Mobile.js +11 -0
  1184. package/icons/Moon.d.ts +2 -0
  1185. package/icons/Moon.js +10 -0
  1186. package/icons/MoreHorizontal.d.ts +2 -0
  1187. package/icons/MoreHorizontal.js +10 -0
  1188. package/icons/MoreHorizontalCircle.d.ts +2 -0
  1189. package/icons/MoreHorizontalCircle.js +11 -0
  1190. package/icons/MoreVertical.d.ts +2 -0
  1191. package/icons/MoreVertical.js +10 -0
  1192. package/icons/MoreVerticalCircle.d.ts +2 -0
  1193. package/icons/MoreVerticalCircle.js +11 -0
  1194. package/icons/Mouse.d.ts +2 -0
  1195. package/icons/Mouse.js +10 -0
  1196. package/icons/Move.d.ts +2 -0
  1197. package/icons/Move.js +10 -0
  1198. package/icons/Music.d.ts +2 -0
  1199. package/icons/Music.js +10 -0
  1200. package/icons/MusicDisabled.d.ts +2 -0
  1201. package/icons/MusicDisabled.js +11 -0
  1202. package/icons/Navigation1.d.ts +2 -0
  1203. package/icons/Navigation1.js +10 -0
  1204. package/icons/Navigation2.d.ts +2 -0
  1205. package/icons/Navigation2.js +10 -0
  1206. package/icons/Notebook.d.ts +2 -0
  1207. package/icons/Notebook.js +11 -0
  1208. package/icons/NumberedList.d.ts +2 -0
  1209. package/icons/NumberedList.js +15 -0
  1210. package/icons/Paper1.d.ts +2 -0
  1211. package/icons/Paper1.js +10 -0
  1212. package/icons/Paper2.d.ts +2 -0
  1213. package/icons/Paper2.js +10 -0
  1214. package/icons/PaperMinus.d.ts +2 -0
  1215. package/icons/PaperMinus.js +10 -0
  1216. package/icons/PaperPlane.d.ts +2 -0
  1217. package/icons/PaperPlane.js +10 -0
  1218. package/icons/PaperPlus.d.ts +2 -0
  1219. package/icons/PaperPlus.js +10 -0
  1220. package/icons/Passcode.d.ts +2 -0
  1221. package/icons/Passcode.js +11 -0
  1222. package/icons/People.d.ts +2 -0
  1223. package/icons/People.js +10 -0
  1224. package/icons/Person.d.ts +2 -0
  1225. package/icons/Person.js +10 -0
  1226. package/icons/PersonMinus.d.ts +2 -0
  1227. package/icons/PersonMinus.js +10 -0
  1228. package/icons/PersonPlus.d.ts +2 -0
  1229. package/icons/PersonPlus.js +10 -0
  1230. package/icons/Phone.d.ts +2 -0
  1231. package/icons/Phone.js +10 -0
  1232. package/icons/PhoneDisabled.d.ts +2 -0
  1233. package/icons/PhoneDisabled.js +11 -0
  1234. package/icons/PhoneFailed.d.ts +2 -0
  1235. package/icons/PhoneFailed.js +10 -0
  1236. package/icons/PieChart.d.ts +2 -0
  1237. package/icons/PieChart.js +11 -0
  1238. package/icons/Plus.d.ts +2 -0
  1239. package/icons/Plus.js +10 -0
  1240. package/icons/PlusCircle.d.ts +2 -0
  1241. package/icons/PlusCircle.js +10 -0
  1242. package/icons/Printer.d.ts +2 -0
  1243. package/icons/Printer.js +10 -0
  1244. package/icons/QrCode.d.ts +2 -0
  1245. package/icons/QrCode.js +12 -0
  1246. package/icons/Question.d.ts +2 -0
  1247. package/icons/Question.js +11 -0
  1248. package/icons/Receipt.d.ts +2 -0
  1249. package/icons/Receipt.js +10 -0
  1250. package/icons/Redo.d.ts +2 -0
  1251. package/icons/Redo.js +10 -0
  1252. package/icons/Reload.d.ts +2 -0
  1253. package/icons/Reload.js +11 -0
  1254. package/icons/Settings.d.ts +2 -0
  1255. package/icons/Settings.js +10 -0
  1256. package/icons/Share.d.ts +2 -0
  1257. package/icons/Share.js +10 -0
  1258. package/icons/Shield.d.ts +2 -0
  1259. package/icons/Shield.js +10 -0
  1260. package/icons/ShieldDisabled.d.ts +2 -0
  1261. package/icons/ShieldDisabled.js +11 -0
  1262. package/icons/ShoppingBag.d.ts +2 -0
  1263. package/icons/ShoppingBag.js +12 -0
  1264. package/icons/ShoppingBasket.d.ts +2 -0
  1265. package/icons/ShoppingBasket.js +10 -0
  1266. package/icons/ShoppingCart.d.ts +2 -0
  1267. package/icons/ShoppingCart.js +11 -0
  1268. package/icons/Shuffle.d.ts +2 -0
  1269. package/icons/Shuffle.js +10 -0
  1270. package/icons/SignIn.d.ts +2 -0
  1271. package/icons/SignIn.js +11 -0
  1272. package/icons/SignOut.d.ts +2 -0
  1273. package/icons/SignOut.js +11 -0
  1274. package/icons/SkipNext.d.ts +2 -0
  1275. package/icons/SkipNext.js +10 -0
  1276. package/icons/SkipPrevious.d.ts +2 -0
  1277. package/icons/SkipPrevious.js +10 -0
  1278. package/icons/Slack.d.ts +2 -0
  1279. package/icons/Slack.js +10 -0
  1280. package/icons/SliderHorizontal.d.ts +2 -0
  1281. package/icons/SliderHorizontal.js +10 -0
  1282. package/icons/SliderVertical.d.ts +2 -0
  1283. package/icons/SliderVertical.js +10 -0
  1284. package/icons/Speaker.d.ts +2 -0
  1285. package/icons/Speaker.js +10 -0
  1286. package/icons/Star.d.ts +2 -0
  1287. package/icons/Star.js +10 -0
  1288. package/icons/Stop.d.ts +2 -0
  1289. package/icons/Stop.js +10 -0
  1290. package/icons/SubArrowLeft.d.ts +2 -0
  1291. package/icons/SubArrowLeft.js +10 -0
  1292. package/icons/SubArrowRight.d.ts +2 -0
  1293. package/icons/SubArrowRight.js +10 -0
  1294. package/icons/Sun.d.ts +2 -0
  1295. package/icons/Sun.js +11 -0
  1296. package/icons/Support.d.ts +2 -0
  1297. package/icons/Support.js +13 -0
  1298. package/icons/Sync.d.ts +2 -0
  1299. package/icons/Sync.js +11 -0
  1300. package/icons/Tablet.d.ts +2 -0
  1301. package/icons/Tablet.js +11 -0
  1302. package/icons/Tag.d.ts +2 -0
  1303. package/icons/Tag.js +11 -0
  1304. package/icons/Tick.d.ts +2 -0
  1305. package/icons/Tick.js +10 -0
  1306. package/icons/Transfer.d.ts +2 -0
  1307. package/icons/Transfer.js +10 -0
  1308. package/icons/TrendDown.d.ts +2 -0
  1309. package/icons/TrendDown.js +10 -0
  1310. package/icons/TrendUp.d.ts +2 -0
  1311. package/icons/TrendUp.js +10 -0
  1312. package/icons/Tv.d.ts +2 -0
  1313. package/icons/Tv.js +10 -0
  1314. package/icons/Twitter1.d.ts +2 -0
  1315. package/icons/Twitter1.js +10 -0
  1316. package/icons/Twitter2.d.ts +2 -0
  1317. package/icons/Twitter2.js +10 -0
  1318. package/icons/Undo.d.ts +2 -0
  1319. package/icons/Undo.js +10 -0
  1320. package/icons/Unlink.d.ts +2 -0
  1321. package/icons/Unlink.js +10 -0
  1322. package/icons/Unlock.d.ts +2 -0
  1323. package/icons/Unlock.js +10 -0
  1324. package/icons/Upload.d.ts +2 -0
  1325. package/icons/Upload.js +11 -0
  1326. package/icons/UsbStick.d.ts +2 -0
  1327. package/icons/UsbStick.js +12 -0
  1328. package/icons/Video.d.ts +2 -0
  1329. package/icons/Video.js +10 -0
  1330. package/icons/VideoDisabled.d.ts +2 -0
  1331. package/icons/VideoDisabled.js +12 -0
  1332. package/icons/VolumeOff.d.ts +2 -0
  1333. package/icons/VolumeOff.js +13 -0
  1334. package/icons/VolumeOn.d.ts +2 -0
  1335. package/icons/VolumeOn.js +10 -0
  1336. package/icons/Wallet.d.ts +2 -0
  1337. package/icons/Wallet.js +10 -0
  1338. package/icons/Width.d.ts +2 -0
  1339. package/icons/Width.js +11 -0
  1340. package/icons/Youtube.d.ts +2 -0
  1341. package/icons/Youtube.js +10 -0
  1342. package/icons/helpers/createSvgIcon.d.ts +3 -0
  1343. package/icons/helpers/createSvgIcon.js +16 -0
  1344. package/icons/svg-icon/SvgIcon.d.ts +14 -0
  1345. package/icons/svg-icon/SvgIcon.js +22 -0
  1346. package/package.json +60 -0
@@ -0,0 +1,57 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
+ }) : (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ o[k2] = m[k];
8
+ }));
9
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
11
+ }) : function(o, v) {
12
+ o["default"] = v;
13
+ });
14
+ var __importStar = (this && this.__importStar) || function (mod) {
15
+ if (mod && mod.__esModule) return mod;
16
+ var result = {};
17
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
+ __setModuleDefault(result, mod);
19
+ return result;
20
+ };
21
+ Object.defineProperty(exports, "__esModule", { value: true });
22
+ exports.RadioGroup = void 0;
23
+ const react_1 = __importStar(require("react"));
24
+ const generateUEID_1 = require("../../utils/generateUEID");
25
+ const Radio_1 = require("./Radio");
26
+ exports.RadioGroup = props => {
27
+ const { name, onChange = () => { }, defaultValue = '', value, children } = props;
28
+ const [groupName, setGroupName] = react_1.useState('');
29
+ react_1.useEffect(() => {
30
+ setGroupName(!name ? `radio-group-name-${generateUEID_1.generateUEID()}` : name);
31
+ }, [name]);
32
+ const isControlled = value !== undefined;
33
+ let [currentValue, setCurrentValue] = react_1.useState(defaultValue);
34
+ currentValue = isControlled ? value : currentValue;
35
+ const handleChange = (event) => {
36
+ const targetValue = event.target.value;
37
+ if (isControlled) {
38
+ onChange(targetValue);
39
+ }
40
+ else {
41
+ setCurrentValue(targetValue);
42
+ onChange(targetValue);
43
+ }
44
+ };
45
+ const radioElements = react_1.default.Children.map(children, child => {
46
+ if (Radio_1.isRadioElement(child)) {
47
+ const { value: childValue } = child.props;
48
+ return react_1.cloneElement(child, {
49
+ name: groupName,
50
+ onChange: handleChange,
51
+ checked: childValue === currentValue,
52
+ });
53
+ }
54
+ return child;
55
+ });
56
+ return react_1.default.createElement("div", null, radioElements);
57
+ };
@@ -0,0 +1,69 @@
1
+ import React from 'react';
2
+ import { IntentType } from '../../commons/types';
3
+ export interface RangeSliderProps {
4
+ /**
5
+ * The initial value for an uncontrolled RangeSlider.
6
+ */
7
+ defaultValue?: [number, number];
8
+ /**
9
+ * The value for controlled RangeSlider.
10
+ */
11
+ value?: [number, number];
12
+ /**
13
+ * The maximum allowed value of the RangeSlider. Should be bigger than min.
14
+ */
15
+ max?: number;
16
+ /**
17
+ * The minimum allowed value of the RangeSlider. Should be less than max.
18
+ */
19
+ min?: number;
20
+ /**
21
+ * The granularity with which the RangeSlider can step through values.
22
+ */
23
+ step?: number;
24
+ /**
25
+ * Whether this RangeSlider is disabled from user interaction.
26
+ */
27
+ disabled?: boolean;
28
+ /**
29
+ * Visual intent colour, this will apply on the background of RangeSlider's track.
30
+ */
31
+ intent?: IntentType;
32
+ /**
33
+ * The format function that customizes the rendering of marks.
34
+ */
35
+ markValueRender?: (value: number) => React.ReactNode;
36
+ /**
37
+ * Marks indicate values which the label can render below RangeSlider.
38
+ */
39
+ marks?: number[];
40
+ /**
41
+ * The format function that customizes the rendering of value-label.
42
+ */
43
+ isAlwaysShowLabel?: boolean;
44
+ /**
45
+ * Customized render function for value label popover.
46
+ */
47
+ labelValueRender?: (value: number) => React.ReactNode;
48
+ /**
49
+ * A callback function that is fired when the RangeSlider's value changed.
50
+ */
51
+ onChange?: (value: [number, number]) => void;
52
+ /**
53
+ * A callback function that is fired when the mouse-up is triggered.
54
+ */
55
+ onChangeDone?: (value: [number, number]) => void;
56
+ /**
57
+ * A space-delimited list of class names to pass along to a RangeSlider wrapper element.
58
+ */
59
+ className?: string;
60
+ /**
61
+ * Id of the hidden input form control in RangeSlider.
62
+ */
63
+ id?: string;
64
+ /**
65
+ * Name of the hidden input form control in RangeSlider.
66
+ */
67
+ name?: string;
68
+ }
69
+ export declare const RangeSlider: React.FC<RangeSliderProps>;
@@ -0,0 +1,191 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
+ }) : (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ o[k2] = m[k];
8
+ }));
9
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
11
+ }) : function(o, v) {
12
+ o["default"] = v;
13
+ });
14
+ var __importStar = (this && this.__importStar) || function (mod) {
15
+ if (mod && mod.__esModule) return mod;
16
+ var result = {};
17
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
+ __setModuleDefault(result, mod);
19
+ return result;
20
+ };
21
+ var __importDefault = (this && this.__importDefault) || function (mod) {
22
+ return (mod && mod.__esModule) ? mod : { "default": mod };
23
+ };
24
+ Object.defineProperty(exports, "__esModule", { value: true });
25
+ exports.RangeSlider = void 0;
26
+ const classnames_1 = __importDefault(require("classnames"));
27
+ const react_1 = __importStar(require("react"));
28
+ const intent_1 = require("../../utils/intent");
29
+ const helpers_1 = require("./partials/helpers");
30
+ const SliderMark_1 = require("./partials/SliderMark");
31
+ const SliderThumbLabel_1 = require("./partials/SliderThumbLabel");
32
+ const useOwnerDocument_1 = require("./partials/useOwnerDocument");
33
+ const useWidthHeight_1 = require("./partials/useWidthHeight");
34
+ exports.RangeSlider = props => {
35
+ // props
36
+ const { defaultValue, value, max = 100, min = 0, step = 1, disabled = false, intent, isAlwaysShowLabel = false, labelValueRender, marks = [], markValueRender, onChangeDone, onChange, className, id, name, } = props;
37
+ const isControlled = value !== undefined;
38
+ // state
39
+ const [isActive, setIsActive] = react_1.useState(false);
40
+ let [currentValue, setCurrentValue] = react_1.useState(defaultValue ? defaultValue : [min, min]);
41
+ if (isControlled && value !== undefined) {
42
+ // controlled component
43
+ currentValue = value;
44
+ }
45
+ // ref
46
+ const railRef = react_1.useRef(null);
47
+ const startPosition = react_1.useRef(0);
48
+ const chossenThumb = react_1.useRef();
49
+ // calc value for render
50
+ const { width: railWidth } = useWidthHeight_1.useWidthHeight(railRef);
51
+ const { document: ownerDocument } = useOwnerDocument_1.useOwnerDocument(railRef);
52
+ const percent = [
53
+ helpers_1.calcPercentFromValue(currentValue[0], min, max),
54
+ helpers_1.calcPercentFromValue(currentValue[1], min, max),
55
+ ];
56
+ const percentStyle = {
57
+ thumbStyle: [
58
+ {
59
+ left: `${percent[0]}%`,
60
+ },
61
+ {
62
+ left: `${percent[1]}%`,
63
+ },
64
+ ],
65
+ pathStyle: {
66
+ left: `${percent[0]}%`,
67
+ width: `${percent[1] - percent[0]}%`,
68
+ },
69
+ };
70
+ const validatePairValue = (pairValue) => {
71
+ let validatedPairValue;
72
+ if (pairValue[0] > pairValue[1]) {
73
+ validatedPairValue = [
74
+ helpers_1.roundValueToStep(pairValue[1], step),
75
+ helpers_1.roundValueToStep(pairValue[0], step),
76
+ ];
77
+ }
78
+ else {
79
+ validatedPairValue = [
80
+ helpers_1.roundValueToStep(pairValue[0], step),
81
+ helpers_1.roundValueToStep(pairValue[1], step),
82
+ ];
83
+ }
84
+ return validatedPairValue;
85
+ };
86
+ // handler
87
+ const handleChangeValue = (newPairValue) => {
88
+ const validatedPairValue = validatePairValue(newPairValue);
89
+ if (!isControlled) {
90
+ setCurrentValue(validatedPairValue);
91
+ }
92
+ !!onChange && onChange(validatedPairValue);
93
+ };
94
+ const handleChangeValueDone = (newPairValue) => {
95
+ const validatedPairValue = validatePairValue(newPairValue);
96
+ if (!isControlled) {
97
+ setCurrentValue(validatedPairValue);
98
+ }
99
+ !!onChangeDone && onChangeDone(validatedPairValue);
100
+ chossenThumb.current = undefined;
101
+ };
102
+ const removeDocumentMouseEventListeners = () => {
103
+ ownerDocument.removeEventListener('mousemove', handleMouseMove);
104
+ ownerDocument.removeEventListener('mouseup', handleMouseUp);
105
+ };
106
+ const addDocumentMouseEventListeners = () => {
107
+ ownerDocument.addEventListener('mousemove', handleMouseMove);
108
+ ownerDocument.addEventListener('mouseup', handleMouseUp);
109
+ };
110
+ const handleMouseMove = (event) => {
111
+ event.preventDefault();
112
+ const newPercent = helpers_1.calcPercentFromWidth(event.clientX, startPosition.current, railWidth);
113
+ const newValue = helpers_1.calcValueFromPercent(newPercent, min, max);
114
+ const newPairValue = [...currentValue];
115
+ if (chossenThumb.current !== undefined) {
116
+ newPairValue[chossenThumb.current] = newValue;
117
+ }
118
+ handleChangeValue(newPairValue);
119
+ };
120
+ const handleMouseUp = (event) => {
121
+ setIsActive(false);
122
+ const newPercent = helpers_1.calcPercentFromWidth(event.clientX, startPosition.current, railWidth);
123
+ const newValue = helpers_1.calcValueFromPercent(newPercent, min, max);
124
+ const newPairValue = [...currentValue];
125
+ if (chossenThumb.current !== undefined) {
126
+ newPairValue[chossenThumb.current] = newValue;
127
+ }
128
+ handleChangeValueDone(newPairValue);
129
+ removeDocumentMouseEventListeners();
130
+ };
131
+ const handleRailMouseDown = (event) => {
132
+ event.preventDefault();
133
+ if (disabled) {
134
+ return;
135
+ }
136
+ setIsActive(true);
137
+ // WHAT: Save start X position of Slider's rail
138
+ // WHY: when handle onMouseMove event of document, we just have offsetX or clientX of pointer from document view
139
+ // WHY: so we save this value for calc offsetX of pointer from Slider view
140
+ startPosition.current = event.clientX - event.nativeEvent.offsetX;
141
+ const newPercent = helpers_1.calcPercentFromWidth(event.clientX, startPosition.current, railWidth);
142
+ const newValue = helpers_1.calcValueFromPercent(newPercent, min, max);
143
+ let newPairValue;
144
+ if (Math.abs(newValue - currentValue[0]) < Math.abs(newValue - currentValue[1])) {
145
+ newPairValue = [newValue, currentValue[1]];
146
+ chossenThumb.current = 0;
147
+ }
148
+ else {
149
+ newPairValue = [currentValue[0], newValue];
150
+ chossenThumb.current = 1;
151
+ }
152
+ handleChangeValue(newPairValue);
153
+ removeDocumentMouseEventListeners();
154
+ addDocumentMouseEventListeners();
155
+ };
156
+ const handleThumbMouseDown = (event, ordinal) => {
157
+ event.preventDefault();
158
+ if (disabled) {
159
+ return;
160
+ }
161
+ setIsActive(true);
162
+ chossenThumb.current = ordinal;
163
+ // WHAT: Save start X position of Slider's rail
164
+ // WHY: change formula here because
165
+ // WHY: thumb is big => many point to click => offset is wrong => currentValue still right when we grab thumb => use currentValue
166
+ const exactOffset = (helpers_1.calcPercentFromValue(currentValue[ordinal], min, max) / 100) * railWidth;
167
+ startPosition.current = event.clientX - exactOffset;
168
+ // WHY: do not update value because users just grab thump => value don't change
169
+ removeDocumentMouseEventListeners();
170
+ addDocumentMouseEventListeners();
171
+ };
172
+ return (react_1.default.createElement("span", { className: classnames_1.default('ds-slider', intent_1.getIntentClassname(intent), {
173
+ disabled,
174
+ }, className) },
175
+ react_1.default.createElement("input", { className: "ds-slider-input", type: "hidden", id: `${id}-first`, name: `${name}-second`, value: currentValue[0], disabled: disabled }),
176
+ react_1.default.createElement("input", { className: "ds-slider-input", type: "hidden", id: `${id}-first`, name: `${name}-second`, value: currentValue[1], disabled: disabled }),
177
+ react_1.default.createElement("span", { className: "ds-slider-mask" },
178
+ react_1.default.createElement("span", { className: "ds-slider-rail", ref: railRef, onMouseDown: handleRailMouseDown }),
179
+ react_1.default.createElement("span", { className: "ds-slider-path", style: percentStyle.pathStyle }),
180
+ react_1.default.createElement("span", { className: classnames_1.default('ds-slider-thumb', {
181
+ active: isActive && chossenThumb.current === 0,
182
+ }), style: percentStyle.thumbStyle[0], onMouseDown: e => handleThumbMouseDown(e, 0) }),
183
+ react_1.default.createElement("span", { className: classnames_1.default('ds-slider-thumb', {
184
+ active: isActive && chossenThumb.current === 1,
185
+ }), style: percentStyle.thumbStyle[1], onMouseDown: e => handleThumbMouseDown(e, 1) }),
186
+ marks.map(markValue => {
187
+ return (react_1.default.createElement(SliderMark_1.SliderMark, { key: markValue, value: markValue, percent: helpers_1.calcPercentFromValue(markValue, min, max), markValueRender: markValueRender }));
188
+ }),
189
+ react_1.default.createElement(SliderThumbLabel_1.SliderThumbLabel, { value: currentValue[0], percent: percent[0], isAlwaysShowLabel: isAlwaysShowLabel || isActive, labelValueRender: labelValueRender }),
190
+ react_1.default.createElement(SliderThumbLabel_1.SliderThumbLabel, { value: currentValue[1], percent: percent[1], isAlwaysShowLabel: isAlwaysShowLabel || isActive, labelValueRender: labelValueRender }))));
191
+ };
@@ -0,0 +1,69 @@
1
+ import React from 'react';
2
+ import { IntentType } from '../../commons/types';
3
+ export interface SliderProps {
4
+ /**
5
+ * The initial value for an uncontrolled Slider.
6
+ */
7
+ defaultValue?: number;
8
+ /**
9
+ * The value for controlled Slider.
10
+ */
11
+ value?: number;
12
+ /**
13
+ * The maximum allowed value of the Slider. Should be bigger than min.
14
+ */
15
+ max?: number;
16
+ /**
17
+ * The minimum allowed value of the Slider. Should be less than max.
18
+ */
19
+ min?: number;
20
+ /**
21
+ * The granularity with which the Slider can step through values.
22
+ */
23
+ step?: number;
24
+ /**
25
+ * Whether this Slider is disabled from user interaction.
26
+ */
27
+ disabled?: boolean;
28
+ /**
29
+ * Visual intent colour, this will apply on the background of Slider's track.
30
+ */
31
+ intent?: IntentType;
32
+ /**
33
+ * The format function that customizes the rendering of marks.
34
+ */
35
+ markValueRender?: (value: number) => React.ReactNode;
36
+ /**
37
+ * Marks indicate values which the label can render below Slider.
38
+ */
39
+ marks?: number[];
40
+ /**
41
+ * Controls should the value-label is always displayed.
42
+ */
43
+ isAlwaysShowLabel?: boolean;
44
+ /**
45
+ * The format function that customizes the rendering of value-label.
46
+ */
47
+ labelValueRender?: (value: number) => React.ReactNode;
48
+ /**
49
+ * Callback function that is fired when the Slider's value changed.
50
+ */
51
+ onChange?: (value: number) => void;
52
+ /**
53
+ * A callback function that is fired when the Slider's value changed.
54
+ */
55
+ onChangeDone?: (value: number) => void;
56
+ /**
57
+ * A space-delimited list of class names to pass along to a Slider wrapper element.
58
+ */
59
+ className?: string;
60
+ /**
61
+ * Id of the hidden input form control in Slider.
62
+ */
63
+ id?: string;
64
+ /**
65
+ * Name of the hidden input form control in the Slider.
66
+ */
67
+ name?: string;
68
+ }
69
+ export declare const Slider: React.FC<SliderProps>;
@@ -0,0 +1,134 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
+ }) : (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ o[k2] = m[k];
8
+ }));
9
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
11
+ }) : function(o, v) {
12
+ o["default"] = v;
13
+ });
14
+ var __importStar = (this && this.__importStar) || function (mod) {
15
+ if (mod && mod.__esModule) return mod;
16
+ var result = {};
17
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
+ __setModuleDefault(result, mod);
19
+ return result;
20
+ };
21
+ var __importDefault = (this && this.__importDefault) || function (mod) {
22
+ return (mod && mod.__esModule) ? mod : { "default": mod };
23
+ };
24
+ Object.defineProperty(exports, "__esModule", { value: true });
25
+ exports.Slider = void 0;
26
+ const classnames_1 = __importDefault(require("classnames"));
27
+ const react_1 = __importStar(require("react"));
28
+ const intent_1 = require("../../utils/intent");
29
+ const helpers_1 = require("./partials/helpers");
30
+ const SliderMark_1 = require("./partials/SliderMark");
31
+ const SliderThumbLabel_1 = require("./partials/SliderThumbLabel");
32
+ const useOwnerDocument_1 = require("./partials/useOwnerDocument");
33
+ const useWidthHeight_1 = require("./partials/useWidthHeight");
34
+ exports.Slider = props => {
35
+ // props
36
+ const { defaultValue, value, max = 100, min = 0, step = 1, disabled = false, intent, isAlwaysShowLabel = false, labelValueRender, marks = [], markValueRender, onChangeDone, onChange, className, id, name, } = props;
37
+ const isControlled = value !== undefined;
38
+ // state
39
+ const [isActive, setIsActive] = react_1.useState(false);
40
+ let [currentValue, setCurrentValue] = react_1.useState(defaultValue !== undefined ? defaultValue : min);
41
+ if (isControlled && value !== undefined) {
42
+ // controlled component
43
+ currentValue = value;
44
+ }
45
+ // ref
46
+ const railRef = react_1.useRef(null);
47
+ const startPosition = react_1.useRef(0);
48
+ // calc value for render
49
+ const { width: railWidth } = useWidthHeight_1.useWidthHeight(railRef);
50
+ const { document: ownerDocument } = useOwnerDocument_1.useOwnerDocument(railRef);
51
+ const percent = helpers_1.calcPercentFromValue(currentValue, min, max);
52
+ const percentStyle = {
53
+ thumbStyle: {
54
+ left: `${percent}%`,
55
+ },
56
+ pathStyle: {
57
+ width: `${percent}%`,
58
+ },
59
+ };
60
+ // handler
61
+ const handleChangeValue = (newValue) => {
62
+ const roundedValueByStep = helpers_1.roundValueToStep(newValue, step);
63
+ if (!isControlled) {
64
+ setCurrentValue(roundedValueByStep);
65
+ }
66
+ !!onChange && onChange(roundedValueByStep);
67
+ };
68
+ const handleChangeValueDone = (newValue) => {
69
+ const roundedValueByStep = helpers_1.roundValueToStep(newValue, step);
70
+ if (!isControlled) {
71
+ setCurrentValue(roundedValueByStep);
72
+ }
73
+ !!onChangeDone && onChangeDone(roundedValueByStep);
74
+ };
75
+ const removeDocumentMouseEventListeners = () => {
76
+ ownerDocument.removeEventListener('mousemove', handleMouseMove);
77
+ ownerDocument.removeEventListener('mouseup', handleMouseUp);
78
+ };
79
+ const addDocumentMouseEventListeners = () => {
80
+ ownerDocument.addEventListener('mousemove', handleMouseMove);
81
+ ownerDocument.addEventListener('mouseup', handleMouseUp);
82
+ };
83
+ const handleMouseMove = (event) => {
84
+ event.preventDefault();
85
+ const newPercent = helpers_1.calcPercentFromWidth(event.clientX, startPosition.current, railWidth);
86
+ const newValue = helpers_1.calcValueFromPercent(newPercent, min, max);
87
+ handleChangeValue(newValue);
88
+ };
89
+ const handleMouseUp = (event) => {
90
+ setIsActive(false);
91
+ const newPercent = helpers_1.calcPercentFromWidth(event.clientX, startPosition.current, railWidth);
92
+ const newValue = helpers_1.calcValueFromPercent(newPercent, min, max);
93
+ handleChangeValueDone(newValue);
94
+ removeDocumentMouseEventListeners();
95
+ };
96
+ // WHEN: Handle event when users click on rail of slider
97
+ const handleRailMouseDown = (event) => {
98
+ event.preventDefault();
99
+ setIsActive(true);
100
+ // WHAT: Save start X position of Slider's rail
101
+ // WHY: when handle onMouseMove event of document, we just have offsetX or clientX of pointer from document view
102
+ // WHY: so we save this value for calc offsetX of pointer from Slider view
103
+ startPosition.current = event.clientX - event.nativeEvent.offsetX;
104
+ const newPercent = helpers_1.calcPercentFromWidth(event.clientX, startPosition.current, railWidth);
105
+ const newValue = helpers_1.calcValueFromPercent(newPercent, min, max);
106
+ handleChangeValue(newValue);
107
+ removeDocumentMouseEventListeners();
108
+ addDocumentMouseEventListeners();
109
+ };
110
+ const handleThumbMouseDown = (event) => {
111
+ event.preventDefault();
112
+ setIsActive(true);
113
+ // WHAT: Save start X position of Slider's rail
114
+ // WHY: change formula here because
115
+ // WHY: thumb is big => many point to click => offset is wrong => currentValue still right when we grab thumb => use currentValue
116
+ const exactOffset = (helpers_1.calcPercentFromValue(currentValue, min, max) / 100) * railWidth;
117
+ startPosition.current = event.clientX - exactOffset;
118
+ // WHY: do not update value because users just grab thump => value don't change
119
+ removeDocumentMouseEventListeners();
120
+ addDocumentMouseEventListeners();
121
+ };
122
+ return (react_1.default.createElement("span", { className: classnames_1.default('ds-slider', intent_1.getIntentClassname(intent), {
123
+ disabled,
124
+ }, className) },
125
+ react_1.default.createElement("input", { className: "ds-slider-input", type: "hidden", id: id, name: name, value: currentValue, disabled: disabled }),
126
+ react_1.default.createElement("span", { className: "ds-slider-mask" },
127
+ react_1.default.createElement("span", { className: "ds-slider-rail", ref: railRef, onMouseDown: !disabled ? handleRailMouseDown : undefined }),
128
+ react_1.default.createElement("span", { className: "ds-slider-path", style: percentStyle.pathStyle }),
129
+ react_1.default.createElement("span", { className: classnames_1.default('ds-slider-thumb', { active: isActive }), style: percentStyle.thumbStyle, onMouseDown: !disabled ? handleThumbMouseDown : undefined }),
130
+ marks.map(markValue => {
131
+ return (react_1.default.createElement(SliderMark_1.SliderMark, { key: markValue, value: markValue, percent: helpers_1.calcPercentFromValue(markValue, min, max), markValueRender: markValueRender }));
132
+ }),
133
+ react_1.default.createElement(SliderThumbLabel_1.SliderThumbLabel, { value: currentValue, percent: percent, isAlwaysShowLabel: isAlwaysShowLabel || isActive, labelValueRender: labelValueRender }))));
134
+ };
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ export interface SliderMarkProps {
3
+ value: number;
4
+ percent: number;
5
+ markValueRender?: (value: number) => React.ReactNode;
6
+ }
7
+ export declare const SliderMark: React.FC<SliderMarkProps>;
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.SliderMark = void 0;
7
+ const react_1 = __importDefault(require("react"));
8
+ exports.SliderMark = props => {
9
+ // props
10
+ const { value, percent, markValueRender } = props;
11
+ const leftStyle = {
12
+ left: `${percent}%`,
13
+ };
14
+ return (react_1.default.createElement("span", { className: "ds-slider-mark", style: leftStyle }, !!markValueRender ? markValueRender(value) : value));
15
+ };
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ export interface SliderThumbLabelProps {
3
+ value: number;
4
+ percent: number;
5
+ isAlwaysShowLabel?: boolean;
6
+ labelValueRender?: (value: number) => React.ReactNode;
7
+ }
8
+ export declare const SliderThumbLabel: React.FC<SliderThumbLabelProps>;
@@ -0,0 +1,18 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.SliderThumbLabel = void 0;
7
+ const classnames_1 = __importDefault(require("classnames"));
8
+ const react_1 = __importDefault(require("react"));
9
+ exports.SliderThumbLabel = props => {
10
+ // props
11
+ const { value, percent, isAlwaysShowLabel, labelValueRender } = props;
12
+ const leftStyle = {
13
+ left: `${percent}%`,
14
+ };
15
+ return (react_1.default.createElement("span", { className: classnames_1.default('ds-slider-thumb-label', {
16
+ always: isAlwaysShowLabel,
17
+ }), style: leftStyle }, !!labelValueRender ? labelValueRender(value) : value));
18
+ };
@@ -0,0 +1,4 @@
1
+ export declare const calcPercentFromValue: (value: number, min: number, max: number) => number;
2
+ export declare const calcValueFromPercent: (percent: number, min: number, max: number) => number;
3
+ export declare const calcPercentFromWidth: (clientX: number, startPosition: number, sliderWidth: number) => number;
4
+ export declare const roundValueToStep: (value: number, step: number | number[]) => number;
@@ -0,0 +1,31 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.roundValueToStep = exports.calcPercentFromWidth = exports.calcValueFromPercent = exports.calcPercentFromValue = void 0;
4
+ const clampPercent = (percent) => {
5
+ if (percent > 100) {
6
+ return 100;
7
+ }
8
+ if (percent < 0) {
9
+ return 0;
10
+ }
11
+ return percent;
12
+ };
13
+ exports.calcPercentFromValue = (value, min, max) => {
14
+ const percent = Math.abs(((value - min) / (max - min)) * 100);
15
+ return clampPercent(percent);
16
+ };
17
+ exports.calcValueFromPercent = (percent, min, max) => {
18
+ const validatedPercent = clampPercent(percent);
19
+ return ((max - min) * validatedPercent) / 100 + min;
20
+ };
21
+ // WHAT: function recive clientX of pointer, start positionX of slider, width of slider => percents
22
+ exports.calcPercentFromWidth = (clientX, startPosition, sliderWidth) => {
23
+ const percent = ((clientX - startPosition) / sliderWidth) * 100;
24
+ return clampPercent(percent);
25
+ };
26
+ exports.roundValueToStep = (value, step) => {
27
+ if (typeof step === 'number') {
28
+ return Math.round(value / step) * step;
29
+ }
30
+ return value;
31
+ };
@@ -0,0 +1,3 @@
1
+ export declare const useOwnerDocument: (componentRef: React.RefObject<HTMLElement>) => {
2
+ document: Document | null;
3
+ };
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.useOwnerDocument = void 0;
4
+ const react_1 = require("react");
5
+ exports.useOwnerDocument = (componentRef) => {
6
+ const [document, setDocument] = react_1.useState(null);
7
+ react_1.useEffect(() => {
8
+ if (componentRef && componentRef.current) {
9
+ setDocument(componentRef.current.ownerDocument);
10
+ }
11
+ }, [componentRef]);
12
+ return { document };
13
+ };
@@ -0,0 +1,4 @@
1
+ export declare const useWidthHeight: (componentRef: React.RefObject<HTMLElement>) => {
2
+ width: number;
3
+ height: number;
4
+ };
@@ -0,0 +1,22 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.useWidthHeight = void 0;
4
+ const react_1 = require("react");
5
+ exports.useWidthHeight = (componentRef) => {
6
+ const [width, setWidth] = react_1.useState(0);
7
+ const [height, setHeight] = react_1.useState(0);
8
+ react_1.useEffect(() => {
9
+ const handleResize = () => {
10
+ if (componentRef && componentRef.current) {
11
+ setWidth(componentRef.current.offsetWidth);
12
+ setHeight(componentRef.current.offsetHeight);
13
+ }
14
+ };
15
+ handleResize();
16
+ window.addEventListener('resize', handleResize);
17
+ return () => {
18
+ window.removeEventListener('resize', handleResize);
19
+ };
20
+ }, [componentRef]);
21
+ return { width, height };
22
+ };