@doist/reactist 28.7.2 → 28.7.4

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 (470) hide show
  1. package/CHANGELOG.md +1457 -0
  2. package/CODE_OF_CONDUCT.md +83 -0
  3. package/CONTRIBUTING.md +46 -0
  4. package/dist/reactist.cjs.development.js +2091 -3811
  5. package/dist/reactist.cjs.development.js.map +1 -1
  6. package/dist/reactist.cjs.production.min.js +1 -1
  7. package/dist/reactist.cjs.production.min.js.map +1 -1
  8. package/es/avatar/avatar.js +35 -30
  9. package/es/avatar/avatar.js.map +1 -1
  10. package/es/avatar/utils.js +19 -22
  11. package/es/avatar/utils.js.map +1 -1
  12. package/es/badge/badge.js +5 -16
  13. package/es/badge/badge.js.map +1 -1
  14. package/es/banner/banner.js +39 -115
  15. package/es/banner/banner.js.map +1 -1
  16. package/es/banner/banner.module.css.js +1 -1
  17. package/es/base-field/base-field.js +80 -162
  18. package/es/base-field/base-field.js.map +1 -1
  19. package/es/base-field/base-field.module.css.js +1 -1
  20. package/es/box/box.js +61 -137
  21. package/es/box/box.js.map +1 -1
  22. package/es/button/button.js +42 -95
  23. package/es/button/button.js.map +1 -1
  24. package/es/checkbox-field/checkbox-field.js +46 -73
  25. package/es/checkbox-field/checkbox-field.js.map +1 -1
  26. package/es/checkbox-field/checkbox-field.module.css.js +1 -1
  27. package/es/checkbox-field/checkbox-icon.js +28 -55
  28. package/es/checkbox-field/checkbox-icon.js.map +1 -1
  29. package/es/checkbox-field/use-fork-ref.js +29 -25
  30. package/es/checkbox-field/use-fork-ref.js.map +1 -1
  31. package/es/columns/columns.js +22 -46
  32. package/es/columns/columns.js.map +1 -1
  33. package/es/columns/columns.module.css.js +1 -1
  34. package/es/components/color-picker/color-picker.js +45 -66
  35. package/es/components/color-picker/color-picker.js.map +1 -1
  36. package/es/components/deprecated-button/deprecated-button.js +11 -34
  37. package/es/components/deprecated-button/deprecated-button.js.map +1 -1
  38. package/es/components/deprecated-dropdown/dropdown.js +136 -197
  39. package/es/components/deprecated-dropdown/dropdown.js.map +1 -1
  40. package/es/components/deprecated-input/input.js +6 -10
  41. package/es/components/deprecated-input/input.js.map +1 -1
  42. package/es/components/deprecated-select/select.js +7 -31
  43. package/es/components/deprecated-select/select.js.map +1 -1
  44. package/es/components/key-capturer/key-capturer.js +130 -171
  45. package/es/components/key-capturer/key-capturer.js.map +1 -1
  46. package/es/components/keyboard-shortcut/keyboard-shortcut.js +48 -79
  47. package/es/components/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
  48. package/es/components/progress-bar/progress-bar.js +8 -20
  49. package/es/components/progress-bar/progress-bar.js.map +1 -1
  50. package/es/components/time/time-utils.js +52 -64
  51. package/es/components/time/time-utils.js.map +1 -1
  52. package/es/components/time/time.js +90 -114
  53. package/es/components/time/time.js.map +1 -1
  54. package/es/divider/divider.js +4 -13
  55. package/es/divider/divider.js.map +1 -1
  56. package/es/heading/heading.js +19 -28
  57. package/es/heading/heading.js.map +1 -1
  58. package/es/hidden/hidden.js +36 -45
  59. package/es/hidden/hidden.js.map +1 -1
  60. package/es/hidden-visually/hidden-visually.js +7 -13
  61. package/es/hidden-visually/hidden-visually.js.map +1 -1
  62. package/es/icons/alert-icon.js +18 -64
  63. package/es/icons/alert-icon.js.map +1 -1
  64. package/es/icons/banner-icon.js +25 -97
  65. package/es/icons/banner-icon.js.map +1 -1
  66. package/es/icons/close-icon.js +3 -9
  67. package/es/icons/close-icon.js.map +1 -1
  68. package/es/icons/password-hidden-icon.js +6 -23
  69. package/es/icons/password-hidden-icon.js.map +1 -1
  70. package/es/icons/password-visible-icon.js +5 -16
  71. package/es/icons/password-visible-icon.js.map +1 -1
  72. package/es/inline/inline.js +8 -23
  73. package/es/inline/inline.js.map +1 -1
  74. package/es/loading/loading.js +17 -28
  75. package/es/loading/loading.js.map +1 -1
  76. package/es/menu/menu.js +127 -260
  77. package/es/menu/menu.js.map +1 -1
  78. package/es/modal/modal.js +143 -272
  79. package/es/modal/modal.js.map +1 -1
  80. package/es/modal/modal.module.css.js +1 -1
  81. package/es/notice/notice.js +8 -21
  82. package/es/notice/notice.js.map +1 -1
  83. package/es/notice/notice.module.css.js +1 -1
  84. package/es/password-field/password-field.js +10 -24
  85. package/es/password-field/password-field.js.map +1 -1
  86. package/es/prose/prose.js +10 -15
  87. package/es/prose/prose.js.map +1 -1
  88. package/es/select-field/select-field.js +14 -51
  89. package/es/select-field/select-field.js.map +1 -1
  90. package/es/spinner/spinner.js +6 -20
  91. package/es/spinner/spinner.js.map +1 -1
  92. package/es/stack/stack.js +15 -27
  93. package/es/stack/stack.js.map +1 -1
  94. package/es/switch-field/switch-field.js +38 -73
  95. package/es/switch-field/switch-field.js.map +1 -1
  96. package/es/switch-field/switch-field.module.css.js +1 -1
  97. package/es/tabs/tabs.js +120 -207
  98. package/es/tabs/tabs.js.map +1 -1
  99. package/es/text/text.js +16 -25
  100. package/es/text/text.js.map +1 -1
  101. package/es/text-area/text-area.js +54 -111
  102. package/es/text-area/text-area.js.map +1 -1
  103. package/es/text-field/text-field.js +30 -84
  104. package/es/text-field/text-field.js.map +1 -1
  105. package/es/text-link/text-link.js +9 -20
  106. package/es/text-link/text-link.js.map +1 -1
  107. package/es/text-link/text-link.module.css.js +1 -1
  108. package/es/toast/static-toast.js +35 -70
  109. package/es/toast/static-toast.js.map +1 -1
  110. package/es/toast/toast-animation.js +121 -159
  111. package/es/toast/toast-animation.js.map +1 -1
  112. package/es/toast/use-toasts.js +134 -197
  113. package/es/toast/use-toasts.js.map +1 -1
  114. package/es/tooltip/tooltip.js +31 -69
  115. package/es/tooltip/tooltip.js.map +1 -1
  116. package/es/utils/common-helpers.js +9 -13
  117. package/es/utils/common-helpers.js.map +1 -1
  118. package/es/utils/polymorphism.js +7 -8
  119. package/es/utils/polymorphism.js.map +1 -1
  120. package/es/utils/responsive-props.js +57 -66
  121. package/es/utils/responsive-props.js.map +1 -1
  122. package/lib/avatar/avatar.d.ts +21 -21
  123. package/lib/avatar/avatar.js +69 -1
  124. package/lib/avatar/avatar.js.map +1 -1
  125. package/lib/avatar/avatar.module.css.js +7 -1
  126. package/lib/avatar/avatar.module.css.js.map +1 -1
  127. package/lib/avatar/index.d.ts +1 -1
  128. package/lib/avatar/utils.d.ts +3 -3
  129. package/lib/avatar/utils.js +30 -1
  130. package/lib/avatar/utils.js.map +1 -1
  131. package/lib/badge/badge.d.ts +15 -15
  132. package/lib/badge/badge.js +36 -1
  133. package/lib/badge/badge.js.map +1 -1
  134. package/lib/badge/badge.module.css.js +7 -1
  135. package/lib/badge/badge.module.css.js.map +1 -1
  136. package/lib/badge/index.d.ts +1 -1
  137. package/lib/banner/banner.d.ts +87 -87
  138. package/lib/banner/banner.js +79 -1
  139. package/lib/banner/banner.js.map +1 -1
  140. package/lib/banner/banner.module.css.js +7 -1
  141. package/lib/banner/banner.module.css.js.map +1 -1
  142. package/lib/banner/index.d.ts +2 -2
  143. package/lib/banner/story-promo-image.d.ts +4 -4
  144. package/lib/base-field/base-field.d.ts +139 -139
  145. package/lib/base-field/base-field.js +127 -1
  146. package/lib/base-field/base-field.js.map +1 -1
  147. package/lib/base-field/base-field.module.css.js +7 -1
  148. package/lib/base-field/base-field.module.css.js.map +1 -1
  149. package/lib/base-field/index.d.ts +1 -1
  150. package/lib/box/box.d.ts +73 -73
  151. package/lib/box/box.js +103 -1
  152. package/lib/box/box.js.map +1 -1
  153. package/lib/box/box.module.css.js +7 -1
  154. package/lib/box/box.module.css.js.map +1 -1
  155. package/lib/box/gap.module.css.js +7 -1
  156. package/lib/box/gap.module.css.js.map +1 -1
  157. package/lib/box/index.d.ts +1 -1
  158. package/lib/box/margin.module.css.js +7 -1
  159. package/lib/box/margin.module.css.js.map +1 -1
  160. package/lib/box/padding.module.css.js +7 -1
  161. package/lib/box/padding.module.css.js.map +1 -1
  162. package/lib/box/width.module.css.js +7 -1
  163. package/lib/box/width.module.css.js.map +1 -1
  164. package/lib/button/button.d.ts +127 -127
  165. package/lib/button/button.js +86 -1
  166. package/lib/button/button.js.map +1 -1
  167. package/lib/button/button.module.css.js +7 -1
  168. package/lib/button/button.module.css.js.map +1 -1
  169. package/lib/button/index.d.ts +1 -1
  170. package/lib/checkbox-field/checkbox-field.d.ts +40 -40
  171. package/lib/checkbox-field/checkbox-field.js +82 -1
  172. package/lib/checkbox-field/checkbox-field.js.map +1 -1
  173. package/lib/checkbox-field/checkbox-field.module.css.js +7 -1
  174. package/lib/checkbox-field/checkbox-field.module.css.js.map +1 -1
  175. package/lib/checkbox-field/checkbox-icon.d.ts +8 -8
  176. package/lib/checkbox-field/checkbox-icon.js +59 -1
  177. package/lib/checkbox-field/checkbox-icon.js.map +1 -1
  178. package/lib/checkbox-field/index.d.ts +1 -1
  179. package/lib/checkbox-field/use-fork-ref.d.ts +11 -11
  180. package/lib/checkbox-field/use-fork-ref.js +42 -1
  181. package/lib/checkbox-field/use-fork-ref.js.map +1 -1
  182. package/lib/columns/columns.d.ts +20 -20
  183. package/lib/columns/columns.js +57 -1
  184. package/lib/columns/columns.js.map +1 -1
  185. package/lib/columns/columns.module.css.js +7 -1
  186. package/lib/columns/columns.module.css.js.map +1 -1
  187. package/lib/columns/index.d.ts +1 -1
  188. package/lib/components/color-picker/color-picker.d.ts +29 -29
  189. package/lib/components/color-picker/color-picker.js +86 -1
  190. package/lib/components/color-picker/color-picker.js.map +1 -1
  191. package/lib/components/color-picker/index.d.ts +3 -3
  192. package/lib/components/color-picker/index.js +11 -1
  193. package/lib/components/color-picker/index.js.map +1 -1
  194. package/lib/components/deprecated-button/deprecated-button.d.ts +54 -54
  195. package/lib/components/deprecated-button/deprecated-button.js +49 -1
  196. package/lib/components/deprecated-button/deprecated-button.js.map +1 -1
  197. package/lib/components/deprecated-button/index.d.ts +4 -4
  198. package/lib/components/deprecated-button/index.js +9 -1
  199. package/lib/components/deprecated-button/index.js.map +1 -1
  200. package/lib/components/deprecated-dropdown/dropdown.d.ts +55 -55
  201. package/lib/components/deprecated-dropdown/dropdown.js +182 -1
  202. package/lib/components/deprecated-dropdown/dropdown.js.map +1 -1
  203. package/lib/components/deprecated-dropdown/index.d.ts +2 -2
  204. package/lib/components/deprecated-dropdown/index.js +9 -1
  205. package/lib/components/deprecated-dropdown/index.js.map +1 -1
  206. package/lib/components/deprecated-input/index.d.ts +2 -2
  207. package/lib/components/deprecated-input/index.js +9 -1
  208. package/lib/components/deprecated-input/index.js.map +1 -1
  209. package/lib/components/deprecated-input/input.d.ts +10 -10
  210. package/lib/components/deprecated-input/input.js +41 -1
  211. package/lib/components/deprecated-input/input.js.map +1 -1
  212. package/lib/components/deprecated-select/index.d.ts +2 -2
  213. package/lib/components/deprecated-select/index.js +9 -1
  214. package/lib/components/deprecated-select/index.js.map +1 -1
  215. package/lib/components/deprecated-select/select.d.ts +33 -33
  216. package/lib/components/deprecated-select/select.js +43 -1
  217. package/lib/components/deprecated-select/select.js.map +1 -1
  218. package/lib/components/icons/CloseIcon.svg.d.ts +3 -3
  219. package/lib/components/icons/ThinQuestionMarkIcon.svg.d.ts +3 -3
  220. package/lib/components/icons/ThreeDotsIcon.svg.d.ts +12 -12
  221. package/lib/components/key-capturer/index.d.ts +3 -3
  222. package/lib/components/key-capturer/index.js +11 -1
  223. package/lib/components/key-capturer/index.js.map +1 -1
  224. package/lib/components/key-capturer/key-capturer.d.ts +40 -40
  225. package/lib/components/key-capturer/key-capturer.js +171 -1
  226. package/lib/components/key-capturer/key-capturer.js.map +1 -1
  227. package/lib/components/keyboard-shortcut/index.d.ts +2 -2
  228. package/lib/components/keyboard-shortcut/index.js +9 -1
  229. package/lib/components/keyboard-shortcut/index.js.map +1 -1
  230. package/lib/components/keyboard-shortcut/keyboard-shortcut.d.ts +44 -44
  231. package/lib/components/keyboard-shortcut/keyboard-shortcut.js +97 -1
  232. package/lib/components/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
  233. package/lib/components/progress-bar/index.d.ts +2 -2
  234. package/lib/components/progress-bar/index.js +9 -1
  235. package/lib/components/progress-bar/index.js.map +1 -1
  236. package/lib/components/progress-bar/progress-bar.d.ts +14 -14
  237. package/lib/components/progress-bar/progress-bar.js +44 -1
  238. package/lib/components/progress-bar/progress-bar.js.map +1 -1
  239. package/lib/components/progress-bar/progress-bar.module.css.js +7 -1
  240. package/lib/components/progress-bar/progress-bar.module.css.js.map +1 -1
  241. package/lib/components/time/index.d.ts +2 -2
  242. package/lib/components/time/index.js +9 -1
  243. package/lib/components/time/index.js.map +1 -1
  244. package/lib/components/time/time-utils.d.ts +19 -19
  245. package/lib/components/time/time-utils.js +69 -1
  246. package/lib/components/time/time-utils.js.map +1 -1
  247. package/lib/components/time/time.d.ts +39 -39
  248. package/lib/components/time/time.js +124 -1
  249. package/lib/components/time/time.js.map +1 -1
  250. package/lib/divider/divider.d.ts +8 -8
  251. package/lib/divider/divider.js +36 -1
  252. package/lib/divider/divider.js.map +1 -1
  253. package/lib/divider/divider.module.css.js +7 -1
  254. package/lib/divider/divider.module.css.js.map +1 -1
  255. package/lib/divider/index.d.ts +1 -1
  256. package/lib/heading/heading.d.ts +112 -112
  257. package/lib/heading/heading.js +51 -1
  258. package/lib/heading/heading.js.map +1 -1
  259. package/lib/heading/heading.module.css.js +7 -1
  260. package/lib/heading/heading.module.css.js.map +1 -1
  261. package/lib/heading/index.d.ts +1 -1
  262. package/lib/hidden/hidden.d.ts +49 -49
  263. package/lib/hidden/hidden.js +70 -1
  264. package/lib/hidden/hidden.js.map +1 -1
  265. package/lib/hidden/hidden.module.css.js +7 -1
  266. package/lib/hidden/hidden.module.css.js.map +1 -1
  267. package/lib/hidden/index.d.ts +1 -1
  268. package/lib/hidden-visually/hidden-visually.d.ts +11 -11
  269. package/lib/hidden-visually/hidden-visually.js +40 -1
  270. package/lib/hidden-visually/hidden-visually.js.map +1 -1
  271. package/lib/hidden-visually/hidden-visually.module.css.js +7 -1
  272. package/lib/hidden-visually/hidden-visually.module.css.js.map +1 -1
  273. package/lib/hidden-visually/index.d.ts +1 -1
  274. package/lib/hooks/use-previous/index.d.ts +1 -1
  275. package/lib/hooks/use-previous/use-previous.d.ts +15 -15
  276. package/lib/icons/alert-icon.d.ts +6 -6
  277. package/lib/icons/alert-icon.js +56 -1
  278. package/lib/icons/alert-icon.js.map +1 -1
  279. package/lib/icons/banner-icon.d.ts +6 -6
  280. package/lib/icons/banner-icon.js +68 -1
  281. package/lib/icons/banner-icon.js.map +1 -1
  282. package/lib/icons/banner-icon.module.css.js +7 -1
  283. package/lib/icons/banner-icon.module.css.js.map +1 -1
  284. package/lib/icons/close-icon.d.ts +3 -3
  285. package/lib/icons/close-icon.js +33 -1
  286. package/lib/icons/close-icon.js.map +1 -1
  287. package/lib/icons/password-hidden-icon.d.ts +3 -3
  288. package/lib/icons/password-hidden-icon.js +36 -1
  289. package/lib/icons/password-hidden-icon.js.map +1 -1
  290. package/lib/icons/password-visible-icon.d.ts +3 -3
  291. package/lib/icons/password-visible-icon.js +35 -1
  292. package/lib/icons/password-visible-icon.js.map +1 -1
  293. package/lib/index.d.ts +38 -38
  294. package/lib/index.js +106 -1
  295. package/lib/index.js.map +1 -1
  296. package/lib/inline/index.d.ts +1 -1
  297. package/lib/inline/inline.d.ts +12 -12
  298. package/lib/inline/inline.js +40 -1
  299. package/lib/inline/inline.js.map +1 -1
  300. package/lib/loading/index.d.ts +1 -1
  301. package/lib/loading/loading.d.ts +26 -26
  302. package/lib/loading/loading.js +49 -1
  303. package/lib/loading/loading.js.map +1 -1
  304. package/lib/menu/index.d.ts +2 -2
  305. package/lib/menu/menu.d.ts +128 -128
  306. package/lib/menu/menu.js +179 -1
  307. package/lib/menu/menu.js.map +1 -1
  308. package/lib/modal/index.d.ts +1 -1
  309. package/lib/modal/modal-stories-components.d.ts +47 -47
  310. package/lib/modal/modal.d.ts +185 -185
  311. package/lib/modal/modal.js +209 -1
  312. package/lib/modal/modal.js.map +1 -1
  313. package/lib/modal/modal.module.css.js +7 -1
  314. package/lib/modal/modal.module.css.js.map +1 -1
  315. package/lib/notice/index.d.ts +1 -1
  316. package/lib/notice/notice.d.ts +10 -10
  317. package/lib/notice/notice.js +42 -1
  318. package/lib/notice/notice.js.map +1 -1
  319. package/lib/notice/notice.module.css.js +7 -1
  320. package/lib/notice/notice.module.css.js.map +1 -1
  321. package/lib/password-field/index.d.ts +1 -1
  322. package/lib/password-field/password-field.d.ts +10 -10
  323. package/lib/password-field/password-field.js +43 -1
  324. package/lib/password-field/password-field.js.map +1 -1
  325. package/lib/prose/index.d.ts +2 -2
  326. package/lib/prose/prose-example.d.ts +1 -1
  327. package/lib/prose/prose.d.ts +44 -44
  328. package/lib/prose/prose.js +42 -1
  329. package/lib/prose/prose.js.map +1 -1
  330. package/lib/prose/prose.module.css.js +7 -1
  331. package/lib/prose/prose.module.css.js.map +1 -1
  332. package/lib/select-field/index.d.ts +1 -1
  333. package/lib/select-field/select-field.d.ts +7 -7
  334. package/lib/select-field/select-field.js +48 -1
  335. package/lib/select-field/select-field.js.map +1 -1
  336. package/lib/select-field/select-field.module.css.js +7 -1
  337. package/lib/select-field/select-field.module.css.js.map +1 -1
  338. package/lib/spinner/index.d.ts +1 -1
  339. package/lib/spinner/spinner.d.ts +5 -5
  340. package/lib/spinner/spinner.js +36 -1
  341. package/lib/spinner/spinner.js.map +1 -1
  342. package/lib/spinner/spinner.module.css.js +7 -1
  343. package/lib/spinner/spinner.module.css.js.map +1 -1
  344. package/lib/stack/index.d.ts +1 -1
  345. package/lib/stack/stack.d.ts +15 -15
  346. package/lib/stack/stack.js +52 -1
  347. package/lib/stack/stack.js.map +1 -1
  348. package/lib/switch-field/index.d.ts +1 -1
  349. package/lib/switch-field/switch-field.d.ts +19 -19
  350. package/lib/switch-field/switch-field.js +74 -1
  351. package/lib/switch-field/switch-field.js.map +1 -1
  352. package/lib/switch-field/switch-field.module.css.js +7 -1
  353. package/lib/switch-field/switch-field.module.css.js.map +1 -1
  354. package/lib/tabs/index.d.ts +1 -1
  355. package/lib/tabs/tabs.d.ts +125 -125
  356. package/lib/tabs/tabs.js +177 -1
  357. package/lib/tabs/tabs.js.map +1 -1
  358. package/lib/tabs/tabs.module.css.js +7 -1
  359. package/lib/tabs/tabs.module.css.js.map +1 -1
  360. package/lib/text/index.d.ts +1 -1
  361. package/lib/text/text.d.ts +47 -47
  362. package/lib/text/text.js +49 -1
  363. package/lib/text/text.js.map +1 -1
  364. package/lib/text/text.module.css.js +7 -1
  365. package/lib/text/text.module.css.js.map +1 -1
  366. package/lib/text-area/index.d.ts +1 -1
  367. package/lib/text-area/text-area.d.ts +39 -39
  368. package/lib/text-area/text-area.js +92 -1
  369. package/lib/text-area/text-area.js.map +1 -1
  370. package/lib/text-area/text-area.module.css.js +7 -1
  371. package/lib/text-area/text-area.module.css.js.map +1 -1
  372. package/lib/text-field/index.d.ts +1 -1
  373. package/lib/text-field/text-field.d.ts +18 -18
  374. package/lib/text-field/text-field.js +63 -1
  375. package/lib/text-field/text-field.js.map +1 -1
  376. package/lib/text-field/text-field.module.css.js +7 -1
  377. package/lib/text-field/text-field.module.css.js.map +1 -1
  378. package/lib/text-link/index.d.ts +1 -1
  379. package/lib/text-link/text-link.d.ts +9 -9
  380. package/lib/text-link/text-link.js +41 -1
  381. package/lib/text-link/text-link.js.map +1 -1
  382. package/lib/text-link/text-link.module.css.js +7 -1
  383. package/lib/text-link/text-link.module.css.js.map +1 -1
  384. package/lib/toast/index.d.ts +4 -4
  385. package/lib/toast/static-toast.d.ts +63 -63
  386. package/lib/toast/static-toast.js +59 -1
  387. package/lib/toast/static-toast.js.map +1 -1
  388. package/lib/toast/toast-animation.d.ts +50 -50
  389. package/lib/toast/toast-animation.js +141 -1
  390. package/lib/toast/toast-animation.js.map +1 -1
  391. package/lib/toast/toast.module.css.js +7 -1
  392. package/lib/toast/toast.module.css.js.map +1 -1
  393. package/lib/toast/use-toasts.d.ts +132 -132
  394. package/lib/toast/use-toasts.js +166 -1
  395. package/lib/toast/use-toasts.js.map +1 -1
  396. package/lib/tooltip/index.d.ts +2 -2
  397. package/lib/tooltip/tooltip.d.ts +72 -72
  398. package/lib/tooltip/tooltip.js +67 -1
  399. package/lib/tooltip/tooltip.js.map +1 -1
  400. package/lib/tooltip/tooltip.module.css.js +7 -1
  401. package/lib/tooltip/tooltip.module.css.js.map +1 -1
  402. package/lib/utils/common-helpers.d.ts +2 -2
  403. package/lib/utils/common-helpers.js +44 -1
  404. package/lib/utils/common-helpers.js.map +1 -1
  405. package/lib/utils/common-types.d.ts +42 -42
  406. package/lib/utils/polymorphism.d.ts +135 -135
  407. package/lib/utils/polymorphism.js +39 -1
  408. package/lib/utils/polymorphism.js.map +1 -1
  409. package/lib/utils/responsive-props.d.ts +44 -44
  410. package/lib/utils/responsive-props.js +70 -1
  411. package/lib/utils/responsive-props.js.map +1 -1
  412. package/lib/utils/storybook-helper.d.ts +55 -0
  413. package/lib/utils/test-helpers.d.ts +22 -22
  414. package/package.json +32 -26
  415. package/styles/avatar.css +2 -2
  416. package/styles/avatar.module.css.css +1 -1
  417. package/styles/badge.css +2 -2
  418. package/styles/badge.module.css.css +1 -1
  419. package/styles/banner.css +6 -6
  420. package/styles/banner.module.css.css +1 -1
  421. package/styles/base-field.css +4 -4
  422. package/styles/base-field.module.css.css +1 -1
  423. package/styles/box.css +1 -1
  424. package/styles/box.module.css.css +1 -1
  425. package/styles/button.css +4 -4
  426. package/styles/button.module.css.css +1 -1
  427. package/styles/checkbox-field.css +3 -3
  428. package/styles/checkbox-field.module.css.css +1 -1
  429. package/styles/columns.css +1 -1
  430. package/styles/divider.css +1 -1
  431. package/styles/heading.css +2 -2
  432. package/styles/heading.module.css.css +1 -1
  433. package/styles/hidden-visually.css +2 -2
  434. package/styles/hidden-visually.module.css.css +1 -1
  435. package/styles/hidden.css +1 -1
  436. package/styles/index.css +4 -4
  437. package/styles/loading.css +2 -2
  438. package/styles/menu.css +1 -1
  439. package/styles/modal.css +5 -5
  440. package/styles/modal.module.css.css +1 -1
  441. package/styles/notice.css +1 -1
  442. package/styles/password-field.css +7 -7
  443. package/styles/progress-bar.module.css.css +1 -1
  444. package/styles/prose.css +2 -2
  445. package/styles/prose.module.css.css +1 -1
  446. package/styles/reactist.css +30 -30
  447. package/styles/select-field.css +5 -5
  448. package/styles/select-field.module.css.css +1 -1
  449. package/styles/spinner.css +1 -1
  450. package/styles/static-toast.css +6 -6
  451. package/styles/switch-field.css +6 -6
  452. package/styles/switch-field.module.css.css +1 -1
  453. package/styles/tabs.css +2 -2
  454. package/styles/tabs.module.css.css +1 -1
  455. package/styles/text-area.css +5 -5
  456. package/styles/text-area.module.css.css +1 -1
  457. package/styles/text-field.css +5 -5
  458. package/styles/text-field.module.css.css +1 -1
  459. package/styles/text-link.css +2 -2
  460. package/styles/text-link.module.css.css +1 -1
  461. package/styles/text.css +2 -2
  462. package/styles/text.module.css.css +1 -1
  463. package/styles/toast.module.css.css +1 -1
  464. package/styles/tooltip.css +2 -2
  465. package/styles/tooltip.module.css.css +1 -1
  466. package/styles/use-toasts.css +6 -6
  467. package/es/_virtual/_rollupPluginBabelHelpers.js +0 -91
  468. package/es/_virtual/_rollupPluginBabelHelpers.js.map +0 -1
  469. package/lib/_virtual/_rollupPluginBabelHelpers.js +0 -2
  470. package/lib/_virtual/_rollupPluginBabelHelpers.js.map +0 -1
