@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/Avatar/stories.js DELETED
@@ -1,113 +0,0 @@
1
- import Avatar from '.';
2
- import Grid from '../Grid';
3
- export default {
4
- title: 'Data Display/Avatar',
5
- component: Avatar
6
- };
7
- export var Default = function Default() {
8
- return /*#__PURE__*/React.createElement(Grid.Container, {
9
- gap: 2
10
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Avatar, {
11
- src: "https://i.pravatar.cc/150?img=60",
12
- isSquare: true,
13
- width: 1.5,
14
- height: 1.5
15
- })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Avatar, {
16
- text: "Bill",
17
- isSquare: true,
18
- width: 1.5,
19
- height: 1.5
20
- })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Avatar, {
21
- src: "https://i.pravatar.cc/150?img=30",
22
- isSquare: true,
23
- width: 1.5,
24
- height: 1.5
25
- })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Avatar, {
26
- text: "Max",
27
- isSquare: true,
28
- width: 1.5,
29
- height: 1.5
30
- })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Avatar, {
31
- src: "https://i.pravatar.cc/150?img=20",
32
- isSquare: true,
33
- width: 1.5,
34
- height: 1.5
35
- })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Avatar, {
36
- text: "Jane",
37
- isSquare: true,
38
- width: 1.5,
39
- height: 1.5
40
- })));
41
- };
42
- export var Text = function Text() {
43
- return /*#__PURE__*/React.createElement(Grid.Container, {
44
- gap: 2
45
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Avatar, {
46
- text: "BA",
47
- width: 1.5,
48
- height: 1.5
49
- })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Avatar, {
50
- text: "ES",
51
- width: 1.5,
52
- height: 1.5
53
- })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Avatar, {
54
- text: "MB",
55
- width: 1.5,
56
- height: 1.5
57
- })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Avatar, {
58
- text: "WL",
59
- width: 1.5,
60
- height: 1.5
61
- })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Avatar, {
62
- text: "ML",
63
- width: 1.5,
64
- height: 1.5
65
- })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Avatar, {
66
- text: "TR",
67
- width: 1.5,
68
- height: 1.5
69
- })));
70
- };
71
- export var Group = function Group() {
72
- return /*#__PURE__*/React.createElement(Grid.Container, {
73
- gap: 2,
74
- direction: "column"
75
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Avatar.Group, null, /*#__PURE__*/React.createElement(Avatar, {
76
- src: "https://i.pravatar.cc/150?img=60",
77
- width: 1.5,
78
- height: 1.5,
79
- stacked: true
80
- }), /*#__PURE__*/React.createElement(Avatar, {
81
- src: "https://i.pravatar.cc/150?img=30",
82
- width: 1.5,
83
- height: 1.5,
84
- stacked: true
85
- }), /*#__PURE__*/React.createElement(Avatar, {
86
- src: "https://i.pravatar.cc/150?img=20",
87
- width: 1.5,
88
- height: 1.5,
89
- stacked: true
90
- }), /*#__PURE__*/React.createElement(Avatar, {
91
- src: "https://i.pravatar.cc/150?img=10",
92
- width: 1.5,
93
- height: 1.5,
94
- stacked: true
95
- }))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Avatar.Group, {
96
- count: 6
97
- }, /*#__PURE__*/React.createElement(Avatar, {
98
- src: "https://i.pravatar.cc/150?img=60",
99
- width: 1.5,
100
- height: 1.5,
101
- stacked: true
102
- }), /*#__PURE__*/React.createElement(Avatar, {
103
- text: "C",
104
- width: 1.5,
105
- height: 1.5,
106
- stacked: true
107
- }), /*#__PURE__*/React.createElement(Avatar, {
108
- text: "Mag",
109
- width: 1.5,
110
- height: 1.5,
111
- stacked: true
112
- }))));
113
- };
package/esm/Badge/stories.js DELETED
@@ -1,92 +0,0 @@
1
- import { useTheme } from '../use-theme/theme-context';
2
- import Badge from '.';
3
- import Grid from '../Grid';
4
- import Avatar from '../Avatar';
5
- import Button from '../Button';
6
- import Link from '../Link';
7
- export default {
8
- title: 'Data Display/Badge',
9
- component: Badge
10
- };
11
- export var Default = function Default() {
12
- return /*#__PURE__*/React.createElement(Grid.Container, {
13
- gap: 2
14
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Badge, null, "Default")));
15
- };
16
- export var Type = function Type() {
17
- return /*#__PURE__*/React.createElement(Grid.Container, {
18
- gap: 2
19
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Badge, null, "Default")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Badge, {
20
- type: "primary"
21
- }, "Primary")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Badge, {
22
- type: "secondary"
23
- }, "Secondary")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Badge, {
24
- type: "success"
25
- }, "Success")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Badge, {
26
- type: "warning"
27
- }, "Warning")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Badge, {
28
- type: "error"
29
- }, "Error")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Badge, {
30
- type: "info"
31
- }, "Info")));
32
- };
33
- export var CustomColor = function CustomColor() {
34
- var theme = useTheme();
35
- return /*#__PURE__*/React.createElement(Grid.Container, {
36
- gap: 2
37
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Badge, {
38
- style: {
39
- backgroundColor: theme.palette.successDark
40
- }
41
- }, "Success Light")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Badge, {
42
- style: {
43
- backgroundColor: theme.palette.alert
44
- }
45
- }, "Alert")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Badge, {
46
- style: {
47
- backgroundColor: theme.palette.purple
48
- }
49
- }, "Purple")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Badge, {
50
- style: {
51
- backgroundColor: theme.palette.secondary
52
- }
53
- }, "Violet")));
54
- };
55
- export var Anchor = function Anchor() {
56
- return /*#__PURE__*/React.createElement(Grid.Container, {
57
- gap: 2
58
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Badge.Anchor, null, /*#__PURE__*/React.createElement(Badge, {
59
- scale: 0.5
60
- }, "10"), /*#__PURE__*/React.createElement(Avatar, {
61
- src: "https://i.pravatar.cc/150?img=60"
62
- }))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Badge.Anchor, {
63
- placement: "bottomRight"
64
- }, /*#__PURE__*/React.createElement(Badge, {
65
- scale: 0.5,
66
- type: "success"
67
- }, "10"), /*#__PURE__*/React.createElement(Avatar, {
68
- scale: 1.5,
69
- isSquare: true,
70
- src: "https://i.pravatar.cc/150?img=30"
71
- }))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Badge.Anchor, null, /*#__PURE__*/React.createElement(Badge, {
72
- scale: 0.5,
73
- type: "warning"
74
- }, "99+"), /*#__PURE__*/React.createElement(Button, {
75
- scale: 0.5,
76
- auto: true
77
- }, "Action"))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Badge.Anchor, null, /*#__PURE__*/React.createElement(Badge, {
78
- scale: 0.5,
79
- type: "error",
80
- dot: true
81
- }), /*#__PURE__*/React.createElement(Link, {
82
- target: "_blank",
83
- href: "https://github.com/bolio-ui/bolio-ui/"
84
- }, "Bolio UI"))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Badge.Anchor, null, /*#__PURE__*/React.createElement(Badge, {
85
- type: "error",
86
- dot: true,
87
- padding: "5px"
88
- }), /*#__PURE__*/React.createElement(Link, {
89
- target: "_blank",
90
- href: "https://github.com/bolio-ui/bolio-ui/"
91
- }, "Share Link"))));
92
- };
package/esm/Breadcrumbs/stories.js DELETED
@@ -1,51 +0,0 @@
1
- import NextLink from 'next/link';
2
- import Breadcrumbs from '.';
3
- import Grid from '../Grid';
4
- import { Home, Settings } from '@bolio-ui/icons';
5
- export default {
6
- title: 'Navigation/Breadcrumbs',
7
- component: Breadcrumbs
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(Breadcrumbs, null, /*#__PURE__*/React.createElement(Breadcrumbs.Item, null, "Home"), /*#__PURE__*/React.createElement(Breadcrumbs.Item, {
13
- href: ""
14
- }, "Settings"), /*#__PURE__*/React.createElement(Breadcrumbs.Item, null, "General"))));
15
- };
16
- export var Separator = function Separator() {
17
- return /*#__PURE__*/React.createElement(Grid.Container, {
18
- gap: 2,
19
- direction: "column"
20
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Breadcrumbs, {
21
- separator: "-"
22
- }, /*#__PURE__*/React.createElement(Breadcrumbs.Item, null, "Home"), /*#__PURE__*/React.createElement(Breadcrumbs.Item, {
23
- href: ""
24
- }, "Categories"), /*#__PURE__*/React.createElement(Breadcrumbs.Item, null, "Add"))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Breadcrumbs, {
25
- separator: ">"
26
- }, /*#__PURE__*/React.createElement(Breadcrumbs.Item, null, "Home"), /*#__PURE__*/React.createElement(Breadcrumbs.Separator, null, ":"), /*#__PURE__*/React.createElement(Breadcrumbs.Item, {
27
- href: ""
28
- }, "Pages"), /*#__PURE__*/React.createElement(Breadcrumbs.Item, {
29
- href: ""
30
- }, "Default"), /*#__PURE__*/React.createElement(Breadcrumbs.Item, null, "Index"))));
31
- };
32
- export var Icons = function Icons() {
33
- return /*#__PURE__*/React.createElement(Grid.Container, {
34
- gap: 2
35
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Breadcrumbs, null, /*#__PURE__*/React.createElement(Breadcrumbs.Item, null, /*#__PURE__*/React.createElement(Home, null)), /*#__PURE__*/React.createElement(Breadcrumbs.Item, {
36
- href: ""
37
- }, /*#__PURE__*/React.createElement(Settings, null), " Settings"), /*#__PURE__*/React.createElement(Breadcrumbs.Item, null, "General"))));
38
- };
39
- export var WithNextjs = function WithNextjs() {
40
- return /*#__PURE__*/React.createElement(Grid.Container, {
41
- gap: 2
42
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Breadcrumbs, null, /*#__PURE__*/React.createElement(NextLink, {
43
- href: "/"
44
- }, /*#__PURE__*/React.createElement(Breadcrumbs.Item, {
45
- nextLink: true
46
- }, "Home")), /*#__PURE__*/React.createElement(NextLink, {
47
- href: "/settings"
48
- }, /*#__PURE__*/React.createElement(Breadcrumbs.Item, {
49
- nextLink: true
50
- }, "Settings")), /*#__PURE__*/React.createElement(Breadcrumbs.Item, null, "General"))));
51
- };
package/esm/Button/stories.js DELETED
@@ -1,221 +0,0 @@
1
- import Button from '.';
2
- import Grid from '../Grid';
3
- import { Zap, ZapOff, AlertCircle, XSquare } from '@bolio-ui/icons';
4
- export default {
5
- title: 'General/Button',
6
- component: Button
7
- };
8
- export var Default = function Default() {
9
- return /*#__PURE__*/React.createElement(Grid.Container, {
10
- gap: 2
11
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, null, "Button")));
12
- };
13
- export var Loading = function Loading() {
14
- return /*#__PURE__*/React.createElement(Grid.Container, {
15
- gap: 2
16
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
17
- loading: true
18
- }, "Button")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
19
- loading: true,
20
- scale: 0.75
21
- }, "Button")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
22
- loading: true,
23
- auto: true,
24
- type: "primary",
25
- scale: 2 / 3
26
- }, "Button")));
27
- };
28
- export var Disabled = function Disabled() {
29
- return /*#__PURE__*/React.createElement(Grid.Container, {
30
- gap: 2
31
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
32
- disabled: true
33
- }, "Button")));
34
- };
35
- export var Shadow = function Shadow() {
36
- return /*#__PURE__*/React.createElement(Grid.Container, {
37
- gap: 2
38
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
39
- shadow: true,
40
- type: "primary"
41
- }, "Button Shadow")));
42
- };
43
- export var TypeColors = function TypeColors() {
44
- return /*#__PURE__*/React.createElement(Grid.Container, {
45
- gap: 2
46
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
47
- auto: true,
48
- type: "primary"
49
- }, "Primary")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
50
- auto: true,
51
- type: "secondary"
52
- }, "Secondary")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
53
- auto: true,
54
- type: "success"
55
- }, "Success")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
56
- auto: true,
57
- type: "warning"
58
- }, "Warning")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
59
- auto: true,
60
- type: "error"
61
- }, "Error")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
62
- auto: true,
63
- type: "info"
64
- }, "Info")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
65
- auto: true,
66
- type: "abort"
67
- }, "Abort")));
68
- };
69
- export var Lighted = function Lighted() {
70
- return /*#__PURE__*/React.createElement(Grid.Container, {
71
- gap: 2
72
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
73
- auto: true,
74
- type: "primary-light"
75
- }, "Primary Light")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
76
- auto: true,
77
- type: "secondary-light"
78
- }, "Secondary Light")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
79
- auto: true,
80
- type: "success-light"
81
- }, "Success Light")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
82
- auto: true,
83
- type: "warning-light"
84
- }, "Warning Light")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
85
- auto: true,
86
- type: "error-light"
87
- }, "Error Light")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
88
- auto: true,
89
- type: "info-light"
90
- }, "Info Light")));
91
- };
92
- export var Ghost = function Ghost() {
93
- return /*#__PURE__*/React.createElement(Grid.Container, {
94
- gap: 2
95
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
96
- type: "secondary",
97
- ghost: true,
98
- auto: true,
99
- scale: 0.7
100
- }, "Secondary")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
101
- type: "success",
102
- ghost: true,
103
- auto: true,
104
- scale: 0.7
105
- }, "Success")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
106
- type: "warning",
107
- ghost: true,
108
- auto: true,
109
- scale: 0.7
110
- }, "Warning")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
111
- type: "error",
112
- ghost: true,
113
- auto: true,
114
- scale: 0.7
115
- }, "Error")));
116
- };
117
- export var Rounded = function Rounded() {
118
- return /*#__PURE__*/React.createElement(Grid.Container, {
119
- gap: 2
120
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
121
- type: "secondary",
122
- rounded: true,
123
- auto: true,
124
- scale: 0.7
125
- }, "Secondary")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
126
- type: "success",
127
- rounded: true,
128
- auto: true,
129
- scale: 0.7
130
- }, "Success")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
131
- type: "warning",
132
- rounded: true,
133
- auto: true,
134
- scale: 0.7
135
- }, "Warning")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
136
- type: "error",
137
- rounded: true,
138
- auto: true,
139
- scale: 0.7
140
- }, "Error")));
141
- };
142
- export var Scale = function Scale() {
143
- return /*#__PURE__*/React.createElement(Grid.Container, {
144
- gap: 2
145
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
146
- auto: true,
147
- scale: 0.25
148
- }, "0.25")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
149
- auto: true,
150
- scale: 0.35
151
- }, "0.35")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
152
- auto: true,
153
- scale: 1 / 2
154
- }, "1 / 2")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
155
- auto: true,
156
- scale: 0.75
157
- }, "0.75")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
158
- auto: true,
159
- padding: 0
160
- }, "NoPadding")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
161
- auto: true,
162
- font: 0.25
163
- }, "Small Font")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
164
- auto: true,
165
- pl: 0,
166
- ml: "25px"
167
- }, "Offset")), /*#__PURE__*/React.createElement(Grid, {
168
- xs: 12
169
- }, /*#__PURE__*/React.createElement(Button, {
170
- width: "100%"
171
- }, "Full Width")), /*#__PURE__*/React.createElement(Grid, {
172
- xs: 12
173
- }, /*#__PURE__*/React.createElement(Button, {
174
- auto: true,
175
- width: "30%",
176
- mx: "5px"
177
- }, "proportion"), /*#__PURE__*/React.createElement(Button, {
178
- auto: true,
179
- width: "30%",
180
- mx: "5px"
181
- }, "proportion"), /*#__PURE__*/React.createElement(Button, {
182
- auto: true,
183
- width: "30%",
184
- mx: "5px"
185
- }, "proportion")));
186
- };
187
- export var WithIcons = function WithIcons() {
188
- return /*#__PURE__*/React.createElement(Grid.Container, {
189
- gap: 2
190
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
191
- iconRight: /*#__PURE__*/React.createElement(Zap, null),
192
- auto: true,
193
- scale: 2 / 3
194
- })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
195
- iconRight: /*#__PURE__*/React.createElement(ZapOff, null),
196
- auto: true,
197
- scale: 2 / 3,
198
- px: 0.6
199
- })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
200
- icon: /*#__PURE__*/React.createElement(AlertCircle, null),
201
- auto: true
202
- }, "Button")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
203
- iconRight: /*#__PURE__*/React.createElement(AlertCircle, null),
204
- type: "success",
205
- scale: 0.85
206
- }, "Button")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
207
- icon: /*#__PURE__*/React.createElement(AlertCircle, null),
208
- type: "warning",
209
- scale: 0.85
210
- }, "Button")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
211
- icon: /*#__PURE__*/React.createElement(AlertCircle, null),
212
- type: "secondary"
213
- }, "Button")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
214
- icon: /*#__PURE__*/React.createElement(XSquare, null),
215
- type: "error",
216
- ghost: true
217
- }, "Remove Button")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
218
- icon: /*#__PURE__*/React.createElement(XSquare, null),
219
- disabled: true
220
- }, "Remove Button")));
221
- };
package/esm/ButtonDropdown/stories.js DELETED
@@ -1,92 +0,0 @@
1
- import ButtonDropdown from '.';
2
- import Grid from '../Grid';
3
- import { Plus } from '@bolio-ui/icons';
4
- export default {
5
- title: 'Navigation/ButtonDropdown',
6
- component: ButtonDropdown
7
- };
8
- export var Default = function Default() {
9
- return /*#__PURE__*/React.createElement(Grid.Container, {
10
- gap: 2
11
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(ButtonDropdown, null, /*#__PURE__*/React.createElement(ButtonDropdown.Item, {
12
- main: true
13
- }, "Default Button"), /*#__PURE__*/React.createElement(ButtonDropdown.Item, null, "Secondary Button"), /*#__PURE__*/React.createElement(ButtonDropdown.Item, null, "Tertiary Button"))));
14
- };
15
- export var Loading = function Loading() {
16
- return /*#__PURE__*/React.createElement(Grid.Container, {
17
- gap: 2
18
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(ButtonDropdown, {
19
- loading: true
20
- }, /*#__PURE__*/React.createElement(ButtonDropdown.Item, {
21
- main: true
22
- }, "Default Button"), /*#__PURE__*/React.createElement(ButtonDropdown.Item, null, "Secondary Button"), /*#__PURE__*/React.createElement(ButtonDropdown.Item, null, "Tertiary Button"))));
23
- };
24
- export var Disabled = function Disabled() {
25
- return /*#__PURE__*/React.createElement(Grid.Container, {
26
- gap: 2
27
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(ButtonDropdown, {
28
- disabled: true
29
- }, /*#__PURE__*/React.createElement(ButtonDropdown.Item, {
30
- main: true
31
- }, "Default Button"), /*#__PURE__*/React.createElement(ButtonDropdown.Item, null, "Secondary Button"), /*#__PURE__*/React.createElement(ButtonDropdown.Item, null, "Tertiary Button"))));
32
- };
33
- export var Types = function Types() {
34
- return /*#__PURE__*/React.createElement(Grid.Container, {
35
- gap: 2
36
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(ButtonDropdown, {
37
- type: "primary",
38
- scale: 0.5
39
- }, /*#__PURE__*/React.createElement(ButtonDropdown.Item, {
40
- main: true
41
- }, "Primary Button"))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(ButtonDropdown, {
42
- type: "secondary",
43
- scale: 0.5
44
- }, /*#__PURE__*/React.createElement(ButtonDropdown.Item, {
45
- main: true
46
- }, "Secondary Button"))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(ButtonDropdown, {
47
- type: "success",
48
- scale: 0.5
49
- }, /*#__PURE__*/React.createElement(ButtonDropdown.Item, {
50
- main: true
51
- }, "Success Button"))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(ButtonDropdown, {
52
- type: "warning",
53
- scale: 0.5
54
- }, /*#__PURE__*/React.createElement(ButtonDropdown.Item, {
55
- main: true
56
- }, "Warning Button"))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(ButtonDropdown, {
57
- type: "error",
58
- scale: 0.5
59
- }, /*#__PURE__*/React.createElement(ButtonDropdown.Item, {
60
- main: true
61
- }, "Error Button"))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(ButtonDropdown, {
62
- type: "info",
63
- scale: 0.5
64
- }, /*#__PURE__*/React.createElement(ButtonDropdown.Item, {
65
- main: true
66
- }, "Info Button"))));
67
- };
68
- export var MultipleType = function MultipleType() {
69
- return /*#__PURE__*/React.createElement(Grid.Container, {
70
- gap: 2
71
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(ButtonDropdown, {
72
- scale: 2 / 3,
73
- auto: true
74
- }, /*#__PURE__*/React.createElement(ButtonDropdown.Item, {
75
- main: true
76
- }, "Check"), /*#__PURE__*/React.createElement(ButtonDropdown.Item, null, "Block"), /*#__PURE__*/React.createElement(ButtonDropdown.Item, null, "Lock"), /*#__PURE__*/React.createElement(ButtonDropdown.Item, {
77
- type: "error"
78
- }, "Destroy"))));
79
- };
80
- export var CustomIcon = function CustomIcon() {
81
- return /*#__PURE__*/React.createElement(Grid.Container, {
82
- gap: 2
83
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(ButtonDropdown, {
84
- scale: 2 / 3,
85
- auto: true,
86
- icon: /*#__PURE__*/React.createElement(Plus, null)
87
- }, /*#__PURE__*/React.createElement(ButtonDropdown.Item, {
88
- main: true
89
- }, "Check User"), /*#__PURE__*/React.createElement(ButtonDropdown.Item, null, "Block User"), /*#__PURE__*/React.createElement(ButtonDropdown.Item, null, "Lock User"), /*#__PURE__*/React.createElement(ButtonDropdown.Item, {
90
- type: "error"
91
- }, "Destroy User"))));
92
- };
package/esm/ButtonGroup/stories.js DELETED
@@ -1,66 +0,0 @@
1
- import ButtonGroup from '.';
2
- import Button from '../Button';
3
- import Grid from '../Grid';
4
- export default {
5
- title: 'Data Entry/ButtonGroup',
6
- component: ButtonGroup
7
- };
8
- export var Default = function Default() {
9
- return /*#__PURE__*/React.createElement(Grid.Container, {
10
- gap: 2
11
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, null, "One"), /*#__PURE__*/React.createElement(Button, null, "Two"), /*#__PURE__*/React.createElement(Button, null, "Three"))));
12
- };
13
- export var Variant = function Variant() {
14
- return /*#__PURE__*/React.createElement(Grid.Container, {
15
- gap: 2
16
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(ButtonGroup, {
17
- type: "success"
18
- }, /*#__PURE__*/React.createElement(Button, null, "One"), /*#__PURE__*/React.createElement(Button, null, "Two"), /*#__PURE__*/React.createElement(Button, null, "Three"))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(ButtonGroup, {
19
- type: "abort"
20
- }, /*#__PURE__*/React.createElement(Button, null, "Action1"), /*#__PURE__*/React.createElement(Button, null, "Action2"))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(ButtonGroup, {
21
- type: "warning",
22
- ghost: true
23
- }, /*#__PURE__*/React.createElement(Button, null, "Action1"), /*#__PURE__*/React.createElement(Button, null, "Action2"))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(ButtonGroup, {
24
- type: "success-light"
25
- }, /*#__PURE__*/React.createElement(Button, null, "One"), /*#__PURE__*/React.createElement(Button, null, "Two"), /*#__PURE__*/React.createElement(Button, null, "Three"))));
26
- };
27
- export var Sizes = function Sizes() {
28
- return /*#__PURE__*/React.createElement(Grid.Container, {
29
- gap: 2
30
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(ButtonGroup, {
31
- scale: 2 / 3
32
- }, /*#__PURE__*/React.createElement(Button, {
33
- scale: 2 / 3
34
- }, "One"), /*#__PURE__*/React.createElement(Button, {
35
- scale: 2 / 3
36
- }, "Two"), /*#__PURE__*/React.createElement(Button, {
37
- scale: 2 / 3
38
- }, "Three"))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(ButtonGroup, {
39
- scale: 1 / 3
40
- }, /*#__PURE__*/React.createElement(Button, {
41
- scale: 1 / 3
42
- }, "Action1"), /*#__PURE__*/React.createElement(Button, {
43
- scale: 1 / 3
44
- }, "Action2"))));
45
- };
46
- export var Vertical = function Vertical() {
47
- return /*#__PURE__*/React.createElement(Grid.Container, {
48
- gap: 2
49
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(ButtonGroup, {
50
- vertical: true
51
- }, /*#__PURE__*/React.createElement(Button, null, "One"), /*#__PURE__*/React.createElement(Button, null, "Two"), /*#__PURE__*/React.createElement(Button, null, "Three"), /*#__PURE__*/React.createElement(Button, null, "Four"))));
52
- };
53
- export var Disabled = function Disabled() {
54
- return /*#__PURE__*/React.createElement(Grid.Container, {
55
- gap: 2
56
- }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(ButtonGroup, {
57
- scale: 0.5,
58
- disabled: true
59
- }, /*#__PURE__*/React.createElement(Button, {
60
- scale: 0.5
61
- }, "One"), /*#__PURE__*/React.createElement(Button, {
62
- scale: 0.5
63
- }, "Two"), /*#__PURE__*/React.createElement(Button, {
64
- scale: 0.5
65
- }, "Three"))));
66
- };