@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
|
@@ -18,9 +18,9 @@ var __spreadValues = (a, b) => {
|
|
|
18
18
|
return a;
|
|
19
19
|
};
|
|
20
20
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
21
|
-
const jsxRuntime = require("
|
|
21
|
+
const jsxRuntime = require("react/jsx-runtime");
|
|
22
22
|
const React = require("react");
|
|
23
|
-
const Text = require("./Text-
|
|
23
|
+
const Text = require("./Text-DkzMEqky.js");
|
|
24
24
|
const utilities_css = require("../utilities/css.js");
|
|
25
25
|
const mergeProps = require("./mergeProps-DLPcevok.js");
|
|
26
26
|
const filterDOMProps = require("./filterDOMProps-p6wKN-SS.js");
|
|
@@ -74,17 +74,17 @@ const Spinner = (props) => {
|
|
|
74
74
|
const id = React.useId();
|
|
75
75
|
const degrees = !isIndeterminate && value && value * 360 / 100;
|
|
76
76
|
const style = __spreadValues(__spreadValues(__spreadValues({}, utilities_css.getComponentThemeToken("spinner", "color", "color", color)), utilities_css.getComponentDesignToken("spinner", "size", "size.icon", size)), degrees && __spreadValues({}, utilities_css.getComponentToken("spinner", "degrees", `${degrees}deg`)));
|
|
77
|
-
return jsxRuntime.
|
|
77
|
+
return jsxRuntime.jsxs("div", __spreadProps(__spreadValues({}, progressBarProps), {
|
|
78
78
|
className: styles.spinner,
|
|
79
79
|
style,
|
|
80
80
|
role: isIndeterminate ? "status" : progressBarProps.role,
|
|
81
81
|
"aria-labelledby": (_a = progressBarProps["aria-labelledby"]) != null ? _a : id,
|
|
82
|
-
children: [isIndeterminate ? jsxRuntime.
|
|
82
|
+
children: [isIndeterminate ? jsxRuntime.jsxs("div", {
|
|
83
83
|
className: styles.indeterminate,
|
|
84
|
-
children: [jsxRuntime.
|
|
85
|
-
}) : jsxRuntime.
|
|
84
|
+
children: [jsxRuntime.jsx("div", {}), jsxRuntime.jsx("div", {}), jsxRuntime.jsx("div", {})]
|
|
85
|
+
}) : jsxRuntime.jsx("div", {
|
|
86
86
|
className: styles.progress
|
|
87
|
-
}), jsxRuntime.
|
|
87
|
+
}), jsxRuntime.jsx(Text.Text, __spreadProps(__spreadValues({}, labelProps), {
|
|
88
88
|
id: (_b = labelProps.id) != null ? _b : id,
|
|
89
89
|
visuallyHidden: !children,
|
|
90
90
|
variant: "subtitle2",
|
|
@@ -29,15 +29,15 @@ var __objRest = (source, exclude) => {
|
|
|
29
29
|
}
|
|
30
30
|
return target;
|
|
31
31
|
};
|
|
32
|
-
import {
|
|
32
|
+
import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
33
33
|
import { createContext, useContext, Children, useMemo } from "react";
|
|
34
|
-
import { H as HorizontalStack } from "./HorizontalStack-
|
|
35
|
-
import { V as VerticalStack } from "./VerticalStack-
|
|
34
|
+
import { H as HorizontalStack } from "./HorizontalStack-CJavrBHm.mjs";
|
|
35
|
+
import { V as VerticalStack } from "./VerticalStack-DoMqBfYD.mjs";
|
|
36
36
|
import { A as ArrowForwardIos } from "./ArrowForwardIos-DSeLeLhY.mjs";
|
|
37
37
|
import { C as CheckCircle } from "./CheckCircle-C9h2PNWU.mjs";
|
|
38
|
-
import { U as UnstyledButton } from "./UnstyledButton-
|
|
38
|
+
import { U as UnstyledButton } from "./UnstyledButton-DxJLvL-G.mjs";
|
|
39
39
|
import { classNames, variationName } from "../utilities/css.mjs";
|
|
40
|
-
import { I as Icon } from "./Icon-
|
|
40
|
+
import { I as Icon } from "./Icon-BIpaQJ_I.mjs";
|
|
41
41
|
import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-BWKhJSvH.mjs";
|
|
42
42
|
import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./mergeProps-COnPag8r.mjs";
|
|
43
43
|
const InternalStepperContext = createContext(null);
|
|
@@ -92,21 +92,21 @@ function StepButton(props) {
|
|
|
92
92
|
const _a = props, { status, isDisabled, children, onPress } = _a, restProps = __objRest(_a, ["status", "isDisabled", "children", "onPress"]);
|
|
93
93
|
const { color, orientation } = useInternalStepperContext();
|
|
94
94
|
const { isFocusVisible, focusProps } = $f7dceffc5ad7768b$export$4e328f61c538687f();
|
|
95
|
-
return
|
|
95
|
+
return jsx("div", {
|
|
96
96
|
className: classNames(styles$1.container, styles$1[variationName("container", orientation)]),
|
|
97
|
-
children:
|
|
97
|
+
children: jsxs(UnstyledButton, __spreadProps(__spreadValues({}, $3ef42575df84b30b$export$9d1611c77c2fe928(focusProps, restProps)), {
|
|
98
98
|
onPress,
|
|
99
99
|
isDisabled,
|
|
100
100
|
className: classNames(styles$1.StepButton, styles$1[variationName("status", status)], styles$1[variationName("color", color)], styles$1[variationName("orientation", orientation)], isFocusVisible && styles$1.focusVisible),
|
|
101
|
-
children: [status === "complete" ?
|
|
101
|
+
children: [status === "complete" ? jsx(Icon, {
|
|
102
102
|
symbol: CheckCircle,
|
|
103
103
|
size: orientation === "horizontal" ? "md" : "sm"
|
|
104
|
-
}) :
|
|
104
|
+
}) : jsx("div", {
|
|
105
105
|
className: classNames(styles$1.indicatorContainer),
|
|
106
|
-
children:
|
|
106
|
+
children: jsx("div", {
|
|
107
107
|
className: classNames(styles$1.indicator, styles$1[variationName("indicator", orientation)], styles$1[variationName("indicator", status)])
|
|
108
108
|
})
|
|
109
|
-
}),
|
|
109
|
+
}), jsx("span", {
|
|
110
110
|
className: classNames(styles$1[variationName("text", orientation)]),
|
|
111
111
|
children
|
|
112
112
|
})]
|
|
@@ -127,18 +127,18 @@ function Step(props) {
|
|
|
127
127
|
const isActive = stepIndex === activeStepIndex;
|
|
128
128
|
const isLastStep = totalSteps - 1 === stepIndex;
|
|
129
129
|
const isDisabled = !isActive && !isComplete && !isAccessible;
|
|
130
|
-
return
|
|
131
|
-
children: [
|
|
130
|
+
return jsxs(Fragment, {
|
|
131
|
+
children: [jsx(StepButton, __spreadProps(__spreadValues({
|
|
132
132
|
status: mapToStatus(isActive, isComplete),
|
|
133
133
|
isDisabled,
|
|
134
134
|
onPress
|
|
135
135
|
}, restProps), {
|
|
136
136
|
children
|
|
137
|
-
})), !isLastStep && (orientation === "horizontal" ?
|
|
137
|
+
})), !isLastStep && (orientation === "horizontal" ? jsx(Icon, {
|
|
138
138
|
size: "xs",
|
|
139
139
|
symbol: ArrowForwardIos,
|
|
140
140
|
color
|
|
141
|
-
}) :
|
|
141
|
+
}) : jsx("span", {
|
|
142
142
|
className: classNames(styles.separator, styles[variationName("separator", color)])
|
|
143
143
|
}))]
|
|
144
144
|
});
|
|
@@ -166,9 +166,9 @@ function Stepper(props) {
|
|
|
166
166
|
totalSteps
|
|
167
167
|
};
|
|
168
168
|
}, [color, orientation, activeStepIndex, totalSteps]);
|
|
169
|
-
return
|
|
169
|
+
return jsx(InternalStepperContext.Provider, {
|
|
170
170
|
value: context,
|
|
171
|
-
children:
|
|
171
|
+
children: jsx(Component, __spreadProps(__spreadValues({}, alignProp), {
|
|
172
172
|
gap: isVertical ? "0.5" : void 0,
|
|
173
173
|
children
|
|
174
174
|
}))
|
|
@@ -30,15 +30,15 @@ var __objRest = (source, exclude) => {
|
|
|
30
30
|
}
|
|
31
31
|
return target;
|
|
32
32
|
};
|
|
33
|
-
const jsxRuntime = require("
|
|
33
|
+
const jsxRuntime = require("react/jsx-runtime");
|
|
34
34
|
const React = require("react");
|
|
35
|
-
const HorizontalStack = require("./HorizontalStack-
|
|
36
|
-
const VerticalStack = require("./VerticalStack-
|
|
35
|
+
const HorizontalStack = require("./HorizontalStack-CWdKKY8L.js");
|
|
36
|
+
const VerticalStack = require("./VerticalStack-BHkiocKU.js");
|
|
37
37
|
const ArrowForwardIos = require("./ArrowForwardIos-DpRiDPNZ.js");
|
|
38
38
|
const CheckCircle = require("./CheckCircle-lgmtkEe6.js");
|
|
39
|
-
const UnstyledButton = require("./UnstyledButton-
|
|
39
|
+
const UnstyledButton = require("./UnstyledButton-DW8CjaXN.js");
|
|
40
40
|
const utilities_css = require("../utilities/css.js");
|
|
41
|
-
const Icon = require("./Icon-
|
|
41
|
+
const Icon = require("./Icon-BRlbo3RF.js");
|
|
42
42
|
const useFocusRing = require("./useFocusRing-DbC9E5wC.js");
|
|
43
43
|
const mergeProps = require("./mergeProps-DLPcevok.js");
|
|
44
44
|
const InternalStepperContext = React.createContext(null);
|
|
@@ -93,21 +93,21 @@ function StepButton(props) {
|
|
|
93
93
|
const _a = props, { status, isDisabled, children, onPress } = _a, restProps = __objRest(_a, ["status", "isDisabled", "children", "onPress"]);
|
|
94
94
|
const { color, orientation } = useInternalStepperContext();
|
|
95
95
|
const { isFocusVisible, focusProps } = useFocusRing.$f7dceffc5ad7768b$export$4e328f61c538687f();
|
|
96
|
-
return jsxRuntime.
|
|
96
|
+
return jsxRuntime.jsx("div", {
|
|
97
97
|
className: utilities_css.classNames(styles$1.container, styles$1[utilities_css.variationName("container", orientation)]),
|
|
98
|
-
children: jsxRuntime.
|
|
98
|
+
children: jsxRuntime.jsxs(UnstyledButton.UnstyledButton, __spreadProps(__spreadValues({}, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(focusProps, restProps)), {
|
|
99
99
|
onPress,
|
|
100
100
|
isDisabled,
|
|
101
101
|
className: utilities_css.classNames(styles$1.StepButton, styles$1[utilities_css.variationName("status", status)], styles$1[utilities_css.variationName("color", color)], styles$1[utilities_css.variationName("orientation", orientation)], isFocusVisible && styles$1.focusVisible),
|
|
102
|
-
children: [status === "complete" ? jsxRuntime.
|
|
102
|
+
children: [status === "complete" ? jsxRuntime.jsx(Icon.Icon, {
|
|
103
103
|
symbol: CheckCircle.CheckCircle,
|
|
104
104
|
size: orientation === "horizontal" ? "md" : "sm"
|
|
105
|
-
}) : jsxRuntime.
|
|
105
|
+
}) : jsxRuntime.jsx("div", {
|
|
106
106
|
className: utilities_css.classNames(styles$1.indicatorContainer),
|
|
107
|
-
children: jsxRuntime.
|
|
107
|
+
children: jsxRuntime.jsx("div", {
|
|
108
108
|
className: utilities_css.classNames(styles$1.indicator, styles$1[utilities_css.variationName("indicator", orientation)], styles$1[utilities_css.variationName("indicator", status)])
|
|
109
109
|
})
|
|
110
|
-
}), jsxRuntime.
|
|
110
|
+
}), jsxRuntime.jsx("span", {
|
|
111
111
|
className: utilities_css.classNames(styles$1[utilities_css.variationName("text", orientation)]),
|
|
112
112
|
children
|
|
113
113
|
})]
|
|
@@ -128,18 +128,18 @@ function Step(props) {
|
|
|
128
128
|
const isActive = stepIndex === activeStepIndex;
|
|
129
129
|
const isLastStep = totalSteps - 1 === stepIndex;
|
|
130
130
|
const isDisabled = !isActive && !isComplete && !isAccessible;
|
|
131
|
-
return jsxRuntime.
|
|
132
|
-
children: [jsxRuntime.
|
|
131
|
+
return jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
132
|
+
children: [jsxRuntime.jsx(StepButton, __spreadProps(__spreadValues({
|
|
133
133
|
status: mapToStatus(isActive, isComplete),
|
|
134
134
|
isDisabled,
|
|
135
135
|
onPress
|
|
136
136
|
}, restProps), {
|
|
137
137
|
children
|
|
138
|
-
})), !isLastStep && (orientation === "horizontal" ? jsxRuntime.
|
|
138
|
+
})), !isLastStep && (orientation === "horizontal" ? jsxRuntime.jsx(Icon.Icon, {
|
|
139
139
|
size: "xs",
|
|
140
140
|
symbol: ArrowForwardIos.ArrowForwardIos,
|
|
141
141
|
color
|
|
142
|
-
}) : jsxRuntime.
|
|
142
|
+
}) : jsxRuntime.jsx("span", {
|
|
143
143
|
className: utilities_css.classNames(styles.separator, styles[utilities_css.variationName("separator", color)])
|
|
144
144
|
}))]
|
|
145
145
|
});
|
|
@@ -167,9 +167,9 @@ function Stepper(props) {
|
|
|
167
167
|
totalSteps
|
|
168
168
|
};
|
|
169
169
|
}, [color, orientation, activeStepIndex, totalSteps]);
|
|
170
|
-
return jsxRuntime.
|
|
170
|
+
return jsxRuntime.jsx(InternalStepperContext.Provider, {
|
|
171
171
|
value: context,
|
|
172
|
-
children: jsxRuntime.
|
|
172
|
+
children: jsxRuntime.jsx(Component, __spreadProps(__spreadValues({}, alignProp), {
|
|
173
173
|
gap: isVertical ? "0.5" : void 0,
|
|
174
174
|
children
|
|
175
175
|
}))
|
|
@@ -29,11 +29,11 @@ var __objRest = (source, exclude) => {
|
|
|
29
29
|
}
|
|
30
30
|
return target;
|
|
31
31
|
};
|
|
32
|
-
import {
|
|
33
|
-
import { T as Tabs } from "./Tabs-
|
|
32
|
+
import { jsx } from "react/jsx-runtime";
|
|
33
|
+
import { T as Tabs } from "./Tabs-BaROnbKg.mjs";
|
|
34
34
|
function TabNavItem(props) {
|
|
35
35
|
const _a = props, { as: As = "a", children, isCurrentPage } = _a, linkProps = __objRest(_a, ["as", "children", "isCurrentPage"]);
|
|
36
|
-
return
|
|
36
|
+
return jsx(Tabs.Item, __spreadProps(__spreadValues({
|
|
37
37
|
containerComponent: "li",
|
|
38
38
|
tabComponent: As,
|
|
39
39
|
isSelected: isCurrentPage
|
|
@@ -44,7 +44,7 @@ function TabNavItem(props) {
|
|
|
44
44
|
}
|
|
45
45
|
function TabNav(props) {
|
|
46
46
|
const _a = props, { children } = _a, labelingProps = __objRest(_a, ["children"]);
|
|
47
|
-
return
|
|
47
|
+
return jsx(Tabs, {
|
|
48
48
|
containerComponent: "nav",
|
|
49
49
|
containerProps: labelingProps,
|
|
50
50
|
listComponent: "ul",
|
|
@@ -30,11 +30,11 @@ var __objRest = (source, exclude) => {
|
|
|
30
30
|
}
|
|
31
31
|
return target;
|
|
32
32
|
};
|
|
33
|
-
const jsxRuntime = require("
|
|
34
|
-
const Tabs = require("./Tabs-
|
|
33
|
+
const jsxRuntime = require("react/jsx-runtime");
|
|
34
|
+
const Tabs = require("./Tabs-DSngzN9A.js");
|
|
35
35
|
function TabNavItem(props) {
|
|
36
36
|
const _a = props, { as: As = "a", children, isCurrentPage } = _a, linkProps = __objRest(_a, ["as", "children", "isCurrentPage"]);
|
|
37
|
-
return jsxRuntime.
|
|
37
|
+
return jsxRuntime.jsx(Tabs.Tabs.Item, __spreadProps(__spreadValues({
|
|
38
38
|
containerComponent: "li",
|
|
39
39
|
tabComponent: As,
|
|
40
40
|
isSelected: isCurrentPage
|
|
@@ -45,7 +45,7 @@ function TabNavItem(props) {
|
|
|
45
45
|
}
|
|
46
46
|
function TabNav(props) {
|
|
47
47
|
const _a = props, { children } = _a, labelingProps = __objRest(_a, ["children"]);
|
|
48
|
-
return jsxRuntime.
|
|
48
|
+
return jsxRuntime.jsx(Tabs.Tabs, {
|
|
49
49
|
containerComponent: "nav",
|
|
50
50
|
containerProps: labelingProps,
|
|
51
51
|
listComponent: "ul",
|
|
@@ -29,9 +29,9 @@ 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 { createContext, useContext, useCallback, useEffect, useRef, useLayoutEffect, useState, useMemo } from "react";
|
|
34
|
-
import { u as useEdgeInterceptors } from "./useEdgeInterceptors-
|
|
34
|
+
import { u as useEdgeInterceptors } from "./useEdgeInterceptors-OZmGXvtF.mjs";
|
|
35
35
|
import { classNames, variationName, getComponentToken } from "../utilities/css.mjs";
|
|
36
36
|
import { $ as $9daab02d461809db$export$683480f191c0e3ea } from "./useResizeObserver-NbpgP2Md.mjs";
|
|
37
37
|
import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./useHover-FWU5y5-k.mjs";
|
|
@@ -50,7 +50,7 @@ const styles$2 = {
|
|
|
50
50
|
};
|
|
51
51
|
function Edge({ side, isUnderScroll }) {
|
|
52
52
|
const className = classNames(styles$2.Edge, styles$2[variationName("side", side)], isUnderScroll && styles$2.activated);
|
|
53
|
-
return
|
|
53
|
+
return jsx("div", {
|
|
54
54
|
className
|
|
55
55
|
});
|
|
56
56
|
}
|
|
@@ -162,13 +162,13 @@ function TabsItem(props) {
|
|
|
162
162
|
isSelected
|
|
163
163
|
});
|
|
164
164
|
const className = classNames(styles$1.TabsItem, isSelected && styles$1.selected, isHovered && !isDisabled && styles$1.hovered, isDisabled && styles$1.disabled, isFocusVisible && styles$1.focusVisible);
|
|
165
|
-
return
|
|
165
|
+
return jsx(ContainerComponent, {
|
|
166
166
|
className,
|
|
167
|
-
children:
|
|
167
|
+
children: jsx(TabComponent, __spreadProps(__spreadValues({
|
|
168
168
|
ref: tabRef
|
|
169
169
|
}, $3ef42575df84b30b$export$9d1611c77c2fe928(hoverProps, focusProps, elementProps)), {
|
|
170
170
|
className: styles$1.tab,
|
|
171
|
-
children:
|
|
171
|
+
children: jsx("span", {
|
|
172
172
|
ref,
|
|
173
173
|
className: styles$1.text,
|
|
174
174
|
children
|
|
@@ -226,31 +226,31 @@ function Tabs(props) {
|
|
|
226
226
|
containerRef
|
|
227
227
|
});
|
|
228
228
|
const style = __spreadValues(__spreadValues({}, getComponentToken("tab-nav", "indicator-width", String(indicatorWidth))), getComponentToken("tab-nav", "indicator-position", `${indicatorPosition}px`));
|
|
229
|
-
return
|
|
229
|
+
return jsx(TabsContext.Provider, {
|
|
230
230
|
value: context,
|
|
231
|
-
children:
|
|
231
|
+
children: jsxs("div", {
|
|
232
232
|
className: styles.Tabs,
|
|
233
233
|
ref: containerRef,
|
|
234
|
-
children: [
|
|
234
|
+
children: [jsxs(ContainerComponent, __spreadProps(__spreadValues({}, containerProps), {
|
|
235
235
|
ref: navRef,
|
|
236
236
|
className: styles.nav,
|
|
237
237
|
style,
|
|
238
238
|
"data-ezui-tabs-indicator-parent": "true",
|
|
239
|
-
children: [
|
|
239
|
+
children: [jsxs("div", {
|
|
240
240
|
className: styles.listContainer,
|
|
241
|
-
children: [
|
|
241
|
+
children: [jsx(ListComponent, __spreadProps(__spreadValues({
|
|
242
242
|
ref: listRef
|
|
243
243
|
}, listProps), {
|
|
244
244
|
className: styles.list,
|
|
245
245
|
children
|
|
246
246
|
})), renderInterceptors()]
|
|
247
|
-
}), indicatorWidth !== 0 ?
|
|
247
|
+
}), indicatorWidth !== 0 ? jsx("div", {
|
|
248
248
|
className: styles.indicator
|
|
249
249
|
}) : null]
|
|
250
|
-
})),
|
|
250
|
+
})), jsx(Edge, {
|
|
251
251
|
side: "left",
|
|
252
252
|
isUnderScroll: isLeftEdgeUnderScroll
|
|
253
|
-
}),
|
|
253
|
+
}), jsx(Edge, {
|
|
254
254
|
side: "right",
|
|
255
255
|
isUnderScroll: isRightEdgeUnderScroll
|
|
256
256
|
})]
|
|
@@ -30,9 +30,9 @@ var __objRest = (source, exclude) => {
|
|
|
30
30
|
}
|
|
31
31
|
return target;
|
|
32
32
|
};
|
|
33
|
-
const jsxRuntime = require("
|
|
33
|
+
const jsxRuntime = require("react/jsx-runtime");
|
|
34
34
|
const React = require("react");
|
|
35
|
-
const useEdgeInterceptors = require("./useEdgeInterceptors-
|
|
35
|
+
const useEdgeInterceptors = require("./useEdgeInterceptors-Rb2Hf0v8.js");
|
|
36
36
|
const utilities_css = require("../utilities/css.js");
|
|
37
37
|
const useResizeObserver = require("./useResizeObserver-CEeqtqhm.js");
|
|
38
38
|
const useHover = require("./useHover-Ck1otl-j.js");
|
|
@@ -51,7 +51,7 @@ const styles$2 = {
|
|
|
51
51
|
};
|
|
52
52
|
function Edge({ side, isUnderScroll }) {
|
|
53
53
|
const className = utilities_css.classNames(styles$2.Edge, styles$2[utilities_css.variationName("side", side)], isUnderScroll && styles$2.activated);
|
|
54
|
-
return jsxRuntime.
|
|
54
|
+
return jsxRuntime.jsx("div", {
|
|
55
55
|
className
|
|
56
56
|
});
|
|
57
57
|
}
|
|
@@ -163,13 +163,13 @@ function TabsItem(props) {
|
|
|
163
163
|
isSelected
|
|
164
164
|
});
|
|
165
165
|
const className = utilities_css.classNames(styles$1.TabsItem, isSelected && styles$1.selected, isHovered && !isDisabled && styles$1.hovered, isDisabled && styles$1.disabled, isFocusVisible && styles$1.focusVisible);
|
|
166
|
-
return jsxRuntime.
|
|
166
|
+
return jsxRuntime.jsx(ContainerComponent, {
|
|
167
167
|
className,
|
|
168
|
-
children: jsxRuntime.
|
|
168
|
+
children: jsxRuntime.jsx(TabComponent, __spreadProps(__spreadValues({
|
|
169
169
|
ref: tabRef
|
|
170
170
|
}, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(hoverProps, focusProps, elementProps)), {
|
|
171
171
|
className: styles$1.tab,
|
|
172
|
-
children: jsxRuntime.
|
|
172
|
+
children: jsxRuntime.jsx("span", {
|
|
173
173
|
ref,
|
|
174
174
|
className: styles$1.text,
|
|
175
175
|
children
|
|
@@ -227,31 +227,31 @@ function Tabs(props) {
|
|
|
227
227
|
containerRef
|
|
228
228
|
});
|
|
229
229
|
const style = __spreadValues(__spreadValues({}, utilities_css.getComponentToken("tab-nav", "indicator-width", String(indicatorWidth))), utilities_css.getComponentToken("tab-nav", "indicator-position", `${indicatorPosition}px`));
|
|
230
|
-
return jsxRuntime.
|
|
230
|
+
return jsxRuntime.jsx(TabsContext.Provider, {
|
|
231
231
|
value: context,
|
|
232
|
-
children: jsxRuntime.
|
|
232
|
+
children: jsxRuntime.jsxs("div", {
|
|
233
233
|
className: styles.Tabs,
|
|
234
234
|
ref: containerRef,
|
|
235
|
-
children: [jsxRuntime.
|
|
235
|
+
children: [jsxRuntime.jsxs(ContainerComponent, __spreadProps(__spreadValues({}, containerProps), {
|
|
236
236
|
ref: navRef,
|
|
237
237
|
className: styles.nav,
|
|
238
238
|
style,
|
|
239
239
|
"data-ezui-tabs-indicator-parent": "true",
|
|
240
|
-
children: [jsxRuntime.
|
|
240
|
+
children: [jsxRuntime.jsxs("div", {
|
|
241
241
|
className: styles.listContainer,
|
|
242
|
-
children: [jsxRuntime.
|
|
242
|
+
children: [jsxRuntime.jsx(ListComponent, __spreadProps(__spreadValues({
|
|
243
243
|
ref: listRef
|
|
244
244
|
}, listProps), {
|
|
245
245
|
className: styles.list,
|
|
246
246
|
children
|
|
247
247
|
})), renderInterceptors()]
|
|
248
|
-
}), indicatorWidth !== 0 ? jsxRuntime.
|
|
248
|
+
}), indicatorWidth !== 0 ? jsxRuntime.jsx("div", {
|
|
249
249
|
className: styles.indicator
|
|
250
250
|
}) : null]
|
|
251
|
-
})), jsxRuntime.
|
|
251
|
+
})), jsxRuntime.jsx(Edge, {
|
|
252
252
|
side: "left",
|
|
253
253
|
isUnderScroll: isLeftEdgeUnderScroll
|
|
254
|
-
}), jsxRuntime.
|
|
254
|
+
}), jsxRuntime.jsx(Edge, {
|
|
255
255
|
side: "right",
|
|
256
256
|
isUnderScroll: isRightEdgeUnderScroll
|
|
257
257
|
})]
|
|
@@ -14,7 +14,7 @@ var __spreadValues = (a, b) => {
|
|
|
14
14
|
}
|
|
15
15
|
return a;
|
|
16
16
|
};
|
|
17
|
-
import {
|
|
17
|
+
import { jsx } from "react/jsx-runtime";
|
|
18
18
|
import { classNames, variationName, getComponentThemeToken, backwardsCompatibleColorToken } from "../utilities/css.mjs";
|
|
19
19
|
const Text$1 = "_Text_4eopp_4";
|
|
20
20
|
const heading1 = "_heading1_4eopp_12";
|
|
@@ -109,7 +109,7 @@ const styles = {
|
|
|
109
109
|
function Text({ alignment, as: Component = "span", breakWord = false, children, color, fontVariantNumeric, id, textWrap, transform = "none", truncate: truncate2 = false, variant, visuallyHidden: visuallyHidden2 = false, weight, whiteSpace }) {
|
|
110
110
|
const className = classNames(styles.Text, variant && styles[cleanVariant(variant)], weight && styles[weight], (alignment || truncate2) && styles.block, alignment && styles[alignment], breakWord && styles.break, truncate2 && styles.truncate, visuallyHidden2 && styles.visuallyHidden, textWrap && styles[variationName("textWrap", textWrap)], transform && styles[variationName("transform", transform)], whiteSpace && styles[variationName("whiteSpace", whiteSpace)], fontVariantNumeric && styles[variationName("fontVariantNumeric", fontVariantNumeric)]);
|
|
111
111
|
const style = __spreadValues({}, getComponentThemeToken("text", "color", "color", backwardsCompatibleColorToken(color)));
|
|
112
|
-
return
|
|
112
|
+
return jsx(Component, {
|
|
113
113
|
className,
|
|
114
114
|
style,
|
|
115
115
|
id: id ? id : void 0,
|
|
@@ -15,7 +15,7 @@ var __spreadValues = (a, b) => {
|
|
|
15
15
|
}
|
|
16
16
|
return a;
|
|
17
17
|
};
|
|
18
|
-
const jsxRuntime = require("
|
|
18
|
+
const jsxRuntime = require("react/jsx-runtime");
|
|
19
19
|
const utilities_css = require("../utilities/css.js");
|
|
20
20
|
const Text$1 = "_Text_4eopp_4";
|
|
21
21
|
const heading1 = "_heading1_4eopp_12";
|
|
@@ -110,7 +110,7 @@ const styles = {
|
|
|
110
110
|
function Text({ alignment, as: Component = "span", breakWord = false, children, color, fontVariantNumeric, id, textWrap, transform = "none", truncate: truncate2 = false, variant, visuallyHidden: visuallyHidden2 = false, weight, whiteSpace }) {
|
|
111
111
|
const className = utilities_css.classNames(styles.Text, variant && styles[cleanVariant(variant)], weight && styles[weight], (alignment || truncate2) && styles.block, alignment && styles[alignment], breakWord && styles.break, truncate2 && styles.truncate, visuallyHidden2 && styles.visuallyHidden, textWrap && styles[utilities_css.variationName("textWrap", textWrap)], transform && styles[utilities_css.variationName("transform", transform)], whiteSpace && styles[utilities_css.variationName("whiteSpace", whiteSpace)], fontVariantNumeric && styles[utilities_css.variationName("fontVariantNumeric", fontVariantNumeric)]);
|
|
112
112
|
const style = __spreadValues({}, utilities_css.getComponentThemeToken("text", "color", "color", utilities_css.backwardsCompatibleColorToken(color)));
|
|
113
|
-
return jsxRuntime.
|
|
113
|
+
return jsxRuntime.jsx(Component, {
|
|
114
114
|
className,
|
|
115
115
|
style,
|
|
116
116
|
id: id ? id : void 0,
|
|
@@ -26,11 +26,11 @@ var __objRest = (source, exclude) => {
|
|
|
26
26
|
}
|
|
27
27
|
return target;
|
|
28
28
|
};
|
|
29
|
-
import {
|
|
30
|
-
import { I as InputField } from "./InputField-
|
|
29
|
+
import { jsx } from "react/jsx-runtime";
|
|
30
|
+
import { I as InputField } from "./InputField-CAY9O90X.mjs";
|
|
31
31
|
function TextField(props) {
|
|
32
32
|
const _a = props, { type = "text", size = "md", isDisabled = false, isRequired = false, validationState = "valid", isLabelEmphasized = false, autoFocus = false } = _a, restProps = __objRest(_a, ["type", "size", "isDisabled", "isRequired", "validationState", "isLabelEmphasized", "autoFocus"]);
|
|
33
|
-
return
|
|
33
|
+
return jsx(InputField, __spreadValues({
|
|
34
34
|
type,
|
|
35
35
|
size,
|
|
36
36
|
isDisabled,
|
|
@@ -27,11 +27,11 @@ var __objRest = (source, exclude) => {
|
|
|
27
27
|
}
|
|
28
28
|
return target;
|
|
29
29
|
};
|
|
30
|
-
const jsxRuntime = require("
|
|
31
|
-
const InputField = require("./InputField-
|
|
30
|
+
const jsxRuntime = require("react/jsx-runtime");
|
|
31
|
+
const InputField = require("./InputField-DGb4ZDoR.js");
|
|
32
32
|
function TextField(props) {
|
|
33
33
|
const _a = props, { type = "text", size = "md", isDisabled = false, isRequired = false, validationState = "valid", isLabelEmphasized = false, autoFocus = false } = _a, restProps = __objRest(_a, ["type", "size", "isDisabled", "isRequired", "validationState", "isLabelEmphasized", "autoFocus"]);
|
|
34
|
-
return jsxRuntime.
|
|
34
|
+
return jsxRuntime.jsx(InputField.InputField, __spreadValues({
|
|
35
35
|
type,
|
|
36
36
|
size,
|
|
37
37
|
isDisabled,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
const jsxRuntime = require("
|
|
2
|
+
const jsxRuntime = require("react/jsx-runtime");
|
|
3
3
|
const React = require("react");
|
|
4
4
|
const tokens = require("./tokens-CJGKzS0r.js");
|
|
5
5
|
const utilities_tokens = require("../utilities/tokens.js");
|
|
@@ -14,7 +14,7 @@ const invertedColorSchemes = {
|
|
|
14
14
|
inverted: "system"
|
|
15
15
|
};
|
|
16
16
|
function NoopComponent(props) {
|
|
17
|
-
return jsxRuntime.
|
|
17
|
+
return jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
18
18
|
children: props.children
|
|
19
19
|
});
|
|
20
20
|
}
|
|
@@ -33,14 +33,14 @@ function ThemeProvider({ children, colorScheme: colorSchemeFromUser, theme: them
|
|
|
33
33
|
const ColorSchemeContextComponent = isRoot || colorSchemeFromUser ? ColorSchemeContextProvider : NoopComponent;
|
|
34
34
|
const theme = themeFromUser ? themeFromUser : defaultTheme;
|
|
35
35
|
const colorScheme = colorSchemeFromUser ? colorSchemeFromUser : "system";
|
|
36
|
-
return jsxRuntime.
|
|
36
|
+
return jsxRuntime.jsx(TrackerContext.Provider, {
|
|
37
37
|
value: count,
|
|
38
|
-
children: jsxRuntime.
|
|
38
|
+
children: jsxRuntime.jsx(ThemeContextComponent, {
|
|
39
39
|
theme,
|
|
40
|
-
children: jsxRuntime.
|
|
40
|
+
children: jsxRuntime.jsx(ColorSchemeContextComponent, {
|
|
41
41
|
colorScheme,
|
|
42
|
-
children: jsxRuntime.
|
|
43
|
-
children: [jsxRuntime.
|
|
42
|
+
children: jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
43
|
+
children: [jsxRuntime.jsx(Style, {
|
|
44
44
|
isRoot
|
|
45
45
|
}), children]
|
|
46
46
|
})
|
|
@@ -102,7 +102,7 @@ function Style({ isRoot }) {
|
|
|
102
102
|
}))}
|
|
103
103
|
}`;
|
|
104
104
|
}, [resolvedColorScheme, selector, themeCreator]);
|
|
105
|
-
return jsxRuntime.
|
|
105
|
+
return jsxRuntime.jsx("style", {
|
|
106
106
|
id: fingerprint,
|
|
107
107
|
dangerouslySetInnerHTML: {
|
|
108
108
|
__html: css
|
|
@@ -110,7 +110,7 @@ function Style({ isRoot }) {
|
|
|
110
110
|
});
|
|
111
111
|
}
|
|
112
112
|
function ThemeContextProvider({ theme, children }) {
|
|
113
|
-
return jsxRuntime.
|
|
113
|
+
return jsxRuntime.jsx(ThemeContext.Provider, {
|
|
114
114
|
value: theme,
|
|
115
115
|
children
|
|
116
116
|
});
|
|
@@ -124,7 +124,7 @@ function ColorSchemeContextProvider({ colorScheme, children }) {
|
|
|
124
124
|
resolvedColorScheme
|
|
125
125
|
};
|
|
126
126
|
}, [colorScheme, parentColorSchemeContext]);
|
|
127
|
-
return jsxRuntime.
|
|
127
|
+
return jsxRuntime.jsx(ColorSchemeContext.Provider, {
|
|
128
128
|
value: colorSchemeContextValue,
|
|
129
129
|
children
|
|
130
130
|
});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { useContext, createContext, useState, useMemo } from "react";
|
|
3
3
|
import { e as ezuiTokens } from "./tokens-BXztpSjv.mjs";
|
|
4
4
|
import { getTokenAliases } from "../utilities/tokens.mjs";
|
|
@@ -13,7 +13,7 @@ const invertedColorSchemes = {
|
|
|
13
13
|
inverted: "system"
|
|
14
14
|
};
|
|
15
15
|
function NoopComponent(props) {
|
|
16
|
-
return
|
|
16
|
+
return jsx(Fragment, {
|
|
17
17
|
children: props.children
|
|
18
18
|
});
|
|
19
19
|
}
|
|
@@ -32,14 +32,14 @@ function ThemeProvider({ children, colorScheme: colorSchemeFromUser, theme: them
|
|
|
32
32
|
const ColorSchemeContextComponent = isRoot || colorSchemeFromUser ? ColorSchemeContextProvider : NoopComponent;
|
|
33
33
|
const theme = themeFromUser ? themeFromUser : defaultTheme;
|
|
34
34
|
const colorScheme = colorSchemeFromUser ? colorSchemeFromUser : "system";
|
|
35
|
-
return
|
|
35
|
+
return jsx(TrackerContext.Provider, {
|
|
36
36
|
value: count,
|
|
37
|
-
children:
|
|
37
|
+
children: jsx(ThemeContextComponent, {
|
|
38
38
|
theme,
|
|
39
|
-
children:
|
|
39
|
+
children: jsx(ColorSchemeContextComponent, {
|
|
40
40
|
colorScheme,
|
|
41
|
-
children:
|
|
42
|
-
children: [
|
|
41
|
+
children: jsxs(Fragment, {
|
|
42
|
+
children: [jsx(Style, {
|
|
43
43
|
isRoot
|
|
44
44
|
}), children]
|
|
45
45
|
})
|
|
@@ -101,7 +101,7 @@ function Style({ isRoot }) {
|
|
|
101
101
|
}))}
|
|
102
102
|
}`;
|
|
103
103
|
}, [resolvedColorScheme, selector, themeCreator]);
|
|
104
|
-
return
|
|
104
|
+
return jsx("style", {
|
|
105
105
|
id: fingerprint,
|
|
106
106
|
dangerouslySetInnerHTML: {
|
|
107
107
|
__html: css
|
|
@@ -109,7 +109,7 @@ function Style({ isRoot }) {
|
|
|
109
109
|
});
|
|
110
110
|
}
|
|
111
111
|
function ThemeContextProvider({ theme, children }) {
|
|
112
|
-
return
|
|
112
|
+
return jsx(ThemeContext.Provider, {
|
|
113
113
|
value: theme,
|
|
114
114
|
children
|
|
115
115
|
});
|
|
@@ -123,7 +123,7 @@ function ColorSchemeContextProvider({ colorScheme, children }) {
|
|
|
123
123
|
resolvedColorScheme
|
|
124
124
|
};
|
|
125
125
|
}, [colorScheme, parentColorSchemeContext]);
|
|
126
|
-
return
|
|
126
|
+
return jsx(ColorSchemeContext.Provider, {
|
|
127
127
|
value: colorSchemeContextValue,
|
|
128
128
|
children
|
|
129
129
|
});
|