@doist/reactist 28.3.2 → 28.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/reactist.cjs.development.js +29 -13
- package/dist/reactist.cjs.development.js.map +1 -1
- package/dist/reactist.cjs.production.min.js +1 -1
- package/dist/reactist.cjs.production.min.js.map +1 -1
- package/es/base-field/base-field.module.css.js +1 -1
- package/es/box/box.js +5 -2
- package/es/box/box.js.map +1 -1
- package/es/box/box.module.css.js +1 -1
- package/es/modal/modal.js +19 -6
- package/es/modal/modal.js.map +1 -1
- package/es/select-field/select-field.module.css.js +1 -1
- package/es/text-area/text-area.module.css.js +1 -1
- package/es/text-field/text-field.module.css.js +1 -1
- package/lib/base-field/base-field.module.css.js +1 -1
- package/lib/box/box.d.ts +10 -1
- package/lib/box/box.js +1 -1
- package/lib/box/box.js.map +1 -1
- package/lib/box/box.module.css.js +1 -1
- package/lib/modal/modal.d.ts +6 -1
- package/lib/modal/modal.js +1 -1
- package/lib/modal/modal.js.map +1 -1
- package/lib/select-field/select-field.module.css.js +1 -1
- package/lib/text-area/text-area.module.css.js +1 -1
- package/lib/text-field/text-field.module.css.js +1 -1
- package/package.json +1 -1
- package/styles/avatar.css +1 -1
- package/styles/badge.css +1 -1
- package/styles/banner.css +1 -1
- package/styles/base-field.css +2 -2
- package/styles/base-field.module.css.css +1 -1
- package/styles/box.css +1 -1
- package/styles/box.module.css.css +1 -1
- package/styles/button.css +1 -1
- package/styles/checkbox-field.css +1 -1
- package/styles/columns.css +1 -1
- package/styles/divider.css +1 -1
- package/styles/heading.css +1 -1
- package/styles/hidden-visually.css +1 -1
- package/styles/hidden.css +1 -1
- package/styles/index.css +2 -2
- package/styles/loading.css +1 -1
- package/styles/modal.css +1 -1
- package/styles/notice.css +1 -1
- package/styles/password-field.css +3 -3
- package/styles/prose.css +1 -1
- package/styles/reactist.css +6 -6
- package/styles/select-field.css +3 -3
- package/styles/select-field.module.css.css +1 -1
- package/styles/static-toast.css +1 -1
- package/styles/switch-field.css +2 -2
- package/styles/tabs.css +1 -1
- package/styles/text-area.css +3 -3
- package/styles/text-area.module.css.css +1 -1
- package/styles/text-field.css +3 -3
- package/styles/text-field.module.css.css +1 -1
- package/styles/text-link.css +1 -1
- package/styles/text.css +1 -1
- package/styles/tooltip.css +1 -1
- package/styles/use-toasts.css +1 -1
|
@@ -216,7 +216,7 @@ function mapResponsiveProp(fromValue, mapper) {
|
|
|
216
216
|
};
|
|
217
217
|
}
|
|
218
218
|
|
|
219
|
-
var modules_54d944f2 = {"box":"
|
|
219
|
+
var modules_54d944f2 = {"box":"_19abae45","position-absolute":"c77f2a47","position-fixed":"_2fe771e3","position-relative":"_7fb159a0","position-sticky":"_1b0c2c53","tablet-position-absolute":"fbfd01f5","tablet-position-fixed":"_718d00e5","tablet-position-relative":"ce0fef03","tablet-position-sticky":"_8ede9d51","desktop-position-absolute":"_5037d59d","desktop-position-fixed":"_2cf38f34","desktop-position-relative":"bf2d89a9","desktop-position-sticky":"_0a00a995","display-block":"_5e944bac","display-flex":"a7c6de33","display-inline":"_8ed03dfe","display-inlineBlock":"d7c72ae2","display-inlineFlex":"baf095bf","display-none":"fdecf61b","tablet-display-block":"e67bff4d","tablet-display-flex":"cd8908ce","tablet-display-inline":"_859da319","tablet-display-inlineBlock":"_9cfe10c7","tablet-display-inlineFlex":"bdc812ae","tablet-display-none":"_21f0dae7","desktop-display-block":"d94bf997","desktop-display-flex":"e6925ae5","desktop-display-inline":"_57151837","desktop-display-inlineBlock":"_7721cd07","desktop-display-inlineFlex":"_0e197a41","desktop-display-none":"dc1fe7a5","flexDirection-column":"_1e47f652","flexDirection-row":"_194d8611","tablet-flexDirection-column":"_11ca3004","tablet-flexDirection-row":"_7e4f2f2b","desktop-flexDirection-column":"fbca1929","desktop-flexDirection-row":"_50dd05a2","flexWrap-wrap":"afd15909","flexWrap-nowrap":"_7682c7ed","flexShrink-0":"b834b77e","flexGrow-0":"_89d517e2","flexGrow-1":"bfa58fdf","alignItems-flexStart":"_4e2075e2","alignItems-center":"_8ad6a17c","alignItems-flexEnd":"a6235493","alignItems-baseline":"_1e964f8a","tablet-alignItems-flexStart":"_87c0c7f8","tablet-alignItems-center":"_812a2195","tablet-alignItems-flexEnd":"_207fa4f7","tablet-alignItems-baseline":"_6415fbe8","desktop-alignItems-flexStart":"_84ec8c58","desktop-alignItems-center":"afdff695","desktop-alignItems-flexEnd":"_78607c32","desktop-alignItems-baseline":"_57428c98","justifyContent-flexStart":"_9e8363f8","justifyContent-center":"f88bdaf1","justifyContent-flexEnd":"_0315ed60","justifyContent-spaceAround":"_81fc01b2","justifyContent-spaceBetween":"_54d85bfe","justifyContent-spaceEvenly":"b09b6390","tablet-justifyContent-flexStart":"bea77b61","tablet-justifyContent-center":"_2f6925fc","tablet-justifyContent-flexEnd":"_462a9e07","tablet-justifyContent-spaceAround":"_1c555ae4","tablet-justifyContent-spaceBetween":"_7a9768a8","tablet-justifyContent-spaceEvenly":"_859b8158","desktop-justifyContent-flexStart":"c190fc20","desktop-justifyContent-center":"_73777561","desktop-justifyContent-flexEnd":"d2151eb8","desktop-justifyContent-spaceBetween":"b8ec7870","alignSelf-stretch":"d607c41c","alignSelf-flexStart":"_30b9c3a2","alignSelf-center":"f1f37bf1","alignSelf-flexEnd":"_341847ab","alignSelf-baseline":"_2c7dfaf8","tablet-alignSelf-stretch":"_8be172b1","tablet-alignSelf-flexStart":"_84af0ad2","tablet-alignSelf-center":"_2fb0b3f1","tablet-alignSelf-flexEnd":"d8b98da0","tablet-alignSelf-baseline":"_096c96ed","desktop-alignSelf-stretch":"_217cc45f","desktop-alignSelf-flexStart":"_29964d59","desktop-alignSelf-center":"e76ee627","desktop-alignSelf-flexEnd":"_7435c694","desktop-alignSelf-baseline":"_84758309","overflow-hidden":"_47471e4e","overflow-auto":"_37460640","overflow-visible":"_73d1ede9","overflow-scroll":"a39c32d7","height-full":"_5cede05a","bg-default":"b50b47ee","bg-aside":"_5912d165","bg-highlight":"c4b77c63","bg-selected":"_7ab4d8a9","bg-toast":"_9ce2e0c1","borderRadius-standard":"f6a2af5a","borderRadius-full":"_7e67e1f6","border-primary":"f5b8570f","border-secondary":"_5dd76b5f","border-tertiary":"_7c14c801","textAlign-start":"_57086b20","textAlign-center":"b7f35b86","textAlign-end":"_6596dbcd","textAlign-justify":"d5210e4f","tablet-textAlign-start":"_97da11d5","tablet-textAlign-center":"_9add5f3d","tablet-textAlign-end":"f8b12189","tablet-textAlign-justify":"d5acd111","desktop-textAlign-start":"b33bdab7","desktop-textAlign-center":"_0fc7972b","desktop-textAlign-end":"a0f648ae","desktop-textAlign-justify":"a0bdba20","overlayScroll":"d19e99ad"};
|
|
220
220
|
|
|
221
221
|
var modules_b537a8ee = {"paddingTop-xsmall":"c4803194","paddingTop-small":"_4e9ab24b","paddingTop-medium":"_1d226e27","paddingTop-large":"eb6097f1","paddingTop-xlarge":"d3229ba4","paddingTop-xxlarge":"_47978ba4","tablet-paddingTop-xsmall":"f987719c","tablet-paddingTop-small":"_8dbc4b4d","tablet-paddingTop-medium":"ae44fe07","tablet-paddingTop-large":"ffe9548d","tablet-paddingTop-xlarge":"f2b76a44","tablet-paddingTop-xxlarge":"c6eb8f43","desktop-paddingTop-xsmall":"_8699b560","desktop-paddingTop-small":"_02c374b7","desktop-paddingTop-medium":"_0dd0332f","desktop-paddingTop-large":"da55f1f6","desktop-paddingTop-xlarge":"_8ef2a278","desktop-paddingTop-xxlarge":"_8b493b28","paddingRight-xsmall":"_211eebc7","paddingRight-small":"ad0ccf15","paddingRight-medium":"a03e39af","paddingRight-large":"f0941ead","paddingRight-xlarge":"e47c5a43","paddingRight-xxlarge":"e849a5cf","tablet-paddingRight-xsmall":"_85374228","tablet-paddingRight-small":"_89df37b9","tablet-paddingRight-medium":"_1cc50ebe","tablet-paddingRight-large":"_1060982b","tablet-paddingRight-xlarge":"be58847d","tablet-paddingRight-xxlarge":"_45093484","desktop-paddingRight-xsmall":"f8d99d6a","desktop-paddingRight-small":"efa076d9","desktop-paddingRight-medium":"e59caa64","desktop-paddingRight-large":"da42f46a","desktop-paddingRight-xlarge":"b3ee2580","desktop-paddingRight-xxlarge":"_3ef94658","paddingBottom-xsmall":"b0e6eab4","paddingBottom-small":"_9510d053","paddingBottom-medium":"d7af60c9","paddingBottom-large":"b75f86cd","paddingBottom-xlarge":"fbd4ce29","paddingBottom-xxlarge":"_33e3ad63","tablet-paddingBottom-xsmall":"f0302da7","tablet-paddingBottom-small":"_4f9b8012","tablet-paddingBottom-medium":"_4333e20e","tablet-paddingBottom-large":"_30bbc76c","tablet-paddingBottom-xlarge":"ba5a4008","tablet-paddingBottom-xxlarge":"_423a3b1a","desktop-paddingBottom-xsmall":"b40139b7","desktop-paddingBottom-small":"f96071fa","desktop-paddingBottom-medium":"fe803c9a","desktop-paddingBottom-large":"_01686eb9","desktop-paddingBottom-xlarge":"afa763d8","desktop-paddingBottom-xxlarge":"a95785f1","paddingLeft-xsmall":"cad4e2ec","paddingLeft-small":"d70b3c17","paddingLeft-medium":"_8c851bd6","paddingLeft-large":"_078feb3c","paddingLeft-xlarge":"_76ab968c","paddingLeft-xxlarge":"aaca85d7","tablet-paddingLeft-xsmall":"_5eb0e5aa","tablet-paddingLeft-small":"_0384fb4f","tablet-paddingLeft-medium":"edffff6f","tablet-paddingLeft-large":"_873b9a46","tablet-paddingLeft-xlarge":"_89105db5","tablet-paddingLeft-xxlarge":"db1966fe","desktop-paddingLeft-xsmall":"b17f826b","desktop-paddingLeft-small":"_6dc83610","desktop-paddingLeft-medium":"_3421b8b2","desktop-paddingLeft-large":"_68cec7a6","desktop-paddingLeft-xlarge":"_94bde020","desktop-paddingLeft-xxlarge":"b94ee579"};
|
|
222
222
|
|
|
@@ -226,7 +226,7 @@ var modules_89b7671c = {"minWidth-0":"_68ab48ca","minWidth-xsmall":"_6fa2b565","
|
|
|
226
226
|
|
|
227
227
|
var modules_8b5c09cb = {"gap-none":"_64ed24f4","gap-xsmall":"_2580a74b","gap-small":"c68f8bf6","gap-medium":"_43e5f8e9","gap-large":"_966b120f","gap-xlarge":"f957894c","gap-xxlarge":"_8cca104b","tablet-gap-none":"_5797cee2","tablet-gap-xsmall":"_9015672f","tablet-gap-small":"_7ec86eec","tablet-gap-medium":"_714d7179","tablet-gap-large":"ae1deb59","tablet-gap-xlarge":"e1cfce55","tablet-gap-xxlarge":"_168a8ff8","desktop-gap-none":"_43e2b619","desktop-gap-xsmall":"_0ea9bf88","desktop-gap-small":"d451307a","desktop-gap-medium":"bf93cf66","desktop-gap-large":"_1430cddf","desktop-gap-xlarge":"fa00c93e","desktop-gap-xxlarge":"_6f3aee54"};
|
|
228
228
|
|
|
229
|
-
const _excluded$w = ["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", "className", "children"];
|
|
229
|
+
const _excluded$w = ["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"];
|
|
230
230
|
|
|
231
231
|
function getBoxClassNames({
|
|
232
232
|
position = 'static',
|
|
@@ -262,6 +262,7 @@ function getBoxClassNames({
|
|
|
262
262
|
marginRight,
|
|
263
263
|
marginBottom,
|
|
264
264
|
marginLeft,
|
|
265
|
+
overlayScroll,
|
|
265
266
|
className
|
|
266
267
|
}) {
|
|
267
268
|
var _ref, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8;
|
|
@@ -279,7 +280,7 @@ function getBoxClassNames({
|
|
|
279
280
|
getClassNames(modules_b537a8ee, 'paddingTop', resolvedPaddingTop), getClassNames(modules_b537a8ee, 'paddingRight', resolvedPaddingRight), getClassNames(modules_b537a8ee, 'paddingBottom', resolvedPaddingBottom), getClassNames(modules_b537a8ee, 'paddingLeft', resolvedPaddingLeft), // margin
|
|
280
281
|
getClassNames(modules_131405ac, 'marginTop', resolvedMarginTop), getClassNames(modules_131405ac, 'marginRight', resolvedMarginRight), getClassNames(modules_131405ac, 'marginBottom', resolvedMarginBottom), getClassNames(modules_131405ac, 'marginLeft', resolvedMarginLeft), // flex props
|
|
281
282
|
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
|
|
282
|
-
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);
|
|
283
|
+
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);
|
|
283
284
|
}
|
|
284
285
|
|
|
285
286
|
const Box$1 = /*#__PURE__*/polymorphicComponent(function Box(_ref9, ref) {
|
|
@@ -318,6 +319,7 @@ const Box$1 = /*#__PURE__*/polymorphicComponent(function Box(_ref9, ref) {
|
|
|
318
319
|
marginRight,
|
|
319
320
|
marginBottom,
|
|
320
321
|
marginLeft,
|
|
322
|
+
overlayScroll,
|
|
321
323
|
className,
|
|
322
324
|
children
|
|
323
325
|
} = _ref9,
|
|
@@ -358,6 +360,7 @@ const Box$1 = /*#__PURE__*/polymorphicComponent(function Box(_ref9, ref) {
|
|
|
358
360
|
marginRight,
|
|
359
361
|
marginBottom,
|
|
360
362
|
marginLeft,
|
|
363
|
+
overlayScroll,
|
|
361
364
|
className
|
|
362
365
|
}),
|
|
363
366
|
ref
|
|
@@ -1912,7 +1915,7 @@ function PasswordHiddenIcon(props) {
|
|
|
1912
1915
|
})));
|
|
1913
1916
|
}
|
|
1914
1917
|
|
|
1915
|
-
var modules_540a88ff = {"container":"
|
|
1918
|
+
var modules_540a88ff = {"container":"d6795f2d","auxiliaryLabel":"bfa9e249","bordered":"e8d81883","error":"_656b054e","primaryLabel":"_0eded49a","loadingIcon":"fbf1bee1"};
|
|
1916
1919
|
|
|
1917
1920
|
// See: https://twist.com/a/1585/ch/765851/t/6664583/c/93631846 for latest spec
|
|
1918
1921
|
|
|
@@ -2087,7 +2090,7 @@ function BaseField({
|
|
|
2087
2090
|
}, renderCharacterCount()) : null) : null);
|
|
2088
2091
|
}
|
|
2089
2092
|
|
|
2090
|
-
var modules_aaf25250 = {"inputWrapper":"
|
|
2093
|
+
var modules_aaf25250 = {"inputWrapper":"_3aa2a591","readOnly":"_88dd4657","bordered":"f9ddac83","error":"_7b4ae67d","slot":"_92010b01"};
|
|
2091
2094
|
|
|
2092
2095
|
const _excluded$d = ["variant", "id", "label", "value", "auxiliaryLabel", "message", "tone", "type", "maxWidth", "maxLength", "hidden", "aria-describedby", "startSlot", "endSlot", "onChange", "characterCountPosition", "endSlotPosition"],
|
|
2093
2096
|
_excluded2$4 = ["onChange", "characterCountElement"];
|
|
@@ -2199,7 +2202,7 @@ const PasswordField = /*#__PURE__*/React__namespace.forwardRef(function Password
|
|
|
2199
2202
|
}));
|
|
2200
2203
|
});
|
|
2201
2204
|
|
|
2202
|
-
var modules_1fa9b208 = {"selectWrapper":"
|
|
2205
|
+
var modules_1fa9b208 = {"selectWrapper":"b2a0c397","bordered":"_85aa4d58","error":"f79ed3fb"};
|
|
2203
2206
|
|
|
2204
2207
|
const _excluded$b = ["variant", "id", "label", "value", "auxiliaryLabel", "message", "tone", "maxWidth", "children", "hidden", "aria-describedby", "onChange"];
|
|
2205
2208
|
const SelectField = /*#__PURE__*/React__namespace.forwardRef(function SelectField(_ref, ref) {
|
|
@@ -2333,7 +2336,7 @@ const SwitchField = /*#__PURE__*/React__namespace.forwardRef(function SwitchFiel
|
|
|
2333
2336
|
}, message) : null);
|
|
2334
2337
|
});
|
|
2335
2338
|
|
|
2336
|
-
var modules_2728c236 = {"textAreaContainer":"
|
|
2339
|
+
var modules_2728c236 = {"textAreaContainer":"_1ae68da6","innerContainer":"_8eadb1df","bordered":"_35e7d1ba","error":"_8b028659","disableResize":"_30f6cf3c"};
|
|
2337
2340
|
|
|
2338
2341
|
const _excluded$9 = ["variant", "id", "label", "value", "auxiliaryLabel", "message", "tone", "maxWidth", "maxLength", "hidden", "aria-describedby", "rows", "autoExpand", "disableResize", "onChange"],
|
|
2339
2342
|
_excluded2$3 = ["onChange"];
|
|
@@ -2530,14 +2533,15 @@ function Badge(_ref) {
|
|
|
2530
2533
|
|
|
2531
2534
|
var modules_8f59d13b = {"overlay":"_756b318e","fadein":"_21966801","fitContent":"_52bde55e","container":"_46152754","full":"bf469f5d","large":"_3208ba07","medium":"_29f86ad4","small":"_64c0762d","xsmall":"_3196b4d0","xlarge":"_3517025e","expand":"_8d20cc11","buttonContainer":"_37ed43a6","headerContent":"_7df92d5c"};
|
|
2532
2535
|
|
|
2533
|
-
const _excluded$6 = ["isOpen", "onDismiss", "height", "width", "exceptionallySetClassName", "exceptionallySetOverlayClassName", "autoFocus", "hideOnEscape", "hideOnInteractOutside", "children", "portalElement", "onKeyDown", "className"],
|
|
2536
|
+
const _excluded$6 = ["isOpen", "onDismiss", "height", "dividers", "width", "exceptionallySetClassName", "exceptionallySetOverlayClassName", "autoFocus", "hideOnEscape", "hideOnInteractOutside", "children", "portalElement", "onKeyDown", "className"],
|
|
2534
2537
|
_excluded2$2 = ["children", "button", "withDivider", "exceptionallySetClassName"],
|
|
2535
2538
|
_excluded3$1 = ["exceptionallySetClassName", "children"],
|
|
2536
2539
|
_excluded4$1 = ["exceptionallySetClassName", "withDivider"],
|
|
2537
2540
|
_excluded5$1 = ["children"];
|
|
2538
2541
|
const ModalContext = /*#__PURE__*/React__namespace.createContext({
|
|
2539
2542
|
onDismiss: undefined,
|
|
2540
|
-
height: 'fitContent'
|
|
2543
|
+
height: 'fitContent',
|
|
2544
|
+
dividers: undefined
|
|
2541
2545
|
});
|
|
2542
2546
|
|
|
2543
2547
|
function isNotInternalFrame(element) {
|
|
@@ -2559,6 +2563,7 @@ function Modal(_ref) {
|
|
|
2559
2563
|
isOpen,
|
|
2560
2564
|
onDismiss,
|
|
2561
2565
|
height = 'fitContent',
|
|
2566
|
+
dividers,
|
|
2562
2567
|
width = 'medium',
|
|
2563
2568
|
exceptionallySetClassName,
|
|
2564
2569
|
exceptionallySetOverlayClassName,
|
|
@@ -2584,8 +2589,9 @@ function Modal(_ref) {
|
|
|
2584
2589
|
});
|
|
2585
2590
|
const contextValue = React__namespace.useMemo(() => ({
|
|
2586
2591
|
onDismiss,
|
|
2587
|
-
height
|
|
2588
|
-
|
|
2592
|
+
height,
|
|
2593
|
+
dividers
|
|
2594
|
+
}), [onDismiss, height, dividers]);
|
|
2589
2595
|
const portalRef = React__namespace.useRef(null);
|
|
2590
2596
|
const dialogRef = React__namespace.useRef(null);
|
|
2591
2597
|
const backdropRef = React__namespace.useRef(null);
|
|
@@ -2712,6 +2718,9 @@ function ModalHeader(_ref2) {
|
|
|
2712
2718
|
} = _ref2,
|
|
2713
2719
|
props = _objectWithoutProperties(_ref2, _excluded2$2);
|
|
2714
2720
|
|
|
2721
|
+
const {
|
|
2722
|
+
dividers
|
|
2723
|
+
} = React__namespace.useContext(ModalContext);
|
|
2715
2724
|
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Box$1, _objectSpread2(_objectSpread2({}, props), {}, {
|
|
2716
2725
|
as: "header",
|
|
2717
2726
|
paddingLeft: "large",
|
|
@@ -2732,7 +2741,9 @@ function ModalHeader(_ref2) {
|
|
|
2732
2741
|
}, typeof button === 'boolean' ? /*#__PURE__*/React__namespace.createElement(ModalCloseButton, {
|
|
2733
2742
|
"aria-label": "Close modal",
|
|
2734
2743
|
autoFocus: false
|
|
2735
|
-
}) : button))), withDivider ? /*#__PURE__*/React__namespace.createElement(Divider,
|
|
2744
|
+
}) : button))), withDivider ? /*#__PURE__*/React__namespace.createElement(Divider, {
|
|
2745
|
+
weight: dividers
|
|
2746
|
+
}) : null);
|
|
2736
2747
|
}
|
|
2737
2748
|
/**
|
|
2738
2749
|
* Renders the body of a modal.
|
|
@@ -2783,7 +2794,12 @@ function ModalFooter(_ref4) {
|
|
|
2783
2794
|
} = _ref4,
|
|
2784
2795
|
props = _objectWithoutProperties(_ref4, _excluded4$1);
|
|
2785
2796
|
|
|
2786
|
-
|
|
2797
|
+
const {
|
|
2798
|
+
dividers
|
|
2799
|
+
} = React__namespace.useContext(ModalContext);
|
|
2800
|
+
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, withDivider ? /*#__PURE__*/React__namespace.createElement(Divider, {
|
|
2801
|
+
weight: dividers
|
|
2802
|
+
}) : null, /*#__PURE__*/React__namespace.createElement(Box$1, _objectSpread2(_objectSpread2({
|
|
2787
2803
|
as: "footer"
|
|
2788
2804
|
}, props), {}, {
|
|
2789
2805
|
className: exceptionallySetClassName,
|