@@ -1,2 +1,8 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={"marginTop-xsmall":"c7813d79","marginTop-small":"d3449da6","marginTop-medium":"_4ea254c1","marginTop-large":"c0844f64","marginTop-xlarge":"_213145b4","marginTop-xxlarge":"df61c84c","marginTop--xsmall":"efe72b13","marginTop--small":"_870c2768","marginTop--medium":"_0b927c57","marginTop--large":"_461db014","marginTop--xlarge":"_2a3a8cb8","marginTop--xxlarge":"_9bcda921","tablet-marginTop-xsmall":"_6add01e4","tablet-marginTop-small":"_735ef86b","tablet-marginTop-medium":"_0477d068","tablet-marginTop-large":"_2c90af97","tablet-marginTop-xlarge":"_63a82db6","tablet-marginTop-xxlarge":"_03cd7726","tablet-marginTop--xsmall":"c986a62a","tablet-marginTop--small":"be2bdcdd","tablet-marginTop--medium":"_47d2686b","tablet-marginTop--large":"_25e5af9d","tablet-marginTop--xlarge":"ee82f441","tablet-marginTop--xxlarge":"a6f9d404","desktop-marginTop-xsmall":"_4d8d9a36","desktop-marginTop-small":"e813cee7","desktop-marginTop-medium":"_56975b7d","desktop-marginTop-large":"_53b367f6","desktop-marginTop-xlarge":"d69e7311","desktop-marginTop-xxlarge":"_92f57c7e","desktop-marginTop--xsmall":"_96880d3e","desktop-marginTop--small":"dc3f3555","desktop-marginTop--medium":"_86dd06bb","desktop-marginTop--large":"c93ef12e","desktop-marginTop--xlarge":"bc8fd4a2","desktop-marginTop--xxlarge":"b12a9124","marginRight-xsmall":"_6016f4fb","marginRight-small":"b85e3dfa","marginRight-medium":"_297575f4","marginRight-large":"b401ac6c","marginRight-xlarge":"dc3ec387","marginRight-xxlarge":"_24694604","marginRight--xsmall":"_8e9bf2ee","marginRight--small":"ae9d1115","marginRight--medium":"_14e46fc3","marginRight--large":"_3370631b","marginRight--xlarge":"_3f0e9b50","marginRight--xxlarge":"bc13e010","tablet-marginRight-xsmall":"_6fa1aae3","tablet-marginRight-small":"_2976c5cb","tablet-marginRight-medium":"_38d94802","tablet-marginRight-large":"db9569b5","tablet-marginRight-xlarge":"_4a52f06d","tablet-marginRight-xxlarge":"_8a0f0410","tablet-marginRight--xsmall":"e7d40e9d","tablet-marginRight--small":"_680fde91","tablet-marginRight--medium":"_021010ca","tablet-marginRight--large":"_9e52c87c","tablet-marginRight--xlarge":"_4d602613","tablet-marginRight--xxlarge":"_21b1b65a","desktop-marginRight-xsmall":"_7321bc07","desktop-marginRight-small":"fa1721f4","desktop-marginRight-medium":"_3fd7b4b8","desktop-marginRight-large":"_4fdc2f74","desktop-marginRight-xlarge":"c0254761","desktop-marginRight-xxlarge":"_710a5f09","desktop-marginRight--xsmall":"e08bee7f","desktop-marginRight--small":"e5ab73d2","desktop-marginRight--medium":"_5e731477","desktop-marginRight--large":"_0f57a22e","desktop-marginRight--xlarge":"_25f26ed3","desktop-marginRight--xxlarge":"_11a3b4e0","marginBottom-xsmall":"_6a4f69f7","marginBottom-small":"db26b033","marginBottom-medium":"c7313022","marginBottom-large":"a5885889","marginBottom-xlarge":"_33dfbd8e","marginBottom-xxlarge":"_795ad2de","marginBottom--xsmall":"a329dbd3","marginBottom--small":"_85e739fb","marginBottom--medium":"_681f65ff","marginBottom--large":"caf50d8f","marginBottom--xlarge":"_1e084cbf","marginBottom--xxlarge":"_3dfb1c7e","tablet-marginBottom-xsmall":"ef4735be","tablet-marginBottom-small":"de55afba","tablet-marginBottom-medium":"_0e33ce88","tablet-marginBottom-large":"_8ca391fc","tablet-marginBottom-xlarge":"_3a609d23","tablet-marginBottom-xxlarge":"_3e1177e4","tablet-marginBottom--xsmall":"d384884d","tablet-marginBottom--small":"_75254cec","tablet-marginBottom--medium":"_5d9f127d","tablet-marginBottom--large":"_835f1089","tablet-marginBottom--xlarge":"dad52a72","tablet-marginBottom--xxlarge":"_8703a4bf","desktop-marginBottom-xsmall":"_90fd20e9","desktop-marginBottom-small":"f3769191","desktop-marginBottom-medium":"_156410f8","desktop-marginBottom-large":"_7fed74d0","desktop-marginBottom-xlarge":"_477dc10e","desktop-marginBottom-xxlarge":"_85c82d89","desktop-marginBottom--xsmall":"_4f09c1e0","desktop-marginBottom--small":"_9523e048","desktop-marginBottom--medium":"efe10240","desktop-marginBottom--large":"c43971e6","desktop-marginBottom--xlarge":"f9b4da15","desktop-marginBottom--xxlarge":"a10fdf70","marginLeft-xsmall":"f9be90b4","marginLeft-small":"f53218d5","marginLeft-medium":"c4a9b3ab","marginLeft-large":"_5755e2c3","marginLeft-xlarge":"_33fc9354","marginLeft-xxlarge":"_4749a3bf","marginLeft--xsmall":"c76cb3c7","marginLeft--small":"_96003c07","marginLeft--medium":"_09988d07","marginLeft--large":"b4a486f6","marginLeft--xlarge":"f396e75e","marginLeft--xxlarge":"_81d1f26d","tablet-marginLeft-xsmall":"_0a46e8f1","tablet-marginLeft-small":"_57c970af","tablet-marginLeft-medium":"_4b6099d3","tablet-marginLeft-large":"_378fcff5","tablet-marginLeft-xlarge":"f8785663","tablet-marginLeft-xxlarge":"_72f957ee","tablet-marginLeft--xsmall":"_2288c7e1","tablet-marginLeft--small":"b27c1c05","tablet-marginLeft--medium":"_702cbb13","tablet-marginLeft--large":"_1a2748b4","tablet-marginLeft--xlarge":"b8c043a5","tablet-marginLeft--xxlarge":"_8dc8ff63","desktop-marginLeft-xsmall":"c2af646d","desktop-marginLeft-small":"c03d07be","desktop-marginLeft-medium":"_915fb1d3","desktop-marginLeft-large":"_64214ee1","desktop-marginLeft-xlarge":"_7be4a22c","desktop-marginLeft-xxlarge":"_5ec0a401","desktop-marginLeft--xsmall":"ea29f1ee","desktop-marginLeft--small":"c26652c7","desktop-marginLeft--medium":"c24f6af9","desktop-marginLeft--large":"c2671f27","desktop-marginLeft--xlarge":"cc51a04e","desktop-marginLeft--xxlarge":"fd581f54"};
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var modules_131405ac = {"marginTop-xsmall":"c7813d79","marginTop-small":"d3449da6","marginTop-medium":"_4ea254c1","marginTop-large":"c0844f64","marginTop-xlarge":"_213145b4","marginTop-xxlarge":"df61c84c","marginTop--xsmall":"efe72b13","marginTop--small":"_870c2768","marginTop--medium":"_0b927c57","marginTop--large":"_461db014","marginTop--xlarge":"_2a3a8cb8","marginTop--xxlarge":"_9bcda921","tablet-marginTop-xsmall":"_6add01e4","tablet-marginTop-small":"_735ef86b","tablet-marginTop-medium":"_0477d068","tablet-marginTop-large":"_2c90af97","tablet-marginTop-xlarge":"_63a82db6","tablet-marginTop-xxlarge":"_03cd7726","tablet-marginTop--xsmall":"c986a62a","tablet-marginTop--small":"be2bdcdd","tablet-marginTop--medium":"_47d2686b","tablet-marginTop--large":"_25e5af9d","tablet-marginTop--xlarge":"ee82f441","tablet-marginTop--xxlarge":"a6f9d404","desktop-marginTop-xsmall":"_4d8d9a36","desktop-marginTop-small":"e813cee7","desktop-marginTop-medium":"_56975b7d","desktop-marginTop-large":"_53b367f6","desktop-marginTop-xlarge":"d69e7311","desktop-marginTop-xxlarge":"_92f57c7e","desktop-marginTop--xsmall":"_96880d3e","desktop-marginTop--small":"dc3f3555","desktop-marginTop--medium":"_86dd06bb","desktop-marginTop--large":"c93ef12e","desktop-marginTop--xlarge":"bc8fd4a2","desktop-marginTop--xxlarge":"b12a9124","marginRight-xsmall":"_6016f4fb","marginRight-small":"b85e3dfa","marginRight-medium":"_297575f4","marginRight-large":"b401ac6c","marginRight-xlarge":"dc3ec387","marginRight-xxlarge":"_24694604","marginRight--xsmall":"_8e9bf2ee","marginRight--small":"ae9d1115","marginRight--medium":"_14e46fc3","marginRight--large":"_3370631b","marginRight--xlarge":"_3f0e9b50","marginRight--xxlarge":"bc13e010","tablet-marginRight-xsmall":"_6fa1aae3","tablet-marginRight-small":"_2976c5cb","tablet-marginRight-medium":"_38d94802","tablet-marginRight-large":"db9569b5","tablet-marginRight-xlarge":"_4a52f06d","tablet-marginRight-xxlarge":"_8a0f0410","tablet-marginRight--xsmall":"e7d40e9d","tablet-marginRight--small":"_680fde91","tablet-marginRight--medium":"_021010ca","tablet-marginRight--large":"_9e52c87c","tablet-marginRight--xlarge":"_4d602613","tablet-marginRight--xxlarge":"_21b1b65a","desktop-marginRight-xsmall":"_7321bc07","desktop-marginRight-small":"fa1721f4","desktop-marginRight-medium":"_3fd7b4b8","desktop-marginRight-large":"_4fdc2f74","desktop-marginRight-xlarge":"c0254761","desktop-marginRight-xxlarge":"_710a5f09","desktop-marginRight--xsmall":"e08bee7f","desktop-marginRight--small":"e5ab73d2","desktop-marginRight--medium":"_5e731477","desktop-marginRight--large":"_0f57a22e","desktop-marginRight--xlarge":"_25f26ed3","desktop-marginRight--xxlarge":"_11a3b4e0","marginBottom-xsmall":"_6a4f69f7","marginBottom-small":"db26b033","marginBottom-medium":"c7313022","marginBottom-large":"a5885889","marginBottom-xlarge":"_33dfbd8e","marginBottom-xxlarge":"_795ad2de","marginBottom--xsmall":"a329dbd3","marginBottom--small":"_85e739fb","marginBottom--medium":"_681f65ff","marginBottom--large":"caf50d8f","marginBottom--xlarge":"_1e084cbf","marginBottom--xxlarge":"_3dfb1c7e","tablet-marginBottom-xsmall":"ef4735be","tablet-marginBottom-small":"de55afba","tablet-marginBottom-medium":"_0e33ce88","tablet-marginBottom-large":"_8ca391fc","tablet-marginBottom-xlarge":"_3a609d23","tablet-marginBottom-xxlarge":"_3e1177e4","tablet-marginBottom--xsmall":"d384884d","tablet-marginBottom--small":"_75254cec","tablet-marginBottom--medium":"_5d9f127d","tablet-marginBottom--large":"_835f1089","tablet-marginBottom--xlarge":"dad52a72","tablet-marginBottom--xxlarge":"_8703a4bf","desktop-marginBottom-xsmall":"_90fd20e9","desktop-marginBottom-small":"f3769191","desktop-marginBottom-medium":"_156410f8","desktop-marginBottom-large":"_7fed74d0","desktop-marginBottom-xlarge":"_477dc10e","desktop-marginBottom-xxlarge":"_85c82d89","desktop-marginBottom--xsmall":"_4f09c1e0","desktop-marginBottom--small":"_9523e048","desktop-marginBottom--medium":"efe10240","desktop-marginBottom--large":"c43971e6","desktop-marginBottom--xlarge":"f9b4da15","desktop-marginBottom--xxlarge":"a10fdf70","marginLeft-xsmall":"f9be90b4","marginLeft-small":"f53218d5","marginLeft-medium":"c4a9b3ab","marginLeft-large":"_5755e2c3","marginLeft-xlarge":"_33fc9354","marginLeft-xxlarge":"_4749a3bf","marginLeft--xsmall":"c76cb3c7","marginLeft--small":"_96003c07","marginLeft--medium":"_09988d07","marginLeft--large":"b4a486f6","marginLeft--xlarge":"f396e75e","marginLeft--xxlarge":"_81d1f26d","tablet-marginLeft-xsmall":"_0a46e8f1","tablet-marginLeft-small":"_57c970af","tablet-marginLeft-medium":"_4b6099d3","tablet-marginLeft-large":"_378fcff5","tablet-marginLeft-xlarge":"f8785663","tablet-marginLeft-xxlarge":"_72f957ee","tablet-marginLeft--xsmall":"_2288c7e1","tablet-marginLeft--small":"b27c1c05","tablet-marginLeft--medium":"_702cbb13","tablet-marginLeft--large":"_1a2748b4","tablet-marginLeft--xlarge":"b8c043a5","tablet-marginLeft--xxlarge":"_8dc8ff63","desktop-marginLeft-xsmall":"c2af646d","desktop-marginLeft-small":"c03d07be","desktop-marginLeft-medium":"_915fb1d3","desktop-marginLeft-large":"_64214ee1","desktop-marginLeft-xlarge":"_7be4a22c","desktop-marginLeft-xxlarge":"_5ec0a401","desktop-marginLeft--xsmall":"ea29f1ee","desktop-marginLeft--small":"c26652c7","desktop-marginLeft--medium":"c24f6af9","desktop-marginLeft--large":"c2671f27","desktop-marginLeft--xlarge":"cc51a04e","desktop-marginLeft--xxlarge":"fd581f54"};
6
+
7
+ exports["default"] = modules_131405ac;
2
8
  //# sourceMappingURL=margin.module.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"margin.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1
