@doist/reactist 29.1.1 → 29.1.2

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 (227) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/reactist.cjs.development.js +6749 -1832
  3. package/dist/reactist.cjs.development.js.map +1 -1
  4. package/dist/reactist.cjs.production.min.js +1 -1
  5. package/dist/reactist.cjs.production.min.js.map +1 -1
  6. package/es/avatar/avatar.js +106 -36
  7. package/es/avatar/avatar.js.map +1 -1
  8. package/es/avatar/utils.js +17 -19
  9. package/es/avatar/utils.js.map +1 -1
  10. package/es/badge/badge.js +50 -6
  11. package/es/badge/badge.js.map +1 -1
  12. package/es/banner/banner.js +384 -41
  13. package/es/banner/banner.js.map +1 -1
  14. package/es/base-field/base-field.js +367 -77
  15. package/es/base-field/base-field.js.map +1 -1
  16. package/es/box/box.js +139 -61
  17. package/es/box/box.js.map +1 -1
  18. package/es/button/button.js +346 -36
  19. package/es/button/button.js.map +1 -1
  20. package/es/checkbox-field/checkbox-field.js +71 -48
  21. package/es/checkbox-field/checkbox-field.js.map +1 -1
  22. package/es/checkbox-field/checkbox-icon.js +88 -28
  23. package/es/checkbox-field/checkbox-icon.js.map +1 -1
  24. package/es/checkbox-field/use-fork-ref.js +15 -20
  25. package/es/checkbox-field/use-fork-ref.js.map +1 -1
  26. package/es/columns/columns.js +46 -23
  27. package/es/columns/columns.js.map +1 -1
  28. package/es/components/color-picker/color-picker.js +190 -46
  29. package/es/components/color-picker/color-picker.js.map +1 -1
  30. package/es/components/deprecated-button/deprecated-button.js +102 -9
  31. package/es/components/deprecated-button/deprecated-button.js.map +1 -1
  32. package/es/components/deprecated-button/index.js +5 -2
  33. package/es/components/deprecated-button/index.js.map +1 -1
  34. package/es/components/deprecated-dropdown/dropdown.js +234 -134
  35. package/es/components/deprecated-dropdown/dropdown.js.map +1 -1
  36. package/es/components/deprecated-dropdown/index.js +4 -1
  37. package/es/components/deprecated-dropdown/index.js.map +1 -1
  38. package/es/components/deprecated-input/index.js +5 -2
  39. package/es/components/deprecated-input/index.js.map +1 -1
  40. package/es/components/deprecated-input/input.js +27 -4
  41. package/es/components/deprecated-input/input.js.map +1 -1
  42. package/es/components/deprecated-select/select.js +110 -7
  43. package/es/components/deprecated-select/select.js.map +1 -1
  44. package/es/components/key-capturer/key-capturer.js +190 -137
  45. package/es/components/key-capturer/key-capturer.js.map +1 -1
  46. package/es/components/keyboard-shortcut/keyboard-shortcut.js +65 -45
  47. package/es/components/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
  48. package/es/components/progress-bar/progress-bar.js +61 -9
  49. package/es/components/progress-bar/progress-bar.js.map +1 -1
  50. package/es/components/time/index.js +5 -2
  51. package/es/components/time/index.js.map +1 -1
  52. package/es/components/time/time-utils.js +59 -53
  53. package/es/components/time/time-utils.js.map +1 -1
  54. package/es/components/time/time.js +94 -91
  55. package/es/components/time/time.js.map +1 -1
  56. package/es/divider/divider.js +44 -5
  57. package/es/divider/divider.js.map +1 -1
  58. package/es/heading/heading.js +122 -20
  59. package/es/heading/heading.js.map +1 -1
  60. package/es/hidden/hidden.js +36 -30
  61. package/es/hidden/hidden.js.map +1 -1
  62. package/es/hidden-visually/hidden-visually.js +9 -4
  63. package/es/hidden-visually/hidden-visually.js.map +1 -1
  64. package/es/icons/alert-icon.js +145 -18
  65. package/es/icons/alert-icon.js.map +1 -1
  66. package/es/icons/banner-icon.js +213 -25
  67. package/es/icons/banner-icon.js.map +1 -1
  68. package/es/icons/close-icon.js +26 -3
  69. package/es/icons/close-icon.js.map +1 -1
  70. package/es/icons/password-hidden-icon.js +40 -6
  71. package/es/icons/password-hidden-icon.js.map +1 -1
  72. package/es/icons/password-visible-icon.js +33 -5
  73. package/es/icons/password-visible-icon.js.map +1 -1
  74. package/es/index.js +9 -9
  75. package/es/inline/inline.js +24 -9
  76. package/es/inline/inline.js.map +1 -1
  77. package/es/loading/loading.js +63 -17
  78. package/es/loading/loading.js.map +1 -1
  79. package/es/menu/menu.js +469 -92
  80. package/es/menu/menu.js.map +1 -1
  81. package/es/modal/modal.js +675 -112
  82. package/es/modal/modal.js.map +1 -1
  83. package/es/notice/notice.js +77 -10
  84. package/es/notice/notice.js.map +1 -1
  85. package/es/password-field/password-field.js +89 -11
  86. package/es/password-field/password-field.js.map +1 -1
  87. package/es/prose/prose.js +48 -9
  88. package/es/prose/prose.js.map +1 -1
  89. package/es/select-field/select-field.js +150 -19
  90. package/es/select-field/select-field.js.map +1 -1
  91. package/es/spinner/spinner.js +39 -6
  92. package/es/spinner/spinner.js.map +1 -1
  93. package/es/stack/stack.js +29 -17
  94. package/es/stack/stack.js.map +1 -1
  95. package/es/switch-field/switch-field.js +225 -42
  96. package/es/switch-field/switch-field.js.map +1 -1
  97. package/es/tabs/tabs.js +207 -109
  98. package/es/tabs/tabs.js.map +1 -1
  99. package/es/text/text.js +27 -17
  100. package/es/text/text.js.map +1 -1
  101. package/es/text-area/text-area.js +264 -54
  102. package/es/text-area/text-area.js.map +1 -1
  103. package/es/text-field/text-field.js +204 -31
  104. package/es/text-field/text-field.js.map +1 -1
  105. package/es/text-link/text-link.js +21 -10
  106. package/es/text-link/text-link.js.map +1 -1
  107. package/es/toast/static-toast.js +143 -25
  108. package/es/toast/static-toast.js.map +1 -1
  109. package/es/toast/toast-animation.js +159 -109
  110. package/es/toast/toast-animation.js.map +1 -1
  111. package/es/toast/use-toasts.js +309 -84
  112. package/es/toast/use-toasts.js.map +1 -1
  113. package/es/tooltip/tooltip.js +88 -32
  114. package/es/tooltip/tooltip.js.map +1 -1
  115. package/es/utils/common-helpers.js +12 -11
  116. package/es/utils/common-helpers.js.map +1 -1
  117. package/es/utils/polymorphism.js +84 -1
  118. package/es/utils/polymorphism.js.map +1 -1
  119. package/es/utils/responsive-props.js +43 -32
  120. package/es/utils/responsive-props.js.map +1 -1
  121. package/lib/avatar/avatar.js +109 -35
  122. package/lib/avatar/avatar.js.map +1 -1
  123. package/lib/avatar/utils.js +17 -19
  124. package/lib/avatar/utils.js.map +1 -1
  125. package/lib/badge/badge.js +53 -5
  126. package/lib/badge/badge.js.map +1 -1
  127. package/lib/banner/banner.js +385 -38
  128. package/lib/banner/banner.js.map +1 -1
  129. package/lib/base-field/base-field.js +366 -73
  130. package/lib/base-field/base-field.js.map +1 -1
  131. package/lib/box/box.js +141 -61
  132. package/lib/box/box.js.map +1 -1
  133. package/lib/button/button.js +347 -35
  134. package/lib/button/button.js.map +1 -1
  135. package/lib/checkbox-field/checkbox-field.js +73 -46
  136. package/lib/checkbox-field/checkbox-field.js.map +1 -1
  137. package/lib/checkbox-field/checkbox-icon.js +92 -28
  138. package/lib/checkbox-field/checkbox-icon.js.map +1 -1
  139. package/lib/checkbox-field/use-fork-ref.js +15 -20
  140. package/lib/checkbox-field/use-fork-ref.js.map +1 -1
  141. package/lib/columns/columns.js +49 -22
  142. package/lib/columns/columns.js.map +1 -1
  143. package/lib/components/color-picker/color-picker.js +189 -45
  144. package/lib/components/color-picker/color-picker.js.map +1 -1
  145. package/lib/components/deprecated-button/deprecated-button.js +104 -9
  146. package/lib/components/deprecated-button/deprecated-button.js.map +1 -1
  147. package/lib/components/deprecated-dropdown/dropdown.js +235 -133
  148. package/lib/components/deprecated-dropdown/dropdown.js.map +1 -1
  149. package/lib/components/deprecated-input/input.js +28 -4
  150. package/lib/components/deprecated-input/input.js.map +1 -1
  151. package/lib/components/deprecated-select/select.js +112 -7
  152. package/lib/components/deprecated-select/select.js.map +1 -1
  153. package/lib/components/key-capturer/key-capturer.js +188 -135
  154. package/lib/components/key-capturer/key-capturer.js.map +1 -1
  155. package/lib/components/keyboard-shortcut/keyboard-shortcut.js +67 -45
  156. package/lib/components/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
  157. package/lib/components/progress-bar/progress-bar.js +60 -8
  158. package/lib/components/progress-bar/progress-bar.js.map +1 -1
  159. package/lib/components/time/time-utils.js +59 -53
  160. package/lib/components/time/time-utils.js.map +1 -1
  161. package/lib/components/time/time.js +93 -90
  162. package/lib/components/time/time.js.map +1 -1
  163. package/lib/divider/divider.js +47 -4
  164. package/lib/divider/divider.js.map +1 -1
  165. package/lib/heading/heading.js +125 -19
  166. package/lib/heading/heading.js.map +1 -1
  167. package/lib/hidden/hidden.js +39 -29
  168. package/lib/hidden/hidden.js.map +1 -1
  169. package/lib/hidden-visually/hidden-visually.js +11 -3
  170. package/lib/hidden-visually/hidden-visually.js.map +1 -1
  171. package/lib/icons/alert-icon.js +149 -18
  172. package/lib/icons/alert-icon.js.map +1 -1
  173. package/lib/icons/banner-icon.js +217 -25
  174. package/lib/icons/banner-icon.js.map +1 -1
  175. package/lib/icons/close-icon.js +29 -3
  176. package/lib/icons/close-icon.js.map +1 -1
  177. package/lib/icons/password-hidden-icon.js +43 -6
  178. package/lib/icons/password-hidden-icon.js.map +1 -1
  179. package/lib/icons/password-visible-icon.js +36 -5
  180. package/lib/icons/password-visible-icon.js.map +1 -1
  181. package/lib/inline/inline.js +27 -8
  182. package/lib/inline/inline.js.map +1 -1
  183. package/lib/loading/loading.js +67 -17
  184. package/lib/loading/loading.js.map +1 -1
  185. package/lib/menu/menu.js +471 -91
  186. package/lib/menu/menu.js.map +1 -1
  187. package/lib/modal/modal.js +671 -106
  188. package/lib/modal/modal.js.map +1 -1
  189. package/lib/notice/notice.js +75 -8
  190. package/lib/notice/notice.js.map +1 -1
  191. package/lib/password-field/password-field.js +92 -10
  192. package/lib/password-field/password-field.js.map +1 -1
  193. package/lib/prose/prose.js +51 -8
  194. package/lib/prose/prose.js.map +1 -1
  195. package/lib/select-field/select-field.js +152 -17
  196. package/lib/select-field/select-field.js.map +1 -1
  197. package/lib/spinner/spinner.js +39 -6
  198. package/lib/spinner/spinner.js.map +1 -1
  199. package/lib/stack/stack.js +29 -15
  200. package/lib/stack/stack.js.map +1 -1
  201. package/lib/switch-field/switch-field.js +225 -38
  202. package/lib/switch-field/switch-field.js.map +1 -1
  203. package/lib/tabs/tabs.js +207 -107
  204. package/lib/tabs/tabs.js.map +1 -1
  205. package/lib/text/text.js +30 -16
  206. package/lib/text/text.js.map +1 -1
  207. package/lib/text-area/text-area.js +264 -52
  208. package/lib/text-area/text-area.js.map +1 -1
  209. package/lib/text-field/text-field.js +207 -30
  210. package/lib/text-field/text-field.js.map +1 -1
  211. package/lib/text-link/text-link.js +24 -9
  212. package/lib/text-link/text-link.js.map +1 -1
  213. package/lib/toast/static-toast.js +142 -22
  214. package/lib/toast/static-toast.js.map +1 -1
  215. package/lib/toast/toast-animation.js +158 -108
  216. package/lib/toast/toast-animation.js.map +1 -1
  217. package/lib/toast/use-toasts.js +310 -82
  218. package/lib/toast/use-toasts.js.map +1 -1
  219. package/lib/tooltip/tooltip.js +87 -31
  220. package/lib/tooltip/tooltip.js.map +1 -1
  221. package/lib/utils/common-helpers.js +12 -11
  222. package/lib/utils/common-helpers.js.map +1 -1
  223. package/lib/utils/polymorphism.js +84 -1
  224. package/lib/utils/polymorphism.js.map +1 -1
  225. package/lib/utils/responsive-props.js +43 -32
  226. package/lib/utils/responsive-props.js.map +1 -1
  227. package/package.json +10 -2
