@doist/reactist 29.1.0 → 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 +14 -0
  2. package/dist/reactist.cjs.development.js +6749 -1829
  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 -16
  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 -14
  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/lib/box/box.js CHANGED
@@ -2,7 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib = require('tslib');
5
+ var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
6
+ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
6
7
  var React = require('react');
7
8
  var classNames = require('classnames');
8
9
  var polymorphism = require('../utils/polymorphism.js');
@@ -33,70 +34,149 @@ function _interopNamespace(e) {
33
34
  return Object.freeze(n);
34
35
  }
35
36
 
37
+ var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
38
+ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
36
39
  var React__namespace = /*#__PURE__*/_interopNamespace(React);
37
40
  var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
38
41
 
39
- function getBoxClassNames(_a) {
40
- var _b, _c, _d, _e, _f, _g, _h, _j;
41
- 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;
42
- var resolvedPaddingTop = (_b = paddingTop !== null && paddingTop !== void 0 ? paddingTop : paddingY) !== null && _b !== void 0 ? _b : padding;
43
- var resolvedPaddingRight = (_c = paddingRight !== null && paddingRight !== void 0 ? paddingRight : paddingX) !== null && _c !== void 0 ? _c : padding;
44
- var resolvedPaddingBottom = (_d = paddingBottom !== null && paddingBottom !== void 0 ? paddingBottom : paddingY) !== null && _d !== void 0 ? _d : padding;
45
- var resolvedPaddingLeft = (_e = paddingLeft !== null && paddingLeft !== void 0 ? paddingLeft : paddingX) !== null && _e !== void 0 ? _e : padding;
46
- var resolvedMarginTop = (_f = marginTop !== null && marginTop !== void 0 ? marginTop : marginY) !== null && _f !== void 0 ? _f : margin;
47
- var resolvedMarginRight = (_g = marginRight !== null && marginRight !== void 0 ? marginRight : marginX) !== null && _g !== void 0 ? _g : margin;
48
- var resolvedMarginBottom = (_h = marginBottom !== null && marginBottom !== void 0 ? marginBottom : marginY) !== null && _h !== void 0 ? _h : margin;
49
- var resolvedMarginLeft = (_j = marginLeft !== null && marginLeft !== void 0 ? marginLeft : marginX) !== null && _j !== void 0 ? _j : margin;
50
- var omitFlex = !display || (typeof display === 'string' && display !== 'flex' && display !== 'inlineFlex');
51
- return classNames__default["default"](className, box_module["default"].box, display ? responsiveProps.getClassNames(box_module["default"], 'display', display) : null, position !== 'static' ? responsiveProps.getClassNames(box_module["default"], 'position', position) : null, minWidth != null ? responsiveProps.getClassNames(width_module["default"], 'minWidth', String(minWidth)) : null, responsiveProps.getClassNames(width_module["default"], 'maxWidth', maxWidth), responsiveProps.getClassNames(box_module["default"], 'textAlign', textAlign),
52
- // padding
53
- responsiveProps.getClassNames(padding_module["default"], 'paddingTop', resolvedPaddingTop), responsiveProps.getClassNames(padding_module["default"], 'paddingRight', resolvedPaddingRight), responsiveProps.getClassNames(padding_module["default"], 'paddingBottom', resolvedPaddingBottom), responsiveProps.getClassNames(padding_module["default"], 'paddingLeft', resolvedPaddingLeft),
54
- // margin
55
- responsiveProps.getClassNames(margin_module["default"], 'marginTop', resolvedMarginTop), responsiveProps.getClassNames(margin_module["default"], 'marginRight', resolvedMarginRight), responsiveProps.getClassNames(margin_module["default"], 'marginBottom', resolvedMarginBottom), responsiveProps.getClassNames(margin_module["default"], 'marginLeft', resolvedMarginLeft),
56
- // flex props
57
- omitFlex ? null : responsiveProps.getClassNames(box_module["default"], 'flexDirection', flexDirection), omitFlex ? null : responsiveProps.getClassNames(box_module["default"], 'flexWrap', flexWrap), omitFlex ? null : responsiveProps.getClassNames(box_module["default"], 'alignItems', alignItems), omitFlex ? null : responsiveProps.getClassNames(box_module["default"], 'justifyContent', justifyContent), alignSelf != null ? responsiveProps.getClassNames(box_module["default"], 'alignSelf', alignSelf) : null, flexShrink != null ? responsiveProps.getClassNames(box_module["default"], 'flexShrink', String(flexShrink)) : null, flexGrow != null ? responsiveProps.getClassNames(box_module["default"], 'flexGrow', String(flexGrow)) : null, gap ? responsiveProps.getClassNames(gap_module["default"], 'gap', gap) : null,
58
- // other props
59
- responsiveProps.getClassNames(box_module["default"], 'overflow', overflow), width != null ? responsiveProps.getClassNames(width_module["default"], 'width', String(width)) : null, responsiveProps.getClassNames(box_module["default"], 'height', height), responsiveProps.getClassNames(box_module["default"], 'bg', background), borderRadius !== 'none' ? responsiveProps.getClassNames(box_module["default"], 'borderRadius', borderRadius) : null, border !== 'none' ? responsiveProps.getClassNames(box_module["default"], 'border', border) : null, overlayScroll ? box_module["default"].overlayScroll : null);
42
+ 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"];
43
+ function getBoxClassNames({
44
+ position = 'static',
45
+ display,
46
+ flexDirection = 'row',
47
+ flexWrap,
48
+ flexGrow,
49
+ flexShrink,
50
+ gap,
51
+ alignItems,
52
+ justifyContent,
53
+ alignSelf,
54
+ overflow,
55
+ width,
56
+ height,
57
+ background,
58
+ border,
59
+ borderRadius,
60
+ minWidth,
61
+ maxWidth,
62
+ textAlign,
63
+ padding,
64
+ paddingY,
65
+ paddingX,
66
+ paddingTop,
67
+ paddingRight,
68
+ paddingBottom,
69
+ paddingLeft,
70
+ margin,
71
+ marginY,
72
+ marginX,
73
+ marginTop,
74
+ marginRight,
75
+ marginBottom,
76
+ marginLeft,
77
+ overlayScroll,
78
+ className
79
+ }) {
80
+ const resolvedPaddingTop = paddingTop ?? paddingY ?? padding;
81
+ const resolvedPaddingRight = paddingRight ?? paddingX ?? padding;
82
+ const resolvedPaddingBottom = paddingBottom ?? paddingY ?? padding;
83
+ const resolvedPaddingLeft = paddingLeft ?? paddingX ?? padding;
84
+ const resolvedMarginTop = marginTop ?? marginY ?? margin;
85
+ const resolvedMarginRight = marginRight ?? marginX ?? margin;
86
+ const resolvedMarginBottom = marginBottom ?? marginY ?? margin;
87
+ const resolvedMarginLeft = marginLeft ?? marginX ?? margin;
88
+ const omitFlex = !display || typeof display === 'string' && display !== 'flex' && display !== 'inlineFlex';
89
+ return classNames__default["default"](className, box_module["default"].box, display ? responsiveProps.getClassNames(box_module["default"], 'display', display) : null, position !== 'static' ? responsiveProps.getClassNames(box_module["default"], 'position', position) : null, minWidth != null ? responsiveProps.getClassNames(width_module["default"], 'minWidth', String(minWidth)) : null, responsiveProps.getClassNames(width_module["default"], 'maxWidth', maxWidth), responsiveProps.getClassNames(box_module["default"], 'textAlign', textAlign),
90
+ // padding
91
+ responsiveProps.getClassNames(padding_module["default"], 'paddingTop', resolvedPaddingTop), responsiveProps.getClassNames(padding_module["default"], 'paddingRight', resolvedPaddingRight), responsiveProps.getClassNames(padding_module["default"], 'paddingBottom', resolvedPaddingBottom), responsiveProps.getClassNames(padding_module["default"], 'paddingLeft', resolvedPaddingLeft),
92
+ // margin
93
+ responsiveProps.getClassNames(margin_module["default"], 'marginTop', resolvedMarginTop), responsiveProps.getClassNames(margin_module["default"], 'marginRight', resolvedMarginRight), responsiveProps.getClassNames(margin_module["default"], 'marginBottom', resolvedMarginBottom), responsiveProps.getClassNames(margin_module["default"], 'marginLeft', resolvedMarginLeft),
94
+ // flex props
95
+ omitFlex ? null : responsiveProps.getClassNames(box_module["default"], 'flexDirection', flexDirection), omitFlex ? null : responsiveProps.getClassNames(box_module["default"], 'flexWrap', flexWrap), omitFlex ? null : responsiveProps.getClassNames(box_module["default"], 'alignItems', alignItems), omitFlex ? null : responsiveProps.getClassNames(box_module["default"], 'justifyContent', justifyContent), alignSelf != null ? responsiveProps.getClassNames(box_module["default"], 'alignSelf', alignSelf) : null, flexShrink != null ? responsiveProps.getClassNames(box_module["default"], 'flexShrink', String(flexShrink)) : null, flexGrow != null ? responsiveProps.getClassNames(box_module["default"], 'flexGrow', String(flexGrow)) : null, gap ? responsiveProps.getClassNames(gap_module["default"], 'gap', gap) : null,
96
+ // other props
97
+ responsiveProps.getClassNames(box_module["default"], 'overflow', overflow), width != null ? responsiveProps.getClassNames(width_module["default"], 'width', String(width)) : null, responsiveProps.getClassNames(box_module["default"], 'height', height), responsiveProps.getClassNames(box_module["default"], 'bg', background), borderRadius !== 'none' ? responsiveProps.getClassNames(box_module["default"], 'borderRadius', borderRadius) : null, border !== 'none' ? responsiveProps.getClassNames(box_module["default"], 'border', border) : null, overlayScroll ? box_module["default"].overlayScroll : null);
60
98
  }
61
- var Box = polymorphism.polymorphicComponent(function Box(_a, ref) {
62
- 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 = tslib.__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"]);
63
- return React__namespace.createElement(component, tslib.__assign(tslib.__assign({}, props), { className: getBoxClassNames({
64
- position: position,
65
- display: display,
66
- flexDirection: flexDirection,
67
- flexWrap: flexWrap,
68
- flexGrow: flexGrow,
69
- flexShrink: flexShrink,
70
- gap: gap,
71
- alignItems: alignItems,
72
- justifyContent: justifyContent,
73
- alignSelf: alignSelf,
74
- overflow: overflow,
75
- width: width,
76
- height: height,
77
- background: background,
78
- border: border,
79
- borderRadius: borderRadius,
80
- minWidth: minWidth,
81
- maxWidth: maxWidth,
82
- textAlign: textAlign,
83
- padding: padding,
84
- paddingY: paddingY,
85
- paddingX: paddingX,
86
- paddingTop: paddingTop,
87
- paddingRight: paddingRight,
88
- paddingBottom: paddingBottom,
89
- paddingLeft: paddingLeft,
90
- margin: margin,
91
- marginY: marginY,
92
- marginX: marginX,
93
- marginTop: marginTop,
94
- marginRight: marginRight,
95
- marginBottom: marginBottom,
96
- marginLeft: marginLeft,
97
- overlayScroll: overlayScroll,
98
- className: className,
99
- }), ref: ref }), children);
99
+ const Box = polymorphism.polymorphicComponent(function Box(_ref, ref) {
100
+ let {
101
+ as: component = 'div',
102
+ position = 'static',
103
+ display,
104
+ flexDirection = 'row',
105
+ flexWrap,
106
+ flexGrow,
107
+ flexShrink,
108
+ gap,
109
+ alignItems,
110
+ justifyContent,
111
+ alignSelf,
112
+ overflow,
113
+ width,
114
+ height,
115
+ background,
116
+ border,
117
+ borderRadius,
118
+ minWidth,
119
+ maxWidth,
120
+ textAlign,
121
+ padding,
122
+ paddingY,
123
+ paddingX,
124
+ paddingTop,
125
+ paddingRight,
126
+ paddingBottom,
127
+ paddingLeft,
128
+ margin,
129
+ marginY,
130
+ marginX,
131
+ marginTop,
132
+ marginRight,
133
+ marginBottom,
134
+ marginLeft,
135
+ overlayScroll,
136
+ className,
137
+ children
138
+ } = _ref,
139
+ props = _objectWithoutProperties__default["default"](_ref, _excluded);
140
+ return /*#__PURE__*/React__namespace.createElement(component, _objectSpread__default["default"](_objectSpread__default["default"]({}, props), {}, {
141
+ className: getBoxClassNames({
142
+ position,
143
+ display,
144
+ flexDirection,
145
+ flexWrap,
146
+ flexGrow,
147
+ flexShrink,
148
+ gap,
149
+ alignItems,
150
+ justifyContent,
151
+ alignSelf,
152
+ overflow,
153
+ width,
154
+ height,
155
+ background,
156
+ border,
157
+ borderRadius,
158
+ minWidth,
159
+ maxWidth,
160
+ textAlign,
161
+ padding,
162
+ paddingY,
163
+ paddingX,
164
+ paddingTop,
165
+ paddingRight,
166
+ paddingBottom,
167
+ paddingLeft,
168
+ margin,
169
+ marginY,
170
+ marginX,
171
+ marginTop,
172
+ marginRight,
173
+ marginBottom,
174
+ marginLeft,
175
+ overlayScroll,
176
+ className
177
+ }),
178
+ ref
179
+ }), children);
100
180
  });
101
181
 
102
182
  exports.Box = Box;
@@ -1 +1 @@
1
- {"version":3,"file":"box.js","sources":["../../src/box/box.tsx"],"sourcesContent":[null],"names":["classNames","styles","getClassNames","widthStyles","paddingStyles","marginStyles","gapStyles","polymorphicComponent","__rest","React","__assign"],"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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"}