@doist/reactist 28.3.2 → 28.4.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 +23 -10
- 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/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/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/base-field.css +1 -1
- package/styles/base-field.module.css.css +1 -1
- package/styles/password-field.css +2 -2
- package/styles/reactist.css +5 -5
- package/styles/select-field.css +2 -2
- package/styles/select-field.module.css.css +1 -1
- package/styles/switch-field.css +1 -1
- package/styles/text-area.css +2 -2
- package/styles/text-area.module.css.css +1 -1
- package/styles/text-field.css +2 -2
- package/styles/text-field.module.css.css +1 -1
|
@@ -1912,7 +1912,7 @@ function PasswordHiddenIcon(props) {
|
|
|
1912
1912
|
})));
|
|
1913
1913
|
}
|
|
1914
1914
|
|
|
1915
|
-
var modules_540a88ff = {"container":"
|
|
1915
|
+
var modules_540a88ff = {"container":"d6795f2d","auxiliaryLabel":"bfa9e249","bordered":"e8d81883","error":"_656b054e","primaryLabel":"_0eded49a","loadingIcon":"fbf1bee1"};
|
|
1916
1916
|
|
|
1917
1917
|
// See: https://twist.com/a/1585/ch/765851/t/6664583/c/93631846 for latest spec
|
|
1918
1918
|
|
|
@@ -2087,7 +2087,7 @@ function BaseField({
|
|
|
2087
2087
|
}, renderCharacterCount()) : null) : null);
|
|
2088
2088
|
}
|
|
2089
2089
|
|
|
2090
|
-
var modules_aaf25250 = {"inputWrapper":"
|
|
2090
|
+
var modules_aaf25250 = {"inputWrapper":"_3aa2a591","readOnly":"_88dd4657","bordered":"f9ddac83","error":"_7b4ae67d","slot":"_92010b01"};
|
|
2091
2091
|
|
|
2092
2092
|
const _excluded$d = ["variant", "id", "label", "value", "auxiliaryLabel", "message", "tone", "type", "maxWidth", "maxLength", "hidden", "aria-describedby", "startSlot", "endSlot", "onChange", "characterCountPosition", "endSlotPosition"],
|
|
2093
2093
|
_excluded2$4 = ["onChange", "characterCountElement"];
|
|
@@ -2199,7 +2199,7 @@ const PasswordField = /*#__PURE__*/React__namespace.forwardRef(function Password
|
|
|
2199
2199
|
}));
|
|
2200
2200
|
});
|
|
2201
2201
|
|
|
2202
|
-
var modules_1fa9b208 = {"selectWrapper":"
|
|
2202
|
+
var modules_1fa9b208 = {"selectWrapper":"b2a0c397","bordered":"_85aa4d58","error":"f79ed3fb"};
|
|
2203
2203
|
|
|
2204
2204
|
const _excluded$b = ["variant", "id", "label", "value", "auxiliaryLabel", "message", "tone", "maxWidth", "children", "hidden", "aria-describedby", "onChange"];
|
|
2205
2205
|
const SelectField = /*#__PURE__*/React__namespace.forwardRef(function SelectField(_ref, ref) {
|
|
@@ -2333,7 +2333,7 @@ const SwitchField = /*#__PURE__*/React__namespace.forwardRef(function SwitchFiel
|
|
|
2333
2333
|
}, message) : null);
|
|
2334
2334
|
});
|
|
2335
2335
|
|
|
2336
|
-
var modules_2728c236 = {"textAreaContainer":"
|
|
2336
|
+
var modules_2728c236 = {"textAreaContainer":"_1ae68da6","innerContainer":"_8eadb1df","bordered":"_35e7d1ba","error":"_8b028659","disableResize":"_30f6cf3c"};
|
|
2337
2337
|
|
|
2338
2338
|
const _excluded$9 = ["variant", "id", "label", "value", "auxiliaryLabel", "message", "tone", "maxWidth", "maxLength", "hidden", "aria-describedby", "rows", "autoExpand", "disableResize", "onChange"],
|
|
2339
2339
|
_excluded2$3 = ["onChange"];
|
|
@@ -2530,14 +2530,15 @@ function Badge(_ref) {
|
|
|
2530
2530
|
|
|
2531
2531
|
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
2532
|
|
|
2533
|
-
const _excluded$6 = ["isOpen", "onDismiss", "height", "width", "exceptionallySetClassName", "exceptionallySetOverlayClassName", "autoFocus", "hideOnEscape", "hideOnInteractOutside", "children", "portalElement", "onKeyDown", "className"],
|
|
2533
|
+
const _excluded$6 = ["isOpen", "onDismiss", "height", "dividers", "width", "exceptionallySetClassName", "exceptionallySetOverlayClassName", "autoFocus", "hideOnEscape", "hideOnInteractOutside", "children", "portalElement", "onKeyDown", "className"],
|
|
2534
2534
|
_excluded2$2 = ["children", "button", "withDivider", "exceptionallySetClassName"],
|
|
2535
2535
|
_excluded3$1 = ["exceptionallySetClassName", "children"],
|
|
2536
2536
|
_excluded4$1 = ["exceptionallySetClassName", "withDivider"],
|
|
2537
2537
|
_excluded5$1 = ["children"];
|
|
2538
2538
|
const ModalContext = /*#__PURE__*/React__namespace.createContext({
|
|
2539
2539
|
onDismiss: undefined,
|
|
2540
|
-
height: 'fitContent'
|
|
2540
|
+
height: 'fitContent',
|
|
2541
|
+
dividers: undefined
|
|
2541
2542
|
});
|
|
2542
2543
|
|
|
2543
2544
|
function isNotInternalFrame(element) {
|
|
@@ -2559,6 +2560,7 @@ function Modal(_ref) {
|
|
|
2559
2560
|
isOpen,
|
|
2560
2561
|
onDismiss,
|
|
2561
2562
|
height = 'fitContent',
|
|
2563
|
+
dividers,
|
|
2562
2564
|
width = 'medium',
|
|
2563
2565
|
exceptionallySetClassName,
|
|
2564
2566
|
exceptionallySetOverlayClassName,
|
|
@@ -2584,8 +2586,9 @@ function Modal(_ref) {
|
|
|
2584
2586
|
});
|
|
2585
2587
|
const contextValue = React__namespace.useMemo(() => ({
|
|
2586
2588
|
onDismiss,
|
|
2587
|
-
height
|
|
2588
|
-
|
|
2589
|
+
height,
|
|
2590
|
+
dividers
|
|
2591
|
+
}), [onDismiss, height, dividers]);
|
|
2589
2592
|
const portalRef = React__namespace.useRef(null);
|
|
2590
2593
|
const dialogRef = React__namespace.useRef(null);
|
|
2591
2594
|
const backdropRef = React__namespace.useRef(null);
|
|
@@ -2712,6 +2715,9 @@ function ModalHeader(_ref2) {
|
|
|
2712
2715
|
} = _ref2,
|
|
2713
2716
|
props = _objectWithoutProperties(_ref2, _excluded2$2);
|
|
2714
2717
|
|
|
2718
|
+
const {
|
|
2719
|
+
dividers
|
|
2720
|
+
} = React__namespace.useContext(ModalContext);
|
|
2715
2721
|
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Box$1, _objectSpread2(_objectSpread2({}, props), {}, {
|
|
2716
2722
|
as: "header",
|
|
2717
2723
|
paddingLeft: "large",
|
|
@@ -2732,7 +2738,9 @@ function ModalHeader(_ref2) {
|
|
|
2732
2738
|
}, typeof button === 'boolean' ? /*#__PURE__*/React__namespace.createElement(ModalCloseButton, {
|
|
2733
2739
|
"aria-label": "Close modal",
|
|
2734
2740
|
autoFocus: false
|
|
2735
|
-
}) : button))), withDivider ? /*#__PURE__*/React__namespace.createElement(Divider,
|
|
2741
|
+
}) : button))), withDivider ? /*#__PURE__*/React__namespace.createElement(Divider, {
|
|
2742
|
+
weight: dividers
|
|
2743
|
+
}) : null);
|
|
2736
2744
|
}
|
|
2737
2745
|
/**
|
|
2738
2746
|
* Renders the body of a modal.
|
|
@@ -2783,7 +2791,12 @@ function ModalFooter(_ref4) {
|
|
|
2783
2791
|
} = _ref4,
|
|
2784
2792
|
props = _objectWithoutProperties(_ref4, _excluded4$1);
|
|
2785
2793
|
|
|
2786
|
-
|
|
2794
|
+
const {
|
|
2795
|
+
dividers
|
|
2796
|
+
} = React__namespace.useContext(ModalContext);
|
|
2797
|
+
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, withDivider ? /*#__PURE__*/React__namespace.createElement(Divider, {
|
|
2798
|
+
weight: dividers
|
|
2799
|
+
}) : null, /*#__PURE__*/React__namespace.createElement(Box$1, _objectSpread2(_objectSpread2({
|
|
2787
2800
|
as: "footer"
|
|
2788
2801
|
}, props), {}, {
|
|
2789
2802
|
className: exceptionallySetClassName,
|