package/es/box/box.js CHANGED
@@ -1,4 +1,5 @@
1
- import { __rest, __assign } from 'tslib';
1
+ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
2
+ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
2
3
  import * as React from 'react';
3
4
  import classNames from 'classnames';
4
5
  import { polymorphicComponent } from '../utils/polymorphism.js';
@@ -9,67 +10,144 @@ import modules_131405ac from './margin.module.css.js';
9
10
  import modules_b537a8ee from './padding.module.css.js';
10
11
  import modules_89b7671c from './width.module.css.js';
11
12
 
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);
13
+ 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"];
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),
61
+ // padding
62
+ getClassNames(modules_b537a8ee, 'paddingTop', resolvedPaddingTop), getClassNames(modules_b537a8ee, 'paddingRight', resolvedPaddingRight), getClassNames(modules_b537a8ee, 'paddingBottom', resolvedPaddingBottom), getClassNames(modules_b537a8ee, 'paddingLeft', resolvedPaddingLeft),
63
+ // margin
64
+ getClassNames(modules_131405ac, 'marginTop', resolvedMarginTop), getClassNames(modules_131405ac, 'marginRight', resolvedMarginRight), getClassNames(modules_131405ac, 'marginBottom', resolvedMarginBottom), getClassNames(modules_131405ac, 'marginLeft', resolvedMarginLeft),
65
+ // flex props
66
+ 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,
67
+ // other props
68
+ 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);
33
69
  }
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);
70
+ const Box = polymorphicComponent(function Box(_ref, ref) {
71
+ let {
72
+ as: component = 'div',
73
+ position = 'static',
74
+ display,
75
+ flexDirection = 'row',
76
+ flexWrap,
77
+ flexGrow,
78
+ flexShrink,
79
+ gap,
80
+ alignItems,
81
+ justifyContent,
82
+ alignSelf,
83
+ overflow,
84
+ width,
85
+ height,
86
+ background,
87
+ border,
88
+ borderRadius,
89
+ minWidth,
90
+ maxWidth,
91
+ textAlign,
92
+ padding,
93
+ paddingY,
94
+ paddingX,
95
+ paddingTop,
96
+ paddingRight,
97
+ paddingBottom,
98
+ paddingLeft,
99
+ margin,
100
+ marginY,
101
+ marginX,
102
+ marginTop,
103
+ marginRight,
104
+ marginBottom,
105
+ marginLeft,
106
+ overlayScroll,
107
+ className,
108
+ children
109
+ } = _ref,
110
+ props = _objectWithoutProperties(_ref, _excluded);
111
+ return /*#__PURE__*/React.createElement(component, _objectSpread(_objectSpread({}, props), {}, {
112
+ className: getBoxClassNames({
113
+ position,
114
+ display,
115
+ flexDirection,
116
+ flexWrap,
117
+ flexGrow,
118
+ flexShrink,
119
+ gap,
120
+ alignItems,
121
+ justifyContent,
122
+ alignSelf,
123
+ overflow,
124
+ width,
125
+ height,
126
+ background,
127
+ border,
128
+ borderRadius,
129
+ minWidth,
130
+ maxWidth,
131
+ textAlign,
132
+ padding,
133
+ paddingY,
134
+ paddingX,
135
+ paddingTop,
136
+ paddingRight,
137
+ paddingBottom,
138
+ paddingLeft,
139
+ margin,
140
+ marginY,
141
+ marginX,
142
+ marginTop,
143
+ marginRight,
144
+ marginBottom,
145
+ marginLeft,
146
+ overlayScroll,
147
+ className
148
+ }),
149
+ ref
150
+ }), children);
73
151
  });
