@doist/reactist 28.7.2 → 28.7.3

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 (467) hide show
  1. package/dist/reactist.cjs.development.js +2091 -3811
  2. package/dist/reactist.cjs.development.js.map +1 -1
  3. package/dist/reactist.cjs.production.min.js +1 -1
  4. package/dist/reactist.cjs.production.min.js.map +1 -1
  5. package/es/avatar/avatar.js +35 -30
  6. package/es/avatar/avatar.js.map +1 -1
  7. package/es/avatar/utils.js +19 -22
  8. package/es/avatar/utils.js.map +1 -1
  9. package/es/badge/badge.js +5 -16
  10. package/es/badge/badge.js.map +1 -1
  11. package/es/banner/banner.js +39 -115
  12. package/es/banner/banner.js.map +1 -1
  13. package/es/banner/banner.module.css.js +1 -1
  14. package/es/base-field/base-field.js +80 -162
  15. package/es/base-field/base-field.js.map +1 -1
  16. package/es/base-field/base-field.module.css.js +1 -1
  17. package/es/box/box.js +61 -137
  18. package/es/box/box.js.map +1 -1
  19. package/es/button/button.js +42 -95
  20. package/es/button/button.js.map +1 -1
  21. package/es/checkbox-field/checkbox-field.js +46 -73
  22. package/es/checkbox-field/checkbox-field.js.map +1 -1
  23. package/es/checkbox-field/checkbox-field.module.css.js +1 -1
  24. package/es/checkbox-field/checkbox-icon.js +28 -55
  25. package/es/checkbox-field/checkbox-icon.js.map +1 -1
  26. package/es/checkbox-field/use-fork-ref.js +29 -25
  27. package/es/checkbox-field/use-fork-ref.js.map +1 -1
  28. package/es/columns/columns.js +22 -46
  29. package/es/columns/columns.js.map +1 -1
  30. package/es/columns/columns.module.css.js +1 -1
  31. package/es/components/color-picker/color-picker.js +45 -66
  32. package/es/components/color-picker/color-picker.js.map +1 -1
  33. package/es/components/deprecated-button/deprecated-button.js +11 -34
  34. package/es/components/deprecated-button/deprecated-button.js.map +1 -1
  35. package/es/components/deprecated-dropdown/dropdown.js +136 -197
  36. package/es/components/deprecated-dropdown/dropdown.js.map +1 -1
  37. package/es/components/deprecated-input/input.js +6 -10
  38. package/es/components/deprecated-input/input.js.map +1 -1
  39. package/es/components/deprecated-select/select.js +7 -31
  40. package/es/components/deprecated-select/select.js.map +1 -1
  41. package/es/components/key-capturer/key-capturer.js +130 -171
  42. package/es/components/key-capturer/key-capturer.js.map +1 -1
  43. package/es/components/keyboard-shortcut/keyboard-shortcut.js +48 -79
  44. package/es/components/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
  45. package/es/components/progress-bar/progress-bar.js +8 -20
  46. package/es/components/progress-bar/progress-bar.js.map +1 -1
  47. package/es/components/time/time-utils.js +52 -64
  48. package/es/components/time/time-utils.js.map +1 -1
  49. package/es/components/time/time.js +90 -114
  50. package/es/components/time/time.js.map +1 -1
  51. package/es/divider/divider.js +4 -13
  52. package/es/divider/divider.js.map +1 -1
  53. package/es/heading/heading.js +19 -28
  54. package/es/heading/heading.js.map +1 -1
  55. package/es/hidden/hidden.js +36 -45
  56. package/es/hidden/hidden.js.map +1 -1
  57. package/es/hidden-visually/hidden-visually.js +7 -13
  58. package/es/hidden-visually/hidden-visually.js.map +1 -1
  59. package/es/icons/alert-icon.js +18 -64
  60. package/es/icons/alert-icon.js.map +1 -1
  61. package/es/icons/banner-icon.js +25 -97
  62. package/es/icons/banner-icon.js.map +1 -1
  63. package/es/icons/close-icon.js +3 -9
  64. package/es/icons/close-icon.js.map +1 -1
  65. package/es/icons/password-hidden-icon.js +6 -23
  66. package/es/icons/password-hidden-icon.js.map +1 -1
  67. package/es/icons/password-visible-icon.js +5 -16
  68. package/es/icons/password-visible-icon.js.map +1 -1
  69. package/es/inline/inline.js +8 -23
  70. package/es/inline/inline.js.map +1 -1
  71. package/es/loading/loading.js +17 -28
  72. package/es/loading/loading.js.map +1 -1
  73. package/es/menu/menu.js +127 -260
  74. package/es/menu/menu.js.map +1 -1
  75. package/es/modal/modal.js +143 -272
  76. package/es/modal/modal.js.map +1 -1
  77. package/es/modal/modal.module.css.js +1 -1
  78. package/es/notice/notice.js +8 -21
  79. package/es/notice/notice.js.map +1 -1
  80. package/es/notice/notice.module.css.js +1 -1
  81. package/es/password-field/password-field.js +10 -24
  82. package/es/password-field/password-field.js.map +1 -1
  83. package/es/prose/prose.js +10 -15
  84. package/es/prose/prose.js.map +1 -1
  85. package/es/select-field/select-field.js +14 -51
  86. package/es/select-field/select-field.js.map +1 -1
  87. package/es/spinner/spinner.js +6 -20
  88. package/es/spinner/spinner.js.map +1 -1
  89. package/es/stack/stack.js +15 -27
  90. package/es/stack/stack.js.map +1 -1
  91. package/es/switch-field/switch-field.js +38 -73
  92. package/es/switch-field/switch-field.js.map +1 -1
  93. package/es/switch-field/switch-field.module.css.js +1 -1
  94. package/es/tabs/tabs.js +120 -207
  95. package/es/tabs/tabs.js.map +1 -1
  96. package/es/text/text.js +16 -25
  97. package/es/text/text.js.map +1 -1
  98. package/es/text-area/text-area.js +54 -111
  99. package/es/text-area/text-area.js.map +1 -1
  100. package/es/text-field/text-field.js +30 -84
  101. package/es/text-field/text-field.js.map +1 -1
  102. package/es/text-link/text-link.js +9 -20
  103. package/es/text-link/text-link.js.map +1 -1
  104. package/es/text-link/text-link.module.css.js +1 -1
  105. package/es/toast/static-toast.js +35 -70
  106. package/es/toast/static-toast.js.map +1 -1
  107. package/es/toast/toast-animation.js +121 -159
  108. package/es/toast/toast-animation.js.map +1 -1
  109. package/es/toast/use-toasts.js +134 -197
  110. package/es/toast/use-toasts.js.map +1 -1
  111. package/es/tooltip/tooltip.js +31 -69
  112. package/es/tooltip/tooltip.js.map +1 -1
  113. package/es/utils/common-helpers.js +9 -13
  114. package/es/utils/common-helpers.js.map +1 -1
  115. package/es/utils/polymorphism.js +7 -8
  116. package/es/utils/polymorphism.js.map +1 -1
  117. package/es/utils/responsive-props.js +57 -66
  118. package/es/utils/responsive-props.js.map +1 -1
  119. package/lib/avatar/avatar.d.ts +21 -21
  120. package/lib/avatar/avatar.js +69 -1
  121. package/lib/avatar/avatar.js.map +1 -1
  122. package/lib/avatar/avatar.module.css.js +7 -1
  123. package/lib/avatar/avatar.module.css.js.map +1 -1
  124. package/lib/avatar/index.d.ts +1 -1
  125. package/lib/avatar/utils.d.ts +3 -3
  126. package/lib/avatar/utils.js +30 -1
  127. package/lib/avatar/utils.js.map +1 -1
  128. package/lib/badge/badge.d.ts +15 -15
  129. package/lib/badge/badge.js +36 -1
  130. package/lib/badge/badge.js.map +1 -1
  131. package/lib/badge/badge.module.css.js +7 -1
  132. package/lib/badge/badge.module.css.js.map +1 -1
  133. package/lib/badge/index.d.ts +1 -1
  134. package/lib/banner/banner.d.ts +87 -87
  135. package/lib/banner/banner.js +79 -1
  136. package/lib/banner/banner.js.map +1 -1
  137. package/lib/banner/banner.module.css.js +7 -1
  138. package/lib/banner/banner.module.css.js.map +1 -1
  139. package/lib/banner/index.d.ts +2 -2
  140. package/lib/banner/story-promo-image.d.ts +4 -4
  141. package/lib/base-field/base-field.d.ts +139 -139
  142. package/lib/base-field/base-field.js +127 -1
  143. package/lib/base-field/base-field.js.map +1 -1
  144. package/lib/base-field/base-field.module.css.js +7 -1
  145. package/lib/base-field/base-field.module.css.js.map +1 -1
  146. package/lib/base-field/index.d.ts +1 -1
  147. package/lib/box/box.d.ts +73 -73
  148. package/lib/box/box.js +103 -1
  149. package/lib/box/box.js.map +1 -1
  150. package/lib/box/box.module.css.js +7 -1
  151. package/lib/box/box.module.css.js.map +1 -1
  152. package/lib/box/gap.module.css.js +7 -1
  153. package/lib/box/gap.module.css.js.map +1 -1
  154. package/lib/box/index.d.ts +1 -1
  155. package/lib/box/margin.module.css.js +7 -1
  156. package/lib/box/margin.module.css.js.map +1 -1
  157. package/lib/box/padding.module.css.js +7 -1
  158. package/lib/box/padding.module.css.js.map +1 -1
  159. package/lib/box/width.module.css.js +7 -1
  160. package/lib/box/width.module.css.js.map +1 -1
  161. package/lib/button/button.d.ts +127 -127
  162. package/lib/button/button.js +86 -1
  163. package/lib/button/button.js.map +1 -1
  164. package/lib/button/button.module.css.js +7 -1
  165. package/lib/button/button.module.css.js.map +1 -1
  166. package/lib/button/index.d.ts +1 -1
  167. package/lib/checkbox-field/checkbox-field.d.ts +40 -40
  168. package/lib/checkbox-field/checkbox-field.js +82 -1
  169. package/lib/checkbox-field/checkbox-field.js.map +1 -1
  170. package/lib/checkbox-field/checkbox-field.module.css.js +7 -1
  171. package/lib/checkbox-field/checkbox-field.module.css.js.map +1 -1
  172. package/lib/checkbox-field/checkbox-icon.d.ts +8 -8
  173. package/lib/checkbox-field/checkbox-icon.js +59 -1
  174. package/lib/checkbox-field/checkbox-icon.js.map +1 -1
  175. package/lib/checkbox-field/index.d.ts +1 -1
  176. package/lib/checkbox-field/use-fork-ref.d.ts +11 -11
  177. package/lib/checkbox-field/use-fork-ref.js +42 -1
  178. package/lib/checkbox-field/use-fork-ref.js.map +1 -1
  179. package/lib/columns/columns.d.ts +20 -20
  180. package/lib/columns/columns.js +57 -1
  181. package/lib/columns/columns.js.map +1 -1
  182. package/lib/columns/columns.module.css.js +7 -1
  183. package/lib/columns/columns.module.css.js.map +1 -1
  184. package/lib/columns/index.d.ts +1 -1
  185. package/lib/components/color-picker/color-picker.d.ts +29 -29
  186. package/lib/components/color-picker/color-picker.js +86 -1
  187. package/lib/components/color-picker/color-picker.js.map +1 -1
  188. package/lib/components/color-picker/index.d.ts +3 -3
  189. package/lib/components/color-picker/index.js +11 -1
  190. package/lib/components/color-picker/index.js.map +1 -1
  191. package/lib/components/deprecated-button/deprecated-button.d.ts +54 -54
  192. package/lib/components/deprecated-button/deprecated-button.js +49 -1
  193. package/lib/components/deprecated-button/deprecated-button.js.map +1 -1
  194. package/lib/components/deprecated-button/index.d.ts +4 -4
  195. package/lib/components/deprecated-button/index.js +9 -1
  196. package/lib/components/deprecated-button/index.js.map +1 -1
  197. package/lib/components/deprecated-dropdown/dropdown.d.ts +55 -55
  198. package/lib/components/deprecated-dropdown/dropdown.js +182 -1
  199. package/lib/components/deprecated-dropdown/dropdown.js.map +1 -1
  200. package/lib/components/deprecated-dropdown/index.d.ts +2 -2
  201. package/lib/components/deprecated-dropdown/index.js +9 -1
  202. package/lib/components/deprecated-dropdown/index.js.map +1 -1
  203. package/lib/components/deprecated-input/index.d.ts +2 -2
  204. package/lib/components/deprecated-input/index.js +9 -1
  205. package/lib/components/deprecated-input/index.js.map +1 -1
  206. package/lib/components/deprecated-input/input.d.ts +10 -10
  207. package/lib/components/deprecated-input/input.js +41 -1
  208. package/lib/components/deprecated-input/input.js.map +1 -1
  209. package/lib/components/deprecated-select/index.d.ts +2 -2
  210. package/lib/components/deprecated-select/index.js +9 -1
  211. package/lib/components/deprecated-select/index.js.map +1 -1
  212. package/lib/components/deprecated-select/select.d.ts +33 -33
  213. package/lib/components/deprecated-select/select.js +43 -1
  214. package/lib/components/deprecated-select/select.js.map +1 -1
  215. package/lib/components/icons/CloseIcon.svg.d.ts +3 -3
  216. package/lib/components/icons/ThinQuestionMarkIcon.svg.d.ts +3 -3
  217. package/lib/components/icons/ThreeDotsIcon.svg.d.ts +12 -12
  218. package/lib/components/key-capturer/index.d.ts +3 -3
  219. package/lib/components/key-capturer/index.js +11 -1
  220. package/lib/components/key-capturer/index.js.map +1 -1
  221. package/lib/components/key-capturer/key-capturer.d.ts +40 -40
  222. package/lib/components/key-capturer/key-capturer.js +171 -1
  223. package/lib/components/key-capturer/key-capturer.js.map +1 -1
  224. package/lib/components/keyboard-shortcut/index.d.ts +2 -2
  225. package/lib/components/keyboard-shortcut/index.js +9 -1
  226. package/lib/components/keyboard-shortcut/index.js.map +1 -1
  227. package/lib/components/keyboard-shortcut/keyboard-shortcut.d.ts +44 -44
  228. package/lib/components/keyboard-shortcut/keyboard-shortcut.js +97 -1
  229. package/lib/components/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
  230. package/lib/components/progress-bar/index.d.ts +2 -2
  231. package/lib/components/progress-bar/index.js +9 -1
  232. package/lib/components/progress-bar/index.js.map +1 -1
  233. package/lib/components/progress-bar/progress-bar.d.ts +14 -14
  234. package/lib/components/progress-bar/progress-bar.js +44 -1
  235. package/lib/components/progress-bar/progress-bar.js.map +1 -1
  236. package/lib/components/progress-bar/progress-bar.module.css.js +7 -1
  237. package/lib/components/progress-bar/progress-bar.module.css.js.map +1 -1
  238. package/lib/components/time/index.d.ts +2 -2
  239. package/lib/components/time/index.js +9 -1
  240. package/lib/components/time/index.js.map +1 -1
  241. package/lib/components/time/time-utils.d.ts +19 -19
  242. package/lib/components/time/time-utils.js +69 -1
  243. package/lib/components/time/time-utils.js.map +1 -1
  244. package/lib/components/time/time.d.ts +39 -39
  245. package/lib/components/time/time.js +124 -1
  246. package/lib/components/time/time.js.map +1 -1
  247. package/lib/divider/divider.d.ts +8 -8
  248. package/lib/divider/divider.js +36 -1
  249. package/lib/divider/divider.js.map +1 -1
  250. package/lib/divider/divider.module.css.js +7 -1
  251. package/lib/divider/divider.module.css.js.map +1 -1
  252. package/lib/divider/index.d.ts +1 -1
  253. package/lib/heading/heading.d.ts +112 -112
  254. package/lib/heading/heading.js +51 -1
  255. package/lib/heading/heading.js.map +1 -1
  256. package/lib/heading/heading.module.css.js +7 -1
  257. package/lib/heading/heading.module.css.js.map +1 -1
  258. package/lib/heading/index.d.ts +1 -1
  259. package/lib/hidden/hidden.d.ts +49 -49
  260. package/lib/hidden/hidden.js +70 -1
  261. package/lib/hidden/hidden.js.map +1 -1
  262. package/lib/hidden/hidden.module.css.js +7 -1
  263. package/lib/hidden/hidden.module.css.js.map +1 -1
  264. package/lib/hidden/index.d.ts +1 -1
  265. package/lib/hidden-visually/hidden-visually.d.ts +11 -11
  266. package/lib/hidden-visually/hidden-visually.js +40 -1
  267. package/lib/hidden-visually/hidden-visually.js.map +1 -1
  268. package/lib/hidden-visually/hidden-visually.module.css.js +7 -1
  269. package/lib/hidden-visually/hidden-visually.module.css.js.map +1 -1
  270. package/lib/hidden-visually/index.d.ts +1 -1
  271. package/lib/hooks/use-previous/index.d.ts +1 -1
  272. package/lib/hooks/use-previous/use-previous.d.ts +15 -15
  273. package/lib/icons/alert-icon.d.ts +6 -6
  274. package/lib/icons/alert-icon.js +56 -1
  275. package/lib/icons/alert-icon.js.map +1 -1
  276. package/lib/icons/banner-icon.d.ts +6 -6
  277. package/lib/icons/banner-icon.js +68 -1
  278. package/lib/icons/banner-icon.js.map +1 -1
  279. package/lib/icons/banner-icon.module.css.js +7 -1
  280. package/lib/icons/banner-icon.module.css.js.map +1 -1
  281. package/lib/icons/close-icon.d.ts +3 -3
  282. package/lib/icons/close-icon.js +33 -1
  283. package/lib/icons/close-icon.js.map +1 -1
  284. package/lib/icons/password-hidden-icon.d.ts +3 -3
  285. package/lib/icons/password-hidden-icon.js +36 -1
  286. package/lib/icons/password-hidden-icon.js.map +1 -1
  287. package/lib/icons/password-visible-icon.d.ts +3 -3
  288. package/lib/icons/password-visible-icon.js +35 -1
  289. package/lib/icons/password-visible-icon.js.map +1 -1
  290. package/lib/index.d.ts +38 -38
  291. package/lib/index.js +106 -1
  292. package/lib/index.js.map +1 -1
  293. package/lib/inline/index.d.ts +1 -1
  294. package/lib/inline/inline.d.ts +12 -12
  295. package/lib/inline/inline.js +40 -1
  296. package/lib/inline/inline.js.map +1 -1
  297. package/lib/loading/index.d.ts +1 -1
  298. package/lib/loading/loading.d.ts +26 -26
  299. package/lib/loading/loading.js +49 -1
  300. package/lib/loading/loading.js.map +1 -1
  301. package/lib/menu/index.d.ts +2 -2
  302. package/lib/menu/menu.d.ts +128 -128
  303. package/lib/menu/menu.js +179 -1
  304. package/lib/menu/menu.js.map +1 -1
  305. package/lib/modal/index.d.ts +1 -1
  306. package/lib/modal/modal-stories-components.d.ts +47 -47
  307. package/lib/modal/modal.d.ts +185 -185
  308. package/lib/modal/modal.js +209 -1
  309. package/lib/modal/modal.js.map +1 -1
  310. package/lib/modal/modal.module.css.js +7 -1
  311. package/lib/modal/modal.module.css.js.map +1 -1
  312. package/lib/notice/index.d.ts +1 -1
  313. package/lib/notice/notice.d.ts +10 -10
  314. package/lib/notice/notice.js +42 -1
  315. package/lib/notice/notice.js.map +1 -1
  316. package/lib/notice/notice.module.css.js +7 -1
  317. package/lib/notice/notice.module.css.js.map +1 -1
  318. package/lib/password-field/index.d.ts +1 -1
  319. package/lib/password-field/password-field.d.ts +10 -10
  320. package/lib/password-field/password-field.js +43 -1
  321. package/lib/password-field/password-field.js.map +1 -1
  322. package/lib/prose/index.d.ts +2 -2
  323. package/lib/prose/prose-example.d.ts +1 -1
  324. package/lib/prose/prose.d.ts +44 -44
  325. package/lib/prose/prose.js +42 -1
  326. package/lib/prose/prose.js.map +1 -1
  327. package/lib/prose/prose.module.css.js +7 -1
  328. package/lib/prose/prose.module.css.js.map +1 -1
  329. package/lib/select-field/index.d.ts +1 -1
  330. package/lib/select-field/select-field.d.ts +7 -7
  331. package/lib/select-field/select-field.js +48 -1
  332. package/lib/select-field/select-field.js.map +1 -1
  333. package/lib/select-field/select-field.module.css.js +7 -1
  334. package/lib/select-field/select-field.module.css.js.map +1 -1
  335. package/lib/spinner/index.d.ts +1 -1
  336. package/lib/spinner/spinner.d.ts +5 -5
  337. package/lib/spinner/spinner.js +36 -1
  338. package/lib/spinner/spinner.js.map +1 -1
  339. package/lib/spinner/spinner.module.css.js +7 -1
  340. package/lib/spinner/spinner.module.css.js.map +1 -1
  341. package/lib/stack/index.d.ts +1 -1
  342. package/lib/stack/stack.d.ts +15 -15
  343. package/lib/stack/stack.js +52 -1
  344. package/lib/stack/stack.js.map +1 -1
  345. package/lib/switch-field/index.d.ts +1 -1
  346. package/lib/switch-field/switch-field.d.ts +19 -19
  347. package/lib/switch-field/switch-field.js +74 -1
  348. package/lib/switch-field/switch-field.js.map +1 -1
  349. package/lib/switch-field/switch-field.module.css.js +7 -1
  350. package/lib/switch-field/switch-field.module.css.js.map +1 -1
  351. package/lib/tabs/index.d.ts +1 -1
  352. package/lib/tabs/tabs.d.ts +125 -125
  353. package/lib/tabs/tabs.js +177 -1
  354. package/lib/tabs/tabs.js.map +1 -1
  355. package/lib/tabs/tabs.module.css.js +7 -1
  356. package/lib/tabs/tabs.module.css.js.map +1 -1
  357. package/lib/text/index.d.ts +1 -1
  358. package/lib/text/text.d.ts +47 -47
  359. package/lib/text/text.js +49 -1
  360. package/lib/text/text.js.map +1 -1
  361. package/lib/text/text.module.css.js +7 -1
  362. package/lib/text/text.module.css.js.map +1 -1
  363. package/lib/text-area/index.d.ts +1 -1
  364. package/lib/text-area/text-area.d.ts +39 -39
  365. package/lib/text-area/text-area.js +92 -1
  366. package/lib/text-area/text-area.js.map +1 -1
  367. package/lib/text-area/text-area.module.css.js +7 -1
  368. package/lib/text-area/text-area.module.css.js.map +1 -1
  369. package/lib/text-field/index.d.ts +1 -1
  370. package/lib/text-field/text-field.d.ts +18 -18
  371. package/lib/text-field/text-field.js +63 -1
  372. package/lib/text-field/text-field.js.map +1 -1
  373. package/lib/text-field/text-field.module.css.js +7 -1
  374. package/lib/text-field/text-field.module.css.js.map +1 -1
  375. package/lib/text-link/index.d.ts +1 -1
  376. package/lib/text-link/text-link.d.ts +9 -9
  377. package/lib/text-link/text-link.js +41 -1
  378. package/lib/text-link/text-link.js.map +1 -1
  379. package/lib/text-link/text-link.module.css.js +7 -1
  380. package/lib/text-link/text-link.module.css.js.map +1 -1
  381. package/lib/toast/index.d.ts +4 -4
  382. package/lib/toast/static-toast.d.ts +63 -63
  383. package/lib/toast/static-toast.js +59 -1
  384. package/lib/toast/static-toast.js.map +1 -1
  385. package/lib/toast/toast-animation.d.ts +50 -50
  386. package/lib/toast/toast-animation.js +141 -1
  387. package/lib/toast/toast-animation.js.map +1 -1
  388. package/lib/toast/toast.module.css.js +7 -1
  389. package/lib/toast/toast.module.css.js.map +1 -1
  390. package/lib/toast/use-toasts.d.ts +132 -132
  391. package/lib/toast/use-toasts.js +166 -1
  392. package/lib/toast/use-toasts.js.map +1 -1
  393. package/lib/tooltip/index.d.ts +2 -2
  394. package/lib/tooltip/tooltip.d.ts +72 -72
  395. package/lib/tooltip/tooltip.js +67 -1
  396. package/lib/tooltip/tooltip.js.map +1 -1
  397. package/lib/tooltip/tooltip.module.css.js +7 -1
  398. package/lib/tooltip/tooltip.module.css.js.map +1 -1
  399. package/lib/utils/common-helpers.d.ts +2 -2
  400. package/lib/utils/common-helpers.js +44 -1
  401. package/lib/utils/common-helpers.js.map +1 -1
  402. package/lib/utils/common-types.d.ts +42 -42
  403. package/lib/utils/polymorphism.d.ts +135 -135
  404. package/lib/utils/polymorphism.js +39 -1
  405. package/lib/utils/polymorphism.js.map +1 -1
  406. package/lib/utils/responsive-props.d.ts +44 -44
  407. package/lib/utils/responsive-props.js +70 -1
  408. package/lib/utils/responsive-props.js.map +1 -1
  409. package/lib/utils/storybook-helper.d.ts +55 -0
  410. package/lib/utils/test-helpers.d.ts +22 -22
  411. package/package.json +14 -18
  412. package/styles/avatar.css +2 -2
  413. package/styles/avatar.module.css.css +1 -1
  414. package/styles/badge.css +2 -2
  415. package/styles/badge.module.css.css +1 -1
  416. package/styles/banner.css +6 -6
  417. package/styles/banner.module.css.css +1 -1
  418. package/styles/base-field.css +4 -4
  419. package/styles/base-field.module.css.css +1 -1
  420. package/styles/box.css +1 -1
  421. package/styles/box.module.css.css +1 -1
  422. package/styles/button.css +4 -4
  423. package/styles/button.module.css.css +1 -1
  424. package/styles/checkbox-field.css +3 -3
  425. package/styles/checkbox-field.module.css.css +1 -1
  426. package/styles/columns.css +1 -1
  427. package/styles/divider.css +1 -1
  428. package/styles/heading.css +2 -2
  429. package/styles/heading.module.css.css +1 -1
  430. package/styles/hidden-visually.css +2 -2
  431. package/styles/hidden-visually.module.css.css +1 -1
  432. package/styles/hidden.css +1 -1
  433. package/styles/index.css +4 -4
  434. package/styles/loading.css +2 -2
  435. package/styles/menu.css +1 -1
  436. package/styles/modal.css +5 -5
  437. package/styles/modal.module.css.css +1 -1
  438. package/styles/notice.css +1 -1
  439. package/styles/password-field.css +7 -7
  440. package/styles/progress-bar.module.css.css +1 -1
  441. package/styles/prose.css +2 -2
  442. package/styles/prose.module.css.css +1 -1
  443. package/styles/reactist.css +30 -30
  444. package/styles/select-field.css +5 -5
  445. package/styles/select-field.module.css.css +1 -1
  446. package/styles/spinner.css +1 -1
  447. package/styles/static-toast.css +6 -6
  448. package/styles/switch-field.css +6 -6
  449. package/styles/switch-field.module.css.css +1 -1
  450. package/styles/tabs.css +2 -2
  451. package/styles/tabs.module.css.css +1 -1
  452. package/styles/text-area.css +5 -5
  453. package/styles/text-area.module.css.css +1 -1
  454. package/styles/text-field.css +5 -5
  455. package/styles/text-field.module.css.css +1 -1
  456. package/styles/text-link.css +2 -2
  457. package/styles/text-link.module.css.css +1 -1
  458. package/styles/text.css +2 -2
  459. package/styles/text.module.css.css +1 -1
  460. package/styles/toast.module.css.css +1 -1
  461. package/styles/tooltip.css +2 -2
  462. package/styles/tooltip.module.css.css +1 -1
  463. package/styles/use-toasts.css +6 -6
  464. package/es/_virtual/_rollupPluginBabelHelpers.js +0 -91
  465. package/es/_virtual/_rollupPluginBabelHelpers.js.map +0 -1
  466. package/lib/_virtual/_rollupPluginBabelHelpers.js +0 -2
  467. package/lib/_virtual/_rollupPluginBabelHelpers.js.map +0 -1