+ {"version":3,"file":"margin.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
@@ -1,2 +1,8 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={"paddingTop-xsmall":"c4803194","paddingTop-small":"_4e9ab24b","paddingTop-medium":"_1d226e27","paddingTop-large":"eb6097f1","paddingTop-xlarge":"d3229ba4","paddingTop-xxlarge":"_47978ba4","tablet-paddingTop-xsmall":"f987719c","tablet-paddingTop-small":"_8dbc4b4d","tablet-paddingTop-medium":"ae44fe07","tablet-paddingTop-large":"ffe9548d","tablet-paddingTop-xlarge":"f2b76a44","tablet-paddingTop-xxlarge":"c6eb8f43","desktop-paddingTop-xsmall":"_8699b560","desktop-paddingTop-small":"_02c374b7","desktop-paddingTop-medium":"_0dd0332f","desktop-paddingTop-large":"da55f1f6","desktop-paddingTop-xlarge":"_8ef2a278","desktop-paddingTop-xxlarge":"_8b493b28","paddingRight-xsmall":"_211eebc7","paddingRight-small":"ad0ccf15","paddingRight-medium":"a03e39af","paddingRight-large":"f0941ead","paddingRight-xlarge":"e47c5a43","paddingRight-xxlarge":"e849a5cf","tablet-paddingRight-xsmall":"_85374228","tablet-paddingRight-small":"_89df37b9","tablet-paddingRight-medium":"_1cc50ebe","tablet-paddingRight-large":"_1060982b","tablet-paddingRight-xlarge":"be58847d","tablet-paddingRight-xxlarge":"_45093484","desktop-paddingRight-xsmall":"f8d99d6a","desktop-paddingRight-small":"efa076d9","desktop-paddingRight-medium":"e59caa64","desktop-paddingRight-large":"da42f46a","desktop-paddingRight-xlarge":"b3ee2580","desktop-paddingRight-xxlarge":"_3ef94658","paddingBottom-xsmall":"b0e6eab4","paddingBottom-small":"_9510d053","paddingBottom-medium":"d7af60c9","paddingBottom-large":"b75f86cd","paddingBottom-xlarge":"fbd4ce29","paddingBottom-xxlarge":"_33e3ad63","tablet-paddingBottom-xsmall":"f0302da7","tablet-paddingBottom-small":"_4f9b8012","tablet-paddingBottom-medium":"_4333e20e","tablet-paddingBottom-large":"_30bbc76c","tablet-paddingBottom-xlarge":"ba5a4008","tablet-paddingBottom-xxlarge":"_423a3b1a","desktop-paddingBottom-xsmall":"b40139b7","desktop-paddingBottom-small":"f96071fa","desktop-paddingBottom-medium":"fe803c9a","desktop-paddingBottom-large":"_01686eb9","desktop-paddingBottom-xlarge":"afa763d8","desktop-paddingBottom-xxlarge":"a95785f1","paddingLeft-xsmall":"cad4e2ec","paddingLeft-small":"d70b3c17","paddingLeft-medium":"_8c851bd6","paddingLeft-large":"_078feb3c","paddingLeft-xlarge":"_76ab968c","paddingLeft-xxlarge":"aaca85d7","tablet-paddingLeft-xsmall":"_5eb0e5aa","tablet-paddingLeft-small":"_0384fb4f","tablet-paddingLeft-medium":"edffff6f","tablet-paddingLeft-large":"_873b9a46","tablet-paddingLeft-xlarge":"_89105db5","tablet-paddingLeft-xxlarge":"db1966fe","desktop-paddingLeft-xsmall":"b17f826b","desktop-paddingLeft-small":"_6dc83610","desktop-paddingLeft-medium":"_3421b8b2","desktop-paddingLeft-large":"_68cec7a6","desktop-paddingLeft-xlarge":"_94bde020","desktop-paddingLeft-xxlarge":"b94ee579"};
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var modules_b537a8ee = {"paddingTop-xsmall":"c4803194","paddingTop-small":"_4e9ab24b","paddingTop-medium":"_1d226e27","paddingTop-large":"eb6097f1","paddingTop-xlarge":"d3229ba4","paddingTop-xxlarge":"_47978ba4","tablet-paddingTop-xsmall":"f987719c","tablet-paddingTop-small":"_8dbc4b4d","tablet-paddingTop-medium":"ae44fe07","tablet-paddingTop-large":"ffe9548d","tablet-paddingTop-xlarge":"f2b76a44","tablet-paddingTop-xxlarge":"c6eb8f43","desktop-paddingTop-xsmall":"_8699b560","desktop-paddingTop-small":"_02c374b7","desktop-paddingTop-medium":"_0dd0332f","desktop-paddingTop-large":"da55f1f6","desktop-paddingTop-xlarge":"_8ef2a278","desktop-paddingTop-xxlarge":"_8b493b28","paddingRight-xsmall":"_211eebc7","paddingRight-small":"ad0ccf15","paddingRight-medium":"a03e39af","paddingRight-large":"f0941ead","paddingRight-xlarge":"e47c5a43","paddingRight-xxlarge":"e849a5cf","tablet-paddingRight-xsmall":"_85374228","tablet-paddingRight-small":"_89df37b9","tablet-paddingRight-medium":"_1cc50ebe","tablet-paddingRight-large":"_1060982b","tablet-paddingRight-xlarge":"be58847d","tablet-paddingRight-xxlarge":"_45093484","desktop-paddingRight-xsmall":"f8d99d6a","desktop-paddingRight-small":"efa076d9","desktop-paddingRight-medium":"e59caa64","desktop-paddingRight-large":"da42f46a","desktop-paddingRight-xlarge":"b3ee2580","desktop-paddingRight-xxlarge":"_3ef94658","paddingBottom-xsmall":"b0e6eab4","paddingBottom-small":"_9510d053","paddingBottom-medium":"d7af60c9","paddingBottom-large":"b75f86cd","paddingBottom-xlarge":"fbd4ce29","paddingBottom-xxlarge":"_33e3ad63","tablet-paddingBottom-xsmall":"f0302da7","tablet-paddingBottom-small":"_4f9b8012","tablet-paddingBottom-medium":"_4333e20e","tablet-paddingBottom-large":"_30bbc76c","tablet-paddingBottom-xlarge":"ba5a4008","tablet-paddingBottom-xxlarge":"_423a3b1a","desktop-paddingBottom-xsmall":"b40139b7","desktop-paddingBottom-small":"f96071fa","desktop-paddingBottom-medium":"fe803c9a","desktop-paddingBottom-large":"_01686eb9","desktop-paddingBottom-xlarge":"afa763d8","desktop-paddingBottom-xxlarge":"a95785f1","paddingLeft-xsmall":"cad4e2ec","paddingLeft-small":"d70b3c17","paddingLeft-medium":"_8c851bd6","paddingLeft-large":"_078feb3c","paddingLeft-xlarge":"_76ab968c","paddingLeft-xxlarge":"aaca85d7","tablet-paddingLeft-xsmall":"_5eb0e5aa","tablet-paddingLeft-small":"_0384fb4f","tablet-paddingLeft-medium":"edffff6f","tablet-paddingLeft-large":"_873b9a46","tablet-paddingLeft-xlarge":"_89105db5","tablet-paddingLeft-xxlarge":"db1966fe","desktop-paddingLeft-xsmall":"b17f826b","desktop-paddingLeft-small":"_6dc83610","desktop-paddingLeft-medium":"_3421b8b2","desktop-paddingLeft-large":"_68cec7a6","desktop-paddingLeft-xlarge":"_94bde020","desktop-paddingLeft-xxlarge":"b94ee579"};
6
+
7
+ exports["default"] = modules_b537a8ee;
2
8
  //# sourceMappingURL=padding.module.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"padding.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1
+ {"version":3,"file":"padding.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
@@ -1,2 +1,8 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={"minWidth-0":"_68ab48ca","minWidth-xsmall":"_6fa2b565","minWidth-small":"dd50fabd","minWidth-medium":"e7e2c808","minWidth-large":"_6abbe25e","minWidth-xlarge":"_54f479ac","maxWidth-xsmall":"_148492bc","maxWidth-small":"bd023b96","maxWidth-medium":"e102903f","maxWidth-large":"_0e8d76d7","maxWidth-xlarge":"_47a031d0","maxWidth-full":"cd4c8183","width-0":"_5f5959e8","width-full":"_8c75067a","width-auto":"_56a651f6","width-maxContent":"_26f87bb8","width-minContent":"_07a6ab44","width-fitContent":"a87016fa","width-xsmall":"_1a972e50","width-small":"c96d8261","width-medium":"f3829d42","width-large":"_2caef228","width-xlarge":"_069e1491"};
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var modules_89b7671c = {"minWidth-0":"_68ab48ca","minWidth-xsmall":"_6fa2b565","minWidth-small":"dd50fabd","minWidth-medium":"e7e2c808","minWidth-large":"_6abbe25e","minWidth-xlarge":"_54f479ac","maxWidth-xsmall":"_148492bc","maxWidth-small":"bd023b96","maxWidth-medium":"e102903f","maxWidth-large":"_0e8d76d7","maxWidth-xlarge":"_47a031d0","maxWidth-full":"cd4c8183","width-0":"_5f5959e8","width-full":"_8c75067a","width-auto":"_56a651f6","width-maxContent":"_26f87bb8","width-minContent":"_07a6ab44","width-fitContent":"a87016fa","width-xsmall":"_1a972e50","width-small":"c96d8261","width-medium":"f3829d42","width-large":"_2caef228","width-xlarge":"_069e1491"};
6
+
7
+ exports["default"] = modules_89b7671c;
2
8
  //# sourceMappingURL=width.module.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"width.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1
+ {"version":3,"file":"width.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
@@ -1,127 +1,127 @@
1
- import * as React from 'react';
2
- import { RoleProps } from '@ariakit/react';
3
- import { TooltipProps } from '../tooltip';
4
- import type { ObfuscatedClassName } from '../utils/common-types';
5
- type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'quaternary';
6
- type ButtonTone = 'normal' | 'destructive';
7
- type ButtonSize = 'small' | 'normal' | 'large';
8
- type IconElement = React.ReactElement | string;
9
- interface CommonButtonProps extends ObfuscatedClassName, Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'className'>, Pick<RoleProps, 'render'> {
10
- /**
11
- * The button's variant.
12
- */
13
- variant: ButtonVariant;
14
- /**
15
- * The button's tone.
16
- *
17
- * @default 'normal'
18
- */
19
- tone?: ButtonTone;
20
- /**
21
- * The button's size.
22
- *
23
- * @default 'normal'
24
- */
25
- size?: ButtonSize;
26
- /**
27
- * Controls the shape of the button.
28
- *
29
- * Specifically, it allows to make it have slightly curved corners (the default) vs. having them
30
- * fully curved to the point that they are as round as possible.
31
- *
32
- * In icon-only buttons this allows to have the button be circular.
33
- *
34
- * @default 'normal'
35
- */
36
- shape?: 'normal' | 'rounded';
37
- /**
38
- * Whether the button is disabled or not.
39
- *
40
- * Buttons are disabled using aria-disabled, rather than the HTML disabled attribute. This
41
- * allows the buttons to be focusable, which can aid discoverability. This way, users can tab to
42
- * the button and read its label, even if they can't activate it.
43
- *
44
- * It is also convenient when buttons are rendered as a link. Links cannot normally be disabled,
45
- * but by using aria-disabled, we can make them behave as if they were.
46
- *
47
- * The `onClick` handler is automatically prevented when the button is disabled in this way, to
48
- * mimic the behavior of a native disabled attribute.
49
- *
50
- * @default false
51
- */
52
- disabled?: boolean;
53
- /**
54
- * Whether the button is busy/loading.
55
- *
56
- * A button in this state is functionally and semantically disabled. Visually is does not look
57
- * dimmed (as disabled buttons normally do), but it shows a loading spinner instead.
58
- *
59
- * @default false
60
- */
61
- loading?: boolean;
62
- /**
63
- * A tooltip linked to the button element.
64
- */
65
- tooltip?: TooltipProps['content'];
66
- /**
67
- * The type of the button.
68
- *
69
- * @default 'button'
70
- */
71
- type?: 'button' | 'submit' | 'reset';
72
- }
73
- interface ButtonProps extends CommonButtonProps {
74
- /**
75
- * The button label content.
76
- */
77
- children?: React.ReactNode;
78
- /**
79
- * The icon to display at the start of the button (before the label).
80
- */
81
- startIcon?: IconElement;
82
- /**
83
- * The icon to display at the end of the button (after the label).
84
- */
85
- endIcon?: IconElement;
86
- /**
87
- * The width of the button.
88
- *
89
- * - `'auto'`: The button will be as wide as its content.
90
- * - `'full'`: The button will be as wide as its container.
91
- *
92
- * @default 'auto'
93
- */
94
- width?: 'auto' | 'full';
95
- /**
96
- * The alignment of the button label inside the button.
97
- *
98
- * @default 'center'
99
- */
100
- align?: 'start' | 'center' | 'end';
101
- }
102
- /**
103
- * A button element that displays a text label and optionally a start or end icon. It follows the
104
- * [WAI-ARIA Button Pattern](https://www.w3.org/TR/wai-aria-practices/#button).
105
- */
106
- declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
107
- interface IconButtonProps extends CommonButtonProps {
108
- /**
109
- * The icon to display inside the button.
110
- */
111
- icon: IconElement;
112
- /**
113
- * The button label.
114
- *
115
- * It is used for assistive technologies, and it is also shown as a tooltip (if not tooltip is
116
- * provided explicitly).
117
- */
118
- 'aria-label': string;
119
- }
120
- /**
121
- * A button element that displays an icon only, visually, though it is semantically labelled. It
122
- * also makes sure to always show a tooltip with its label. It follows the
123
- * [WAI-ARIA Button Pattern](https://www.w3.org/TR/wai-aria-practices/#button).
124
- */
125
- declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
126
- export type { ButtonProps, IconButtonProps, ButtonVariant, ButtonTone };
127
- export { Button, IconButton };
1
+ import * as React from 'react';
2
+ import { RoleProps } from '@ariakit/react';
3
+ import { TooltipProps } from '../tooltip';
4
+ import type { ObfuscatedClassName } from '../utils/common-types';
5
+ type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'quaternary';
6
+ type ButtonTone = 'normal' | 'destructive';
7
+ type ButtonSize = 'small' | 'normal' | 'large';
8
+ type IconElement = React.ReactElement | string;
9
+ interface CommonButtonProps extends ObfuscatedClassName, Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'className'>, Pick<RoleProps, 'render'> {
10
+ /**
11
+ * The button's variant.
12
+ */
13
+ variant: ButtonVariant;
14
+ /**
15
+ * The button's tone.
16
+ *
17
+ * @default 'normal'
18
+ */
19
+ tone?: ButtonTone;
20
+ /**
21
+ * The button's size.
22
+ *
23
+ * @default 'normal'
24
+ */
25
+ size?: ButtonSize;
26
+ /**
27
+ * Controls the shape of the button.
28
+ *
29
+ * Specifically, it allows to make it have slightly curved corners (the default) vs. having them
30
+ * fully curved to the point that they are as round as possible.
31
+ *
32
+ * In icon-only buttons this allows to have the button be circular.
33
+ *
34
+ * @default 'normal'
35
+ */
36
+ shape?: 'normal' | 'rounded';
37
+ /**
38
+ * Whether the button is disabled or not.
39
+ *
40
+ * Buttons are disabled using aria-disabled, rather than the HTML disabled attribute. This
41
+ * allows the buttons to be focusable, which can aid discoverability. This way, users can tab to
42
+ * the button and read its label, even if they can't activate it.
43
+ *
44
+ * It is also convenient when buttons are rendered as a link. Links cannot normally be disabled,
45
+ * but by using aria-disabled, we can make them behave as if they were.
46
+ *
47
+ * The `onClick` handler is automatically prevented when the button is disabled in this way, to
48
+ * mimic the behavior of a native disabled attribute.
49
+ *
50
+ * @default false
51
+ */
52
+ disabled?: boolean;
53
+ /**
54
+ * Whether the button is busy/loading.
55
+ *
56
+ * A button in this state is functionally and semantically disabled. Visually is does not look
57
+ * dimmed (as disabled buttons normally do), but it shows a loading spinner instead.
58
+ *
59
+ * @default false
60
+ */
61
+ loading?: boolean;
62
+ /**
63
+ * A tooltip linked to the button element.
64
+ */
65
+ tooltip?: TooltipProps['content'];
66
+ /**
67
+ * The type of the button.
68
+ *
69
+ * @default 'button'
70
+ */
71
+ type?: 'button' | 'submit' | 'reset';
72
+ }
73
+ interface ButtonProps extends CommonButtonProps {
74
+ /**
75
+ * The button label content.
76
+ */
77
+ children?: React.ReactNode;
78
+ /**
79
+ * The icon to display at the start of the button (before the label).
80
+ */
81
+ startIcon?: IconElement;
82
+ /**
83
+ * The icon to display at the end of the button (after the label).
84
+ */
85
+ endIcon?: IconElement;
86
+ /**
87
+ * The width of the button.
88
+ *
89
+ * - `'auto'`: The button will be as wide as its content.
90
+ * - `'full'`: The button will be as wide as its container.
91
+ *
92
+ * @default 'auto'
93
+ */
94
+ width?: 'auto' | 'full';
95
+ /**
96
+ * The alignment of the button label inside the button.
97
+ *
98
+ * @default 'center'
99
+ */
100
+ align?: 'start' | 'center' | 'end';
101
+ }
102
+ /**
103
+ * A button element that displays a text label and optionally a start or end icon. It follows the
104
+ * [WAI-ARIA Button Pattern](https://www.w3.org/TR/wai-aria-practices/#button).
105
+ */
106
+ declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
107
+ interface IconButtonProps extends CommonButtonProps {
108
+ /**
109
+ * The icon to display inside the button.
110
+ */
111
+ icon: IconElement;
112
+ /**
113
+ * The button label.
114
+ *
115
+ * It is used for assistive technologies, and it is also shown as a tooltip (if not tooltip is
116
+ * provided explicitly).
117
+ */
118
+ 'aria-label': string;
119
+ }
120
+ /**
121
+ * A button element that displays an icon only, visually, though it is semantically labelled. It
122
+ * also makes sure to always show a tooltip with its label. It follows the
123
+ * [WAI-ARIA Button Pattern](https://www.w3.org/TR/wai-aria-practices/#button).
124
+ */
125
+ declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
126
+ export type { ButtonProps, IconButtonProps, ButtonVariant, ButtonTone };
127
+ export { Button, IconButton };
@@ -1,2 +1,87 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),n=require("classnames"),l=require("@ariakit/react"),a=require("../box/box.js"),r=require("../spinner/spinner.js"),o=require("../tooltip/tooltip.js"),i=require("./button.module.css.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,t}var s=u(t),c=d(n);const p=["variant","tone","size","shape","type","disabled","loading","tooltip","render","onClick","exceptionallySetClassName","children","startIcon","endIcon","width","align"],f=["variant","tone","size","shape","type","disabled","loading","tooltip","render","onClick","exceptionallySetClassName","children","icon"];function b(e){e.preventDefault()}const m=s.forwardRef((function(t,n){let{variant:d,tone:u="normal",size:f="normal",shape:m="normal",type:h="button",disabled:v=!1,loading:j=!1,tooltip:y,render:x,onClick:g,exceptionallySetClassName:E,children:C,startIcon:S,endIcon:B,width:N="auto",align:k="center"}=t,q=e.objectWithoutProperties(t,p);const w=j||v,I=s.createElement(l.Role.button,e.objectSpread2(e.objectSpread2({},q),{},{render:x,type:null!=x?void 0:h,ref:n,"aria-disabled":w,onClick:w?b:g,className:c.default([a.getBoxClassNames({width:N}),E,i.default.baseButton,i.default["variant-"+d],i.default["tone-"+u],i.default["size-"+f],"rounded"===m?i.default["shape-rounded"]:null,v?i.default.disabled:null])}),s.createElement(s.Fragment,null,S?s.createElement(a.Box,{display:"flex",className:i.default.startIcon,"aria-hidden":!0},j&&!B?s.createElement(r.Spinner,null):S):null,C?s.createElement(a.Box,{as:"span",className:i.default.label,overflow:"hidden",width:"full"===N?"full":void 0,textAlign:"auto"===N?"center":k},C):null,B||j&&!S?s.createElement(a.Box,{display:"flex",className:i.default.endIcon,"aria-hidden":!0},j?s.createElement(r.Spinner,null):B):null));return y?s.createElement(o.Tooltip,{content:y},I):I})),h=s.forwardRef((function(t,n){let{variant:a,tone:d="normal",size:u="normal",shape:p="normal",type:m="button",disabled:h=!1,loading:v=!1,tooltip:j,render:y,onClick:x,exceptionallySetClassName:g,icon:E}=t,C=e.objectWithoutProperties(t,f);const S=v||h,B=s.createElement(l.Role.button,e.objectSpread2(e.objectSpread2({},C),{},{render:y,type:null!=y?void 0:m,ref:n,"aria-disabled":S,onClick:S?b:x,className:c.default([g,i.default.baseButton,i.default["variant-"+a],i.default["tone-"+d],i.default["size-"+u],"rounded"===p?i.default["shape-rounded"]:null,i.default.iconButton,h?i.default.disabled:null])}),v&&s.createElement(r.Spinner,null)||E),N=void 0===j?C["aria-label"]:j;return N?s.createElement(o.Tooltip,{content:N},B):B}));exports.Button=m,exports.IconButton=h;
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var tslib = require('tslib');
6
+ var React = require('react');
7
+ var classNames = require('classnames');
8
+ var react = require('@ariakit/react');
9
+ var box = require('../box/box.js');
10
+ var spinner = require('../spinner/spinner.js');
11
+ var tooltip = require('../tooltip/tooltip.js');
12
+ var button_module = require('./button.module.css.js');
13
+
14
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
15
+
16
+ function _interopNamespace(e) {
17
+ if (e && e.__esModule) return e;
18
+ var n = Object.create(null);
19
+ if (e) {
20
+ Object.keys(e).forEach(function (k) {
21
+ if (k !== 'default') {
22
+ var d = Object.getOwnPropertyDescriptor(e, k);
23
+ Object.defineProperty(n, k, d.get ? d : {
24
+ enumerable: true,
25
+ get: function () { return e[k]; }
26
+ });
27
+ }
28
+ });
29
+ }
30
+ n["default"] = e;
31
+ return Object.freeze(n);
32
+ }
33
+
34
+ var React__namespace = /*#__PURE__*/_interopNamespace(React);
35
+ var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
36
+
37
+ function preventDefault(event) {
38
+ event.preventDefault();
39
+ }
40
+ /**
41
+ * A button element that displays a text label and optionally a start or end icon. It follows the
42
+ * [WAI-ARIA Button Pattern](https://www.w3.org/TR/wai-aria-practices/#button).
43
+ */
44
+ var Button = React__namespace.forwardRef(function Button(_a, ref) {
45
+ var variant = _a.variant, _b = _a.tone, tone = _b === void 0 ? 'normal' : _b, _c = _a.size, size = _c === void 0 ? 'normal' : _c, _d = _a.shape, shape = _d === void 0 ? 'normal' : _d, _e = _a.type, type = _e === void 0 ? 'button' : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, _g = _a.loading, loading = _g === void 0 ? false : _g, tooltip$1 = _a.tooltip, render = _a.render, onClick = _a.onClick, exceptionallySetClassName = _a.exceptionallySetClassName, children = _a.children, startIcon = _a.startIcon, endIcon = _a.endIcon, _h = _a.width, width = _h === void 0 ? 'auto' : _h, _j = _a.align, align = _j === void 0 ? 'center' : _j, props = tslib.__rest(_a, ["variant", "tone", "size", "shape", "type", "disabled", "loading", "tooltip", "render", "onClick", "exceptionallySetClassName", "children", "startIcon", "endIcon", "width", "align"]);
46
+ var isDisabled = loading || disabled;
47
+ var buttonElement = (React__namespace.createElement(react.Role.button, tslib.__assign({}, props, { render: render, type: render != null ? undefined : type, ref: ref, "aria-disabled": isDisabled, onClick: isDisabled ? preventDefault : onClick, className: classNames__default["default"]([
48
+ box.getBoxClassNames({ width: width }),
49
+ exceptionallySetClassName,
50
+ button_module["default"].baseButton,
51
+ button_module["default"]["variant-".concat(variant)],
52
+ button_module["default"]["tone-".concat(tone)],
53
+ button_module["default"]["size-".concat(size)],
54
+ shape === 'rounded' ? button_module["default"]['shape-rounded'] : null,
55
+ disabled ? button_module["default"].disabled : null,
56
+ ]) }),
57
+ React__namespace.createElement(React__namespace.Fragment, null,
58
+ startIcon ? (React__namespace.createElement(box.Box, { display: "flex", className: button_module["default"].startIcon, "aria-hidden": true }, loading && !endIcon ? React__namespace.createElement(spinner.Spinner, null) : startIcon)) : null,
59
+ children ? (React__namespace.createElement(box.Box, { as: "span", className: button_module["default"].label, overflow: "hidden", width: width === 'full' ? 'full' : undefined, textAlign: width === 'auto' ? 'center' : align }, children)) : null,
60
+ endIcon || (loading && !startIcon) ? (React__namespace.createElement(box.Box, { display: "flex", className: button_module["default"].endIcon, "aria-hidden": true }, loading ? React__namespace.createElement(spinner.Spinner, null) : endIcon)) : null)));
61
+ return tooltip$1 ? React__namespace.createElement(tooltip.Tooltip, { content: tooltip$1 }, buttonElement) : buttonElement;
62
+ });
63
+ /**
64
+ * A button element that displays an icon only, visually, though it is semantically labelled. It
65
+ * also makes sure to always show a tooltip with its label. It follows the
66
+ * [WAI-ARIA Button Pattern](https://www.w3.org/TR/wai-aria-practices/#button).
67
+ */
68
+ var IconButton = React__namespace.forwardRef(function IconButton(_a, ref) {
69
+ var variant = _a.variant, _b = _a.tone, tone = _b === void 0 ? 'normal' : _b, _c = _a.size, size = _c === void 0 ? 'normal' : _c, _d = _a.shape, shape = _d === void 0 ? 'normal' : _d, _e = _a.type, type = _e === void 0 ? 'button' : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, _g = _a.loading, loading = _g === void 0 ? false : _g, tooltip$1 = _a.tooltip, render = _a.render, onClick = _a.onClick, exceptionallySetClassName = _a.exceptionallySetClassName; _a.children; var icon = _a.icon, props = tslib.__rest(_a, ["variant", "tone", "size", "shape", "type", "disabled", "loading", "tooltip", "render", "onClick", "exceptionallySetClassName", "children", "icon"]);
70
+ var isDisabled = loading || disabled;
71
+ var buttonElement = (React__namespace.createElement(react.Role.button, tslib.__assign({}, props, { render: render, type: render != null ? undefined : type, ref: ref, "aria-disabled": isDisabled, onClick: isDisabled ? preventDefault : onClick, className: classNames__default["default"]([
72
+ exceptionallySetClassName,
73
+ button_module["default"].baseButton,
74
+ button_module["default"]["variant-".concat(variant)],
75
+ button_module["default"]["tone-".concat(tone)],
76
+ button_module["default"]["size-".concat(size)],
77
+ shape === 'rounded' ? button_module["default"]['shape-rounded'] : null,
78
+ button_module["default"].iconButton,
79
+ disabled ? button_module["default"].disabled : null,
80
+ ]) }), (loading && React__namespace.createElement(spinner.Spinner, null)) || icon));
81
+ var tooltipContent = tooltip$1 === undefined ? props['aria-label'] : tooltip$1;
82
+ return tooltipContent ? (React__namespace.createElement(tooltip.Tooltip, { content: tooltipContent }, buttonElement)) : (buttonElement);
83
+ });
84
+
85
+ exports.Button = Button;
86
+ exports.IconButton = IconButton;
2
87
  //# sourceMappingURL=button.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"button.js","sources":["../../src/button/button.tsx"],"sourcesContent":["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Role, RoleProps } from '@ariakit/react'\n\nimport { Box, getBoxClassNames } from '../box'\nimport { Spinner } from '../spinner'\nimport { Tooltip, TooltipProps } from '../tooltip'\n\nimport styles from './button.module.css'\n\nimport type { ObfuscatedClassName } from '../utils/common-types'\n\nfunction preventDefault(event: React.SyntheticEvent) {\n event.preventDefault()\n}\n\ntype ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'quaternary'\ntype ButtonTone = 'normal' | 'destructive'\ntype ButtonSize = 'small' | 'normal' | 'large'\ntype IconElement = React.ReactElement | string\n\ninterface CommonButtonProps\n extends ObfuscatedClassName,\n Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'className'>,\n Pick<RoleProps, 'render'> {\n /**\n * The button's variant.\n */\n variant: ButtonVariant\n\n /**\n * The button's tone.\n *\n * @default 'normal'\n */\n tone?: ButtonTone\n\n /**\n * The button's size.\n *\n * @default 'normal'\n */\n size?: ButtonSize\n\n /**\n * Controls the shape of the button.\n *\n * Specifically, it allows to make it have slightly curved corners (the default) vs. having them\n * fully curved to the point that they are as round as possible.\n *\n * In icon-only buttons this allows to have the button be circular.\n *\n * @default 'normal'\n */\n shape?: 'normal' | 'rounded'\n\n /**\n * Whether the button is disabled or not.\n *\n * Buttons are disabled using aria-disabled, rather than the HTML disabled attribute. This\n * allows the buttons to be focusable, which can aid discoverability. This way, users can tab to\n * the button and read its label, even if they can't activate it.\n *\n * It is also convenient when buttons are rendered as a link. Links cannot normally be disabled,\n * but by using aria-disabled, we can make them behave as if they were.\n *\n * The `onClick` handler is automatically prevented when the button is disabled in this way, to\n * mimic the behavior of a native disabled attribute.\n *\n * @default false\n */\n disabled?: boolean\n\n /**\n * Whether the button is busy/loading.\n *\n * A button in this state is functionally and semantically disabled. Visually is does not look\n * dimmed (as disabled buttons normally do), but it shows a loading spinner instead.\n *\n * @default false\n */\n loading?: boolean\n\n /**\n * A tooltip linked to the button element.\n */\n tooltip?: TooltipProps['content']\n\n /**\n * The type of the button.\n *\n * @default 'button'\n */\n type?: 'button' | 'submit' | 'reset'\n}\n\ninterface ButtonProps extends CommonButtonProps {\n /**\n * The button label content.\n */\n children?: React.ReactNode\n\n /**\n * The icon to display at the start of the button (before the label).\n */\n startIcon?: IconElement\n\n /**\n * The icon to display at the end of the button (after the label).\n */\n endIcon?: IconElement\n\n /**\n * The width of the button.\n *\n * - `'auto'`: The button will be as wide as its content.\n * - `'full'`: The button will be as wide as its container.\n *\n * @default 'auto'\n */\n width?: 'auto' | 'full'\n\n /**\n * The alignment of the button label inside the button.\n *\n * @default 'center'\n */\n align?: 'start' | 'center' | 'end'\n}\n\n/**\n * A button element that displays a text label and optionally a start or end icon. It follows the\n * [WAI-ARIA Button Pattern](https://www.w3.org/TR/wai-aria-practices/#button).\n */\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n {\n variant,\n tone = 'normal',\n size = 'normal',\n shape = 'normal',\n type = 'button',\n disabled = false,\n loading = false,\n tooltip,\n render,\n onClick,\n exceptionallySetClassName,\n children,\n startIcon,\n endIcon,\n width = 'auto',\n align = 'center',\n ...props\n },\n ref,\n) {\n const isDisabled = loading || disabled\n const buttonElement = (\n <Role.button\n {...props}\n render={render}\n type={render != null ? undefined : type}\n ref={ref}\n aria-disabled={isDisabled}\n onClick={isDisabled ? preventDefault : onClick}\n className={classNames([\n getBoxClassNames({ width }),\n exceptionallySetClassName,\n styles.baseButton,\n styles[`variant-${variant}`],\n styles[`tone-${tone}`],\n styles[`size-${size}`],\n shape === 'rounded' ? styles['shape-rounded'] : null,\n disabled ? styles.disabled : null,\n ])}\n >\n <>\n {startIcon ? (\n <Box display=\"flex\" className={styles.startIcon} aria-hidden>\n {loading && !endIcon ? <Spinner /> : startIcon}\n </Box>\n ) : null}\n\n {children ? (\n <Box\n as=\"span\"\n className={styles.label}\n overflow=\"hidden\"\n width={width === 'full' ? 'full' : undefined}\n textAlign={width === 'auto' ? 'center' : align}\n >\n {children}\n </Box>\n ) : null}\n\n {endIcon || (loading && !startIcon) ? (\n <Box display=\"flex\" className={styles.endIcon} aria-hidden>\n {loading ? <Spinner /> : endIcon}\n </Box>\n ) : null}\n </>\n </Role.button>\n )\n\n return tooltip ? <Tooltip content={tooltip}>{buttonElement}</Tooltip> : buttonElement\n})\n\ninterface IconButtonProps extends CommonButtonProps {\n /**\n * The icon to display inside the button.\n */\n icon: IconElement\n\n /**\n * The button label.\n *\n * It is used for assistive technologies, and it is also shown as a tooltip (if not tooltip is\n * provided explicitly).\n */\n 'aria-label': string\n}\n\n/**\n * A button element that displays an icon only, visually, though it is semantically labelled. It\n * also makes sure to always show a tooltip with its label. It follows the\n * [WAI-ARIA Button Pattern](https://www.w3.org/TR/wai-aria-practices/#button).\n */\nconst IconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>(function IconButton(\n {\n variant,\n tone = 'normal',\n size = 'normal',\n shape = 'normal',\n type = 'button',\n disabled = false,\n loading = false,\n tooltip,\n render,\n onClick,\n exceptionallySetClassName,\n children,\n icon,\n ...props\n },\n ref,\n) {\n const isDisabled = loading || disabled\n const buttonElement = (\n <Role.button\n {...props}\n render={render}\n type={render != null ? undefined : type}\n ref={ref}\n aria-disabled={isDisabled}\n onClick={isDisabled ? preventDefault : onClick}\n className={classNames([\n exceptionallySetClassName,\n styles.baseButton,\n styles[`variant-${variant}`],\n styles[`tone-${tone}`],\n styles[`size-${size}`],\n shape === 'rounded' ? styles['shape-rounded'] : null,\n styles.iconButton,\n disabled ? styles.disabled : null,\n ])}\n >\n {(loading && <Spinner />) || icon}\n </Role.button>\n )\n\n const tooltipContent = tooltip === undefined ? props['aria-label'] : tooltip\n return tooltipContent ? (\n <Tooltip content={tooltipContent}>{buttonElement}</Tooltip>\n ) : (\n buttonElement\n )\n})\n\nexport type { ButtonProps, IconButtonProps, ButtonVariant, ButtonTone }\nexport { Button, IconButton }\n"],"names":["preventDefault","event","Button","React","forwardRef","ref","variant","tone","size","shape","type","disabled","loading","tooltip","render","onClick","exceptionallySetClassName","children","startIcon","endIcon","width","align","_ref","props","_objectWithoutProperties","objectWithoutProperties","_excluded","isDisabled","buttonElement","createElement","Role","button","_objectSpread","objectSpread2","undefined","aria-disabled","className","classNames","getBoxClassNames","styles","baseButton","Fragment","Box","display","aria-hidden","Spinner","as","label","overflow","textAlign","Tooltip","content","IconButton","icon","_ref2","_excluded2","iconButton","tooltipContent"],"mappings":"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"}
1
+ {"version":3,"file":"button.js","sources":["../../src/button/button.tsx"],"sourcesContent":[null],"names":["React","tooltip","__rest","Role","__assign","classNames","getBoxClassNames","styles","Box","Spinner","Tooltip"],"mappings":"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"}
@@ -1,2 +1,8 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={baseButton:"_3930afa0",label:"_90654824","shape-rounded":"c05d17c2","size-small":"_1e29d236","size-normal":"_7246d092","size-large":"_2d084671",disabled:"_2b0b9d95",iconButton:"abd5766f",startIcon:"_380e7c73",endIcon:"_20fe4105","variant-primary":"_7ea1378e","variant-secondary":"_64ee8afd","variant-tertiary":"_650176bf","variant-quaternary":"aa19cb97","tone-destructive":"_7a2d9a8c"};
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var modules_5357ebb8 = {"baseButton":"_3930afa0","label":"_90654824","shape-rounded":"c05d17c2","size-small":"_1e29d236","size-normal":"_7246d092","size-large":"_2d084671","disabled":"_2b0b9d95","iconButton":"abd5766f","startIcon":"_380e7c73","endIcon":"_20fe4105","variant-primary":"_7ea1378e","variant-secondary":"_64ee8afd","variant-tertiary":"_650176bf","variant-quaternary":"aa19cb97","tone-destructive":"_7a2d9a8c"};
6
+
7
+ exports["default"] = modules_5357ebb8;
2
8
  //# sourceMappingURL=button.module.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"button.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1
+ {"version":3,"file":"button.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
@@ -1 +1 @@
1
- export * from './button';
1
+ export * from './button';
@@ -1,40 +1,40 @@
1
- import * as React from 'react';
2
- interface CheckboxFieldProps extends Omit<JSX.IntrinsicElements['input'], 'type' | 'className' | 'disabled' | 'aria-controls' | 'aria-describedby' | 'aria-label' | 'aria-labelledby'> {
3
- 'aria-checked'?: never;
4
- /**
5
- *
6
- * Identifies the set of checkboxes controlled by the mixed checkbox for assistive technologies.
7
- */
8
- 'aria-controls'?: string;
9
- /**
10
- * Identifies the element (or elements) that describes the checkbox for assistive technologies.
11
- */
12
- 'aria-describedby'?: string;
13
- /**
14
- * Defines a string value that labels the current checkbox for assistive technologies.
15
- */
16
- 'aria-label'?: string;
17
- /**
18
- * Identifies the element (or elements) that labels the current checkbox for assistive technologies.
19
- */
20
- 'aria-labelledby'?: string;
21
- /**
22
- * Defines whether or not the checkbox is disabled.
23
- */
24
- disabled?: boolean;
25
- /**
26
- * The label for the checkbox element.
27
- */
28
- label?: React.ReactNode;
29
- /**
30
- * The icon that should be added to the checkbox label.
31
- */
32
- icon?: React.ReactElement | string | number;
33
- /**
34
- * Defines whether or not the checkbox can be of a `mixed` state.
35
- */
36
- indeterminate?: boolean;
37
- }
38
- declare const CheckboxField: React.ForwardRefExoticComponent<Omit<CheckboxFieldProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
39
- export { CheckboxField };
40
- export type { CheckboxFieldProps };
1
+ import * as React from 'react';
2
+ interface CheckboxFieldProps extends Omit<JSX.IntrinsicElements['input'], 'type' | 'className' | 'disabled' | 'aria-controls' | 'aria-describedby' | 'aria-label' | 'aria-labelledby'> {
3
+ 'aria-checked'?: never;
4
+ /**
5
+ *
6
+ * Identifies the set of checkboxes controlled by the mixed checkbox for assistive technologies.
7
+ */
8
+ 'aria-controls'?: string;
9
+ /**
10
+ * Identifies the element (or elements) that describes the checkbox for assistive technologies.
11
+ */
12
+ 'aria-describedby'?: string;
13
+ /**
14
+ * Defines a string value that labels the current checkbox for assistive technologies.
15
+ */
16
+ 'aria-label'?: string;
17
+ /**
18
+ * Identifies the element (or elements) that labels the current checkbox for assistive technologies.
19
+ */
20
+ 'aria-labelledby'?: string;
21
+ /**
22
+ * Defines whether or not the checkbox is disabled.
23
+ */
24
+ disabled?: boolean;
25
+ /**
26
+ * The label for the checkbox element.
27
+ */
28
+ label?: React.ReactNode;
29
+ /**
30
+ * The icon that should be added to the checkbox label.
31
+ */
32
+ icon?: React.ReactElement | string | number;
33
+ /**
34
+ * Defines whether or not the checkbox can be of a `mixed` state.
35
+ */
36
+ indeterminate?: boolean;
37
+ }
38
+ declare const CheckboxField: React.ForwardRefExoticComponent<Omit<CheckboxFieldProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
39
+ export { CheckboxField };
40
+ export type { CheckboxFieldProps };