@easypost/easy-ui 1.0.0-alpha.113 → 1.0.0-alpha.115
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/AlertBadge/AlertBadge.d.ts +1 -1
- package/AlertBadge/AlertBadge.d.ts.map +1 -1
- package/AlertBadge/index.js +11 -9
- package/AlertBadge/index.mjs +11 -9
- package/Badge/index.js +12 -12
- package/Badge/index.mjs +12 -12
- package/Banner/index.js +7 -7
- package/Banner/index.mjs +7 -7
- package/Button/index.js +1 -1
- package/Button/index.mjs +1 -1
- package/CHANGELOG.md +12 -0
- package/Calendar/index.js +1 -1
- package/Calendar/index.mjs +1 -1
- package/Card/index.js +1 -1
- package/Card/index.mjs +1 -1
- package/CheckableCard/index.js +14 -14
- package/CheckableCard/index.mjs +14 -14
- package/Checkbox/index.js +1 -1
- package/Checkbox/index.mjs +1 -1
- package/CodeBlock/index.js +30 -30
- package/CodeBlock/index.mjs +30 -30
- package/CodeSnippet/index.js +1 -1
- package/CodeSnippet/index.mjs +1 -1
- package/ColorPicker/index.js +24 -24
- package/ColorPicker/index.mjs +24 -24
- package/CustomerPortalLayout/index.js +36 -36
- package/CustomerPortalLayout/index.mjs +36 -36
- package/DataGrid/index.js +78 -78
- package/DataGrid/index.mjs +78 -78
- package/DatePicker/index.js +6 -6
- package/DatePicker/index.mjs +6 -6
- package/DateRangePicker/index.js +6 -6
- package/DateRangePicker/index.mjs +6 -6
- package/Drawer/index.js +24 -24
- package/Drawer/index.mjs +24 -24
- package/DropdownButton/index.js +7 -7
- package/DropdownButton/index.mjs +7 -7
- package/EmptyStateCard/index.js +18 -18
- package/EmptyStateCard/index.mjs +18 -18
- package/FocusedProductLayout/index.js +38 -38
- package/FocusedProductLayout/index.mjs +38 -38
- package/ForgeLayout/index.js +91 -91
- package/ForgeLayout/index.mjs +92 -92
- package/FormLayout/index.js +11 -11
- package/FormLayout/index.mjs +11 -11
- package/HorizontalGrid/index.js +1 -1
- package/HorizontalGrid/index.mjs +1 -1
- package/HorizontalStack/index.js +1 -1
- package/HorizontalStack/index.mjs +1 -1
- package/Icon/index.js +1 -1
- package/Icon/index.mjs +1 -1
- package/IconButton/index.js +7 -7
- package/IconButton/index.mjs +7 -7
- package/InputField/index.js +1 -1
- package/InputField/index.mjs +1 -1
- package/KebabButton/index.js +1 -1
- package/KebabButton/index.mjs +1 -1
- package/Menu/index.js +1 -1
- package/Menu/index.mjs +1 -1
- package/Modal/index.js +39 -39
- package/Modal/index.mjs +39 -39
- package/MultiSelect/index.js +30 -30
- package/MultiSelect/index.mjs +31 -31
- package/MultipageSection/index.js +28 -28
- package/MultipageSection/index.mjs +28 -28
- package/NexusLayout/index.js +44 -44
- package/NexusLayout/index.mjs +44 -44
- package/Notification/index.js +1 -1
- package/Notification/index.mjs +1 -1
- package/Pagination/index.js +21 -21
- package/Pagination/index.mjs +21 -21
- package/PillGroup/index.js +1 -1
- package/PillGroup/index.mjs +1 -1
- package/PlanCard/illustrations/Building01/index.js +88 -88
- package/PlanCard/illustrations/Building01/index.mjs +88 -88
- package/PlanCard/illustrations/Building02/index.js +33 -33
- package/PlanCard/illustrations/Building02/index.mjs +33 -33
- package/PlanCard/illustrations/Building03/index.js +120 -120
- package/PlanCard/illustrations/Building03/index.mjs +120 -120
- package/PlanCard/illustrations/Building04/index.js +236 -236
- package/PlanCard/illustrations/Building04/index.mjs +236 -236
- package/PlanCard/index.js +17 -17
- package/PlanCard/index.mjs +17 -17
- package/ProductLayout/index.js +48 -48
- package/ProductLayout/index.mjs +48 -48
- package/Provider/index.js +7 -7
- package/Provider/index.mjs +7 -7
- package/RadioButtonGroup/index.js +5 -5
- package/RadioButtonGroup/index.mjs +5 -5
- package/RadioGroup/index.js +1 -1
- package/RadioGroup/index.mjs +1 -1
- package/RangeCalendar/index.js +1 -1
- package/RangeCalendar/index.mjs +1 -1
- package/SearchNav/index.js +70 -70
- package/SearchNav/index.mjs +71 -71
- package/SectionCard/index.js +16 -16
- package/SectionCard/index.mjs +16 -16
- package/Select/index.js +20 -20
- package/Select/index.mjs +20 -20
- package/SelectorErrorTooltip/index.js +1 -1
- package/SelectorErrorTooltip/index.mjs +1 -1
- package/Spinner/index.js +1 -1
- package/Spinner/index.mjs +1 -1
- package/SplitToggleCard/index.js +11 -11
- package/SplitToggleCard/index.mjs +11 -11
- package/Stepper/index.js +1 -1
- package/Stepper/index.mjs +1 -1
- package/TabNav/index.js +1 -1
- package/TabNav/index.mjs +1 -1
- package/TabPanels/index.js +7 -7
- package/TabPanels/index.mjs +7 -7
- package/Tabs/index.js +1 -1
- package/Tabs/index.mjs +1 -1
- package/Text/index.js +1 -1
- package/Text/index.mjs +1 -1
- package/TextField/index.js +1 -1
- package/TextField/index.mjs +1 -1
- package/Textarea/index.js +3 -3
- package/Textarea/index.mjs +3 -3
- package/Theme/index.js +1 -1
- package/Theme/index.mjs +1 -1
- package/Toggle/index.js +1 -1
- package/Toggle/index.mjs +1 -1
- package/ToggleCard/index.js +7 -7
- package/ToggleCard/index.mjs +7 -7
- package/Tooltip/index.js +1 -1
- package/Tooltip/index.mjs +1 -1
- package/UnstyledButton/index.js +1 -1
- package/UnstyledButton/index.mjs +1 -1
- package/VerticalNav/index.js +39 -39
- package/VerticalNav/index.mjs +39 -39
- package/VerticalStack/index.js +1 -1
- package/VerticalStack/index.mjs +1 -1
- package/__chunks__/{Button-C3vDXJsJ.js → Button-CQdi4TMV.js} +7 -7
- package/__chunks__/{Button-Dexauftx.mjs → Button-JL1YQxJ5.mjs} +7 -7
- package/__chunks__/{Calendar-BEbdigVB.js → Calendar-C9zdRov0.js} +3 -3
- package/__chunks__/{Calendar-BOxw8lwX.mjs → Calendar-DLzAtdfg.mjs} +3 -3
- package/__chunks__/{CalendarBase-3a9i7QNo.mjs → CalendarBase-DJ38_qK6.mjs} +32 -32
- package/__chunks__/{CalendarBase-Bx8bdXeT.js → CalendarBase-M-f289w8.js} +32 -32
- package/__chunks__/{Card-8778avMv.mjs → Card-BgjWYPVY.mjs} +5 -5
- package/__chunks__/{Card-DIZFYg6E.js → Card-LPIW5drP.js} +5 -5
- package/__chunks__/{Checkbox-DFWhjlaO.js → Checkbox-B_-6lfKk.js} +14 -14
- package/__chunks__/{Checkbox-C-NlI-Ym.mjs → Checkbox-DcaO0fC3.mjs} +14 -14
- package/__chunks__/{CodeSnippet-BCOMwE07.js → CodeSnippet-25l4r2Gh.js} +5 -5
- package/__chunks__/{CodeSnippet-CWnMHdVu.mjs → CodeSnippet-B3nsMpvq.mjs} +5 -5
- package/__chunks__/{DatePickerBase-C4PwUr9x.mjs → DatePickerBase-BQc8LKWg.mjs} +30 -30
- package/__chunks__/{DatePickerBase-XoRply_u.js → DatePickerBase-BYYfRTEY.js} +30 -30
- package/__chunks__/{EasyPostLogo-D3WNdZ29.js → EasyPostLogo-C9-Q0lSn.js} +5 -5
- package/__chunks__/{EasyPostLogo-tf6CCEAq.mjs → EasyPostLogo-DgIgAGa3.mjs} +5 -5
- package/__chunks__/{HelpMenu-8r0cjx5z.mjs → HelpMenu-BZRV42ab.mjs} +14 -14
- package/__chunks__/{HelpMenu-DBo_fklD.js → HelpMenu-C2t8KQuU.js} +14 -14
- package/__chunks__/{HorizontalGrid-BAvSeg39.js → HorizontalGrid-CAoDcmPW.js} +2 -2
- package/__chunks__/{HorizontalGrid-C4MBFEH-.mjs → HorizontalGrid-DbLeJBt8.mjs} +2 -2
- package/__chunks__/{HorizontalStack-BkE82C73.mjs → HorizontalStack-CJavrBHm.mjs} +2 -2
- package/__chunks__/{HorizontalStack-DidoI4Ks.js → HorizontalStack-CWdKKY8L.js} +2 -2
- package/__chunks__/{Icon-DzTns8u5.mjs → Icon-BIpaQJ_I.mjs} +3 -3
- package/__chunks__/{Icon-BVa5ddiD.js → Icon-BRlbo3RF.js} +3 -3
- package/__chunks__/{InputCaption-Dkyn1sg6.js → InputCaption-CccF4ynE.js} +6 -6
- package/__chunks__/{InputCaption-B8bZH6sX.mjs → InputCaption-DoyGkWQe.mjs} +6 -6
- package/__chunks__/{InputField-BTrYBVAD.mjs → InputField-CAY9O90X.mjs} +21 -21
- package/__chunks__/{InputField-Dvkk5R1K.js → InputField-DGb4ZDoR.js} +21 -21
- package/__chunks__/{InputIcon-BLJ6dx_5.mjs → InputIcon-CEATdJ1j.mjs} +4 -4
- package/__chunks__/{InputIcon-BSIAXX9k.js → InputIcon-DDKBJ_Tk.js} +4 -4
- package/__chunks__/{KebabButton-DSK0ISAn.mjs → KebabButton-D-5Mjaj0.mjs} +7 -7
- package/__chunks__/{KebabButton-3FnxY-Fz.js → KebabButton-TbapERgy.js} +7 -7
- package/__chunks__/{Menu-C2F4fvhd.mjs → Menu-Ci1FGh8B.mjs} +29 -29
- package/__chunks__/{Menu-Du8SsMeJ.js → Menu-MGDv1tob.js} +29 -29
- package/__chunks__/{Notification-CeJn5Qq1.js → Notification-DDQHWloB.js} +21 -21
- package/__chunks__/{Notification-CgUT2gv6.mjs → Notification-DnNx0rb6.mjs} +21 -21
- package/__chunks__/{PillGroup-rTS853Rr.js → PillGroup-BK8VCf3B.js} +14 -14
- package/__chunks__/{PillGroup-EJ8t8SrT.mjs → PillGroup-DN72MPhg.mjs} +14 -14
- package/__chunks__/{RadioGroup-DBgIqOkZ.mjs → RadioGroup-BfKaJnSo.mjs} +19 -19
- package/__chunks__/{RadioGroup-BFqH1Csi.js → RadioGroup-BiCqtR0F.js} +19 -19
- package/__chunks__/{RangeCalendar-BSsmX9l4.mjs → RangeCalendar-BdTjX8NT.mjs} +3 -3
- package/__chunks__/{RangeCalendar-Do2nei5A.js → RangeCalendar-Dz6LyRYS.js} +3 -3
- package/__chunks__/{SelectOverlay-DjiJHthj.js → SelectOverlay-Bva0SG8D.js} +20 -20
- package/__chunks__/{SelectOverlay-DUIIhF4t.mjs → SelectOverlay-q23ZLLi4.mjs} +20 -20
- package/__chunks__/{SelectorErrorTooltip-BMxbuFiM.js → SelectorErrorTooltip-BNLrFRLN.js} +8 -8
- package/__chunks__/{SelectorErrorTooltip-BC-1JoX3.mjs → SelectorErrorTooltip-rO2-k3Gl.mjs} +8 -8
- package/__chunks__/{Spinner-2PFCOK3I.mjs → Spinner-COsekFr1.mjs} +7 -7
- package/__chunks__/{Spinner-Dd68v9QX.js → Spinner-vRnrcEz0.js} +7 -7
- package/__chunks__/{Stepper-q3YNLglj.mjs → Stepper-DlI-16t-.mjs} +17 -17
- package/__chunks__/{Stepper-BZ90AIx0.js → Stepper-lhcjfVFY.js} +17 -17
- package/__chunks__/{TabNav-BnpNl7tj.mjs → TabNav-BNhQF0b0.mjs} +4 -4
- package/__chunks__/{TabNav-CLVG0bL2.js → TabNav-bVgyfEV7.js} +4 -4
- package/__chunks__/{Tabs-CtyYEye0.mjs → Tabs-BaROnbKg.mjs} +14 -14
- package/__chunks__/{Tabs-5_61DIBw.js → Tabs-DSngzN9A.js} +14 -14
- package/__chunks__/{Text-u9mYLeWj.mjs → Text-D6oT5WJQ.mjs} +2 -2
- package/__chunks__/{Text-C4CEsglh.js → Text-DkzMEqky.js} +2 -2
- package/__chunks__/{TextField-D1JGaTQv.mjs → TextField-818kTElu.mjs} +3 -3
- package/__chunks__/{TextField-DE1vPtQm.js → TextField-DKQVJPP_.js} +3 -3
- package/__chunks__/{Theme-unLHjjnm.js → Theme-C2nSZUpG.js} +10 -10
- package/__chunks__/{Theme-CyUCrGdN.mjs → Theme-M__gFMM3.mjs} +10 -10
- package/__chunks__/{Toggle-BHzAGPDh.js → Toggle-BmJjrdVn.js} +11 -11
- package/__chunks__/{Toggle-DioYP2KQ.mjs → Toggle-DlDQ7rr2.mjs} +11 -11
- package/__chunks__/{Tooltip-COjtKErw.js → Tooltip-BSMvNula.js} +9 -9
- package/__chunks__/{Tooltip-BKGkKnOx.mjs → Tooltip-BXRi0h4E.mjs} +9 -9
- package/__chunks__/{UnstyledButton-_YQekhlm.js → UnstyledButton-DW8CjaXN.js} +2 -2
- package/__chunks__/{UnstyledButton-BCg7eEyP.mjs → UnstyledButton-DxJLvL-G.mjs} +2 -2
- package/__chunks__/{VerticalStack-CunLpHRv.js → VerticalStack-BHkiocKU.js} +2 -2
- package/__chunks__/{VerticalStack-Cbdpucbh.mjs → VerticalStack-DoMqBfYD.mjs} +2 -2
- package/__chunks__/{useEdgeInterceptors-BBmo6MI4.mjs → useEdgeInterceptors-OZmGXvtF.mjs} +6 -6
- package/__chunks__/{useEdgeInterceptors-BLxn3eUi.js → useEdgeInterceptors-Rb2Hf0v8.js} +6 -6
- package/package.json +1 -1
- package/__chunks__/jsx-runtime-CH1d66I3.js +0 -320
- package/__chunks__/jsx-runtime-DTpFD6nx.mjs +0 -321
package/IconButton/index.js
CHANGED
|
@@ -31,11 +31,11 @@ var __objRest = (source, exclude) => {
|
|
|
31
31
|
return target;
|
|
32
32
|
};
|
|
33
33
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
34
|
-
const jsxRuntime = require("
|
|
34
|
+
const jsxRuntime = require("react/jsx-runtime");
|
|
35
35
|
const React = require("react");
|
|
36
|
-
const UnstyledButton = require("../__chunks__/UnstyledButton-
|
|
37
|
-
const Icon = require("../__chunks__/Icon-
|
|
38
|
-
const Text = require("../__chunks__/Text-
|
|
36
|
+
const UnstyledButton = require("../__chunks__/UnstyledButton-DW8CjaXN.js");
|
|
37
|
+
const Icon = require("../__chunks__/Icon-BRlbo3RF.js");
|
|
38
|
+
const Text = require("../__chunks__/Text-DkzMEqky.js");
|
|
39
39
|
const utilities_css = require("../utilities/css.js");
|
|
40
40
|
const IconButton$1 = "_IconButton_11xhv_4";
|
|
41
41
|
const colorPrimary = "_colorPrimary_11xhv_19";
|
|
@@ -67,15 +67,15 @@ const IconButton = React.forwardRef((props, inRef) => {
|
|
|
67
67
|
const _a = props, { color = "primary", variant = "filled", icon, size = "md", accessibilityLabel, isDisabled = false } = _a, restProps = __objRest(_a, ["color", "variant", "icon", "size", "accessibilityLabel", "isDisabled"]);
|
|
68
68
|
UnstyledButton.logWarningIfInvalidColorVariantCombination(color, variant);
|
|
69
69
|
const iconSize = size === "sm" ? "xs" : "md";
|
|
70
|
-
return jsxRuntime.
|
|
70
|
+
return jsxRuntime.jsxs(UnstyledButton.UnstyledButton, __spreadProps(__spreadValues({
|
|
71
71
|
isDisabled,
|
|
72
72
|
ref: inRef,
|
|
73
73
|
className: utilities_css.classNames(styles.IconButton, styles[utilities_css.variationName("variant", variant)], styles[utilities_css.variationName("color", color)], styles[utilities_css.variationName("size", size)])
|
|
74
74
|
}, restProps), {
|
|
75
|
-
children: [jsxRuntime.
|
|
75
|
+
children: [jsxRuntime.jsx(Text.Text, {
|
|
76
76
|
visuallyHidden: true,
|
|
77
77
|
children: accessibilityLabel
|
|
78
|
-
}), jsxRuntime.
|
|
78
|
+
}), jsxRuntime.jsx(Icon.Icon, {
|
|
79
79
|
symbol: icon,
|
|
80
80
|
size: iconSize
|
|
81
81
|
})]
|
package/IconButton/index.mjs
CHANGED
|
@@ -29,11 +29,11 @@ var __objRest = (source, exclude) => {
|
|
|
29
29
|
}
|
|
30
30
|
return target;
|
|
31
31
|
};
|
|
32
|
-
import {
|
|
32
|
+
import { jsxs, jsx } from "react/jsx-runtime";
|
|
33
33
|
import { forwardRef } from "react";
|
|
34
|
-
import { l as logWarningIfInvalidColorVariantCombination, U as UnstyledButton } from "../__chunks__/UnstyledButton-
|
|
35
|
-
import { I as Icon } from "../__chunks__/Icon-
|
|
36
|
-
import { T as Text } from "../__chunks__/Text-
|
|
34
|
+
import { l as logWarningIfInvalidColorVariantCombination, U as UnstyledButton } from "../__chunks__/UnstyledButton-DxJLvL-G.mjs";
|
|
35
|
+
import { I as Icon } from "../__chunks__/Icon-BIpaQJ_I.mjs";
|
|
36
|
+
import { T as Text } from "../__chunks__/Text-D6oT5WJQ.mjs";
|
|
37
37
|
import { classNames, variationName } from "../utilities/css.mjs";
|
|
38
38
|
const IconButton$1 = "_IconButton_11xhv_4";
|
|
39
39
|
const colorPrimary = "_colorPrimary_11xhv_19";
|
|
@@ -65,15 +65,15 @@ const IconButton = forwardRef((props, inRef) => {
|
|
|
65
65
|
const _a = props, { color = "primary", variant = "filled", icon, size = "md", accessibilityLabel, isDisabled = false } = _a, restProps = __objRest(_a, ["color", "variant", "icon", "size", "accessibilityLabel", "isDisabled"]);
|
|
66
66
|
logWarningIfInvalidColorVariantCombination(color, variant);
|
|
67
67
|
const iconSize = size === "sm" ? "xs" : "md";
|
|
68
|
-
return
|
|
68
|
+
return jsxs(UnstyledButton, __spreadProps(__spreadValues({
|
|
69
69
|
isDisabled,
|
|
70
70
|
ref: inRef,
|
|
71
71
|
className: classNames(styles.IconButton, styles[variationName("variant", variant)], styles[variationName("color", color)], styles[variationName("size", size)])
|
|
72
72
|
}, restProps), {
|
|
73
|
-
children: [
|
|
73
|
+
children: [jsx(Text, {
|
|
74
74
|
visuallyHidden: true,
|
|
75
75
|
children: accessibilityLabel
|
|
76
|
-
}),
|
|
76
|
+
}), jsx(Icon, {
|
|
77
77
|
symbol: icon,
|
|
78
78
|
size: iconSize
|
|
79
79
|
})]
|
package/InputField/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const InputField = require("../__chunks__/InputField-
|
|
3
|
+
const InputField = require("../__chunks__/InputField-DGb4ZDoR.js");
|
|
4
4
|
exports.InputField = InputField.InputField;
|
package/InputField/index.mjs
CHANGED
package/KebabButton/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const KebabButton = require("../__chunks__/KebabButton-
|
|
3
|
+
const KebabButton = require("../__chunks__/KebabButton-TbapERgy.js");
|
|
4
4
|
exports.KebabButton = KebabButton.KebabButton;
|
package/KebabButton/index.mjs
CHANGED
package/Menu/index.js
CHANGED
package/Menu/index.mjs
CHANGED
package/Modal/index.js
CHANGED
|
@@ -31,16 +31,16 @@ var __objRest = (source, exclude) => {
|
|
|
31
31
|
return target;
|
|
32
32
|
};
|
|
33
33
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
34
|
-
const jsxRuntime = require("
|
|
34
|
+
const jsxRuntime = require("react/jsx-runtime");
|
|
35
35
|
const React = require("react");
|
|
36
36
|
const utilities_css = require("../utilities/css.js");
|
|
37
37
|
const utilities_useScrollbar = require("../utilities/useScrollbar.js");
|
|
38
|
-
const Button = require("../__chunks__/Button-
|
|
38
|
+
const Button = require("../__chunks__/Button-CQdi4TMV.js");
|
|
39
39
|
const Close = require("../__chunks__/Close-BQ2IlPyf.js");
|
|
40
|
-
const HorizontalStack = require("../__chunks__/HorizontalStack-
|
|
41
|
-
const Icon = require("../__chunks__/Icon-
|
|
42
|
-
const Text = require("../__chunks__/Text-
|
|
43
|
-
const VerticalStack = require("../__chunks__/VerticalStack-
|
|
40
|
+
const HorizontalStack = require("../__chunks__/HorizontalStack-CWdKKY8L.js");
|
|
41
|
+
const Icon = require("../__chunks__/Icon-BRlbo3RF.js");
|
|
42
|
+
const Text = require("../__chunks__/Text-DkzMEqky.js");
|
|
43
|
+
const VerticalStack = require("../__chunks__/VerticalStack-BHkiocKU.js");
|
|
44
44
|
const useModalOverlay = require("../__chunks__/useModalOverlay-C4Gci3MA.js");
|
|
45
45
|
const Overlay = require("../__chunks__/Overlay-BNP_t3v4.js");
|
|
46
46
|
const useOverlayTrigger = require("../__chunks__/useOverlayTrigger-DP9RbCAF.js");
|
|
@@ -76,7 +76,7 @@ function ModalTriggerProvider({ state, isDismissable, children }) {
|
|
|
76
76
|
isDismissable
|
|
77
77
|
};
|
|
78
78
|
}, [hasOpenNestedModal, state, isDismissable]);
|
|
79
|
-
return jsxRuntime.
|
|
79
|
+
return jsxRuntime.jsx(ModalTriggerContext.Provider, {
|
|
80
80
|
value: context,
|
|
81
81
|
children
|
|
82
82
|
});
|
|
@@ -123,15 +123,15 @@ function ModalBody(props) {
|
|
|
123
123
|
const { children } = props;
|
|
124
124
|
const modalContext = useModalContext();
|
|
125
125
|
utilities_useScrollbar.useScrollbar(modalContext.bodyRef, "ezui-os-theme-modal");
|
|
126
|
-
return jsxRuntime.
|
|
126
|
+
return jsxRuntime.jsx("div", {
|
|
127
127
|
className: styles.body,
|
|
128
128
|
ref: modalContext.bodyRef,
|
|
129
|
-
children: jsxRuntime.
|
|
129
|
+
children: jsxRuntime.jsxs("div", {
|
|
130
130
|
className: styles.content,
|
|
131
|
-
children: [jsxRuntime.
|
|
131
|
+
children: [jsxRuntime.jsx("div", {
|
|
132
132
|
"data-intercept": "header",
|
|
133
133
|
ref: modalContext.headerInterceptorRef
|
|
134
|
-
}), children, jsxRuntime.
|
|
134
|
+
}), children, jsxRuntime.jsx("div", {
|
|
135
135
|
"data-intercept": "footer",
|
|
136
136
|
ref: modalContext.footerInterceptorRef
|
|
137
137
|
})]
|
|
@@ -143,20 +143,20 @@ function ModalFooter(props) {
|
|
|
143
143
|
const modalContext = useModalContext();
|
|
144
144
|
const className = utilities_css.classNames(styles.footer, "children" in props ? styles.footerSlot : styles.footerActions, modalContext.isFooterStuck && styles.stuck);
|
|
145
145
|
if ("children" in props) {
|
|
146
|
-
return jsxRuntime.
|
|
146
|
+
return jsxRuntime.jsx("div", {
|
|
147
147
|
className,
|
|
148
148
|
children: props.children
|
|
149
149
|
});
|
|
150
150
|
}
|
|
151
151
|
const { primaryAction, secondaryAction } = props;
|
|
152
|
-
return jsxRuntime.
|
|
152
|
+
return jsxRuntime.jsxs("div", {
|
|
153
153
|
className,
|
|
154
|
-
children: [secondaryAction && jsxRuntime.
|
|
154
|
+
children: [secondaryAction && jsxRuntime.jsx(Button.Button, {
|
|
155
155
|
onPress: secondaryAction.onAction,
|
|
156
156
|
color: (_a = secondaryAction.color) != null ? _a : "neutral",
|
|
157
157
|
isDisabled: secondaryAction.isDisabled,
|
|
158
158
|
children: secondaryAction.content
|
|
159
|
-
}), jsxRuntime.
|
|
159
|
+
}), jsxRuntime.jsx(Button.Button, {
|
|
160
160
|
onPress: primaryAction.onAction,
|
|
161
161
|
color: primaryAction.color,
|
|
162
162
|
isDisabled: primaryAction.isDisabled,
|
|
@@ -169,46 +169,46 @@ function ModalHeader(props) {
|
|
|
169
169
|
const modalContext = useModalContext();
|
|
170
170
|
const modalTriggerContext = useModalTriggerContext();
|
|
171
171
|
const className = utilities_css.classNames(styles.header, modalContext.isHeaderStuck && styles.stuck);
|
|
172
|
-
return jsxRuntime.
|
|
172
|
+
return jsxRuntime.jsx("div", {
|
|
173
173
|
className,
|
|
174
|
-
children: jsxRuntime.
|
|
174
|
+
children: jsxRuntime.jsxs(VerticalStack.VerticalStack, {
|
|
175
175
|
gap: "1.5",
|
|
176
|
-
children: [jsxRuntime.
|
|
176
|
+
children: [jsxRuntime.jsxs(HorizontalStack.HorizontalStack, {
|
|
177
177
|
align: "space-between",
|
|
178
178
|
blockAlign: "center",
|
|
179
179
|
wrap: false,
|
|
180
|
-
children: [jsxRuntime.
|
|
180
|
+
children: [jsxRuntime.jsxs(HorizontalStack.HorizontalStack, {
|
|
181
181
|
gap: "2",
|
|
182
182
|
wrap: false,
|
|
183
|
-
children: [iconAtStart && jsxRuntime.
|
|
184
|
-
children: jsxRuntime.
|
|
183
|
+
children: [iconAtStart && jsxRuntime.jsx("span", {
|
|
184
|
+
children: jsxRuntime.jsx(Icon.Icon, __spreadProps(__spreadValues({}, iconAtStart), {
|
|
185
185
|
size: "lg"
|
|
186
186
|
}))
|
|
187
|
-
}), jsxRuntime.
|
|
187
|
+
}), jsxRuntime.jsx(Text.Text, __spreadProps(__spreadValues({
|
|
188
188
|
as,
|
|
189
189
|
variant: "heading4",
|
|
190
190
|
truncate: true
|
|
191
191
|
}, modalContext.titleProps), {
|
|
192
192
|
children
|
|
193
193
|
}))]
|
|
194
|
-
}), iconAtEnd2 ? jsxRuntime.
|
|
194
|
+
}), iconAtEnd2 ? jsxRuntime.jsx("span", {
|
|
195
195
|
className: styles.iconAtEnd,
|
|
196
196
|
"data-size": iconAtEnd2.size,
|
|
197
|
-
children: jsxRuntime.
|
|
198
|
-
}) : modalTriggerContext.isDismissable ? jsxRuntime.
|
|
197
|
+
children: jsxRuntime.jsx(Icon.Icon, __spreadValues({}, iconAtEnd2))
|
|
198
|
+
}) : modalTriggerContext.isDismissable ? jsxRuntime.jsxs("button", {
|
|
199
199
|
className: styles.closeBtn,
|
|
200
200
|
onClick: () => {
|
|
201
201
|
modalTriggerContext.state.close();
|
|
202
202
|
},
|
|
203
|
-
children: [jsxRuntime.
|
|
203
|
+
children: [jsxRuntime.jsx(Text.Text, {
|
|
204
204
|
visuallyHidden: true,
|
|
205
205
|
children: "Close modal"
|
|
206
|
-
}), jsxRuntime.
|
|
206
|
+
}), jsxRuntime.jsx(Icon.Icon, {
|
|
207
207
|
symbol: Close.Close,
|
|
208
208
|
size: "sm"
|
|
209
209
|
})]
|
|
210
210
|
}) : null]
|
|
211
|
-
}), subtitle && jsxRuntime.
|
|
211
|
+
}), subtitle && jsxRuntime.jsx(Text.Text, {
|
|
212
212
|
variant: "subtitle1",
|
|
213
213
|
children: subtitle
|
|
214
214
|
})]
|
|
@@ -225,16 +225,16 @@ function ModalUnderlay(props) {
|
|
|
225
225
|
}), state, ref);
|
|
226
226
|
const { hasOpenNestedModal } = useModalTriggerContext();
|
|
227
227
|
const className = utilities_css.classNames(styles.underlayBg, hasOpenNestedModal && styles.underlayBgHidden);
|
|
228
|
-
return jsxRuntime.
|
|
229
|
-
children: jsxRuntime.
|
|
228
|
+
return jsxRuntime.jsx(Overlay.$337b884510726a0d$export$c6fdb837b070b4ff, {
|
|
229
|
+
children: jsxRuntime.jsx("div", __spreadProps(__spreadValues({
|
|
230
230
|
className
|
|
231
231
|
}, underlayProps), {
|
|
232
|
-
children: jsxRuntime.
|
|
232
|
+
children: jsxRuntime.jsxs("div", __spreadProps(__spreadValues({}, modalProps), {
|
|
233
233
|
ref,
|
|
234
234
|
className: styles.underlayBox,
|
|
235
|
-
children: [jsxRuntime.
|
|
235
|
+
children: [jsxRuntime.jsx("div", {
|
|
236
236
|
className: styles.underlayEdge
|
|
237
|
-
}), children, jsxRuntime.
|
|
237
|
+
}), children, jsxRuntime.jsx("div", {
|
|
238
238
|
className: styles.underlayEdge
|
|
239
239
|
})]
|
|
240
240
|
}))
|
|
@@ -251,10 +251,10 @@ function ModalTrigger(props) {
|
|
|
251
251
|
throw new Error("children must be exactly one trigger element and one modal element");
|
|
252
252
|
}
|
|
253
253
|
const [trigger, modal] = children;
|
|
254
|
-
return jsxRuntime.
|
|
254
|
+
return jsxRuntime.jsxs(ModalTriggerProvider, {
|
|
255
255
|
state,
|
|
256
256
|
isDismissable,
|
|
257
|
-
children: [React.cloneElement(trigger, triggerProps), state.isOpen && jsxRuntime.
|
|
257
|
+
children: [React.cloneElement(trigger, triggerProps), state.isOpen && jsxRuntime.jsx(ModalUnderlay, __spreadProps(__spreadValues({}, props), {
|
|
258
258
|
state,
|
|
259
259
|
children: React.cloneElement(typeof modal === "function" ? modal(state.close) : modal, overlayProps)
|
|
260
260
|
}))]
|
|
@@ -288,10 +288,10 @@ function ModalContainer(props) {
|
|
|
288
288
|
const { overlayProps } = useOverlayTrigger.$628037886ba31236$export$f9d5c8beee7d008d({
|
|
289
289
|
type: "dialog"
|
|
290
290
|
}, state);
|
|
291
|
-
return jsxRuntime.
|
|
291
|
+
return jsxRuntime.jsx(ModalTriggerProvider, {
|
|
292
292
|
state,
|
|
293
293
|
isDismissable,
|
|
294
|
-
children: state.isOpen && jsxRuntime.
|
|
294
|
+
children: state.isOpen && jsxRuntime.jsx(ModalUnderlay, {
|
|
295
295
|
state,
|
|
296
296
|
isDismissable,
|
|
297
297
|
children: lastChild ? React.cloneElement(lastChild, overlayProps) : null
|
|
@@ -321,9 +321,9 @@ function Modal(props) {
|
|
|
321
321
|
};
|
|
322
322
|
}, [dialogProps, isFooterStuck, isHeaderStuck, titleProps]);
|
|
323
323
|
const className = utilities_css.classNames(styles.Modal, styles[utilities_css.variationName("size", size)]);
|
|
324
|
-
return jsxRuntime.
|
|
324
|
+
return jsxRuntime.jsx(ModalContext.Provider, {
|
|
325
325
|
value: context,
|
|
326
|
-
children: jsxRuntime.
|
|
326
|
+
children: jsxRuntime.jsx("div", __spreadProps(__spreadValues({}, dialogProps), {
|
|
327
327
|
className,
|
|
328
328
|
ref: dialogRef,
|
|
329
329
|
children
|
package/Modal/index.mjs
CHANGED
|
@@ -29,16 +29,16 @@ var __objRest = (source, exclude) => {
|
|
|
29
29
|
}
|
|
30
30
|
return target;
|
|
31
31
|
};
|
|
32
|
-
import {
|
|
32
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
33
33
|
import React__default, { createContext, useState, useMemo, useContext, cloneElement, useRef } from "react";
|
|
34
34
|
import { classNames, variationName } from "../utilities/css.mjs";
|
|
35
35
|
import { useScrollbar } from "../utilities/useScrollbar.mjs";
|
|
36
|
-
import { B as Button } from "../__chunks__/Button-
|
|
36
|
+
import { B as Button } from "../__chunks__/Button-JL1YQxJ5.mjs";
|
|
37
37
|
import { C as Close } from "../__chunks__/Close-Cq6Q6MN6.mjs";
|
|
38
|
-
import { H as HorizontalStack } from "../__chunks__/HorizontalStack-
|
|
39
|
-
import { I as Icon } from "../__chunks__/Icon-
|
|
40
|
-
import { T as Text } from "../__chunks__/Text-
|
|
41
|
-
import { V as VerticalStack } from "../__chunks__/VerticalStack-
|
|
38
|
+
import { H as HorizontalStack } from "../__chunks__/HorizontalStack-CJavrBHm.mjs";
|
|
39
|
+
import { I as Icon } from "../__chunks__/Icon-BIpaQJ_I.mjs";
|
|
40
|
+
import { T as Text } from "../__chunks__/Text-D6oT5WJQ.mjs";
|
|
41
|
+
import { V as VerticalStack } from "../__chunks__/VerticalStack-DoMqBfYD.mjs";
|
|
42
42
|
import { $ as $8ac8429251c45e4b$export$dbc0f175b25fb0fb } from "../__chunks__/useModalOverlay-BmYXH7rq.mjs";
|
|
43
43
|
import { d as $337b884510726a0d$export$c6fdb837b070b4ff, a as $fc909762b330b746$export$61c6a8c84e605fb6 } from "../__chunks__/Overlay-Dkjxuk6V.mjs";
|
|
44
44
|
import { $ as $628037886ba31236$export$f9d5c8beee7d008d } from "../__chunks__/useOverlayTrigger-CIVwezu3.mjs";
|
|
@@ -74,7 +74,7 @@ function ModalTriggerProvider({ state, isDismissable, children }) {
|
|
|
74
74
|
isDismissable
|
|
75
75
|
};
|
|
76
76
|
}, [hasOpenNestedModal, state, isDismissable]);
|
|
77
|
-
return
|
|
77
|
+
return jsx(ModalTriggerContext.Provider, {
|
|
78
78
|
value: context,
|
|
79
79
|
children
|
|
80
80
|
});
|
|
@@ -121,15 +121,15 @@ function ModalBody(props) {
|
|
|
121
121
|
const { children } = props;
|
|
122
122
|
const modalContext = useModalContext();
|
|
123
123
|
useScrollbar(modalContext.bodyRef, "ezui-os-theme-modal");
|
|
124
|
-
return
|
|
124
|
+
return jsx("div", {
|
|
125
125
|
className: styles.body,
|
|
126
126
|
ref: modalContext.bodyRef,
|
|
127
|
-
children:
|
|
127
|
+
children: jsxs("div", {
|
|
128
128
|
className: styles.content,
|
|
129
|
-
children: [
|
|
129
|
+
children: [jsx("div", {
|
|
130
130
|
"data-intercept": "header",
|
|
131
131
|
ref: modalContext.headerInterceptorRef
|
|
132
|
-
}), children,
|
|
132
|
+
}), children, jsx("div", {
|
|
133
133
|
"data-intercept": "footer",
|
|
134
134
|
ref: modalContext.footerInterceptorRef
|
|
135
135
|
})]
|
|
@@ -141,20 +141,20 @@ function ModalFooter(props) {
|
|
|
141
141
|
const modalContext = useModalContext();
|
|
142
142
|
const className = classNames(styles.footer, "children" in props ? styles.footerSlot : styles.footerActions, modalContext.isFooterStuck && styles.stuck);
|
|
143
143
|
if ("children" in props) {
|
|
144
|
-
return
|
|
144
|
+
return jsx("div", {
|
|
145
145
|
className,
|
|
146
146
|
children: props.children
|
|
147
147
|
});
|
|
148
148
|
}
|
|
149
149
|
const { primaryAction, secondaryAction } = props;
|
|
150
|
-
return
|
|
150
|
+
return jsxs("div", {
|
|
151
151
|
className,
|
|
152
|
-
children: [secondaryAction &&
|
|
152
|
+
children: [secondaryAction && jsx(Button, {
|
|
153
153
|
onPress: secondaryAction.onAction,
|
|
154
154
|
color: (_a = secondaryAction.color) != null ? _a : "neutral",
|
|
155
155
|
isDisabled: secondaryAction.isDisabled,
|
|
156
156
|
children: secondaryAction.content
|
|
157
|
-
}),
|
|
157
|
+
}), jsx(Button, {
|
|
158
158
|
onPress: primaryAction.onAction,
|
|
159
159
|
color: primaryAction.color,
|
|
160
160
|
isDisabled: primaryAction.isDisabled,
|
|
@@ -167,46 +167,46 @@ function ModalHeader(props) {
|
|
|
167
167
|
const modalContext = useModalContext();
|
|
168
168
|
const modalTriggerContext = useModalTriggerContext();
|
|
169
169
|
const className = classNames(styles.header, modalContext.isHeaderStuck && styles.stuck);
|
|
170
|
-
return
|
|
170
|
+
return jsx("div", {
|
|
171
171
|
className,
|
|
172
|
-
children:
|
|
172
|
+
children: jsxs(VerticalStack, {
|
|
173
173
|
gap: "1.5",
|
|
174
|
-
children: [
|
|
174
|
+
children: [jsxs(HorizontalStack, {
|
|
175
175
|
align: "space-between",
|
|
176
176
|
blockAlign: "center",
|
|
177
177
|
wrap: false,
|
|
178
|
-
children: [
|
|
178
|
+
children: [jsxs(HorizontalStack, {
|
|
179
179
|
gap: "2",
|
|
180
180
|
wrap: false,
|
|
181
|
-
children: [iconAtStart &&
|
|
182
|
-
children:
|
|
181
|
+
children: [iconAtStart && jsx("span", {
|
|
182
|
+
children: jsx(Icon, __spreadProps(__spreadValues({}, iconAtStart), {
|
|
183
183
|
size: "lg"
|
|
184
184
|
}))
|
|
185
|
-
}),
|
|
185
|
+
}), jsx(Text, __spreadProps(__spreadValues({
|
|
186
186
|
as,
|
|
187
187
|
variant: "heading4",
|
|
188
188
|
truncate: true
|
|
189
189
|
}, modalContext.titleProps), {
|
|
190
190
|
children
|
|
191
191
|
}))]
|
|
192
|
-
}), iconAtEnd2 ?
|
|
192
|
+
}), iconAtEnd2 ? jsx("span", {
|
|
193
193
|
className: styles.iconAtEnd,
|
|
194
194
|
"data-size": iconAtEnd2.size,
|
|
195
|
-
children:
|
|
196
|
-
}) : modalTriggerContext.isDismissable ?
|
|
195
|
+
children: jsx(Icon, __spreadValues({}, iconAtEnd2))
|
|
196
|
+
}) : modalTriggerContext.isDismissable ? jsxs("button", {
|
|
197
197
|
className: styles.closeBtn,
|
|
198
198
|
onClick: () => {
|
|
199
199
|
modalTriggerContext.state.close();
|
|
200
200
|
},
|
|
201
|
-
children: [
|
|
201
|
+
children: [jsx(Text, {
|
|
202
202
|
visuallyHidden: true,
|
|
203
203
|
children: "Close modal"
|
|
204
|
-
}),
|
|
204
|
+
}), jsx(Icon, {
|
|
205
205
|
symbol: Close,
|
|
206
206
|
size: "sm"
|
|
207
207
|
})]
|
|
208
208
|
}) : null]
|
|
209
|
-
}), subtitle &&
|
|
209
|
+
}), subtitle && jsx(Text, {
|
|
210
210
|
variant: "subtitle1",
|
|
211
211
|
children: subtitle
|
|
212
212
|
})]
|
|
@@ -223,16 +223,16 @@ function ModalUnderlay(props) {
|
|
|
223
223
|
}), state, ref);
|
|
224
224
|
const { hasOpenNestedModal } = useModalTriggerContext();
|
|
225
225
|
const className = classNames(styles.underlayBg, hasOpenNestedModal && styles.underlayBgHidden);
|
|
226
|
-
return
|
|
227
|
-
children:
|
|
226
|
+
return jsx($337b884510726a0d$export$c6fdb837b070b4ff, {
|
|
227
|
+
children: jsx("div", __spreadProps(__spreadValues({
|
|
228
228
|
className
|
|
229
229
|
}, underlayProps), {
|
|
230
|
-
children:
|
|
230
|
+
children: jsxs("div", __spreadProps(__spreadValues({}, modalProps), {
|
|
231
231
|
ref,
|
|
232
232
|
className: styles.underlayBox,
|
|
233
|
-
children: [
|
|
233
|
+
children: [jsx("div", {
|
|
234
234
|
className: styles.underlayEdge
|
|
235
|
-
}), children,
|
|
235
|
+
}), children, jsx("div", {
|
|
236
236
|
className: styles.underlayEdge
|
|
237
237
|
})]
|
|
238
238
|
}))
|
|
@@ -249,10 +249,10 @@ function ModalTrigger(props) {
|
|
|
249
249
|
throw new Error("children must be exactly one trigger element and one modal element");
|
|
250
250
|
}
|
|
251
251
|
const [trigger, modal] = children;
|
|
252
|
-
return
|
|
252
|
+
return jsxs(ModalTriggerProvider, {
|
|
253
253
|
state,
|
|
254
254
|
isDismissable,
|
|
255
|
-
children: [cloneElement(trigger, triggerProps), state.isOpen &&
|
|
255
|
+
children: [cloneElement(trigger, triggerProps), state.isOpen && jsx(ModalUnderlay, __spreadProps(__spreadValues({}, props), {
|
|
256
256
|
state,
|
|
257
257
|
children: cloneElement(typeof modal === "function" ? modal(state.close) : modal, overlayProps)
|
|
258
258
|
}))]
|
|
@@ -286,10 +286,10 @@ function ModalContainer(props) {
|
|
|
286
286
|
const { overlayProps } = $628037886ba31236$export$f9d5c8beee7d008d({
|
|
287
287
|
type: "dialog"
|
|
288
288
|
}, state);
|
|
289
|
-
return
|
|
289
|
+
return jsx(ModalTriggerProvider, {
|
|
290
290
|
state,
|
|
291
291
|
isDismissable,
|
|
292
|
-
children: state.isOpen &&
|
|
292
|
+
children: state.isOpen && jsx(ModalUnderlay, {
|
|
293
293
|
state,
|
|
294
294
|
isDismissable,
|
|
295
295
|
children: lastChild ? cloneElement(lastChild, overlayProps) : null
|
|
@@ -319,9 +319,9 @@ function Modal(props) {
|
|
|
319
319
|
};
|
|
320
320
|
}, [dialogProps, isFooterStuck, isHeaderStuck, titleProps]);
|
|
321
321
|
const className = classNames(styles.Modal, styles[variationName("size", size)]);
|
|
322
|
-
return
|
|
322
|
+
return jsx(ModalContext.Provider, {
|
|
323
323
|
value: context,
|
|
324
|
-
children:
|
|
324
|
+
children: jsx("div", __spreadProps(__spreadValues({}, dialogProps), {
|
|
325
325
|
className,
|
|
326
326
|
ref: dialogRef,
|
|
327
327
|
children
|