@@ -1,4 +1,4 @@
1
- import { objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
1
+ import { __assign } from 'tslib';
2
2
  import * as React from 'react';
3
3
  import { Box } from '../box/box.js';
4
4
  import { useId } from '../utils/common-helpers.js';
@@ -8,177 +8,95 @@ import { Stack } from '../stack/stack.js';
8
8
  import { Spinner } from '../spinner/spinner.js';
9
9
  import { Columns, Column } from '../columns/columns.js';
10
10
 
11
+ // Define the remaining characters before the character count turns red
11
12
  // See: https://twist.com/a/1585/ch/765851/t/6664583/c/93631846 for latest spec
12
-
13
- const MAX_LENGTH_THRESHOLD = 0;
14
-
13
+ var MAX_LENGTH_THRESHOLD = 0;
15
14
  function fieldToneToTextTone(tone) {
16
- return tone === 'error' ? 'danger' : tone === 'success' ? 'positive' : 'secondary';
15
+ return tone === 'error' ? 'danger' : tone === 'success' ? 'positive' : 'secondary';
17
16
  }
18
-
19
- function FieldMessage({
20
- id,
21
- children,
22
- tone
23
- }) {
24
- return /*#__PURE__*/React.createElement(Text, {
25
- as: "p",
26
- tone: fieldToneToTextTone(tone),
27
- size: "copy",
28
- id: id
29
- }, tone === 'loading' ? /*#__PURE__*/React.createElement(Box, {
30
- as: "span",
31
- marginRight: "xsmall",
32
- display: "inlineFlex",
33
- className: modules_540a88ff.loadingIcon
34
- }, /*#__PURE__*/React.createElement(Spinner, {
35
- size: 16
36
- })) : null, children);
17
+ function FieldMessage(_a) {
18
+ var id = _a.id, children = _a.children, tone = _a.tone;
19
+ return (React.createElement(Text, { as: "p", tone: fieldToneToTextTone(tone), size: "copy", id: id },
20
+ tone === 'loading' ? (React.createElement(Box, { as: "span", marginRight: "xsmall", display: "inlineFlex", className: modules_540a88ff.loadingIcon },
21
+ React.createElement(Spinner, { size: 16 }))) : null,
22
+ children));
37
23
  }
38
-
39
- function FieldCharacterCount({
40
- children,
41
- tone
42
- }) {
43
- return /*#__PURE__*/React.createElement(Text, {
44
- tone: fieldToneToTextTone(tone),
45
- size: "copy"
46
- }, children);
24
+ function FieldCharacterCount(_a) {
25
+ var children = _a.children, tone = _a.tone;
26
+ return (React.createElement(Text, { tone: fieldToneToTextTone(tone), size: "copy" }, children));
47
27
  }
48
-
49
- function validateInputLength({
50
- value,
51
- maxLength
52
- }) {
53
- if (!maxLength) {
28
+ function validateInputLength(_a) {
29
+ var value = _a.value, maxLength = _a.maxLength;
30
+ if (!maxLength) {
31
+ return {
32
+ count: null,
33
+ tone: 'neutral'
34
+ };
35
+ }
36
+ var currentLength = String(value || '').length;
37
+ var isNearMaxLength = maxLength - currentLength <= MAX_LENGTH_THRESHOLD;
54
38
  return {
55
- count: null,
56
- tone: 'neutral'
39
+ count: "".concat(currentLength, "/").concat(maxLength),
40
+ tone: isNearMaxLength ? 'error' : 'neutral'
57
41
  };
58
- }
59
-
60
- const currentLength = String(value || '').length;
61
- const isNearMaxLength = maxLength - currentLength <= MAX_LENGTH_THRESHOLD;
62
- return {
63
- count: `${currentLength}/${maxLength}`,
64
- tone: isNearMaxLength ? 'error' : 'neutral'
65
- };
66
42
  }
67
- /**
68
- * BaseField is a base component that provides a consistent structure for form fields.
43
+ /**
44
+ * BaseField is a base component that provides a consistent structure for form fields.
69
45
  */
70
-
71
-
72
- function BaseField({
73
- variant = 'default',
74
- label,
75
- value,
76
- auxiliaryLabel,
77
- message,
78
- tone = 'neutral',
79
- className,
80
- children,
81
- maxWidth,
82
- maxLength,
83
- hidden,
84
- 'aria-describedby': originalAriaDescribedBy,
85
- id: originalId,
86
- characterCountPosition = 'below',
87
- endSlot,
88
- endSlotPosition = 'bottom'
89
- }) {
90
- const id = useId(originalId);
91
- const messageId = useId();
92
- const inputLength = validateInputLength({
93
- value,
94
- maxLength
95
- });
96
- const [characterCount, setCharacterCount] = React.useState(inputLength.count);
97
- const [characterCountTone, setCharacterCountTone] = React.useState(inputLength.tone);
98
- const ariaDescribedBy = originalAriaDescribedBy ?? (message ? messageId : null);
99
- const renderCharacterCountBelow = characterCountPosition === 'below' && characterCount !== null;
100
- const renderCharacterCountInline = characterCountPosition === 'inline' && characterCount !== null;
101
-
102
- function renderCharacterCount() {
103
- return /*#__PURE__*/React.createElement(FieldCharacterCount, {
104
- tone: characterCountTone
105
- }, characterCount);
106
- }
107
-
108
- const childrenProps = _objectSpread2(_objectSpread2({
109
- id,
110
- value
111
- }, ariaDescribedBy ? {
112
- 'aria-describedby': ariaDescribedBy
113
- } : {}), {}, {
114
- 'aria-invalid': tone === 'error' ? true : undefined,
115
-
116
- onChange(event) {
117
- if (!maxLength) {
118
- return;
119
- }
120
-
121
- const inputLength = validateInputLength({
122
- value: event.currentTarget.value,
123
- maxLength
124
- });
125
- setCharacterCount(inputLength.count);
126
- setCharacterCountTone(inputLength.tone);
127
- },
128
-
129
- // If the character count is inline, we pass it as a prop to the children element so it can be rendered inline
130
- characterCountElement: renderCharacterCountInline ? renderCharacterCount() : null
131
- });
132
-
133
- React.useEffect(function updateCharacterCountOnPropChange() {
134
- if (!maxLength) {
135
- return;
46
+ function BaseField(_a) {
47
+ var _b = _a.variant, variant = _b === void 0 ? 'default' : _b, label = _a.label, value = _a.value, auxiliaryLabel = _a.auxiliaryLabel, message = _a.message, _c = _a.tone, tone = _c === void 0 ? 'neutral' : _c, className = _a.className, children = _a.children, maxWidth = _a.maxWidth, maxLength = _a.maxLength, hidden = _a.hidden, originalAriaDescribedBy = _a["aria-describedby"], originalId = _a.id, _d = _a.characterCountPosition, characterCountPosition = _d === void 0 ? 'below' : _d, endSlot = _a.endSlot, _e = _a.endSlotPosition, endSlotPosition = _e === void 0 ? 'bottom' : _e;
48
+ var id = useId(originalId);
49
+ var messageId = useId();
50
+ var inputLength = validateInputLength({ value: value, maxLength: maxLength });
51
+ var _f = React.useState(inputLength.count), characterCount = _f[0], setCharacterCount = _f[1];
52
+ var _g = React.useState(inputLength.tone), characterCountTone = _g[0], setCharacterCountTone = _g[1];
53
+ var ariaDescribedBy = originalAriaDescribedBy !== null && originalAriaDescribedBy !== void 0 ? originalAriaDescribedBy : (message ? messageId : null);
54
+ var renderCharacterCountBelow = characterCountPosition === 'below' && characterCount !== null;
55
+ var renderCharacterCountInline = characterCountPosition === 'inline' && characterCount !== null;
56
+ function renderCharacterCount() {
57
+ return React.createElement(FieldCharacterCount, { tone: characterCountTone }, characterCount);
136
58
  }
137
-
138
- const inputLength = validateInputLength({
139
- value,
140
- maxLength
141
- });
142
- setCharacterCount(inputLength.count);
143
- setCharacterCountTone(inputLength.tone);
144
- }, [maxLength, value]);
145
- return /*#__PURE__*/React.createElement(Stack, {
146
- space: "xsmall",
147
- hidden: hidden
148
- }, /*#__PURE__*/React.createElement(Box, {
149
- display: "flex",
150
- flexDirection: "row",
151
- className: [className, modules_540a88ff.container, tone === 'error' ? modules_540a88ff.error : null, variant === 'bordered' ? modules_540a88ff.bordered : null],
152
- maxWidth: maxWidth,
153
- alignItems: "center"
154
- }, /*#__PURE__*/React.createElement(Box, {
155
- flexGrow: 1
156
- }, label || auxiliaryLabel ? /*#__PURE__*/React.createElement(Box, {
157
- as: "span",
158
- display: "flex",
159
- justifyContent: "spaceBetween",
160
- alignItems: "flexEnd"
161
- }, /*#__PURE__*/React.createElement(Text, {
162
- size: variant === 'bordered' ? 'caption' : 'body',
163
- as: "label",
164
- htmlFor: id
165
- }, label ? /*#__PURE__*/React.createElement("span", {
166
- className: modules_540a88ff.primaryLabel
167
- }, label) : null), auxiliaryLabel ? /*#__PURE__*/React.createElement(Box, {
168
- className: modules_540a88ff.auxiliaryLabel,
169
- paddingLeft: "small"
170
- }, auxiliaryLabel) : null) : null, children(childrenProps)), endSlot && endSlotPosition === 'fullHeight' ? endSlot : null), message || renderCharacterCountBelow ? /*#__PURE__*/React.createElement(Columns, {
171
- align: "right",
172
- space: "small",
173
- maxWidth: maxWidth
174
- }, message ? /*#__PURE__*/React.createElement(Column, {
175
- width: "auto"
176
- }, /*#__PURE__*/React.createElement(FieldMessage, {
177
- id: messageId,
178
- tone: tone
179
- }, message)) : null, characterCountPosition === 'below' ? /*#__PURE__*/React.createElement(Column, {
180
- width: "content"
181
- }, renderCharacterCount()) : null) : null);
59
+ var childrenProps = __assign(__assign({ id: id, value: value }, (ariaDescribedBy ? { 'aria-describedby': ariaDescribedBy } : {})), { 'aria-invalid': tone === 'error' ? true : undefined, onChange: function (event) {
60
+ if (!maxLength) {
61
+ return;
62
+ }
63
+ var inputLength = validateInputLength({
64
+ value: event.currentTarget.value,
65
+ maxLength: maxLength
66
+ });
67
+ setCharacterCount(inputLength.count);
68
+ setCharacterCountTone(inputLength.tone);
69
+ },
70
+ // If the character count is inline, we pass it as a prop to the children element so it can be rendered inline
71
+ characterCountElement: renderCharacterCountInline ? renderCharacterCount() : null });
72
+ React.useEffect(function updateCharacterCountOnPropChange() {
73
+ if (!maxLength) {
74
+ return;
75
+ }
76
+ var inputLength = validateInputLength({
77
+ value: value,
78
+ maxLength: maxLength
79
+ });
80
+ setCharacterCount(inputLength.count);
81
+ setCharacterCountTone(inputLength.tone);
82
+ }, [maxLength, value]);
83
+ return (React.createElement(Stack, { space: "xsmall", hidden: hidden },
84
+ React.createElement(Box, { display: "flex", flexDirection: "row", className: [
85
+ className,
86
+ modules_540a88ff.container,
87
+ tone === 'error' ? modules_540a88ff.error : null,
88
+ variant === 'bordered' ? modules_540a88ff.bordered : null,
89
+ ], maxWidth: maxWidth, alignItems: "center" },
90
+ React.createElement(Box, { flexGrow: 1 },
91
+ label || auxiliaryLabel ? (React.createElement(Box, { as: "span", display: "flex", justifyContent: "spaceBetween", alignItems: "flexEnd" },
92
+ React.createElement(Text, { size: variant === 'bordered' ? 'caption' : 'body', as: "label", htmlFor: id }, label ? (React.createElement("span", { className: modules_540a88ff.primaryLabel }, label)) : null),
93
+ auxiliaryLabel ? (React.createElement(Box, { className: modules_540a88ff.auxiliaryLabel, paddingLeft: "small" }, auxiliaryLabel)) : null)) : null,
94
+ children(childrenProps)),
95
+ endSlot && endSlotPosition === 'fullHeight' ? endSlot : null),
96
+ message || renderCharacterCountBelow ? (React.createElement(Columns, { align: "right", space: "small", maxWidth: maxWidth },
97
+ message ? (React.createElement(Column, { width: "auto" },
98
+ React.createElement(FieldMessage, { id: messageId, tone: tone }, message))) : null,
99
+ characterCountPosition === 'below' ? (React.createElement(Column, { width: "content" }, renderCharacterCount())) : null)) : null));
182
100
  }
183
101
 
184
102
  export { BaseField, FieldMessage };
@@ -1 +1 @@
1
- {"version":3,"file":"base-field.js","sources":["../../src/base-field/base-field.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Box, BoxProps } from '../box'\nimport { useId } from '../utils/common-helpers'\nimport { Text } from '../text'\nimport styles from './base-field.module.css'\nimport { Stack } from '../stack'\n\nimport type { WithEnhancedClassName } from '../utils/common-types'\nimport { Spinner } from '../spinner'\nimport { Column, Columns } from '../columns'\n\n// Define the remaining characters before the character count turns red\n// See: https://twist.com/a/1585/ch/765851/t/6664583/c/93631846 for latest spec\nconst MAX_LENGTH_THRESHOLD = 0\n\ntype FieldTone = 'neutral' | 'success' | 'error' | 'loading'\n\ntype FieldMessageProps = {\n id: string\n children: React.ReactNode\n tone: FieldTone\n}\n\nfunction fieldToneToTextTone(tone: FieldTone) {\n return tone === 'error' ? 'danger' : tone === 'success' ? 'positive' : 'secondary'\n}\n\nfunction FieldMessage({ id, children, tone }: FieldMessageProps) {\n return (\n <Text as=\"p\" tone={fieldToneToTextTone(tone)} size=\"copy\" id={id}>\n {tone === 'loading' ? (\n <Box\n as=\"span\"\n marginRight=\"xsmall\"\n display=\"inlineFlex\"\n className={styles.loadingIcon}\n >\n <Spinner size={16} />\n </Box>\n ) : null}\n {children}\n </Text>\n )\n}\n\ntype FieldCharacterCountProps = {\n children: React.ReactNode\n tone: FieldTone\n}\n\nfunction FieldCharacterCount({ children, tone }: FieldCharacterCountProps) {\n return (\n <Text tone={fieldToneToTextTone(tone)} size=\"copy\">\n {children}\n </Text>\n )\n}\n\ntype ValidateInputLengthProps = {\n value?: React.InputHTMLAttributes<unknown>['value']\n maxLength?: number\n}\n\ntype ValidateInputLengthResult = {\n count: string | null\n tone: FieldTone\n}\n\nfunction validateInputLength({\n value,\n maxLength,\n}: ValidateInputLengthProps): ValidateInputLengthResult {\n if (!maxLength) {\n return {\n count: null,\n tone: 'neutral',\n }\n }\n\n const currentLength = String(value || '').length\n const isNearMaxLength = maxLength - currentLength <= MAX_LENGTH_THRESHOLD\n\n return {\n count: `${currentLength}/${maxLength}`,\n tone: isNearMaxLength ? 'error' : 'neutral',\n }\n}\n\n//\n// BaseField\n//\n\ntype ChildrenRenderProps = {\n id: string\n value?: React.InputHTMLAttributes<unknown>['value']\n 'aria-describedby'?: string\n 'aria-invalid'?: true\n onChange?: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>\n characterCountElement?: React.ReactNode | null\n}\n\ntype HtmlInputProps<T extends HTMLElement> = React.DetailedHTMLProps<\n React.InputHTMLAttributes<T>,\n T\n>\n\ntype BaseFieldVariant = 'default' | 'bordered'\ntype BaseFieldVariantProps = {\n /**\n * Provides alternative visual layouts or modes that the field can be rendered in.\n *\n * Namely, there are two variants supported:\n *\n * - the default one\n * - a \"bordered\" variant, where the border of the field surrounds also the labels, instead\n * of just surrounding the actual field element\n *\n * In both cases, the message and description texts for the field lie outside the bordered\n * area.\n */\n variant?: BaseFieldVariant\n}\n\nexport type BaseFieldProps = WithEnhancedClassName &\n Pick<HtmlInputProps<HTMLInputElement>, 'id' | 'hidden' | 'maxLength' | 'aria-describedby'> & {\n /**\n * The main label for this field element.\n *\n * This prop is not optional. Consumers of field components must be explicit about not\n * wanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\n * should make sure that fields are properly labelled semantically by other means (e.g using\n * `aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n *\n * Avoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n *\n * @see BaseFieldProps['auxiliaryLabel']\n */\n label: React.ReactNode\n\n /**\n * The initial value for this field element.\n *\n * This prop is used to calculate the character count for the initial value, and is then\n * passed to the underlying child element.\n */\n value?: React.InputHTMLAttributes<unknown>['value']\n\n /**\n * An optional extra element to be placed to the right of the main label.\n *\n * This extra element is not included in the accessible name of the field element. Its only\n * purpose is either visual, or functional (if you include interactive elements in it).\n *\n * @see BaseFieldProps['label']\n *\n * @deprecated The usage of this element is discouraged given that it was removed from the\n * latest form field spec revision.\n */\n auxiliaryLabel?: React.ReactNode\n\n /**\n * A message associated with the field. It is rendered below the field, and with an\n * appearance that conveys the tone of the field (e.g. coloured red for errors, green for\n * success, etc).\n *\n * The message element is associated to the field via the `aria-describedby` attribute.\n *\n * In the future, when `aria-errormessage` gets better user agent support, we should use it\n * to associate the filed with a message when tone is `\"error\"`.\n *\n * @see BaseFieldProps['tone']\n * @see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n * @see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid\n */\n message?: React.ReactNode\n\n /**\n * The tone with which the message, if any, is presented.\n *\n * If the tone is `\"error\"`, the field border turns red, and the message, if any, is also\n * red.\n *\n * When the tone is `\"loading\"`, it is recommended that you also disable the field. However,\n * this is not enforced by the component. It is only a recommendation.\n *\n * @see BaseFieldProps['message']\n * @see BaseFieldProps['hint']\n */\n tone?: FieldTone\n\n /**\n * The maximum width that the input field can expand to.\n */\n maxWidth?: BoxProps['maxWidth']\n\n /**\n * The maximum number of characters that the input field can accept.\n * When this limit is reached, the input field will not accept any more characters.\n * The counter element will turn red when the number of characters is within 10 of the maximum limit.\n */\n maxLength?: number\n\n /**\n * Used internally by components composed using `BaseField`. It is not exposed as part of\n * the public props of such components.\n */\n children: (props: ChildrenRenderProps) => React.ReactNode\n\n /**\n * The position of the character count element.\n * It can be shown below the field or inline with the field.\n *\n * @default 'below'\n */\n characterCountPosition?: 'below' | 'inline' | 'hidden'\n } & (\n | {\n supportsStartAndEndSlots?: false\n endSlot?: never\n endSlotPosition?: never\n }\n | {\n supportsStartAndEndSlots: true\n endSlot?: React.ReactElement | string | number\n /**\n * This is solely for `bordered` variants of TextField. When set to `bottom` (the default),\n * the endSlot will be placed inline with the input field. When set to `fullHeight`, the endSlot\n * will be placed to the side of both the input field and the label.\n */\n endSlotPosition?: 'bottom' | 'fullHeight'\n }\n )\n\ntype FieldComponentProps<T extends HTMLElement> = Omit<\n BaseFieldProps,\n 'children' | 'className' | 'fieldRef' | 'variant'\n> &\n Omit<HtmlInputProps<T>, 'className' | 'style'>\n\n/**\n * BaseField is a base component that provides a consistent structure for form fields.\n */\nfunction BaseField({\n variant = 'default',\n label,\n value,\n auxiliaryLabel,\n message,\n tone = 'neutral',\n className,\n children,\n maxWidth,\n maxLength,\n hidden,\n 'aria-describedby': originalAriaDescribedBy,\n id: originalId,\n characterCountPosition = 'below',\n endSlot,\n endSlotPosition = 'bottom',\n}: BaseFieldProps & BaseFieldVariantProps & WithEnhancedClassName) {\n const id = useId(originalId)\n const messageId = useId()\n\n const inputLength = validateInputLength({ value, maxLength })\n\n const [characterCount, setCharacterCount] = React.useState<string | null>(inputLength.count)\n const [characterCountTone, setCharacterCountTone] = React.useState<FieldTone>(inputLength.tone)\n\n const ariaDescribedBy = originalAriaDescribedBy ?? (message ? messageId : null)\n\n const renderCharacterCountBelow = characterCountPosition === 'below' && characterCount !== null\n const renderCharacterCountInline =\n characterCountPosition === 'inline' && characterCount !== null\n\n function renderCharacterCount() {\n return <FieldCharacterCount tone={characterCountTone}>{characterCount}</FieldCharacterCount>\n }\n\n const childrenProps: ChildrenRenderProps = {\n id,\n value,\n ...(ariaDescribedBy ? { 'aria-describedby': ariaDescribedBy } : {}),\n 'aria-invalid': tone === 'error' ? true : undefined,\n onChange(event) {\n if (!maxLength) {\n return\n }\n\n const inputLength = validateInputLength({\n value: event.currentTarget.value,\n maxLength,\n })\n\n setCharacterCount(inputLength.count)\n setCharacterCountTone(inputLength.tone)\n },\n // If the character count is inline, we pass it as a prop to the children element so it can be rendered inline\n characterCountElement: renderCharacterCountInline ? renderCharacterCount() : null,\n }\n\n React.useEffect(\n function updateCharacterCountOnPropChange() {\n if (!maxLength) {\n return\n }\n\n const inputLength = validateInputLength({\n value,\n maxLength,\n })\n\n setCharacterCount(inputLength.count)\n setCharacterCountTone(inputLength.tone)\n },\n [maxLength, value],\n )\n\n return (\n <Stack space=\"xsmall\" hidden={hidden}>\n <Box\n display=\"flex\"\n flexDirection=\"row\"\n className={[\n className,\n styles.container,\n tone === 'error' ? styles.error : null,\n variant === 'bordered' ? styles.bordered : null,\n ]}\n maxWidth={maxWidth}\n alignItems=\"center\"\n >\n <Box flexGrow={1}>\n {label || auxiliaryLabel ? (\n <Box\n as=\"span\"\n display=\"flex\"\n justifyContent=\"spaceBetween\"\n alignItems=\"flexEnd\"\n >\n <Text\n size={variant === 'bordered' ? 'caption' : 'body'}\n as=\"label\"\n htmlFor={id}\n >\n {label ? (\n <span className={styles.primaryLabel}>{label}</span>\n ) : null}\n </Text>\n {auxiliaryLabel ? (\n <Box className={styles.auxiliaryLabel} paddingLeft=\"small\">\n {auxiliaryLabel}\n </Box>\n ) : null}\n </Box>\n ) : null}\n {children(childrenProps)}\n </Box>\n {endSlot && endSlotPosition === 'fullHeight' ? endSlot : null}\n </Box>\n\n {message || renderCharacterCountBelow ? (\n <Columns align=\"right\" space=\"small\" maxWidth={maxWidth}>\n {message ? (\n <Column width=\"auto\">\n <FieldMessage id={messageId} tone={tone}>\n {message}\n </FieldMessage>\n </Column>\n ) : null}\n\n {/* If the character count is below the field, we render it, if it's inline,\n we pass it as a prop to the children element so it can be rendered inline */}\n {characterCountPosition === 'below' ? (\n <Column width=\"content\">{renderCharacterCount()}</Column>\n ) : null}\n </Columns>\n ) : null}\n </Stack>\n )\n}\n\nexport { BaseField, FieldMessage }\nexport type { BaseFieldVariant, BaseFieldVariantProps, FieldComponentProps }\n"],"names":["MAX_LENGTH_THRESHOLD","fieldToneToTextTone","tone","FieldMessage","id","children","React","Text","as","size","createElement","Box","marginRight","display","className","styles","loadingIcon","Spinner","FieldCharacterCount","validateInputLength","value","maxLength","count","currentLength","String","length","isNearMaxLength","BaseField","variant","label","auxiliaryLabel","message","maxWidth","hidden","originalAriaDescribedBy","originalId","characterCountPosition","endSlot","endSlotPosition","useId","messageId","inputLength","characterCount","setCharacterCount","useState","characterCountTone","setCharacterCountTone","ariaDescribedBy","renderCharacterCountBelow","renderCharacterCountInline","renderCharacterCount","childrenProps","_objectSpread","undefined","onChange","event","currentTarget","characterCountElement","useEffect","updateCharacterCountOnPropChange","Stack","space","flexDirection","container","error","bordered","alignItems","flexGrow","justifyContent","htmlFor","primaryLabel","paddingLeft","Columns","align","Column","width"],"mappings":"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"}
1
+ {"version":3,"file":"base-field.js","sources":["../../src/base-field/base-field.tsx"],"sourcesContent":[null],"names":["styles"],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- var modules_540a88ff = {"container":"d6795f2d","auxiliaryLabel":"bfa9e249","bordered":"e8d81883","error":"_656b054e","primaryLabel":"_0eded49a","loadingIcon":"fbf1bee1"};
1
+ var modules_540a88ff = {"auxiliaryLabel":"bfa9e249","bordered":"e8d81883","error":"_656b054e","primaryLabel":"_0eded49a","loadingIcon":"fbf1bee1","container":"d6795f2d"};
2
2
 
3
3
  export { modules_540a88ff as default };
4
4
  //# sourceMappingURL=base-field.module.css.js.map
package/es/box/box.js CHANGED
@@ -1,4 +1,4 @@
1
- import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
1
+ import { __rest, __assign } from 'tslib';
2
2
  import * as React from 'react';
3
3
  import classNames from 'classnames';
4
4
  import { polymorphicComponent } from '../utils/polymorphism.js';
@@ -9,143 +9,67 @@ import modules_131405ac from './margin.module.css.js';
9
9
  import modules_89b7671c from './width.module.css.js';
10
10
  import modules_8b5c09cb from './gap.module.css.js';
11
11
 
12
- const _excluded = ["as", "position", "display", "flexDirection", "flexWrap", "flexGrow", "flexShrink", "gap", "alignItems", "justifyContent", "alignSelf", "overflow", "width", "height", "background", "border", "borderRadius", "minWidth", "maxWidth", "textAlign", "padding", "paddingY", "paddingX", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "margin", "marginY", "marginX", "marginTop", "marginRight", "marginBottom", "marginLeft", "overlayScroll", "className", "children"];
13
-
14
- function getBoxClassNames({
15
- position = 'static',
16
- display,
17
- flexDirection = 'row',
18
- flexWrap,
19
- flexGrow,
20
- flexShrink,
21
- gap,
22
- alignItems,
23
- justifyContent,
24
- alignSelf,
25
- overflow,
26
- width,
27
- height,
28
- background,
29
- border,
30
- borderRadius,
31
- minWidth,
32
- maxWidth,
33
- textAlign,
34
- padding,
35
- paddingY,
36
- paddingX,
37
- paddingTop,
38
- paddingRight,
39
- paddingBottom,
40
- paddingLeft,
41
- margin,
42
- marginY,
43
- marginX,
44
- marginTop,
45
- marginRight,
46
- marginBottom,
47
- marginLeft,
48
- overlayScroll,
49
- className
50
- }) {
51
- const resolvedPaddingTop = paddingTop ?? paddingY ?? padding;
52
- const resolvedPaddingRight = paddingRight ?? paddingX ?? padding;
53
- const resolvedPaddingBottom = paddingBottom ?? paddingY ?? padding;
54
- const resolvedPaddingLeft = paddingLeft ?? paddingX ?? padding;
55
- const resolvedMarginTop = marginTop ?? marginY ?? margin;
56
- const resolvedMarginRight = marginRight ?? marginX ?? margin;
57
- const resolvedMarginBottom = marginBottom ?? marginY ?? margin;
58
- const resolvedMarginLeft = marginLeft ?? marginX ?? margin;
59
- const omitFlex = !display || typeof display === 'string' && display !== 'flex' && display !== 'inlineFlex';
60
- return classNames(className, modules_54d944f2.box, display ? getClassNames(modules_54d944f2, 'display', display) : null, position !== 'static' ? getClassNames(modules_54d944f2, 'position', position) : null, minWidth != null ? getClassNames(modules_89b7671c, 'minWidth', String(minWidth)) : null, getClassNames(modules_89b7671c, 'maxWidth', maxWidth), getClassNames(modules_54d944f2, 'textAlign', textAlign), // padding
61
- getClassNames(modules_b537a8ee, 'paddingTop', resolvedPaddingTop), getClassNames(modules_b537a8ee, 'paddingRight', resolvedPaddingRight), getClassNames(modules_b537a8ee, 'paddingBottom', resolvedPaddingBottom), getClassNames(modules_b537a8ee, 'paddingLeft', resolvedPaddingLeft), // margin
62
- getClassNames(modules_131405ac, 'marginTop', resolvedMarginTop), getClassNames(modules_131405ac, 'marginRight', resolvedMarginRight), getClassNames(modules_131405ac, 'marginBottom', resolvedMarginBottom), getClassNames(modules_131405ac, 'marginLeft', resolvedMarginLeft), // flex props
63
- omitFlex ? null : getClassNames(modules_54d944f2, 'flexDirection', flexDirection), omitFlex ? null : getClassNames(modules_54d944f2, 'flexWrap', flexWrap), omitFlex ? null : getClassNames(modules_54d944f2, 'alignItems', alignItems), omitFlex ? null : getClassNames(modules_54d944f2, 'justifyContent', justifyContent), alignSelf != null ? getClassNames(modules_54d944f2, 'alignSelf', alignSelf) : null, flexShrink != null ? getClassNames(modules_54d944f2, 'flexShrink', String(flexShrink)) : null, flexGrow != null ? getClassNames(modules_54d944f2, 'flexGrow', String(flexGrow)) : null, gap ? getClassNames(modules_8b5c09cb, 'gap', gap) : null, // other props
64
- getClassNames(modules_54d944f2, 'overflow', overflow), width != null ? getClassNames(modules_89b7671c, 'width', String(width)) : null, getClassNames(modules_54d944f2, 'height', height), getClassNames(modules_54d944f2, 'bg', background), borderRadius !== 'none' ? getClassNames(modules_54d944f2, 'borderRadius', borderRadius) : null, border !== 'none' ? getClassNames(modules_54d944f2, 'border', border) : null, overlayScroll ? modules_54d944f2.overlayScroll : null);
12
+ function getBoxClassNames(_a) {
13
+ var _b, _c, _d, _e, _f, _g, _h, _j;
14
+ var _k = _a.position, position = _k === void 0 ? 'static' : _k, display = _a.display, _l = _a.flexDirection, flexDirection = _l === void 0 ? 'row' : _l, flexWrap = _a.flexWrap, flexGrow = _a.flexGrow, flexShrink = _a.flexShrink, gap = _a.gap, alignItems = _a.alignItems, justifyContent = _a.justifyContent, alignSelf = _a.alignSelf, overflow = _a.overflow, width = _a.width, height = _a.height, background = _a.background, border = _a.border, borderRadius = _a.borderRadius, minWidth = _a.minWidth, maxWidth = _a.maxWidth, textAlign = _a.textAlign, padding = _a.padding, paddingY = _a.paddingY, paddingX = _a.paddingX, paddingTop = _a.paddingTop, paddingRight = _a.paddingRight, paddingBottom = _a.paddingBottom, paddingLeft = _a.paddingLeft, margin = _a.margin, marginY = _a.marginY, marginX = _a.marginX, marginTop = _a.marginTop, marginRight = _a.marginRight, marginBottom = _a.marginBottom, marginLeft = _a.marginLeft, overlayScroll = _a.overlayScroll, className = _a.className;
15
+ var resolvedPaddingTop = (_b = paddingTop !== null && paddingTop !== void 0 ? paddingTop : paddingY) !== null && _b !== void 0 ? _b : padding;
16
+ var resolvedPaddingRight = (_c = paddingRight !== null && paddingRight !== void 0 ? paddingRight : paddingX) !== null && _c !== void 0 ? _c : padding;
17
+ var resolvedPaddingBottom = (_d = paddingBottom !== null && paddingBottom !== void 0 ? paddingBottom : paddingY) !== null && _d !== void 0 ? _d : padding;
18
+ var resolvedPaddingLeft = (_e = paddingLeft !== null && paddingLeft !== void 0 ? paddingLeft : paddingX) !== null && _e !== void 0 ? _e : padding;
19
+ var resolvedMarginTop = (_f = marginTop !== null && marginTop !== void 0 ? marginTop : marginY) !== null && _f !== void 0 ? _f : margin;
20
+ var resolvedMarginRight = (_g = marginRight !== null && marginRight !== void 0 ? marginRight : marginX) !== null && _g !== void 0 ? _g : margin;
21
+ var resolvedMarginBottom = (_h = marginBottom !== null && marginBottom !== void 0 ? marginBottom : marginY) !== null && _h !== void 0 ? _h : margin;
22
+ var resolvedMarginLeft = (_j = marginLeft !== null && marginLeft !== void 0 ? marginLeft : marginX) !== null && _j !== void 0 ? _j : margin;
23
+ var omitFlex = !display || (typeof display === 'string' && display !== 'flex' && display !== 'inlineFlex');
24
+ return classNames(className, modules_54d944f2.box, display ? getClassNames(modules_54d944f2, 'display', display) : null, position !== 'static' ? getClassNames(modules_54d944f2, 'position', position) : null, minWidth != null ? getClassNames(modules_89b7671c, 'minWidth', String(minWidth)) : null, getClassNames(modules_89b7671c, 'maxWidth', maxWidth), getClassNames(modules_54d944f2, 'textAlign', textAlign),
25
+ // padding
26
+ getClassNames(modules_b537a8ee, 'paddingTop', resolvedPaddingTop), getClassNames(modules_b537a8ee, 'paddingRight', resolvedPaddingRight), getClassNames(modules_b537a8ee, 'paddingBottom', resolvedPaddingBottom), getClassNames(modules_b537a8ee, 'paddingLeft', resolvedPaddingLeft),
27
+ // margin
28
+ getClassNames(modules_131405ac, 'marginTop', resolvedMarginTop), getClassNames(modules_131405ac, 'marginRight', resolvedMarginRight), getClassNames(modules_131405ac, 'marginBottom', resolvedMarginBottom), getClassNames(modules_131405ac, 'marginLeft', resolvedMarginLeft),
29
+ // flex props
30
+ omitFlex ? null : getClassNames(modules_54d944f2, 'flexDirection', flexDirection), omitFlex ? null : getClassNames(modules_54d944f2, 'flexWrap', flexWrap), omitFlex ? null : getClassNames(modules_54d944f2, 'alignItems', alignItems), omitFlex ? null : getClassNames(modules_54d944f2, 'justifyContent', justifyContent), alignSelf != null ? getClassNames(modules_54d944f2, 'alignSelf', alignSelf) : null, flexShrink != null ? getClassNames(modules_54d944f2, 'flexShrink', String(flexShrink)) : null, flexGrow != null ? getClassNames(modules_54d944f2, 'flexGrow', String(flexGrow)) : null, gap ? getClassNames(modules_8b5c09cb, 'gap', gap) : null,
31
+ // other props
32
+ getClassNames(modules_54d944f2, 'overflow', overflow), width != null ? getClassNames(modules_89b7671c, 'width', String(width)) : null, getClassNames(modules_54d944f2, 'height', height), getClassNames(modules_54d944f2, 'bg', background), borderRadius !== 'none' ? getClassNames(modules_54d944f2, 'borderRadius', borderRadius) : null, border !== 'none' ? getClassNames(modules_54d944f2, 'border', border) : null, overlayScroll ? modules_54d944f2.overlayScroll : null);
65
33
  }
66
-
67
- const Box = /*#__PURE__*/polymorphicComponent(function Box(_ref, ref) {
68
- let {
69
- as: component = 'div',
70
- position = 'static',
71
- display,
72
- flexDirection = 'row',
73
- flexWrap,
74
- flexGrow,
75
- flexShrink,
76
- gap,
77
- alignItems,
78
- justifyContent,
79
- alignSelf,
80
- overflow,
81
- width,
82
- height,
83
- background,
84
- border,
85
- borderRadius,
86
- minWidth,
87
- maxWidth,
88
- textAlign,
89
- padding,
90
- paddingY,
91
- paddingX,
92
- paddingTop,
93
- paddingRight,
94
- paddingBottom,
95
- paddingLeft,
96
- margin,
97
- marginY,
98
- marginX,
99
- marginTop,
100
- marginRight,
101
- marginBottom,
102
- marginLeft,
103
- overlayScroll,
104
- className,
105
- children
106
- } = _ref,
107
- props = _objectWithoutProperties(_ref, _excluded);
108
-
109
- return /*#__PURE__*/React.createElement(component, _objectSpread2(_objectSpread2({}, props), {}, {
110
- className: getBoxClassNames({
111
- position,
112
- display,
113
- flexDirection,
114
- flexWrap,
115
- flexGrow,
116
- flexShrink,
117
- gap,
118
- alignItems,
119
- justifyContent,
120
- alignSelf,
121
- overflow,
122
- width,
123
- height,
124
- background,
125
- border,
126
- borderRadius,
127
- minWidth,
128
- maxWidth,
129
- textAlign,
130
- padding,
131
- paddingY,
132
- paddingX,
133
- paddingTop,
134
- paddingRight,
135
- paddingBottom,
136
- paddingLeft,
137
- margin,
138
- marginY,
139
- marginX,
140
- marginTop,
141
- marginRight,
142
- marginBottom,
143
- marginLeft,
144
- overlayScroll,
145
- className
146
- }),
147
- ref
148
- }), children);
34
+ var Box = polymorphicComponent(function Box(_a, ref) {
35
+ var _b = _a.as, component = _b === void 0 ? 'div' : _b, _c = _a.position, position = _c === void 0 ? 'static' : _c, display = _a.display, _d = _a.flexDirection, flexDirection = _d === void 0 ? 'row' : _d, flexWrap = _a.flexWrap, flexGrow = _a.flexGrow, flexShrink = _a.flexShrink, gap = _a.gap, alignItems = _a.alignItems, justifyContent = _a.justifyContent, alignSelf = _a.alignSelf, overflow = _a.overflow, width = _a.width, height = _a.height, background = _a.background, border = _a.border, borderRadius = _a.borderRadius, minWidth = _a.minWidth, maxWidth = _a.maxWidth, textAlign = _a.textAlign, padding = _a.padding, paddingY = _a.paddingY, paddingX = _a.paddingX, paddingTop = _a.paddingTop, paddingRight = _a.paddingRight, paddingBottom = _a.paddingBottom, paddingLeft = _a.paddingLeft, margin = _a.margin, marginY = _a.marginY, marginX = _a.marginX, marginTop = _a.marginTop, marginRight = _a.marginRight, marginBottom = _a.marginBottom, marginLeft = _a.marginLeft, overlayScroll = _a.overlayScroll, className = _a.className, children = _a.children, props = __rest(_a, ["as", "position", "display", "flexDirection", "flexWrap", "flexGrow", "flexShrink", "gap", "alignItems", "justifyContent", "alignSelf", "overflow", "width", "height", "background", "border", "borderRadius", "minWidth", "maxWidth", "textAlign", "padding", "paddingY", "paddingX", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "margin", "marginY", "marginX", "marginTop", "marginRight", "marginBottom", "marginLeft", "overlayScroll", "className", "children"]);
36
+ return React.createElement(component, __assign(__assign({}, props), { className: getBoxClassNames({
37
+ position: position,
38
+ display: display,
39
+ flexDirection: flexDirection,
40
+ flexWrap: flexWrap,
41
+ flexGrow: flexGrow,
42
+ flexShrink: flexShrink,
43
+ gap: gap,
44
+ alignItems: alignItems,
45
+ justifyContent: justifyContent,
46
+ alignSelf: alignSelf,
47
+ overflow: overflow,
48
+ width: width,
49
+ height: height,
50
+ background: background,
51
+ border: border,
52
+ borderRadius: borderRadius,
53
+ minWidth: minWidth,
54
+ maxWidth: maxWidth,
55
+ textAlign: textAlign,
56
+ padding: padding,
57
+ paddingY: paddingY,
58
+ paddingX: paddingX,
59
+ paddingTop: paddingTop,
60
+ paddingRight: paddingRight,
61
+ paddingBottom: paddingBottom,
62
+ paddingLeft: paddingLeft,
63
+ margin: margin,
64
+ marginY: marginY,
65
+ marginX: marginX,
66
+ marginTop: marginTop,
67
+ marginRight: marginRight,
68
+ marginBottom: marginBottom,
69
+ marginLeft: marginLeft,
70
+ overlayScroll: overlayScroll,
71
+ className: className
72
+ }), ref: ref }), children);
149
73
  });
150
74
 
151
75
  export { Box, getBoxClassNames };
package/es/box/box.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"box.js","sources":["../../src/box/box.tsx"],"sourcesContent":["import * as React from 'react'\nimport classNames from 'classnames'\nimport { polymorphicComponent } from '../utils/polymorphism'\nimport { getClassNames } from '../utils/responsive-props'\n\nimport type { ResponsiveProp } from '../utils/responsive-props'\nimport type {\n DividerWeight,\n Space,\n SpaceWithNegatives,\n WithEnhancedClassName,\n} from '../utils/common-types'\n\nimport styles from './box.module.css'\nimport paddingStyles from './padding.module.css'\nimport marginStyles from './margin.module.css'\nimport widthStyles from './width.module.css'\nimport gapStyles from './gap.module.css'\n\ninterface BoxPaddingProps {\n padding?: ResponsiveProp<Space>\n paddingX?: ResponsiveProp<Space>\n paddingY?: ResponsiveProp<Space>\n paddingTop?: ResponsiveProp<Space>\n paddingRight?: ResponsiveProp<Space>\n paddingBottom?: ResponsiveProp<Space>\n paddingLeft?: ResponsiveProp<Space>\n}\n\ninterface BoxMarginProps {\n margin?: ResponsiveProp<SpaceWithNegatives>\n marginX?: ResponsiveProp<SpaceWithNegatives>\n marginY?: ResponsiveProp<SpaceWithNegatives>\n marginTop?: ResponsiveProp<SpaceWithNegatives>\n marginRight?: ResponsiveProp<SpaceWithNegatives>\n marginBottom?: ResponsiveProp<SpaceWithNegatives>\n marginLeft?: ResponsiveProp<SpaceWithNegatives>\n}\n\ntype BoxDisplay = 'block' | 'flex' | 'inline' | 'inlineBlock' | 'inlineFlex' | 'none'\ntype BoxFlexDirection = 'column' | 'row'\ntype BoxFlexWrap = 'nowrap' | 'wrap'\ntype BoxAlignItems = 'center' | 'flexEnd' | 'flexStart' | 'baseline'\ntype BoxJustifyContent =\n | 'center'\n | 'flexEnd'\n | 'flexStart'\n | 'spaceAround'\n | 'spaceBetween'\n | 'spaceEvenly'\ntype BoxAlignSelf = 'flexStart' | 'flexEnd' | 'center' | 'baseline' | 'stretch'\ntype BoxOverflow = 'hidden' | 'auto' | 'visible' | 'scroll'\n\ntype BoxMaxMinWidth = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'\ntype BoxMinWidth = 0 | BoxMaxMinWidth\ntype BoxMaxWidth = BoxMaxMinWidth | 'full'\ntype BoxWidth = 0 | BoxMaxMinWidth | 'full' | 'auto' | 'maxContent' | 'minContent' | 'fitContent'\ntype BoxBackground = 'default' | 'aside' | 'highlight' | 'selected' | 'toast'\ntype BoxBorderRadius = 'standard' | 'none' | 'full'\n\ninterface BorderProps {\n borderRadius?: BoxBorderRadius\n border?: DividerWeight\n}\n\ninterface ReusableBoxProps extends BorderProps, BoxPaddingProps {\n minWidth?: BoxMinWidth\n maxWidth?: BoxMaxWidth\n width?: BoxWidth\n background?: BoxBackground\n flexGrow?: 0 | 1\n flexShrink?: 0\n}\n\ntype BoxPosition = 'absolute' | 'fixed' | 'relative' | 'static' | 'sticky'\ntype BoxTextAlign = 'start' | 'center' | 'end' | 'justify'\n\ninterface BoxProps extends WithEnhancedClassName, ReusableBoxProps, BoxMarginProps {\n position?: ResponsiveProp<BoxPosition>\n display?: ResponsiveProp<BoxDisplay>\n flexDirection?: ResponsiveProp<BoxFlexDirection>\n flexWrap?: BoxFlexWrap\n gap?: ResponsiveProp<Space | 'none'>\n alignItems?: ResponsiveProp<BoxAlignItems>\n alignSelf?: ResponsiveProp<BoxAlignSelf>\n justifyContent?: ResponsiveProp<BoxJustifyContent>\n overflow?: BoxOverflow\n height?: 'full'\n textAlign?: ResponsiveProp<BoxTextAlign>\n /**\n * The `overlayScroll` prop enables a modern scrollbar experience where the scrollbar is hidden\n * by default and appears on hover. This provides a cleaner interface while maintaining full scrollability.\n *\n * Scrollbar appearance may be affected by macOS system settings,\n * such as \"Show scroll bars: Automatically/When scrolling/Always\".\n * This can override or change the effect of these styles on Mac devices.\n */\n overlayScroll?: boolean\n}\n\nfunction getBoxClassNames({\n position = 'static',\n display,\n flexDirection = 'row',\n flexWrap,\n flexGrow,\n flexShrink,\n gap,\n alignItems,\n justifyContent,\n alignSelf,\n overflow,\n width,\n height,\n background,\n border,\n borderRadius,\n minWidth,\n maxWidth,\n textAlign,\n padding,\n paddingY,\n paddingX,\n paddingTop,\n paddingRight,\n paddingBottom,\n paddingLeft,\n margin,\n marginY,\n marginX,\n marginTop,\n marginRight,\n marginBottom,\n marginLeft,\n overlayScroll,\n className,\n}: BoxProps) {\n const resolvedPaddingTop = paddingTop ?? paddingY ?? padding\n const resolvedPaddingRight = paddingRight ?? paddingX ?? padding\n const resolvedPaddingBottom = paddingBottom ?? paddingY ?? padding\n const resolvedPaddingLeft = paddingLeft ?? paddingX ?? padding\n\n const resolvedMarginTop = marginTop ?? marginY ?? margin\n const resolvedMarginRight = marginRight ?? marginX ?? margin\n const resolvedMarginBottom = marginBottom ?? marginY ?? margin\n const resolvedMarginLeft = marginLeft ?? marginX ?? margin\n\n const omitFlex =\n !display || (typeof display === 'string' && display !== 'flex' && display !== 'inlineFlex')\n\n return classNames(\n className,\n styles.box,\n display ? getClassNames(styles, 'display', display) : null,\n position !== 'static' ? getClassNames(styles, 'position', position) : null,\n minWidth != null ? getClassNames(widthStyles, 'minWidth', String(minWidth)) : null,\n getClassNames(widthStyles, 'maxWidth', maxWidth),\n getClassNames(styles, 'textAlign', textAlign),\n // padding\n getClassNames(paddingStyles, 'paddingTop', resolvedPaddingTop),\n getClassNames(paddingStyles, 'paddingRight', resolvedPaddingRight),\n getClassNames(paddingStyles, 'paddingBottom', resolvedPaddingBottom),\n getClassNames(paddingStyles, 'paddingLeft', resolvedPaddingLeft),\n // margin\n getClassNames(marginStyles, 'marginTop', resolvedMarginTop),\n getClassNames(marginStyles, 'marginRight', resolvedMarginRight),\n getClassNames(marginStyles, 'marginBottom', resolvedMarginBottom),\n getClassNames(marginStyles, 'marginLeft', resolvedMarginLeft),\n // flex props\n omitFlex ? null : getClassNames(styles, 'flexDirection', flexDirection),\n omitFlex ? null : getClassNames(styles, 'flexWrap', flexWrap),\n omitFlex ? null : getClassNames(styles, 'alignItems', alignItems),\n omitFlex ? null : getClassNames(styles, 'justifyContent', justifyContent),\n alignSelf != null ? getClassNames(styles, 'alignSelf', alignSelf) : null,\n flexShrink != null ? getClassNames(styles, 'flexShrink', String(flexShrink)) : null,\n flexGrow != null ? getClassNames(styles, 'flexGrow', String(flexGrow)) : null,\n gap ? getClassNames(gapStyles, 'gap', gap) : null,\n // other props\n getClassNames(styles, 'overflow', overflow),\n width != null ? getClassNames(widthStyles, 'width', String(width)) : null,\n getClassNames(styles, 'height', height),\n getClassNames(styles, 'bg', background),\n borderRadius !== 'none' ? getClassNames(styles, 'borderRadius', borderRadius) : null,\n border !== 'none' ? getClassNames(styles, 'border', border) : null,\n overlayScroll ? styles.overlayScroll : null,\n )\n}\n\nconst Box = polymorphicComponent<'div', BoxProps, 'keepClassName'>(function Box(\n {\n as: component = 'div',\n position = 'static',\n display,\n flexDirection = 'row',\n flexWrap,\n flexGrow,\n flexShrink,\n gap,\n alignItems,\n justifyContent,\n alignSelf,\n overflow,\n width,\n height,\n background,\n border,\n borderRadius,\n minWidth,\n maxWidth,\n textAlign,\n padding,\n paddingY,\n paddingX,\n paddingTop,\n paddingRight,\n paddingBottom,\n paddingLeft,\n margin,\n marginY,\n marginX,\n marginTop,\n marginRight,\n marginBottom,\n marginLeft,\n overlayScroll,\n className,\n children,\n ...props\n },\n ref,\n) {\n return React.createElement(\n component,\n {\n ...props,\n className: getBoxClassNames({\n position,\n display,\n flexDirection,\n flexWrap,\n flexGrow,\n flexShrink,\n gap,\n alignItems,\n justifyContent,\n alignSelf,\n overflow,\n width,\n height,\n background,\n border,\n borderRadius,\n minWidth,\n maxWidth,\n textAlign,\n padding,\n paddingY,\n paddingX,\n paddingTop,\n paddingRight,\n paddingBottom,\n paddingLeft,\n margin,\n marginY,\n marginX,\n marginTop,\n marginRight,\n marginBottom,\n marginLeft,\n overlayScroll,\n className,\n }),\n ref,\n },\n children,\n )\n})\n\nexport type {\n BoxProps,\n BoxPaddingProps,\n BoxMarginProps,\n ReusableBoxProps,\n BoxMinWidth,\n BoxMaxWidth,\n BoxDisplay,\n BoxPosition,\n BoxFlexDirection,\n BoxFlexWrap,\n BoxAlignItems,\n BoxJustifyContent,\n BoxOverflow,\n BoxTextAlign,\n BoxBackground,\n BoxBorderRadius,\n}\n\nexport { Box, getBoxClassNames }\n"],"names":["getBoxClassNames","position","display","flexDirection","flexWrap","flexGrow","flexShrink","gap","alignItems","justifyContent","alignSelf","overflow","width","height","background","border","borderRadius","minWidth","maxWidth","textAlign","padding","paddingY","paddingX","paddingTop","paddingRight","paddingBottom","paddingLeft","margin","marginY","marginX","marginTop","marginRight","marginBottom","marginLeft","overlayScroll","className","resolvedPaddingTop","resolvedPaddingRight","resolvedPaddingBottom","resolvedPaddingLeft","resolvedMarginTop","resolvedMarginRight","resolvedMarginBottom","resolvedMarginLeft","omitFlex","classNames","styles","box","getClassNames","widthStyles","String","paddingStyles","marginStyles","gapStyles","Box","polymorphicComponent","ref","as","component","children","props","React","createElement"],"mappings":"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"}
1
+ {"version":3,"file":"box.js","sources":["../../src/box/box.tsx"],"sourcesContent":[null],"names":["styles","widthStyles","paddingStyles","marginStyles","gapStyles"],"mappings":";;;;;;;;;;;AAoGA,SAAS,gBAAgB,CAAC,EAoCf,EAAA;;QAnCP,EAAmB,GAAA,EAAA,CAAA,QAAA,EAAnB,QAAQ,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,QAAQ,GAAA,EAAA,EACnB,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,EAAA,GAAA,EAAA,CAAA,aAAqB,EAArB,aAAa,mBAAG,KAAK,GAAA,EAAA,EACrB,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,GAAG,SAAA,EACH,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,SAAS,eAAA,EACT,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,WAAW,iBAAA,EACX,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,SAAS,GAAA,EAAA,CAAA,SAAA,CAAA;AAET,IAAA,IAAM,kBAAkB,GAAG,CAAA,EAAA,GAAA,UAAU,KAAV,IAAA,IAAA,UAAU,KAAV,KAAA,CAAA,GAAA,UAAU,GAAI,QAAQ,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,OAAO,CAAA;AAC5D,IAAA,IAAM,oBAAoB,GAAG,CAAA,EAAA,GAAA,YAAY,KAAZ,IAAA,IAAA,YAAY,KAAZ,KAAA,CAAA,GAAA,YAAY,GAAI,QAAQ,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,OAAO,CAAA;AAChE,IAAA,IAAM,qBAAqB,GAAG,CAAA,EAAA,GAAA,aAAa,KAAb,IAAA,IAAA,aAAa,KAAb,KAAA,CAAA,GAAA,aAAa,GAAI,QAAQ,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,OAAO,CAAA;AAClE,IAAA,IAAM,mBAAmB,GAAG,CAAA,EAAA,GAAA,WAAW,KAAX,IAAA,IAAA,WAAW,KAAX,KAAA,CAAA,GAAA,WAAW,GAAI,QAAQ,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,OAAO,CAAA;AAE9D,IAAA,IAAM,iBAAiB,GAAG,CAAA,EAAA,GAAA,SAAS,KAAT,IAAA,IAAA,SAAS,KAAT,KAAA,CAAA,GAAA,SAAS,GAAI,OAAO,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,MAAM,CAAA;AACxD,IAAA,IAAM,mBAAmB,GAAG,CAAA,EAAA,GAAA,WAAW,KAAX,IAAA,IAAA,WAAW,KAAX,KAAA,CAAA,GAAA,WAAW,GAAI,OAAO,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,MAAM,CAAA;AAC5D,IAAA,IAAM,oBAAoB,GAAG,CAAA,EAAA,GAAA,YAAY,KAAZ,IAAA,IAAA,YAAY,KAAZ,KAAA,CAAA,GAAA,YAAY,GAAI,OAAO,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,MAAM,CAAA;AAC9D,IAAA,IAAM,kBAAkB,GAAG,CAAA,EAAA,GAAA,UAAU,KAAV,IAAA,IAAA,UAAU,KAAV,KAAA,CAAA,GAAA,UAAU,GAAI,OAAO,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,MAAM,CAAA;AAE1D,IAAA,IAAM,QAAQ,GACV,CAAC,OAAO,KAAK,OAAO,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,MAAM,IAAI,OAAO,KAAK,YAAY,CAAC,CAAA;AAE/F,IAAA,OAAO,UAAU,CACb,SAAS,EACTA,gBAAM,CAAC,GAAG,EACV,OAAO,GAAG,aAAa,CAACA,gBAAM,EAAE,SAAS,EAAE,OAAO,CAAC,GAAG,IAAI,EAC1D,QAAQ,KAAK,QAAQ,GAAG,aAAa,CAACA,gBAAM,EAAE,UAAU,EAAE,QAAQ,CAAC,GAAG,IAAI,EAC1E,QAAQ,IAAI,IAAI,GAAG,aAAa,CAACC,gBAAW,EAAE,UAAU,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,IAAI,EAClF,aAAa,CAACA,gBAAW,EAAE,UAAU,EAAE,QAAQ,CAAC,EAChD,aAAa,CAACD,gBAAM,EAAE,WAAW,EAAE,SAAS,CAAC;;AAE7C,IAAA,aAAa,CAACE,gBAAa,EAAE,YAAY,EAAE,kBAAkB,CAAC,EAC9D,aAAa,CAACA,gBAAa,EAAE,cAAc,EAAE,oBAAoB,CAAC,EAClE,aAAa,CAACA,gBAAa,EAAE,eAAe,EAAE,qBAAqB,CAAC,EACpE,aAAa,CAACA,gBAAa,EAAE,aAAa,EAAE,mBAAmB,CAAC;;AAEhE,IAAA,aAAa,CAACC,gBAAY,EAAE,WAAW,EAAE,iBAAiB,CAAC,EAC3D,aAAa,CAACA,gBAAY,EAAE,aAAa,EAAE,mBAAmB,CAAC,EAC/D,aAAa,CAACA,gBAAY,EAAE,cAAc,EAAE,oBAAoB,CAAC,EACjE,aAAa,CAACA,gBAAY,EAAE,YAAY,EAAE,kBAAkB,CAAC;;AAE7D,IAAA,QAAQ,GAAG,IAAI,GAAG,aAAa,CAACH,gBAAM,EAAE,eAAe,EAAE,aAAa,CAAC,EACvE,QAAQ,GAAG,IAAI,GAAG,aAAa,CAACA,gBAAM,EAAE,UAAU,EAAE,QAAQ,CAAC,EAC7D,QAAQ,GAAG,IAAI,GAAG,aAAa,CAACA,gBAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EACjE,QAAQ,GAAG,IAAI,GAAG,aAAa,CAACA,gBAAM,EAAE,gBAAgB,EAAE,cAAc,CAAC,EACzE,SAAS,IAAI,IAAI,GAAG,aAAa,CAACA,gBAAM,EAAE,WAAW,EAAE,SAAS,CAAC,GAAG,IAAI,EACxE,UAAU,IAAI,IAAI,GAAG,aAAa,CAACA,gBAAM,EAAE,YAAY,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC,GAAG,IAAI,EACnF,QAAQ,IAAI,IAAI,GAAG,aAAa,CAACA,gBAAM,EAAE,UAAU,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,IAAI,EAC7E,GAAG,GAAG,aAAa,CAACI,gBAAS,EAAE,KAAK,EAAE,GAAG,CAAC,GAAG,IAAI;;IAEjD,aAAa,CAACJ,gBAAM,EAAE,UAAU,EAAE,QAAQ,CAAC,EAC3C,KAAK,IAAI,IAAI,GAAG,aAAa,CAACC,gBAAW,EAAE,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,EACzE,aAAa,CAACD,gBAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,EACvC,aAAa,CAACA,gBAAM,EAAE,IAAI,EAAE,UAAU,CAAC,EACvC,YAAY,KAAK,MAAM,GAAG,aAAa,CAACA,gBAAM,EAAE,cAAc,EAAE,YAAY,CAAC,GAAG,IAAI,EACpF,MAAM,KAAK,MAAM,GAAG,aAAa,CAACA,gBAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,GAAG,IAAI,EAClE,aAAa,GAAGA,gBAAM,CAAC,aAAa,GAAG,IAAI,CAC9C,CAAA;AACL,CAAC;AAEK,IAAA,GAAG,GAAG,oBAAoB,CAAmC,SAAS,GAAG,CAC3E,EAuCC,EACD,GAAG,EAAA;AAvCC,IAAA,IAAA,EAAqB,GAAA,EAAA,CAAA,EAAA,EAAjB,SAAS,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAA,EAAA,EACrB,EAAA,GAAA,EAAA,CAAA,QAAmB,EAAnB,QAAQ,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,QAAQ,GAAA,EAAA,EACnB,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,EAAA,GAAA,EAAA,CAAA,aAAqB,EAArB,aAAa,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAA,EAAA,EACrB,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,GAAG,GAAA,EAAA,CAAA,GAAA,EACH,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,QAAQ,GAAA,EAAA,CAAA,QAAA,EACL,KAAK,GAAA,MAAA,CAAA,EAAA,EAtCZ,ydAuCC,CADW,CAAA;IAIZ,OAAO,KAAK,CAAC,aAAa,CACtB,SAAS,EAEF,QAAA,CAAA,QAAA,CAAA,EAAA,EAAA,KAAK,CACR,EAAA,EAAA,SAAS,EAAE,gBAAgB,CAAC;AACxB,YAAA,QAAQ,EAAA,QAAA;AACR,YAAA,OAAO,EAAA,OAAA;AACP,YAAA,aAAa,EAAA,aAAA;AACb,YAAA,QAAQ,EAAA,QAAA;AACR,YAAA,QAAQ,EAAA,QAAA;AACR,YAAA,UAAU,EAAA,UAAA;AACV,YAAA,GAAG,EAAA,GAAA;AACH,YAAA,UAAU,EAAA,UAAA;AACV,YAAA,cAAc,EAAA,cAAA;AACd,YAAA,SAAS,EAAA,SAAA;AACT,YAAA,QAAQ,EAAA,QAAA;AACR,YAAA,KAAK,EAAA,KAAA;AACL,YAAA,MAAM,EAAA,MAAA;AACN,YAAA,UAAU,EAAA,UAAA;AACV,YAAA,MAAM,EAAA,MAAA;AACN,YAAA,YAAY,EAAA,YAAA;AACZ,YAAA,QAAQ,EAAA,QAAA;AACR,YAAA,QAAQ,EAAA,QAAA;AACR,YAAA,SAAS,EAAA,SAAA;AACT,YAAA,OAAO,EAAA,OAAA;AACP,YAAA,QAAQ,EAAA,QAAA;AACR,YAAA,QAAQ,EAAA,QAAA;AACR,YAAA,UAAU,EAAA,UAAA;AACV,YAAA,YAAY,EAAA,YAAA;AACZ,YAAA,aAAa,EAAA,aAAA;AACb,YAAA,WAAW,EAAA,WAAA;AACX,YAAA,MAAM,EAAA,MAAA;AACN,YAAA,OAAO,EAAA,OAAA;AACP,YAAA,OAAO,EAAA,OAAA;AACP,YAAA,SAAS,EAAA,SAAA;AACT,YAAA,WAAW,EAAA,WAAA;AACX,YAAA,YAAY,EAAA,YAAA;AACZ,YAAA,UAAU,EAAA,UAAA;AACV,YAAA,aAAa,EAAA,aAAA;AACb,YAAA,SAAS,EAAA,SAAA;AACZ,SAAA,CAAC,EACF,GAAG,EAAA,GAAA,EAEP,CAAA,EAAA,QAAQ,CACX,CAAA;AACL,CAAC;;;;"}