74
152
 
75
153
  export { Box, getBoxClassNames };
package/es/box/box.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"box.js","sources":["../../src/box/box.tsx"],"sourcesContent":[null],"names":["styles","widthStyles","paddingStyles","marginStyles","gapStyles"],"mappings":"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"}
1
+ {"version":3,"file":"box.js","sources":["../../src/box/box.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport classNames from 'classnames'\n\nimport { polymorphicComponent } from '../utils/polymorphism'\nimport { getClassNames } from '../utils/responsive-props'\n\nimport styles from './box.module.css'\nimport gapStyles from './gap.module.css'\nimport marginStyles from './margin.module.css'\nimport paddingStyles from './padding.module.css'\nimport widthStyles from './width.module.css'\n\nimport type {\n DividerWeight,\n Space,\n SpaceWithNegatives,\n WithEnhancedClassName,\n} from '../utils/common-types'\nimport type { ResponsiveProp } from '../utils/responsive-props'\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 BoxAlignItems,\n BoxBackground,\n BoxBorderRadius,\n BoxDisplay,\n BoxFlexDirection,\n BoxFlexWrap,\n BoxJustifyContent,\n BoxMarginProps,\n BoxMaxWidth,\n BoxMinWidth,\n BoxOverflow,\n BoxPaddingProps,\n BoxPosition,\n BoxProps,\n BoxTextAlign,\n ReusableBoxProps,\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","ref","as","component","children","props","_objectWithoutProperties","_excluded","React","createElement","_objectSpread"],"mappings":"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"}