@bolio-ui/core 1.1.7 → 2.0.0-alpha.0

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 (879) hide show
  1. package/README.md +0 -4
  2. package/dist/Avatar/Avatar.d.ts +5 -3
  3. package/dist/Avatar/AvatarGroup.d.ts +3 -3
  4. package/dist/Avatar/AvatarSkeleton.d.ts +1 -1
  5. package/dist/Avatar/index.d.ts +5 -5
  6. package/dist/Avatar/index.js +241 -340
  7. package/dist/Badge/Badge.d.ts +7 -5
  8. package/dist/Badge/BadgeAnchor.d.ts +4 -4
  9. package/dist/Badge/index.d.ts +5 -5
  10. package/dist/Badge/index.js +236 -332
  11. package/dist/BolioUIProvider/BolioUIProvider.d.ts +2 -2
  12. package/dist/BolioUIProvider/ThemeProvider.d.ts +1 -1
  13. package/dist/BolioUIProvider/index.d.ts +2 -2
  14. package/dist/BolioUIProvider/index.js +375 -533
  15. package/dist/Breadcrumbs/Breadcrumbs.d.ts +5 -3
  16. package/dist/Breadcrumbs/BreadcrumbsItem.d.ts +4 -4
  17. package/dist/Breadcrumbs/BreadcrumbsSeparator.d.ts +3 -3
  18. package/dist/Breadcrumbs/index.d.ts +7 -7
  19. package/dist/Breadcrumbs/index.js +251 -359
  20. package/dist/Button/Button.d.ts +6 -4
  21. package/dist/Button/ButtonDrip.d.ts +1 -1
  22. package/dist/Button/ButtonIcon.d.ts +3 -3
  23. package/dist/Button/ButtonLoading.d.ts +2 -1
  24. package/dist/Button/index.d.ts +3 -3
  25. package/dist/Button/index.js +293 -408
  26. package/dist/Button/styles.d.ts +4 -4
  27. package/dist/Button/utils.d.ts +3 -3
  28. package/dist/ButtonDropdown/ButtonDropdown.d.ts +7 -5
  29. package/dist/ButtonDropdown/ButtonDropdownContext.d.ts +1 -1
  30. package/dist/ButtonDropdown/ButtonDropdownItem.d.ts +5 -5
  31. package/dist/ButtonDropdown/Icon.d.ts +2 -1
  32. package/dist/ButtonDropdown/index.d.ts +5 -5
  33. package/dist/ButtonDropdown/index.js +280 -386
  34. package/dist/ButtonDropdown/styles.d.ts +3 -3
  35. package/dist/ButtonGroup/ButtonGroup.d.ts +6 -4
  36. package/dist/ButtonGroup/ButtonGroupContext.d.ts +1 -1
  37. package/dist/ButtonGroup/index.d.ts +3 -3
  38. package/dist/ButtonGroup/index.js +195 -269
  39. package/dist/Calendar/Calendar.d.ts +17 -0
  40. package/dist/Calendar/date-utils.d.ts +7 -0
  41. package/dist/Calendar/index.d.ts +3 -0
  42. package/dist/Calendar/index.js +941 -0
  43. package/dist/Capacity/Capacity.d.ts +5 -3
  44. package/dist/Capacity/index.d.ts +2 -2
  45. package/dist/Capacity/index.js +184 -267
  46. package/dist/Card/Card.d.ts +6 -4
  47. package/dist/Card/CardContent.d.ts +3 -3
  48. package/dist/Card/CardFooter.d.ts +3 -3
  49. package/dist/Card/index.d.ts +8 -8
  50. package/dist/Card/index.js +325 -454
  51. package/dist/Card/styles.d.ts +4 -4
  52. package/dist/Checkbox/Checkbox.d.ts +7 -5
  53. package/dist/Checkbox/CheckboxGroup.d.ts +3 -3
  54. package/dist/Checkbox/CheckboxIcon.d.ts +1 -1
  55. package/dist/Checkbox/index.d.ts +5 -5
  56. package/dist/Checkbox/index.js +283 -398
  57. package/dist/Checkbox/styles.d.ts +4 -3
  58. package/dist/Code/Code.d.ts +5 -3
  59. package/dist/Code/index.d.ts +2 -2
  60. package/dist/Code/index.js +241 -326
  61. package/dist/Col/Col.d.ts +6 -7
  62. package/dist/Col/index.d.ts +2 -2
  63. package/dist/Col/index.js +44 -65
  64. package/dist/Collapse/Collapse.d.ts +5 -3
  65. package/dist/Collapse/CollapseGroup.d.ts +5 -3
  66. package/dist/Collapse/CollapseIcon.d.ts +1 -1
  67. package/dist/Collapse/index.d.ts +5 -5
  68. package/dist/Collapse/index.js +307 -432
  69. package/dist/Combobox/Combobox.d.ts +22 -0
  70. package/dist/Combobox/index.d.ts +3 -0
  71. package/dist/Combobox/index.js +859 -0
  72. package/dist/Container/Container.d.ts +9 -25
  73. package/dist/Container/index.d.ts +2 -2
  74. package/dist/Container/index.js +97 -129
  75. package/dist/CssBaseline/CssBaseline.d.ts +3 -13
  76. package/dist/CssBaseline/index.d.ts +1 -1
  77. package/dist/CssBaseline/index.js +49 -62
  78. package/dist/DatePicker/DatePicker.d.ts +18 -0
  79. package/dist/DatePicker/index.d.ts +3 -0
  80. package/dist/DatePicker/index.js +1125 -0
  81. package/dist/Description/Description.d.ts +5 -3
  82. package/dist/Description/index.d.ts +2 -2
  83. package/dist/Description/index.js +186 -266
  84. package/dist/Display/Display.d.ts +5 -3
  85. package/dist/Display/index.d.ts +2 -2
  86. package/dist/Display/index.js +187 -267
  87. package/dist/Divider/Divider.d.ts +7 -5
  88. package/dist/Divider/index.d.ts +3 -3
  89. package/dist/Divider/index.js +184 -266
  90. package/dist/Dot/Dot.d.ts +7 -5
  91. package/dist/Dot/index.d.ts +2 -2
  92. package/dist/Dot/index.js +187 -268
  93. package/dist/Drawer/Drawer.d.ts +6 -4
  94. package/dist/Drawer/DrawerWrapper.d.ts +5 -6
  95. package/dist/Drawer/helper.d.ts +2 -2
  96. package/dist/Drawer/index.d.ts +7 -7
  97. package/dist/Drawer/index.js +351 -495
  98. package/dist/Fieldset/Fieldset.d.ts +5 -3
  99. package/dist/Fieldset/FieldsetContent.d.ts +5 -3
  100. package/dist/Fieldset/FieldsetFooter.d.ts +5 -3
  101. package/dist/Fieldset/FieldsetGroup.d.ts +5 -3
  102. package/dist/Fieldset/FieldsetSubtitle.d.ts +3 -3
  103. package/dist/Fieldset/FieldsetTitle.d.ts +3 -3
  104. package/dist/Fieldset/index.d.ts +13 -13
  105. package/dist/Fieldset/index.js +290 -425
  106. package/dist/Grid/BasicItem.d.ts +7 -24
  107. package/dist/Grid/Grid.d.ts +87 -62
  108. package/dist/Grid/GridContainer.d.ts +88 -63
  109. package/dist/Grid/GridTypes.d.ts +5 -5
  110. package/dist/Grid/index.d.ts +7 -7
  111. package/dist/Grid/index.js +235 -318
  112. package/dist/Image/Image.d.ts +5 -3
  113. package/dist/Image/ImageBrowser.d.ts +7 -5
  114. package/dist/Image/ImageBrowserHttpsIcon.d.ts +1 -1
  115. package/dist/Image/ImageSkeleton.d.ts +1 -1
  116. package/dist/Image/index.d.ts +5 -5
  117. package/dist/Image/index.js +280 -391
  118. package/dist/Image/styles.d.ts +2 -2
  119. package/dist/Input/Input.d.ts +6 -4
  120. package/dist/Input/InputBlockLabel.d.ts +1 -1
  121. package/dist/Input/InputIcon.d.ts +1 -1
  122. package/dist/Input/InputIconClear.d.ts +1 -1
  123. package/dist/Input/InputLabel.d.ts +1 -1
  124. package/dist/Input/InputProps.d.ts +3 -3
  125. package/dist/Input/Password.d.ts +6 -4
  126. package/dist/Input/PasswordIcon.d.ts +1 -1
  127. package/dist/Input/index.d.ts +8 -8
  128. package/dist/Input/index.js +297 -427
  129. package/dist/Input/styles.d.ts +4 -3
  130. package/dist/Keyboard/Keyboard.d.ts +5 -3
  131. package/dist/Keyboard/index.d.ts +2 -2
  132. package/dist/Keyboard/index.js +194 -266
  133. package/dist/Link/Icon.d.ts +1 -1
  134. package/dist/Link/Link.d.ts +5 -3
  135. package/dist/Link/index.d.ts +2 -2
  136. package/dist/Link/index.js +225 -318
  137. package/dist/Loading/Loading.d.ts +7 -5
  138. package/dist/Loading/index.d.ts +2 -2
  139. package/dist/Loading/index.js +192 -272
  140. package/dist/MdxWidgets/index.js +96 -123
  141. package/dist/Modal/Modal.d.ts +6 -3
  142. package/dist/Modal/ModalAction.d.ts +6 -4
  143. package/dist/Modal/ModalContent.d.ts +5 -3
  144. package/dist/Modal/ModalContext.d.ts +2 -0
  145. package/dist/Modal/ModalSubtitle.d.ts +5 -3
  146. package/dist/Modal/ModalTitle.d.ts +5 -3
  147. package/dist/Modal/ModalWrapper.d.ts +5 -5
  148. package/dist/Modal/index.d.ts +11 -11
  149. package/dist/Modal/index.js +516 -694
  150. package/dist/Next/StyledJsxRegistry.d.ts +3 -0
  151. package/dist/Next/index.d.ts +3 -0
  152. package/dist/Next/index.js +84 -0
  153. package/dist/Note/Note.d.ts +10 -9
  154. package/dist/Note/index.d.ts +2 -2
  155. package/dist/Note/index.js +194 -275
  156. package/dist/Page/Page.d.ts +7 -5
  157. package/dist/Page/PageContent.d.ts +5 -3
  158. package/dist/Page/PageFooter.d.ts +5 -3
  159. package/dist/Page/PageHeader.d.ts +5 -3
  160. package/dist/Page/index.d.ts +9 -9
  161. package/dist/Page/index.js +253 -357
  162. package/dist/Pagination/Pagination.d.ts +5 -3
  163. package/dist/Pagination/PaginationContext.d.ts +1 -1
  164. package/dist/Pagination/PaginationEllipsis.d.ts +1 -1
  165. package/dist/Pagination/PaginationItem.d.ts +3 -3
  166. package/dist/Pagination/PaginationNext.d.ts +2 -2
  167. package/dist/Pagination/PaginationPages.d.ts +2 -2
  168. package/dist/Pagination/PaginationPrevious.d.ts +2 -2
  169. package/dist/Pagination/index.d.ts +7 -7
  170. package/dist/Pagination/index.js +307 -436
  171. package/dist/Popover/Popover.d.ts +7 -7
  172. package/dist/Popover/PopoverContext.d.ts +1 -1
  173. package/dist/Popover/PopoverItem.d.ts +5 -3
  174. package/dist/Popover/index.d.ts +5 -5
  175. package/dist/Popover/index.js +381 -486
  176. package/dist/Progress/Progress.d.ts +8 -6
  177. package/dist/Progress/index.d.ts +2 -2
  178. package/dist/Progress/index.js +191 -274
  179. package/dist/Radio/Radio.d.ts +7 -5
  180. package/dist/Radio/RadioDescription.d.ts +5 -3
  181. package/dist/Radio/RadioGroup.d.ts +5 -3
  182. package/dist/Radio/index.d.ts +7 -7
  183. package/dist/Radio/index.js +266 -381
  184. package/dist/Radio/styles.d.ts +4 -3
  185. package/dist/Rating/Rating.d.ts +10 -8
  186. package/dist/Rating/RatingIcon.d.ts +2 -1
  187. package/dist/Rating/index.d.ts +2 -2
  188. package/dist/Rating/index.js +246 -347
  189. package/dist/Row/Row.d.ts +8 -23
  190. package/dist/Row/index.d.ts +2 -2
  191. package/dist/Row/index.js +96 -128
  192. package/dist/Section/Section.d.ts +7 -5
  193. package/dist/Section/index.d.ts +2 -2
  194. package/dist/Section/index.js +182 -261
  195. package/dist/Select/Select.d.ts +8 -6
  196. package/dist/Select/SelectDropdown.d.ts +2 -2
  197. package/dist/Select/SelectIcon.d.ts +1 -1
  198. package/dist/Select/SelectIconClear.d.ts +1 -1
  199. package/dist/Select/SelectInput.d.ts +3 -1
  200. package/dist/Select/SelectMultipleValue.d.ts +1 -1
  201. package/dist/Select/SelectOption.d.ts +5 -3
  202. package/dist/Select/index.d.ts +5 -5
  203. package/dist/Select/index.js +439 -616
  204. package/dist/Select/styles.d.ts +4 -3
  205. package/dist/Shared/backdrop.d.ts +3 -3
  206. package/dist/Shared/css-transition.d.ts +1 -1
  207. package/dist/Shared/ellipsis.d.ts +1 -1
  208. package/dist/Shared/expand.d.ts +2 -2
  209. package/dist/Shared/highlight.d.ts +4 -4
  210. package/dist/Slider/Slider.d.ts +7 -5
  211. package/dist/Slider/SliderDot.d.ts +2 -2
  212. package/dist/Slider/SliderMark.d.ts +4 -3
  213. package/dist/Slider/index.d.ts +2 -2
  214. package/dist/Slider/index.js +323 -407
  215. package/dist/Slider/styles.d.ts +4 -3
  216. package/dist/Snippet/Snippet.d.ts +7 -5
  217. package/dist/Snippet/SnippetIcon.d.ts +1 -1
  218. package/dist/Snippet/index.d.ts +3 -3
  219. package/dist/Snippet/index.js +267 -406
  220. package/dist/Snippet/styles.d.ts +4 -4
  221. package/dist/Spacer/Spacer.d.ts +3 -3
  222. package/dist/Spacer/index.d.ts +2 -2
  223. package/dist/Spacer/index.js +182 -253
  224. package/dist/Spinner/Spinner.d.ts +5 -3
  225. package/dist/Spinner/index.d.ts +2 -2
  226. package/dist/Spinner/index.js +194 -278
  227. package/dist/Table/Table.d.ts +13 -24
  228. package/dist/Table/TableBody.d.ts +4 -4
  229. package/dist/Table/TableCell.d.ts +5 -5
  230. package/dist/Table/TableColumn.d.ts +2 -2
  231. package/dist/Table/TableContext.d.ts +3 -3
  232. package/dist/Table/TableHead.d.ts +4 -4
  233. package/dist/Table/TableTypes.d.ts +7 -7
  234. package/dist/Table/index.d.ts +4 -4
  235. package/dist/Table/index.js +290 -411
  236. package/dist/Tabs/Tabs.d.ts +5 -3
  237. package/dist/Tabs/TabsContext.d.ts +2 -2
  238. package/dist/Tabs/TabsItem.d.ts +5 -3
  239. package/dist/Tabs/index.d.ts +4 -4
  240. package/dist/Tabs/index.js +326 -429
  241. package/dist/Tag/Tag.d.ts +8 -6
  242. package/dist/Tag/index.d.ts +2 -2
  243. package/dist/Tag/index.js +190 -266
  244. package/dist/Text/Child.d.ts +7 -8
  245. package/dist/Text/Text.d.ts +7 -5
  246. package/dist/Text/index.d.ts +2 -2
  247. package/dist/Text/index.js +222 -297
  248. package/dist/Textarea/Textarea.d.ts +8 -6
  249. package/dist/Textarea/index.d.ts +2 -2
  250. package/dist/Textarea/index.js +231 -327
  251. package/dist/Themes/Presets/Dark.d.ts +1 -1
  252. package/dist/Themes/Presets/Default.d.ts +1 -1
  253. package/dist/Themes/Presets/Shared.d.ts +1 -1
  254. package/dist/Themes/Themes.d.ts +5 -5
  255. package/dist/Themes/index.d.ts +3 -3
  256. package/dist/Themes/index.js +44 -54
  257. package/dist/Toggle/Toggle.d.ts +8 -6
  258. package/dist/Toggle/index.d.ts +2 -2
  259. package/dist/Toggle/index.js +238 -323
  260. package/dist/Toggle/styles.d.ts +4 -3
  261. package/dist/Tooltip/Tooltip.d.ts +10 -8
  262. package/dist/Tooltip/TooltipContent.d.ts +4 -2
  263. package/dist/Tooltip/TooltipIcon.d.ts +1 -1
  264. package/dist/Tooltip/index.d.ts +2 -2
  265. package/dist/Tooltip/index.js +322 -430
  266. package/dist/Tooltip/placement.d.ts +1 -1
  267. package/dist/Tooltip/styles.d.ts +3 -3
  268. package/dist/index.d.ts +131 -125
  269. package/dist/index.js +3257 -3385
  270. package/dist/use-all-themes/all-themes-context.d.ts +2 -2
  271. package/dist/use-all-themes/index.d.ts +2 -2
  272. package/dist/use-all-themes/index.js +44 -54
  273. package/dist/use-body-scroll/index.d.ts +2 -2
  274. package/dist/use-body-scroll/index.js +85 -101
  275. package/dist/use-body-scroll/use-body-scroll.d.ts +2 -2
  276. package/dist/use-classes/index.d.ts +1 -1
  277. package/dist/use-classes/index.js +7 -14
  278. package/dist/use-classes/use-classes.d.ts +2 -2
  279. package/dist/use-click-away/index.d.ts +1 -1
  280. package/dist/use-click-away/index.js +1 -2
  281. package/dist/use-click-away/use-click-away.d.ts +1 -1
  282. package/dist/use-clipboard/index.d.ts +2 -2
  283. package/dist/use-clipboard/index.js +46 -75
  284. package/dist/use-clipboard/use-clipboard.d.ts +2 -2
  285. package/dist/use-current-state/index.d.ts +1 -1
  286. package/dist/use-current-state/index.js +44 -57
  287. package/dist/use-current-state/use-current-state.d.ts +1 -1
  288. package/dist/use-input/index.d.ts +2 -2
  289. package/dist/use-input/index.js +56 -72
  290. package/dist/use-input/use-input.d.ts +1 -1
  291. package/dist/use-keyboard/helper.d.ts +1 -1
  292. package/dist/use-keyboard/index.d.ts +3 -3
  293. package/dist/use-keyboard/index.js +13 -25
  294. package/dist/use-keyboard/use-keyboard.d.ts +4 -4
  295. package/dist/use-media-query/index.d.ts +2 -2
  296. package/dist/use-media-query/index.js +101 -134
  297. package/dist/use-media-query/use-media-query.d.ts +3 -3
  298. package/dist/use-modal/index.d.ts +2 -2
  299. package/dist/use-modal/index.js +48 -64
  300. package/dist/use-modal/use-modal.d.ts +2 -2
  301. package/dist/use-scale/index.d.ts +4 -4
  302. package/dist/use-scale/index.js +167 -237
  303. package/dist/use-scale/scale-context.d.ts +6 -6
  304. package/dist/use-scale/utils.d.ts +1 -1
  305. package/dist/use-scale/with-scale.d.ts +6 -4
  306. package/dist/use-tabs/index.d.ts +1 -1
  307. package/dist/use-tabs/index.js +48 -63
  308. package/dist/use-theme/index.d.ts +1 -1
  309. package/dist/use-theme/index.js +44 -54
  310. package/dist/use-theme/theme-context.d.ts +1 -1
  311. package/dist/use-toasts/helpers.d.ts +7 -5
  312. package/dist/use-toasts/index.d.ts +2 -2
  313. package/dist/use-toasts/index.js +67 -95
  314. package/dist/use-toasts/toast-item.d.ts +1 -1
  315. package/dist/use-toasts/use-toast.d.ts +8 -8
  316. package/dist/utils/collections.d.ts +2 -2
  317. package/dist/utils/layouts.d.ts +5 -5
  318. package/dist/utils/prop-types.d.ts +8 -8
  319. package/dist/utils/types.d.ts +1 -1
  320. package/dist/utils/use-body-scroll.d.ts +1 -1
  321. package/dist/utils/use-bolio-ui-context.d.ts +4 -4
  322. package/dist/utils/use-click-away.d.ts +1 -1
  323. package/dist/utils/use-clipboard.d.ts +1 -1
  324. package/dist/utils/use-current-state.d.ts +1 -1
  325. package/dist/utils/use-default-props.d.ts +2 -0
  326. package/dist/utils/use-drag.d.ts +2 -2
  327. package/dist/utils/use-portal.d.ts +1 -1
  328. package/dist/utils/use-real-shape.d.ts +2 -2
  329. package/dist/utils/use-ssr.d.ts +1 -1
  330. package/dist/utils/use-warning.d.ts +1 -1
  331. package/esm/Avatar/Avatar.d.ts +5 -3
  332. package/esm/Avatar/Avatar.js +25 -37
  333. package/esm/Avatar/AvatarGroup.d.ts +3 -3
  334. package/esm/Avatar/AvatarGroup.js +5 -9
  335. package/esm/Avatar/AvatarSkeleton.d.ts +1 -1
  336. package/esm/Avatar/AvatarSkeleton.js +3 -4
  337. package/esm/Avatar/helpers.js +0 -2
  338. package/esm/Avatar/index.d.ts +5 -5
  339. package/esm/Avatar/index.js +1 -0
  340. package/esm/Badge/Badge.d.ts +7 -5
  341. package/esm/Badge/Badge.js +16 -20
  342. package/esm/Badge/BadgeAnchor.d.ts +4 -4
  343. package/esm/Badge/BadgeAnchor.js +14 -20
  344. package/esm/Badge/index.d.ts +5 -5
  345. package/esm/Badge/index.js +1 -0
  346. package/esm/BolioUIProvider/BolioUIProvider.d.ts +2 -2
  347. package/esm/BolioUIProvider/BolioUIProvider.js +13 -22
  348. package/esm/BolioUIProvider/ThemeProvider.d.ts +1 -1
  349. package/esm/BolioUIProvider/ThemeProvider.js +8 -12
  350. package/esm/BolioUIProvider/index.d.ts +2 -2
  351. package/esm/BolioUIProvider/index.js +1 -0
  352. package/esm/Breadcrumbs/Breadcrumbs.d.ts +5 -3
  353. package/esm/Breadcrumbs/Breadcrumbs.js +9 -14
  354. package/esm/Breadcrumbs/BreadcrumbsItem.d.ts +4 -4
  355. package/esm/Breadcrumbs/BreadcrumbsItem.js +9 -15
  356. package/esm/Breadcrumbs/BreadcrumbsSeparator.d.ts +3 -3
  357. package/esm/Breadcrumbs/BreadcrumbsSeparator.js +4 -8
  358. package/esm/Breadcrumbs/index.d.ts +7 -7
  359. package/esm/Breadcrumbs/index.js +1 -0
  360. package/esm/Button/Button.d.ts +6 -4
  361. package/esm/Button/Button.js +36 -51
  362. package/esm/Button/ButtonDrip.d.ts +1 -1
  363. package/esm/Button/ButtonDrip.js +4 -6
  364. package/esm/Button/ButtonIcon.d.ts +3 -3
  365. package/esm/Button/ButtonIcon.js +7 -10
  366. package/esm/Button/ButtonLoading.d.ts +2 -1
  367. package/esm/Button/ButtonLoading.js +1 -3
  368. package/esm/Button/index.d.ts +3 -3
  369. package/esm/Button/index.js +1 -0
  370. package/esm/Button/styles.d.ts +4 -4
  371. package/esm/Button/styles.js +7 -7
  372. package/esm/Button/utils.d.ts +3 -3
  373. package/esm/Button/utils.js +4 -5
  374. package/esm/ButtonDropdown/ButtonDropdown.d.ts +7 -5
  375. package/esm/ButtonDropdown/ButtonDropdown.js +38 -42
  376. package/esm/ButtonDropdown/ButtonDropdownContext.d.ts +1 -1
  377. package/esm/ButtonDropdown/ButtonDropdownItem.d.ts +5 -5
  378. package/esm/ButtonDropdown/ButtonDropdownItem.js +12 -19
  379. package/esm/ButtonDropdown/Icon.d.ts +2 -1
  380. package/esm/ButtonDropdown/Icon.js +2 -4
  381. package/esm/ButtonDropdown/index.d.ts +5 -5
  382. package/esm/ButtonDropdown/index.js +1 -0
  383. package/esm/ButtonDropdown/styles.d.ts +3 -3
  384. package/esm/ButtonGroup/ButtonGroup.d.ts +6 -4
  385. package/esm/ButtonGroup/ButtonGroup.js +25 -22
  386. package/esm/ButtonGroup/ButtonGroupContext.d.ts +1 -1
  387. package/esm/ButtonGroup/index.d.ts +3 -3
  388. package/esm/ButtonGroup/index.js +1 -0
  389. package/esm/Calendar/Calendar.d.ts +17 -0
  390. package/esm/Calendar/Calendar.js +243 -0
  391. package/esm/Calendar/date-utils.d.ts +7 -0
  392. package/esm/Calendar/date-utils.js +39 -0
  393. package/esm/Calendar/index.d.ts +3 -0
  394. package/esm/Calendar/index.js +3 -0
  395. package/esm/Capacity/Capacity.d.ts +5 -3
  396. package/esm/Capacity/Capacity.js +15 -20
  397. package/esm/Capacity/index.d.ts +2 -2
  398. package/esm/Capacity/index.js +1 -0
  399. package/esm/Card/Card.d.ts +6 -4
  400. package/esm/Card/Card.js +28 -35
  401. package/esm/Card/CardContent.d.ts +3 -3
  402. package/esm/Card/CardContent.js +5 -9
  403. package/esm/Card/CardFooter.d.ts +3 -3
  404. package/esm/Card/CardFooter.js +7 -12
  405. package/esm/Card/index.d.ts +8 -8
  406. package/esm/Card/index.js +1 -0
  407. package/esm/Card/styles.d.ts +4 -4
  408. package/esm/Checkbox/Checkbox.d.ts +7 -5
  409. package/esm/Checkbox/Checkbox.js +35 -47
  410. package/esm/Checkbox/CheckboxGroup.d.ts +3 -3
  411. package/esm/Checkbox/CheckboxGroup.js +12 -20
  412. package/esm/Checkbox/CheckboxIcon.d.ts +1 -1
  413. package/esm/Checkbox/CheckboxIcon.js +11 -16
  414. package/esm/Checkbox/index.d.ts +5 -5
  415. package/esm/Checkbox/index.js +1 -0
  416. package/esm/Checkbox/styles.d.ts +4 -3
  417. package/esm/Code/Code.d.ts +5 -3
  418. package/esm/Code/Code.js +33 -36
  419. package/esm/Code/index.d.ts +2 -2
  420. package/esm/Code/index.js +1 -0
  421. package/esm/Col/Col.d.ts +6 -7
  422. package/esm/Col/Col.js +17 -18
  423. package/esm/Col/index.d.ts +2 -2
  424. package/esm/Col/index.js +1 -0
  425. package/esm/Collapse/Collapse.d.ts +5 -3
  426. package/esm/Collapse/Collapse.js +40 -41
  427. package/esm/Collapse/CollapseGroup.d.ts +5 -3
  428. package/esm/Collapse/CollapseGroup.js +11 -21
  429. package/esm/Collapse/CollapseIcon.d.ts +1 -1
  430. package/esm/Collapse/CollapseIcon.js +1 -3
  431. package/esm/Collapse/index.d.ts +5 -5
  432. package/esm/Collapse/index.js +1 -0
  433. package/esm/Combobox/Combobox.d.ts +22 -0
  434. package/esm/Combobox/Combobox.js +199 -0
  435. package/esm/Combobox/index.d.ts +3 -0
  436. package/esm/Combobox/index.js +3 -0
  437. package/esm/Container/Container.d.ts +9 -25
  438. package/esm/Container/Container.js +24 -24
  439. package/esm/Container/index.d.ts +2 -2
  440. package/esm/Container/index.js +1 -0
  441. package/esm/CssBaseline/CssBaseline.d.ts +3 -13
  442. package/esm/CssBaseline/CssBaseline.js +2 -8
  443. package/esm/CssBaseline/index.d.ts +1 -1
  444. package/esm/CssBaseline/index.js +1 -0
  445. package/esm/DatePicker/DatePicker.d.ts +18 -0
  446. package/esm/DatePicker/DatePicker.js +163 -0
  447. package/esm/DatePicker/index.d.ts +3 -0
  448. package/esm/DatePicker/index.js +3 -0
  449. package/esm/Description/Description.d.ts +5 -3
  450. package/esm/Description/Description.js +17 -20
  451. package/esm/Description/index.d.ts +2 -2
  452. package/esm/Description/index.js +1 -0
  453. package/esm/Display/Display.d.ts +5 -3
  454. package/esm/Display/Display.js +18 -21
  455. package/esm/Display/index.d.ts +2 -2
  456. package/esm/Display/index.js +1 -0
  457. package/esm/Divider/Divider.d.ts +7 -5
  458. package/esm/Divider/Divider.js +15 -20
  459. package/esm/Divider/index.d.ts +3 -3
  460. package/esm/Divider/index.js +1 -0
  461. package/esm/Dot/Dot.d.ts +7 -5
  462. package/esm/Dot/Dot.js +18 -22
  463. package/esm/Dot/index.d.ts +2 -2
  464. package/esm/Dot/index.js +1 -0
  465. package/esm/Drawer/Drawer.d.ts +6 -4
  466. package/esm/Drawer/Drawer.js +25 -33
  467. package/esm/Drawer/DrawerWrapper.d.ts +5 -6
  468. package/esm/Drawer/DrawerWrapper.js +15 -19
  469. package/esm/Drawer/helper.d.ts +2 -2
  470. package/esm/Drawer/index.d.ts +7 -7
  471. package/esm/Drawer/index.js +1 -0
  472. package/esm/Fieldset/Fieldset.d.ts +5 -3
  473. package/esm/Fieldset/Fieldset.js +29 -41
  474. package/esm/Fieldset/FieldsetContent.d.ts +5 -3
  475. package/esm/Fieldset/FieldsetContent.js +5 -9
  476. package/esm/Fieldset/FieldsetFooter.d.ts +5 -3
  477. package/esm/Fieldset/FieldsetFooter.js +5 -10
  478. package/esm/Fieldset/FieldsetGroup.d.ts +5 -3
  479. package/esm/Fieldset/FieldsetGroup.js +14 -25
  480. package/esm/Fieldset/FieldsetSubtitle.d.ts +3 -3
  481. package/esm/Fieldset/FieldsetSubtitle.js +4 -7
  482. package/esm/Fieldset/FieldsetTitle.d.ts +3 -3
  483. package/esm/Fieldset/FieldsetTitle.js +4 -7
  484. package/esm/Fieldset/index.d.ts +13 -13
  485. package/esm/Fieldset/index.js +1 -0
  486. package/esm/Grid/BasicItem.d.ts +7 -24
  487. package/esm/Grid/BasicItem.js +27 -28
  488. package/esm/Grid/Grid.d.ts +87 -62
  489. package/esm/Grid/Grid.js +16 -19
  490. package/esm/Grid/GridContainer.d.ts +88 -63
  491. package/esm/Grid/GridContainer.js +21 -24
  492. package/esm/Grid/GridTypes.d.ts +5 -5
  493. package/esm/Grid/index.d.ts +7 -7
  494. package/esm/Grid/index.js +1 -0
  495. package/esm/Image/Image.d.ts +5 -3
  496. package/esm/Image/Image.js +25 -33
  497. package/esm/Image/ImageBrowser.d.ts +7 -5
  498. package/esm/Image/ImageBrowser.js +13 -19
  499. package/esm/Image/ImageBrowserHttpsIcon.d.ts +1 -1
  500. package/esm/Image/ImageBrowserHttpsIcon.js +1 -3
  501. package/esm/Image/ImageSkeleton.d.ts +1 -1
  502. package/esm/Image/ImageSkeleton.js +3 -4
  503. package/esm/Image/helpers.js +0 -2
  504. package/esm/Image/index.d.ts +5 -5
  505. package/esm/Image/index.js +1 -0
  506. package/esm/Image/styles.d.ts +2 -2
  507. package/esm/Input/Input.d.ts +6 -4
  508. package/esm/Input/Input.js +38 -56
  509. package/esm/Input/InputBlockLabel.d.ts +1 -1
  510. package/esm/Input/InputBlockLabel.js +2 -4
  511. package/esm/Input/InputIcon.d.ts +1 -1
  512. package/esm/Input/InputIcon.js +3 -5
  513. package/esm/Input/InputIconClear.d.ts +1 -1
  514. package/esm/Input/InputIconClear.js +3 -7
  515. package/esm/Input/InputLabel.d.ts +1 -1
  516. package/esm/Input/InputLabel.js +2 -4
  517. package/esm/Input/InputProps.d.ts +3 -3
  518. package/esm/Input/Password.d.ts +6 -4
  519. package/esm/Input/Password.js +6 -15
  520. package/esm/Input/PasswordIcon.d.ts +1 -1
  521. package/esm/Input/PasswordIcon.js +0 -2
  522. package/esm/Input/index.d.ts +8 -8
  523. package/esm/Input/index.js +1 -0
  524. package/esm/Input/styles.d.ts +4 -3
  525. package/esm/Keyboard/Keyboard.d.ts +5 -3
  526. package/esm/Keyboard/Keyboard.js +25 -28
  527. package/esm/Keyboard/index.d.ts +2 -2
  528. package/esm/Keyboard/index.js +1 -0
  529. package/esm/Link/Icon.d.ts +1 -1
  530. package/esm/Link/Icon.js +1 -1
  531. package/esm/Link/Link.d.ts +5 -3
  532. package/esm/Link/Link.js +15 -18
  533. package/esm/Link/index.d.ts +2 -2
  534. package/esm/Link/index.js +1 -0
  535. package/esm/Loading/Loading.d.ts +7 -5
  536. package/esm/Loading/Loading.js +23 -26
  537. package/esm/Loading/index.d.ts +2 -2
  538. package/esm/Loading/index.js +1 -0
  539. package/esm/MdxWidgets/MockPage.js +6 -12
  540. package/esm/MdxWidgets/ParsedCodes/WaitTime.js +0 -2
  541. package/esm/MdxWidgets/index.js +1 -0
  542. package/esm/Modal/Modal.d.ts +6 -3
  543. package/esm/Modal/Modal.js +55 -50
  544. package/esm/Modal/ModalAction.d.ts +6 -4
  545. package/esm/Modal/ModalAction.js +19 -28
  546. package/esm/Modal/ModalActions.js +5 -10
  547. package/esm/Modal/ModalContent.d.ts +5 -3
  548. package/esm/Modal/ModalContent.js +5 -9
  549. package/esm/Modal/ModalContext.d.ts +2 -0
  550. package/esm/Modal/ModalSubtitle.d.ts +5 -3
  551. package/esm/Modal/ModalSubtitle.js +11 -11
  552. package/esm/Modal/ModalTitle.d.ts +5 -3
  553. package/esm/Modal/ModalTitle.js +11 -11
  554. package/esm/Modal/ModalWrapper.d.ts +5 -5
  555. package/esm/Modal/ModalWrapper.js +14 -18
  556. package/esm/Modal/index.d.ts +11 -11
  557. package/esm/Modal/index.js +1 -0
  558. package/esm/Next/StyledJsxRegistry.d.ts +3 -0
  559. package/esm/Next/StyledJsxRegistry.js +26 -0
  560. package/esm/Next/index.d.ts +3 -0
  561. package/esm/Next/index.js +4 -0
  562. package/esm/Note/Note.d.ts +10 -9
  563. package/esm/Note/Note.js +25 -29
  564. package/esm/Note/index.d.ts +2 -2
  565. package/esm/Note/index.js +1 -0
  566. package/esm/Page/Page.d.ts +7 -5
  567. package/esm/Page/Page.js +26 -34
  568. package/esm/Page/PageContent.d.ts +5 -3
  569. package/esm/Page/PageContent.js +4 -8
  570. package/esm/Page/PageFooter.d.ts +5 -3
  571. package/esm/Page/PageFooter.js +3 -7
  572. package/esm/Page/PageHeader.d.ts +5 -3
  573. package/esm/Page/PageHeader.js +7 -11
  574. package/esm/Page/index.d.ts +9 -9
  575. package/esm/Page/index.js +1 -0
  576. package/esm/Pagination/Pagination.d.ts +5 -3
  577. package/esm/Pagination/Pagination.js +44 -50
  578. package/esm/Pagination/PaginationContext.d.ts +1 -1
  579. package/esm/Pagination/PaginationEllipsis.d.ts +1 -1
  580. package/esm/Pagination/PaginationEllipsis.js +5 -9
  581. package/esm/Pagination/PaginationItem.d.ts +3 -3
  582. package/esm/Pagination/PaginationItem.js +11 -17
  583. package/esm/Pagination/PaginationNext.d.ts +2 -2
  584. package/esm/Pagination/PaginationNext.js +3 -7
  585. package/esm/Pagination/PaginationPages.d.ts +2 -2
  586. package/esm/Pagination/PaginationPages.js +9 -15
  587. package/esm/Pagination/PaginationPrevious.d.ts +2 -2
  588. package/esm/Pagination/PaginationPrevious.js +3 -7
  589. package/esm/Pagination/index.d.ts +7 -7
  590. package/esm/Pagination/index.js +1 -0
  591. package/esm/Popover/Popover.d.ts +7 -7
  592. package/esm/Popover/Popover.js +25 -29
  593. package/esm/Popover/PopoverContext.d.ts +1 -1
  594. package/esm/Popover/PopoverItem.d.ts +5 -3
  595. package/esm/Popover/PopoverItem.js +14 -24
  596. package/esm/Popover/index.d.ts +5 -5
  597. package/esm/Popover/index.js +1 -0
  598. package/esm/Progress/Progress.d.ts +8 -6
  599. package/esm/Progress/Progress.js +22 -27
  600. package/esm/Progress/index.d.ts +2 -2
  601. package/esm/Progress/index.js +1 -0
  602. package/esm/Radio/Radio.d.ts +7 -5
  603. package/esm/Radio/Radio.js +38 -53
  604. package/esm/Radio/RadioDescription.d.ts +5 -3
  605. package/esm/Radio/RadioDescription.js +5 -10
  606. package/esm/Radio/RadioGroup.d.ts +5 -3
  607. package/esm/Radio/RadioGroup.js +15 -21
  608. package/esm/Radio/index.d.ts +7 -7
  609. package/esm/Radio/index.js +1 -0
  610. package/esm/Radio/styles.d.ts +4 -3
  611. package/esm/Rating/Rating.d.ts +10 -8
  612. package/esm/Rating/Rating.js +31 -42
  613. package/esm/Rating/RatingIcon.d.ts +2 -1
  614. package/esm/Rating/RatingIcon.js +0 -2
  615. package/esm/Rating/index.d.ts +2 -2
  616. package/esm/Rating/index.js +1 -0
  617. package/esm/Row/Row.d.ts +8 -23
  618. package/esm/Row/Row.js +23 -23
  619. package/esm/Row/index.d.ts +2 -2
  620. package/esm/Row/index.js +1 -0
  621. package/esm/Section/Section.d.ts +7 -5
  622. package/esm/Section/Section.js +12 -14
  623. package/esm/Section/index.d.ts +2 -2
  624. package/esm/Section/index.js +1 -0
  625. package/esm/Select/Select.d.ts +8 -6
  626. package/esm/Select/Select.js +49 -65
  627. package/esm/Select/SelectDropdown.d.ts +2 -2
  628. package/esm/Select/SelectDropdown.js +9 -11
  629. package/esm/Select/SelectIcon.d.ts +1 -1
  630. package/esm/Select/SelectIcon.js +1 -3
  631. package/esm/Select/SelectIconClear.d.ts +1 -1
  632. package/esm/Select/SelectIconClear.js +1 -5
  633. package/esm/Select/SelectInput.d.ts +3 -1
  634. package/esm/Select/SelectInput.js +7 -4
  635. package/esm/Select/SelectMultipleValue.d.ts +1 -1
  636. package/esm/Select/SelectMultipleValue.js +3 -5
  637. package/esm/Select/SelectOption.d.ts +5 -3
  638. package/esm/Select/SelectOption.js +18 -30
  639. package/esm/Select/index.d.ts +5 -5
  640. package/esm/Select/index.js +1 -0
  641. package/esm/Select/styles.d.ts +4 -3
  642. package/esm/Shared/backdrop.d.ts +3 -3
  643. package/esm/Shared/backdrop.js +12 -19
  644. package/esm/Shared/css-transition.d.ts +1 -1
  645. package/esm/Shared/css-transition.js +20 -25
  646. package/esm/Shared/dropdown.js +16 -28
  647. package/esm/Shared/ellipsis.d.ts +1 -1
  648. package/esm/Shared/ellipsis.js +2 -4
  649. package/esm/Shared/expand.d.ts +2 -2
  650. package/esm/Shared/expand.js +19 -27
  651. package/esm/Shared/highlight.d.ts +4 -4
  652. package/esm/Shared/highlight.js +10 -13
  653. package/esm/Slider/Slider.d.ts +7 -5
  654. package/esm/Slider/Slider.js +78 -63
  655. package/esm/Slider/SliderDot.d.ts +2 -2
  656. package/esm/Slider/SliderDot.js +19 -14
  657. package/esm/Slider/SliderMark.d.ts +4 -3
  658. package/esm/Slider/SliderMark.js +3 -6
  659. package/esm/Slider/index.d.ts +2 -2
  660. package/esm/Slider/index.js +1 -0
  661. package/esm/Slider/styles.d.ts +4 -3
  662. package/esm/Snippet/Snippet.d.ts +7 -5
  663. package/esm/Snippet/Snippet.js +35 -43
  664. package/esm/Snippet/SnippetIcon.d.ts +1 -1
  665. package/esm/Snippet/SnippetIcon.js +1 -3
  666. package/esm/Snippet/index.d.ts +3 -3
  667. package/esm/Snippet/index.js +1 -0
  668. package/esm/Snippet/styles.d.ts +4 -4
  669. package/esm/Spacer/Spacer.d.ts +3 -3
  670. package/esm/Spacer/Spacer.js +13 -15
  671. package/esm/Spacer/index.d.ts +2 -2
  672. package/esm/Spacer/index.js +1 -0
  673. package/esm/Spinner/Spinner.d.ts +5 -3
  674. package/esm/Spinner/Spinner.js +10 -13
  675. package/esm/Spinner/index.d.ts +2 -2
  676. package/esm/Spinner/index.js +1 -0
  677. package/esm/Table/Table.d.ts +13 -24
  678. package/esm/Table/Table.js +36 -39
  679. package/esm/Table/TableBody.d.ts +4 -4
  680. package/esm/Table/TableBody.js +7 -12
  681. package/esm/Table/TableCell.d.ts +5 -5
  682. package/esm/Table/TableCell.js +5 -8
  683. package/esm/Table/TableColumn.d.ts +2 -2
  684. package/esm/Table/TableColumn.js +8 -14
  685. package/esm/Table/TableContext.d.ts +3 -3
  686. package/esm/Table/TableHead.d.ts +4 -4
  687. package/esm/Table/TableHead.js +4 -7
  688. package/esm/Table/TableTypes.d.ts +7 -7
  689. package/esm/Table/index.d.ts +4 -4
  690. package/esm/Table/index.js +1 -0
  691. package/esm/Tabs/Tabs.d.ts +5 -3
  692. package/esm/Tabs/Tabs.js +53 -64
  693. package/esm/Tabs/TabsContext.d.ts +2 -2
  694. package/esm/Tabs/TabsItem.d.ts +5 -3
  695. package/esm/Tabs/TabsItem.js +39 -30
  696. package/esm/Tabs/index.d.ts +4 -4
  697. package/esm/Tabs/index.js +1 -0
  698. package/esm/Tag/Tag.d.ts +8 -6
  699. package/esm/Tag/Tag.js +21 -28
  700. package/esm/Tag/index.d.ts +2 -2
  701. package/esm/Tag/index.js +1 -0
  702. package/esm/Text/Child.d.ts +7 -8
  703. package/esm/Text/Child.js +16 -20
  704. package/esm/Text/Text.d.ts +7 -5
  705. package/esm/Text/Text.js +34 -37
  706. package/esm/Text/index.d.ts +2 -2
  707. package/esm/Text/index.js +1 -0
  708. package/esm/Textarea/Textarea.d.ts +8 -6
  709. package/esm/Textarea/Textarea.js +25 -37
  710. package/esm/Textarea/index.d.ts +2 -2
  711. package/esm/Textarea/index.js +1 -0
  712. package/esm/Themes/Presets/Dark.d.ts +1 -1
  713. package/esm/Themes/Presets/Default.d.ts +1 -1
  714. package/esm/Themes/Presets/Shared.d.ts +1 -1
  715. package/esm/Themes/Themes.d.ts +5 -5
  716. package/esm/Themes/Themes.js +0 -13
  717. package/esm/Themes/index.d.ts +3 -3
  718. package/esm/Themes/index.js +1 -0
  719. package/esm/Toggle/Toggle.d.ts +8 -6
  720. package/esm/Toggle/Toggle.js +34 -36
  721. package/esm/Toggle/index.d.ts +2 -2
  722. package/esm/Toggle/index.js +1 -0
  723. package/esm/Toggle/styles.d.ts +4 -3
  724. package/esm/Tooltip/Tooltip.d.ts +10 -8
  725. package/esm/Tooltip/Tooltip.js +62 -58
  726. package/esm/Tooltip/TooltipContent.d.ts +4 -2
  727. package/esm/Tooltip/TooltipContent.js +18 -24
  728. package/esm/Tooltip/TooltipIcon.d.ts +1 -1
  729. package/esm/Tooltip/TooltipIcon.js +9 -13
  730. package/esm/Tooltip/index.d.ts +2 -2
  731. package/esm/Tooltip/index.js +1 -0
  732. package/esm/Tooltip/placement.d.ts +1 -1
  733. package/esm/Tooltip/styles.d.ts +3 -3
  734. package/esm/index.d.ts +131 -125
  735. package/esm/index.js +6 -1
  736. package/esm/use-all-themes/all-themes-context.d.ts +2 -2
  737. package/esm/use-all-themes/index.d.ts +2 -2
  738. package/esm/use-all-themes/index.js +1 -0
  739. package/esm/use-body-scroll/index.d.ts +2 -2
  740. package/esm/use-body-scroll/index.js +1 -0
  741. package/esm/use-body-scroll/use-body-scroll.d.ts +2 -2
  742. package/esm/use-body-scroll/use-body-scroll.js +5 -15
  743. package/esm/use-classes/index.d.ts +1 -1
  744. package/esm/use-classes/index.js +1 -0
  745. package/esm/use-classes/use-classes.d.ts +2 -2
  746. package/esm/use-classes/use-classes.js +0 -9
  747. package/esm/use-click-away/index.d.ts +1 -1
  748. package/esm/use-click-away/index.js +1 -0
  749. package/esm/use-click-away/use-click-away.d.ts +1 -1
  750. package/esm/use-click-away/use-click-away.js +0 -3
  751. package/esm/use-clipboard/index.d.ts +2 -2
  752. package/esm/use-clipboard/index.js +1 -0
  753. package/esm/use-clipboard/use-clipboard.d.ts +2 -2
  754. package/esm/use-clipboard/use-clipboard.js +0 -7
  755. package/esm/use-current-state/index.d.ts +1 -1
  756. package/esm/use-current-state/index.js +1 -0
  757. package/esm/use-current-state/use-current-state.d.ts +1 -1
  758. package/esm/use-current-state/use-current-state.js +5 -10
  759. package/esm/use-input/index.d.ts +2 -2
  760. package/esm/use-input/index.js +1 -0
  761. package/esm/use-input/use-input.d.ts +1 -1
  762. package/esm/use-input/use-input.js +4 -7
  763. package/esm/use-keyboard/codes.js +1 -3
  764. package/esm/use-keyboard/helper.d.ts +1 -1
  765. package/esm/use-keyboard/helper.js +1 -1
  766. package/esm/use-keyboard/index.d.ts +3 -3
  767. package/esm/use-keyboard/index.js +1 -0
  768. package/esm/use-keyboard/use-keyboard.d.ts +4 -4
  769. package/esm/use-keyboard/use-keyboard.js +11 -22
  770. package/esm/use-media-query/index.d.ts +2 -2
  771. package/esm/use-media-query/index.js +1 -0
  772. package/esm/use-media-query/use-media-query.d.ts +3 -3
  773. package/esm/use-media-query/use-media-query.js +14 -25
  774. package/esm/use-modal/index.d.ts +2 -2
  775. package/esm/use-modal/index.js +1 -0
  776. package/esm/use-modal/use-modal.d.ts +2 -2
  777. package/esm/use-modal/use-modal.js +4 -8
  778. package/esm/use-scale/index.d.ts +4 -4
  779. package/esm/use-scale/index.js +1 -0
  780. package/esm/use-scale/scale-context.d.ts +6 -6
  781. package/esm/use-scale/scale-context.js +0 -2
  782. package/esm/use-scale/utils.d.ts +1 -1
  783. package/esm/use-scale/utils.js +5 -18
  784. package/esm/use-scale/with-scale.d.ts +6 -4
  785. package/esm/use-scale/with-scale.js +47 -56
  786. package/esm/use-tabs/index.d.ts +1 -1
  787. package/esm/use-tabs/index.js +1 -0
  788. package/esm/use-tabs/use-tabs.js +4 -7
  789. package/esm/use-theme/index.d.ts +1 -1
  790. package/esm/use-theme/index.js +1 -0
  791. package/esm/use-theme/theme-context.d.ts +1 -1
  792. package/esm/use-toasts/helpers.d.ts +7 -5
  793. package/esm/use-toasts/helpers.js +0 -2
  794. package/esm/use-toasts/index.d.ts +2 -2
  795. package/esm/use-toasts/index.js +1 -0
  796. package/esm/use-toasts/toast-container.js +9 -18
  797. package/esm/use-toasts/toast-item.d.ts +1 -1
  798. package/esm/use-toasts/toast-item.js +16 -19
  799. package/esm/use-toasts/use-toast.d.ts +8 -8
  800. package/esm/use-toasts/use-toast.js +9 -32
  801. package/esm/utils/calculations.js +1 -1
  802. package/esm/utils/collections.d.ts +2 -2
  803. package/esm/utils/collections.js +0 -12
  804. package/esm/utils/color.js +4 -12
  805. package/esm/utils/layouts.d.ts +5 -5
  806. package/esm/utils/layouts.js +7 -18
  807. package/esm/utils/prop-types.d.ts +8 -8
  808. package/esm/utils/prop-types.js +0 -2
  809. package/esm/utils/types.d.ts +1 -1
  810. package/esm/utils/use-body-scroll.d.ts +1 -1
  811. package/esm/utils/use-bolio-ui-context.d.ts +4 -4
  812. package/esm/utils/use-click-anywhere.js +0 -3
  813. package/esm/utils/use-click-away.d.ts +1 -1
  814. package/esm/utils/use-clipboard.d.ts +1 -1
  815. package/esm/utils/use-context-state/create-bolio-ui-context.js +13 -21
  816. package/esm/utils/use-context-state/use-context-state.js +4 -10
  817. package/esm/utils/use-current-state.d.ts +1 -1
  818. package/esm/utils/use-default-props.d.ts +2 -0
  819. package/esm/utils/use-default-props.js +0 -5
  820. package/esm/utils/use-dom-observer.js +0 -4
  821. package/esm/utils/use-drag.d.ts +2 -2
  822. package/esm/utils/use-drag.js +6 -17
  823. package/esm/utils/use-portal.d.ts +1 -1
  824. package/esm/utils/use-portal.js +4 -12
  825. package/esm/utils/use-previous.js +0 -2
  826. package/esm/utils/use-real-shape.d.ts +2 -2
  827. package/esm/utils/use-real-shape.js +10 -18
  828. package/esm/utils/use-resize.js +0 -4
  829. package/esm/utils/use-ssr.d.ts +1 -1
  830. package/esm/utils/use-ssr.js +3 -6
  831. package/esm/utils/use-warning.d.ts +1 -1
  832. package/esm/utils/use-warning.js +0 -4
  833. package/package.json +73 -42
  834. package/dist/styled-jsx.cjs.js +0 -766
  835. package/esm/Avatar/stories.js +0 -113
  836. package/esm/Badge/stories.js +0 -92
  837. package/esm/Breadcrumbs/stories.js +0 -51
  838. package/esm/Button/stories.js +0 -221
  839. package/esm/ButtonDropdown/stories.js +0 -92
  840. package/esm/ButtonGroup/stories.js +0 -66
  841. package/esm/Capacity/stories.js +0 -85
  842. package/esm/Card/stories.js +0 -175
  843. package/esm/Checkbox/stories.js +0 -84
  844. package/esm/Code/stories.js +0 -53
  845. package/esm/Collapse/stories.js +0 -48
  846. package/esm/Description/stories.js +0 -23
  847. package/esm/Divider/stories.js +0 -41
  848. package/esm/Dot/stories.js +0 -40
  849. package/esm/Drawer/stories.js +0 -79
  850. package/esm/Fieldset/stories.js +0 -72
  851. package/esm/Grid/stories.js +0 -212
  852. package/esm/Icon/stories.js +0 -36
  853. package/esm/Image/stories.js +0 -73
  854. package/esm/Input/stories.js +0 -145
  855. package/esm/Keyboard/stories.js +0 -43
  856. package/esm/Link/stories.js +0 -59
  857. package/esm/Loading/stories.js +0 -75
  858. package/esm/Modal/stories.js +0 -165
  859. package/esm/Note/stories.js +0 -68
  860. package/esm/Page/stories.js +0 -54
  861. package/esm/Pagination/stories.js +0 -49
  862. package/esm/Popover/stories.js +0 -84
  863. package/esm/Progress/stories.js +0 -114
  864. package/esm/Radio/stories.js +0 -98
  865. package/esm/Rating/stories.js +0 -72
  866. package/esm/Select/stories.js +0 -239
  867. package/esm/Slider/stories.js +0 -134
  868. package/esm/Snippet/stories.js +0 -177
  869. package/esm/Spacer/stories.js +0 -54
  870. package/esm/Spinner/stories.js +0 -13
  871. package/esm/Table/stories.js +0 -269
  872. package/esm/Tabs/stories.js +0 -92
  873. package/esm/Tag/stories.js +0 -58
  874. package/esm/Text/stories.js +0 -104
  875. package/esm/Textarea/stories.js +0 -104
  876. package/esm/Toggle/stories.js +0 -55
  877. package/esm/Tooltip/stories.js +0 -183
  878. package/esm/styled-jsx-server.es.js +0 -5
  879. package/esm/styled-jsx.es.js +0 -757
package/esm/Radio/stories.js DELETED
@@ -1,98 +0,0 @@
1
- import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
2
- import React, { useState } from 'react';
3
- import Radio from '.';
4
- import Grid from '../Grid';
5
- export default {
6
- title: 'Data Entry/Radio',
7
- component: Radio
8
- };
9
- export var Default = function Default() {
10
- return /*#__PURE__*/React.createElement(Grid.Container, {
11
- gap: 2
12
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Radio, {
13
- checked: false
14
- }, "Option 1")));
15
- };
16
- export var Text = function Text() {
17
- var _useState = useState('1'),
18
- _useState2 = _slicedToArray(_useState, 2),
19
- state = _useState2[0],
20
- setState = _useState2[1];
21
-
22
- var handler = function handler(val) {
23
- setState(val);
24
- console.log(val);
25
- };
26
-
27
- return /*#__PURE__*/React.createElement(Grid.Container, {
28
- gap: 2
29
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Radio.Group, {
30
- value: state,
31
- onChange: handler
32
- }, /*#__PURE__*/React.createElement(Radio, {
33
- value: "1"
34
- }, "Option 1"), /*#__PURE__*/React.createElement(Radio, {
35
- value: "2"
36
- }, "Option 2"))));
37
- };
38
- export var Type = function Type() {
39
- return /*#__PURE__*/React.createElement(Grid.Container, {
40
- gap: 2
41
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Radio, {
42
- checked: false
43
- }, "Default")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Radio, {
44
- checked: false,
45
- type: "primary"
46
- }, "Primary")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Radio, {
47
- checked: false,
48
- type: "secondary"
49
- }, "Secondary")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Radio, {
50
- checked: false,
51
- type: "success"
52
- }, "Success")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Radio, {
53
- checked: false,
54
- type: "warning"
55
- }, "Warning")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Radio, {
56
- checked: false,
57
- type: "error"
58
- }, "Error")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Radio, {
59
- checked: false,
60
- type: "info"
61
- }, "Info")));
62
- };
63
- export var Description = function Description() {
64
- return /*#__PURE__*/React.createElement(Grid.Container, {
65
- gap: 2
66
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Radio.Group, {
67
- value: "1",
68
- onChange: function onChange(val) {
69
- return console.log(val);
70
- }
71
- }, /*#__PURE__*/React.createElement(Radio, {
72
- value: "1"
73
- }, "Option 1", /*#__PURE__*/React.createElement(Radio.Description, null, "Example description for Option 1")))));
74
- };
75
- export var Disabled = function Disabled() {
76
- return /*#__PURE__*/React.createElement(Grid.Container, {
77
- gap: 2
78
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Radio.Group, {
79
- value: "1",
80
- disabled: true
81
- }, /*#__PURE__*/React.createElement(Radio, {
82
- value: "1"
83
- }, "Option 1"), /*#__PURE__*/React.createElement(Radio, {
84
- value: "2"
85
- }, "Option 2"))));
86
- };
87
- export var Row = function Row() {
88
- return /*#__PURE__*/React.createElement(Grid.Container, {
89
- gap: 2
90
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Radio.Group, {
91
- value: "1",
92
- useRow: true
93
- }, /*#__PURE__*/React.createElement(Radio, {
94
- value: "1"
95
- }, "Option 1", /*#__PURE__*/React.createElement(Radio.Desc, null, "Description for Option1")), /*#__PURE__*/React.createElement(Radio, {
96
- value: "2"
97
- }, "Option 2", /*#__PURE__*/React.createElement(Radio.Desc, null, "Description for Option2")))));
98
- };
package/esm/Rating/stories.js DELETED
@@ -1,72 +0,0 @@
1
- import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
2
- import React, { useState } from 'react';
3
- import Rating from '.';
4
- import Grid from '../Grid';
5
- import { Umbrella, Zap } from '@bolio-ui/icons';
6
- export default {
7
- title: 'Feedback/Rating',
8
- component: Rating
9
- };
10
- export var Default = function Default() {
11
- var _useState = useState(1),
12
- _useState2 = _slicedToArray(_useState, 2),
13
- value = _useState2[0],
14
- setValue = _useState2[1];
15
-
16
- var _useState3 = useState(false),
17
- _useState4 = _slicedToArray(_useState3, 2),
18
- locked = _useState4[0],
19
- setLocked = _useState4[1];
20
-
21
- return /*#__PURE__*/React.createElement(Grid.Container, {
22
- gap: 2
23
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Rating, {
24
- onLockedChange: setLocked,
25
- value: value,
26
- onValueChange: setValue
27
- })), /*#__PURE__*/React.createElement(Grid, null, "Selection: ", value), /*#__PURE__*/React.createElement(Grid, null, "Locked: ", locked ? 'true' : 'false'));
28
- };
29
- export var Types = function Types() {
30
- return /*#__PURE__*/React.createElement(Grid.Container, {
31
- gap: 2
32
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Rating, null)), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Rating, {
33
- type: "primary"
34
- })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Rating, {
35
- type: "secondary"
36
- })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Rating, {
37
- type: "success"
38
- })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Rating, {
39
- type: "error"
40
- })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Rating, {
41
- type: "warning"
42
- })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Rating, {
43
- type: "info"
44
- })));
45
- };
46
- export var CustomAmount = function CustomAmount() {
47
- return /*#__PURE__*/React.createElement(Grid.Container, {
48
- gap: 2
49
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Rating, {
50
- count: 2
51
- })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Rating, {
52
- value: 3,
53
- count: 6
54
- })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Rating, {
55
- value: 4,
56
- count: 8
57
- })));
58
- };
59
- export var Icon = function Icon() {
60
- return /*#__PURE__*/React.createElement(Grid.Container, {
61
- gap: 2
62
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Rating, {
63
- value: 4,
64
- count: 6,
65
- type: "success",
66
- icon: /*#__PURE__*/React.createElement(Umbrella, null)
67
- })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Rating, {
68
- count: 7,
69
- type: "error",
70
- icon: /*#__PURE__*/React.createElement(Zap, null)
71
- })));
72
- };
package/esm/Select/stories.js DELETED
@@ -1,239 +0,0 @@
1
- import Select from '.';
2
- import Grid from '../Grid';
3
- import Code from '../Code';
4
- export default {
5
- title: 'Data Entry/Select',
6
- component: Select
7
- };
8
- export var Default = function Default() {
9
- var handler = function handler(val) {
10
- return console.log(val);
11
- };
12
-
13
- return /*#__PURE__*/React.createElement(Grid.Container, {
14
- gap: 2
15
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Select, {
16
- placeholder: "Select one",
17
- onChange: handler
18
- }, /*#__PURE__*/React.createElement(Select.Option, {
19
- value: "1"
20
- }, "Value 1"), /*#__PURE__*/React.createElement(Select.Option, {
21
- value: "2"
22
- }, "Value 2"))));
23
- };
24
- export var Types = function Types() {
25
- return /*#__PURE__*/React.createElement(Grid.Container, {
26
- gap: 2
27
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Select, {
28
- placeholder: "Default"
29
- }, /*#__PURE__*/React.createElement(Select.Option, {
30
- value: "1"
31
- }, "Value 1"), /*#__PURE__*/React.createElement(Select.Option, {
32
- value: "2"
33
- }, "Value 2"))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Select, {
34
- type: "primary",
35
- initialValue: "1"
36
- }, /*#__PURE__*/React.createElement(Select.Option, {
37
- value: "1"
38
- }, "Value 1"), /*#__PURE__*/React.createElement(Select.Option, {
39
- value: "2"
40
- }, "Value 2"))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Select, {
41
- type: "secondary",
42
- initialValue: "2"
43
- }, /*#__PURE__*/React.createElement(Select.Option, {
44
- value: "1"
45
- }, "Value 1"), /*#__PURE__*/React.createElement(Select.Option, {
46
- value: "2"
47
- }, "Value 2"))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Select, {
48
- type: "success",
49
- initialValue: "1"
50
- }, /*#__PURE__*/React.createElement(Select.Option, {
51
- value: "1"
52
- }, "Value 1"), /*#__PURE__*/React.createElement(Select.Option, {
53
- value: "2"
54
- }, "Value 2"))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Select, {
55
- type: "warning",
56
- initialValue: "2"
57
- }, /*#__PURE__*/React.createElement(Select.Option, {
58
- value: "1"
59
- }, "Value 1"), /*#__PURE__*/React.createElement(Select.Option, {
60
- value: "2"
61
- }, "Value 2"))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Select, {
62
- type: "error",
63
- initialValue: "1"
64
- }, /*#__PURE__*/React.createElement(Select.Option, {
65
- value: "1"
66
- }, "Value 1"), /*#__PURE__*/React.createElement(Select.Option, {
67
- value: "2"
68
- }, "Value 2"))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Select, {
69
- type: "info",
70
- initialValue: "2"
71
- }, /*#__PURE__*/React.createElement(Select.Option, {
72
- value: "1"
73
- }, "Value 1"), /*#__PURE__*/React.createElement(Select.Option, {
74
- value: "2"
75
- }, "Value 2"))));
76
- };
77
- export var Disable = function Disable() {
78
- return /*#__PURE__*/React.createElement(Grid.Container, {
79
- gap: 2
80
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Select, {
81
- placeholder: "Select one",
82
- disabled: true
83
- }, /*#__PURE__*/React.createElement(Select.Option, {
84
- value: "1"
85
- }, "Value 1"), /*#__PURE__*/React.createElement(Select.Option, {
86
- value: "2"
87
- }, "Value 2"))));
88
- };
89
- export var DisabledOption = function DisabledOption() {
90
- return /*#__PURE__*/React.createElement(Grid.Container, {
91
- gap: 2
92
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Select, {
93
- placeholder: "Select one"
94
- }, /*#__PURE__*/React.createElement(Select.Option, {
95
- value: "1",
96
- disabled: true
97
- }, "Value 1"), /*#__PURE__*/React.createElement(Select.Option, {
98
- value: "2"
99
- }, "Value 2"))));
100
- };
101
- export var WithoutIcon = function WithoutIcon() {
102
- return /*#__PURE__*/React.createElement(Grid.Container, {
103
- gap: 2
104
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Select, {
105
- placeholder: "Select one",
106
- pure: true
107
- }, /*#__PURE__*/React.createElement(Select.Option, {
108
- value: "1"
109
- }, "Value 1"), /*#__PURE__*/React.createElement(Select.Option, {
110
- value: "2"
111
- }, "Value 2"))));
112
- };
113
- export var Labels = function Labels() {
114
- return /*#__PURE__*/React.createElement(Grid.Container, {
115
- gap: 2
116
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Select, {
117
- placeholder: "Technologies"
118
- }, /*#__PURE__*/React.createElement(Select.Option, {
119
- label: true
120
- }, "JavaScript"), /*#__PURE__*/React.createElement(Select.Option, {
121
- value: "react"
122
- }, "React"), /*#__PURE__*/React.createElement(Select.Option, {
123
- value: "angular"
124
- }, "Angular"), /*#__PURE__*/React.createElement(Select.Option, {
125
- label: true
126
- }, "Ruby"), /*#__PURE__*/React.createElement(Select.Option, {
127
- value: "rails"
128
- }, "Rails"), /*#__PURE__*/React.createElement(Select.Option, {
129
- value: "php"
130
- }, "PHP"))));
131
- };
132
- export var Divider = function Divider() {
133
- return /*#__PURE__*/React.createElement(Grid.Container, {
134
- gap: 2
135
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Select, {
136
- placeholder: "Technologies"
137
- }, /*#__PURE__*/React.createElement(Select.Option, {
138
- value: "react"
139
- }, "React"), /*#__PURE__*/React.createElement(Select.Option, {
140
- value: "angular"
141
- }, "Angular"), /*#__PURE__*/React.createElement(Select.Option, {
142
- divider: true
143
- }), /*#__PURE__*/React.createElement(Select.Option, {
144
- value: "rails"
145
- }, "Rails"), /*#__PURE__*/React.createElement(Select.Option, {
146
- value: "php"
147
- }, "PHP"))));
148
- };
149
- export var Multiple = function Multiple() {
150
- return /*#__PURE__*/React.createElement(Grid.Container, {
151
- gap: 2
152
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Select, {
153
- placeholder: "Technologies",
154
- multiple: true,
155
- width: "200px",
156
- initialValue: ['1', '3', '4', '6']
157
- }, /*#__PURE__*/React.createElement(Select.Option, {
158
- value: "1"
159
- }, "React"), /*#__PURE__*/React.createElement(Select.Option, {
160
- value: "2"
161
- }, "Angular"), /*#__PURE__*/React.createElement(Select.Option, {
162
- value: "3"
163
- }, "Vue"), /*#__PURE__*/React.createElement(Select.Option, {
164
- divider: true
165
- }), /*#__PURE__*/React.createElement(Select.Option, {
166
- value: "4"
167
- }, "Rails"), /*#__PURE__*/React.createElement(Select.Option, {
168
- value: "5"
169
- }, "PHP"), /*#__PURE__*/React.createElement(Select.Option, {
170
- divider: true
171
- }), /*#__PURE__*/React.createElement(Select.Option, {
172
- value: "6"
173
- }, "Express"), /*#__PURE__*/React.createElement(Select.Option, {
174
- value: "7"
175
- }, "Koa"))));
176
- };
177
- export var MultipleWithoutClear = function MultipleWithoutClear() {
178
- return /*#__PURE__*/React.createElement(Grid.Container, {
179
- gap: 2
180
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Select, {
181
- placeholder: "Technologies",
182
- multiple: true,
183
- width: "200px",
184
- clearable: false,
185
- initialValue: ['1', '3', '4', '6']
186
- }, /*#__PURE__*/React.createElement(Select.Option, {
187
- value: "1"
188
- }, "React"), /*#__PURE__*/React.createElement(Select.Option, {
189
- value: "2"
190
- }, "Angular"), /*#__PURE__*/React.createElement(Select.Option, {
191
- value: "3"
192
- }, "Vue"), /*#__PURE__*/React.createElement(Select.Option, {
193
- divider: true
194
- }), /*#__PURE__*/React.createElement(Select.Option, {
195
- value: "4"
196
- }, "Rails"), /*#__PURE__*/React.createElement(Select.Option, {
197
- value: "5"
198
- }, "PHP"), /*#__PURE__*/React.createElement(Select.Option, {
199
- divider: true
200
- }), /*#__PURE__*/React.createElement(Select.Option, {
201
- value: "6"
202
- }, "Express"), /*#__PURE__*/React.createElement(Select.Option, {
203
- value: "7"
204
- }, "Koa"))));
205
- };
206
- export var Component = function Component() {
207
- return /*#__PURE__*/React.createElement(Grid.Container, {
208
- gap: 2
209
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Select, {
210
- placeholder: "Value one",
211
- initialValue: "1"
212
- }, /*#__PURE__*/React.createElement(Select.Option, {
213
- value: "1"
214
- }, /*#__PURE__*/React.createElement(Code, null, "TypeScript")), /*#__PURE__*/React.createElement(Select.Option, {
215
- value: "2"
216
- }, /*#__PURE__*/React.createElement(Code, null, "JavaScript")))));
217
- };
218
- export var OverWidth = function OverWidth() {
219
- return /*#__PURE__*/React.createElement(Grid.Container, {
220
- gap: 2
221
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Select, {
222
- placeholder: "Choose one",
223
- value: "1",
224
- width: "150px"
225
- }, /*#__PURE__*/React.createElement(Select.Option, {
226
- value: "1"
227
- }, "Truncate an overly long string"), /*#__PURE__*/React.createElement(Select.Option, {
228
- value: "2"
229
- }, "Option 2"))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Select, {
230
- placeholder: "Choose one",
231
- value: "1",
232
- width: "150px",
233
- disableMatchWidth: true
234
- }, /*#__PURE__*/React.createElement(Select.Option, {
235
- value: "1"
236
- }, "Autoscale option width when text is too long"), /*#__PURE__*/React.createElement(Select.Option, {
237
- value: "2"
238
- }, "Option 2"))));
239
- };
package/esm/Slider/stories.js DELETED
@@ -1,134 +0,0 @@
1
- import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
2
- import React, { useState } from 'react';
3
- import Slider from '.';
4
- import Grid from '../Grid';
5
- export default {
6
- title: 'Data Entry/Slider',
7
- component: Slider
8
- };
9
- export var Default = function Default() {
10
- return /*#__PURE__*/React.createElement(Grid.Container, {
11
- gap: 2
12
- }, /*#__PURE__*/React.createElement(Grid, {
13
- xs: 12,
14
- md: 12
15
- }, /*#__PURE__*/React.createElement(Slider, {
16
- initialValue: 40
17
- })));
18
- };
19
- export var Type = function Type() {
20
- return /*#__PURE__*/React.createElement(Grid.Container, {
21
- gap: 2
22
- }, /*#__PURE__*/React.createElement(Grid, {
23
- xs: 12,
24
- md: 12
25
- }, /*#__PURE__*/React.createElement(Slider, {
26
- initialValue: 40
27
- })), /*#__PURE__*/React.createElement(Grid, {
28
- xs: 12,
29
- md: 12
30
- }, /*#__PURE__*/React.createElement(Slider, {
31
- type: "primary",
32
- initialValue: 20
33
- })), /*#__PURE__*/React.createElement(Grid, {
34
- xs: 12,
35
- md: 12
36
- }, /*#__PURE__*/React.createElement(Slider, {
37
- type: "secondary",
38
- initialValue: 70
39
- })), /*#__PURE__*/React.createElement(Grid, {
40
- xs: 12,
41
- md: 12
42
- }, /*#__PURE__*/React.createElement(Slider, {
43
- type: "success",
44
- initialValue: 60
45
- })), /*#__PURE__*/React.createElement(Grid, {
46
- xs: 12,
47
- md: 12
48
- }, /*#__PURE__*/React.createElement(Slider, {
49
- type: "warning",
50
- initialValue: 10
51
- })), /*#__PURE__*/React.createElement(Grid, {
52
- xs: 12,
53
- md: 12
54
- }, /*#__PURE__*/React.createElement(Slider, {
55
- type: "error",
56
- initialValue: 80
57
- })), /*#__PURE__*/React.createElement(Grid, {
58
- xs: 12,
59
- md: 12
60
- }, /*#__PURE__*/React.createElement(Slider, {
61
- type: "info",
62
- initialValue: 90
63
- })));
64
- };
65
- export var Disabled = function Disabled() {
66
- return /*#__PURE__*/React.createElement(Grid.Container, {
67
- gap: 2
68
- }, /*#__PURE__*/React.createElement(Grid, {
69
- xs: 12,
70
- md: 12
71
- }, /*#__PURE__*/React.createElement(Slider, {
72
- initialValue: 50,
73
- disabled: true
74
- })));
75
- };
76
- export var Markers = function Markers() {
77
- return /*#__PURE__*/React.createElement(Grid.Container, {
78
- gap: 2
79
- }, /*#__PURE__*/React.createElement(Grid, {
80
- xs: 12,
81
- md: 12
82
- }, /*#__PURE__*/React.createElement(Slider, {
83
- step: 10,
84
- showMarkers: true,
85
- width: "75%"
86
- })));
87
- };
88
- export var Range = function Range() {
89
- return /*#__PURE__*/React.createElement(Grid.Container, {
90
- gap: 2
91
- }, /*#__PURE__*/React.createElement(Grid, {
92
- xs: 12,
93
- md: 12
94
- }, /*#__PURE__*/React.createElement(Slider, {
95
- step: 5,
96
- max: 50,
97
- min: 10,
98
- initialValue: 25,
99
- showMarkers: true,
100
- width: "75%"
101
- })), /*#__PURE__*/React.createElement(Grid, {
102
- xs: 12,
103
- md: 12
104
- }, /*#__PURE__*/React.createElement(Slider, {
105
- step: 0.2,
106
- max: 1,
107
- min: 0.2,
108
- initialValue: 0.4,
109
- showMarkers: true,
110
- width: "75%"
111
- })));
112
- };
113
- export var Event = function Event() {
114
- var _useState = useState(),
115
- _useState2 = _slicedToArray(_useState, 2),
116
- value = _useState2[0],
117
- setValue = _useState2[1];
118
-
119
- var handler = function handler(val) {
120
- console.log(val);
121
- setValue(val);
122
- };
123
-
124
- return /*#__PURE__*/React.createElement(Grid.Container, {
125
- gap: 2
126
- }, /*#__PURE__*/React.createElement(Grid, {
127
- xs: 12,
128
- md: 12
129
- }, /*#__PURE__*/React.createElement(Slider, {
130
- value: value,
131
- onChange: handler,
132
- width: "50%"
133
- })));
134
- };