@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/TabPanels/index.mjs
CHANGED
|
@@ -29,7 +29,7 @@ var __objRest = (source, exclude) => {
|
|
|
29
29
|
}
|
|
30
30
|
return target;
|
|
31
31
|
};
|
|
32
|
-
import {
|
|
32
|
+
import { jsx } from "react/jsx-runtime";
|
|
33
33
|
import React__default, { useRef, useEffect, useMemo, createContext, useContext, useCallback, createElement, isValidElement, useState } from "react";
|
|
34
34
|
import { $ as $c1d7fb2ec91bae71$export$6d08773d2e66f8f2 } from "../__chunks__/Item-FD89BR0i.mjs";
|
|
35
35
|
import { a as $a02d57049d202695$export$d085fb9e920b5ca7 } from "../__chunks__/useListState-3s3ZON5A.mjs";
|
|
@@ -38,7 +38,7 @@ import { a as $7613b1592d41b092$export$6cd28814d92fa9c9 } from "../__chunks__/Se
|
|
|
38
38
|
import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928, c as $bdb11010cef70236$export$f680877a34711e37 } from "../__chunks__/mergeProps-COnPag8r.mjs";
|
|
39
39
|
import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "../__chunks__/useLabels-AshNb54x.mjs";
|
|
40
40
|
import { $ as $83013635b024ae3d$export$eac1895992b9f3d6 } from "../__chunks__/useHasTabbableChild-73d-1Yus.mjs";
|
|
41
|
-
import { T as Tabs } from "../__chunks__/Tabs-
|
|
41
|
+
import { T as Tabs } from "../__chunks__/Tabs-BaROnbKg.mjs";
|
|
42
42
|
import { $ as $a0d645289fe9b86b$export$e7f05e985daf4b5f } from "../__chunks__/useSingleSelectListState-KDg6mjR3.mjs";
|
|
43
43
|
import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../__chunks__/context-5UR8ToA1.mjs";
|
|
44
44
|
import { $ as $880e95eb8b93ba9a$export$ecf600387e221c37, b as $ae20dd8cbca75726$export$d6daf82dcd84e87c } from "../__chunks__/useSelectableItem-BP2rZ6Gy.mjs";
|
|
@@ -268,7 +268,7 @@ function TabPanelsPanel(_a) {
|
|
|
268
268
|
const { tabPanelProps } = $34bce698202e07cb$export$fae0121b5afe572d(props, state, ref);
|
|
269
269
|
return children && isValidElement(children) && !reactIsExports.isFragment(children) ? React__default.cloneElement(children, __spreadValues(__spreadValues({
|
|
270
270
|
ref
|
|
271
|
-
}, tabPanelProps), children.props)) :
|
|
271
|
+
}, tabPanelProps), children.props)) : jsx("div", __spreadProps(__spreadValues({
|
|
272
272
|
ref
|
|
273
273
|
}, tabPanelProps), {
|
|
274
274
|
children
|
|
@@ -283,13 +283,13 @@ function TabPanelsTabs(props) {
|
|
|
283
283
|
useEffect(() => {
|
|
284
284
|
setTabListState(state);
|
|
285
285
|
}, [state.disabledKeys, state.selectedItem, state.selectedKey, props.children]);
|
|
286
|
-
return
|
|
286
|
+
return jsx(Tabs, {
|
|
287
287
|
containerComponent: "div",
|
|
288
288
|
containerProps: {},
|
|
289
289
|
listComponent: "div",
|
|
290
290
|
listProps: tabListProps,
|
|
291
291
|
listRef: ref,
|
|
292
|
-
children: [...state.collection].map((item) =>
|
|
292
|
+
children: [...state.collection].map((item) => jsx(TabPanelsTab, {
|
|
293
293
|
item,
|
|
294
294
|
state
|
|
295
295
|
}, item.key))
|
|
@@ -302,7 +302,7 @@ function TabPanelsTab({ item, state }) {
|
|
|
302
302
|
}, state, ref);
|
|
303
303
|
const isSelected = state.selectedItem === item;
|
|
304
304
|
const isDisabled = state.disabledKeys.has(item.key) || state.isDisabled;
|
|
305
|
-
return
|
|
305
|
+
return jsx(Tabs.Item, __spreadProps(__spreadValues({
|
|
306
306
|
tabComponent: "div",
|
|
307
307
|
tabRef: ref,
|
|
308
308
|
isSelected,
|
|
@@ -320,7 +320,7 @@ function TabPanels(props) {
|
|
|
320
320
|
setTabListState
|
|
321
321
|
};
|
|
322
322
|
}, [tabListState, props]);
|
|
323
|
-
return
|
|
323
|
+
return jsx(TabPanelsContext.Provider, {
|
|
324
324
|
value: context,
|
|
325
325
|
children: props.children
|
|
326
326
|
});
|
package/Tabs/index.js
CHANGED
package/Tabs/index.mjs
CHANGED
package/Text/index.js
CHANGED
package/Text/index.mjs
CHANGED
package/TextField/index.js
CHANGED
package/TextField/index.mjs
CHANGED
package/Textarea/index.js
CHANGED
|
@@ -28,11 +28,11 @@ var __objRest = (source, exclude) => {
|
|
|
28
28
|
return target;
|
|
29
29
|
};
|
|
30
30
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
31
|
-
const jsxRuntime = require("
|
|
32
|
-
const InputField = require("../__chunks__/InputField-
|
|
31
|
+
const jsxRuntime = require("react/jsx-runtime");
|
|
32
|
+
const InputField = require("../__chunks__/InputField-DGb4ZDoR.js");
|
|
33
33
|
function Textarea(props) {
|
|
34
34
|
const _a = props, { size = "md", isDisabled = false, isRequired = false, validationState = "valid", isLabelEmphasized = false, autoFocus = false, rows = 1 } = _a, restProps = __objRest(_a, ["size", "isDisabled", "isRequired", "validationState", "isLabelEmphasized", "autoFocus", "rows"]);
|
|
35
|
-
return jsxRuntime.
|
|
35
|
+
return jsxRuntime.jsx(InputField.InputField, __spreadValues({
|
|
36
36
|
isMultiline: true,
|
|
37
37
|
size,
|
|
38
38
|
isDisabled,
|
package/Textarea/index.mjs
CHANGED
|
@@ -26,11 +26,11 @@ var __objRest = (source, exclude) => {
|
|
|
26
26
|
}
|
|
27
27
|
return target;
|
|
28
28
|
};
|
|
29
|
-
import {
|
|
30
|
-
import { I as InputField } from "../__chunks__/InputField-
|
|
29
|
+
import { jsx } from "react/jsx-runtime";
|
|
30
|
+
import { I as InputField } from "../__chunks__/InputField-CAY9O90X.mjs";
|
|
31
31
|
function Textarea(props) {
|
|
32
32
|
const _a = props, { size = "md", isDisabled = false, isRequired = false, validationState = "valid", isLabelEmphasized = false, autoFocus = false, rows = 1 } = _a, restProps = __objRest(_a, ["size", "isDisabled", "isRequired", "validationState", "isLabelEmphasized", "autoFocus", "rows"]);
|
|
33
|
-
return
|
|
33
|
+
return jsx(InputField, __spreadValues({
|
|
34
34
|
isMultiline: true,
|
|
35
35
|
size,
|
|
36
36
|
isDisabled,
|
package/Theme/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const Theme = require("../__chunks__/Theme-
|
|
3
|
+
const Theme = require("../__chunks__/Theme-C2nSZUpG.js");
|
|
4
4
|
exports.ThemeProvider = Theme.ThemeProvider;
|
|
5
5
|
exports.createTheme = Theme.createTheme;
|
|
6
6
|
exports.defaultTheme = Theme.defaultTheme;
|
package/Theme/index.mjs
CHANGED
package/Toggle/index.js
CHANGED
package/Toggle/index.mjs
CHANGED
package/ToggleCard/index.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const jsxRuntime = require("
|
|
3
|
+
const jsxRuntime = require("react/jsx-runtime");
|
|
4
4
|
const React = require("react");
|
|
5
|
-
const Card = require("../__chunks__/Card-
|
|
6
|
-
const HorizontalStack = require("../__chunks__/HorizontalStack-
|
|
5
|
+
const Card = require("../__chunks__/Card-LPIW5drP.js");
|
|
6
|
+
const HorizontalStack = require("../__chunks__/HorizontalStack-CWdKKY8L.js");
|
|
7
7
|
const utilities_react = require("../utilities/react.js");
|
|
8
8
|
function ToggleCard(props) {
|
|
9
9
|
const { children } = props;
|
|
10
|
-
return jsxRuntime.
|
|
10
|
+
return jsxRuntime.jsx(Card.Card.Container, {
|
|
11
11
|
borderRadius: "lg",
|
|
12
12
|
children
|
|
13
13
|
});
|
|
@@ -27,11 +27,11 @@ function ToggleCardHeader(props) {
|
|
|
27
27
|
throw new Error("ToggleCard.Header must contain Toggle");
|
|
28
28
|
}
|
|
29
29
|
}, [children]);
|
|
30
|
-
return jsxRuntime.
|
|
30
|
+
return jsxRuntime.jsx(Card.Card.Area, {
|
|
31
31
|
background: "neutral.050",
|
|
32
32
|
paddingY: "0.5",
|
|
33
33
|
paddingX: "1",
|
|
34
|
-
children: jsxRuntime.
|
|
34
|
+
children: jsxRuntime.jsx(HorizontalStack.HorizontalStack, {
|
|
35
35
|
gap: "2",
|
|
36
36
|
align: "space-between",
|
|
37
37
|
blockAlign: "center",
|
|
@@ -41,7 +41,7 @@ function ToggleCardHeader(props) {
|
|
|
41
41
|
}
|
|
42
42
|
function ToggleCardBody(props) {
|
|
43
43
|
const { children } = props;
|
|
44
|
-
return jsxRuntime.
|
|
44
|
+
return jsxRuntime.jsx(Card.Card.Area, {
|
|
45
45
|
paddingX: "0.5",
|
|
46
46
|
paddingY: "1",
|
|
47
47
|
children
|
package/ToggleCard/index.mjs
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useMemo } from "react";
|
|
3
|
-
import { C as Card } from "../__chunks__/Card-
|
|
4
|
-
import { H as HorizontalStack } from "../__chunks__/HorizontalStack-
|
|
3
|
+
import { C as Card } from "../__chunks__/Card-BgjWYPVY.mjs";
|
|
4
|
+
import { H as HorizontalStack } from "../__chunks__/HorizontalStack-CJavrBHm.mjs";
|
|
5
5
|
import { flattenChildren, getDisplayNameFromReactNode } from "../utilities/react.mjs";
|
|
6
6
|
function ToggleCard(props) {
|
|
7
7
|
const { children } = props;
|
|
8
|
-
return
|
|
8
|
+
return jsx(Card.Container, {
|
|
9
9
|
borderRadius: "lg",
|
|
10
10
|
children
|
|
11
11
|
});
|
|
@@ -25,11 +25,11 @@ function ToggleCardHeader(props) {
|
|
|
25
25
|
throw new Error("ToggleCard.Header must contain Toggle");
|
|
26
26
|
}
|
|
27
27
|
}, [children]);
|
|
28
|
-
return
|
|
28
|
+
return jsx(Card.Area, {
|
|
29
29
|
background: "neutral.050",
|
|
30
30
|
paddingY: "0.5",
|
|
31
31
|
paddingX: "1",
|
|
32
|
-
children:
|
|
32
|
+
children: jsx(HorizontalStack, {
|
|
33
33
|
gap: "2",
|
|
34
34
|
align: "space-between",
|
|
35
35
|
blockAlign: "center",
|
|
@@ -39,7 +39,7 @@ function ToggleCardHeader(props) {
|
|
|
39
39
|
}
|
|
40
40
|
function ToggleCardBody(props) {
|
|
41
41
|
const { children } = props;
|
|
42
|
-
return
|
|
42
|
+
return jsx(Card.Area, {
|
|
43
43
|
paddingX: "0.5",
|
|
44
44
|
paddingY: "1",
|
|
45
45
|
children
|
package/Tooltip/index.js
CHANGED
package/Tooltip/index.mjs
CHANGED
package/UnstyledButton/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const UnstyledButton = require("../__chunks__/UnstyledButton-
|
|
3
|
+
const UnstyledButton = require("../__chunks__/UnstyledButton-DW8CjaXN.js");
|
|
4
4
|
exports.UnstyledButton = UnstyledButton.UnstyledButton;
|
package/UnstyledButton/index.mjs
CHANGED
package/VerticalNav/index.js
CHANGED
|
@@ -31,17 +31,17 @@ 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 Item$1 = require("../__chunks__/Item-h_oPjYVR.js");
|
|
36
36
|
const utilities_css = require("../utilities/css.js");
|
|
37
|
-
const Icon = require("../__chunks__/Icon-
|
|
38
|
-
const Text = require("../__chunks__/Text-
|
|
37
|
+
const Icon = require("../__chunks__/Icon-BRlbo3RF.js");
|
|
38
|
+
const Text = require("../__chunks__/Text-DkzMEqky.js");
|
|
39
39
|
const useHover = require("../__chunks__/useHover-Ck1otl-j.js");
|
|
40
40
|
const mergeProps = require("../__chunks__/mergeProps-DLPcevok.js");
|
|
41
41
|
const React = require("react");
|
|
42
42
|
const useListState = require("../__chunks__/useListState-DDaaA7mG.js");
|
|
43
43
|
const ArrowForwardIos = require("../__chunks__/ArrowForwardIos-DpRiDPNZ.js");
|
|
44
|
-
const UnstyledButton = require("../__chunks__/UnstyledButton-
|
|
44
|
+
const UnstyledButton = require("../__chunks__/UnstyledButton-DW8CjaXN.js");
|
|
45
45
|
const useTreeState = require("../__chunks__/useTreeState-Cb1U-iBl.js");
|
|
46
46
|
function Item(_props) {
|
|
47
47
|
return null;
|
|
@@ -67,22 +67,22 @@ const styles$5 = {
|
|
|
67
67
|
};
|
|
68
68
|
function Container(props) {
|
|
69
69
|
const { renderBanner, renderLogo, supplementaryAction, ["aria-label"]: ariaLabel, ["aria-labelledby"]: ariaLabelledBy, ["aria-describedby"]: ariaDescribedBy, ["aria-details"]: ariaDetails, children } = props;
|
|
70
|
-
return jsxRuntime.
|
|
70
|
+
return jsxRuntime.jsxs("div", {
|
|
71
71
|
className: styles$5.Container,
|
|
72
|
-
children: [renderBanner && jsxRuntime.
|
|
72
|
+
children: [renderBanner && jsxRuntime.jsx("div", {
|
|
73
73
|
className: styles$5.banner,
|
|
74
74
|
children: renderBanner()
|
|
75
|
-
}), renderLogo && jsxRuntime.
|
|
75
|
+
}), renderLogo && jsxRuntime.jsx("div", {
|
|
76
76
|
className: styles$5.logo,
|
|
77
77
|
children: renderLogo()
|
|
78
|
-
}), jsxRuntime.
|
|
78
|
+
}), jsxRuntime.jsx("nav", {
|
|
79
79
|
className: styles$5.nav,
|
|
80
80
|
"aria-label": ariaLabel,
|
|
81
81
|
"aria-labelledby": ariaLabelledBy,
|
|
82
82
|
"aria-describedby": ariaDescribedBy,
|
|
83
83
|
"aria-details": ariaDetails,
|
|
84
84
|
children
|
|
85
|
-
}), supplementaryAction && jsxRuntime.
|
|
85
|
+
}), supplementaryAction && jsxRuntime.jsx("div", {
|
|
86
86
|
className: styles$5.supplementaryActionContainer,
|
|
87
87
|
children: supplementaryAction
|
|
88
88
|
})]
|
|
@@ -107,23 +107,23 @@ function NavItem(props) {
|
|
|
107
107
|
const _a = item.props, { as: As = "a", children, icon, label, textValue: _textValue } = _a, linkProps = __objRest(_a, ["as", "children", "icon", "label", "textValue"]);
|
|
108
108
|
const { hoverProps, isHovered } = useHover.$6179b936705e76d3$export$ae780daf29e6d456({});
|
|
109
109
|
const className = utilities_css.classNames(navItemStyles.NavItem, isHovered && navItemStyles.hovered, classNameFromParent);
|
|
110
|
-
return jsxRuntime.
|
|
110
|
+
return jsxRuntime.jsxs("div", {
|
|
111
111
|
className,
|
|
112
|
-
children: [jsxRuntime.
|
|
112
|
+
children: [jsxRuntime.jsxs("div", {
|
|
113
113
|
className: navItemStyles.linkContainer,
|
|
114
|
-
children: [jsxRuntime.
|
|
114
|
+
children: [jsxRuntime.jsxs(As, __spreadProps(__spreadValues({
|
|
115
115
|
className: navItemStyles.link,
|
|
116
116
|
"aria-current": isSelected ? "true" : void 0,
|
|
117
117
|
"aria-expanded": isExpanded ? "true" : void 0
|
|
118
118
|
}, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(hoverProps, linkProps)), {
|
|
119
|
-
children: [icon && jsxRuntime.
|
|
119
|
+
children: [icon && jsxRuntime.jsx(Icon.Icon, {
|
|
120
120
|
symbol: icon
|
|
121
|
-
}), jsxRuntime.
|
|
121
|
+
}), jsxRuntime.jsx(Text.Text, {
|
|
122
122
|
variant: "subtitle2",
|
|
123
123
|
children: label
|
|
124
124
|
})]
|
|
125
125
|
})), expansionSlot]
|
|
126
|
-
}), children && isChildrenVisible && jsxRuntime.
|
|
126
|
+
}), children && isChildrenVisible && jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
127
127
|
children: item.rendered
|
|
128
128
|
})]
|
|
129
129
|
});
|
|
@@ -142,10 +142,10 @@ function ListVerticalNav(props) {
|
|
|
142
142
|
selectedKeys: selectedKey ? [selectedKey] : [],
|
|
143
143
|
selectionMode: "single"
|
|
144
144
|
}));
|
|
145
|
-
return jsxRuntime.
|
|
145
|
+
return jsxRuntime.jsx(VerticalNavTypeContext.Provider, {
|
|
146
146
|
value: "list",
|
|
147
|
-
children: jsxRuntime.
|
|
148
|
-
children: [...state.collection].map((item) => jsxRuntime.
|
|
147
|
+
children: jsxRuntime.jsx(Container, __spreadProps(__spreadValues({}, props), {
|
|
148
|
+
children: [...state.collection].map((item) => jsxRuntime.jsx(ListNavItem, {
|
|
149
149
|
item,
|
|
150
150
|
state
|
|
151
151
|
}, item.key))
|
|
@@ -154,7 +154,7 @@ function ListVerticalNav(props) {
|
|
|
154
154
|
}
|
|
155
155
|
function ListNavItem({ item, state }) {
|
|
156
156
|
const isSelected = state.selectionManager.isSelected(item.key);
|
|
157
|
-
return jsxRuntime.
|
|
157
|
+
return jsxRuntime.jsx(NavItem, {
|
|
158
158
|
item,
|
|
159
159
|
className: utilities_css.classNames(isSelected && navItemStyles[utilities_css.variationName("selected", "list")]),
|
|
160
160
|
isChildrenVisible: isSelected,
|
|
@@ -171,7 +171,7 @@ const styles$4 = {
|
|
|
171
171
|
};
|
|
172
172
|
function SubnavItemDot({ isCozy, isVisible }) {
|
|
173
173
|
const className = utilities_css.classNames(styles$4.SubnavItemDot, isCozy && styles$4.cozy, isVisible && styles$4.visible);
|
|
174
|
-
return jsxRuntime.
|
|
174
|
+
return jsxRuntime.jsx("span", {
|
|
175
175
|
className
|
|
176
176
|
});
|
|
177
177
|
}
|
|
@@ -195,16 +195,16 @@ function SubnavItem(props) {
|
|
|
195
195
|
if (icon) {
|
|
196
196
|
throw new Error("icon is unsupported on <Subnav.Item />s");
|
|
197
197
|
}
|
|
198
|
-
return jsxRuntime.
|
|
198
|
+
return jsxRuntime.jsxs("div", {
|
|
199
199
|
className,
|
|
200
|
-
children: [jsxRuntime.
|
|
200
|
+
children: [jsxRuntime.jsxs(As, __spreadProps(__spreadValues({
|
|
201
201
|
className: styles$3.link,
|
|
202
202
|
"aria-current": isSelected ? "true" : void 0
|
|
203
203
|
}, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(hoverProps, linkProps)), {
|
|
204
|
-
children: [(type === "list" || level > 1) && jsxRuntime.
|
|
204
|
+
children: [(type === "list" || level > 1) && jsxRuntime.jsx(SubnavItemDot, {
|
|
205
205
|
isCozy: type === "list",
|
|
206
206
|
isVisible: isSelected
|
|
207
|
-
}), jsxRuntime.
|
|
207
|
+
}), jsxRuntime.jsx(Text.Text, {
|
|
208
208
|
variant: "body2",
|
|
209
209
|
weight: isSelected && level === 1 ? "medium" : "normal",
|
|
210
210
|
children: label
|
|
@@ -225,11 +225,11 @@ function Subnav(props) {
|
|
|
225
225
|
selectedKeys: selectedKey ? [selectedKey] : [],
|
|
226
226
|
selectionMode: "single"
|
|
227
227
|
}));
|
|
228
|
-
return jsxRuntime.
|
|
228
|
+
return jsxRuntime.jsx(SubnavLevelContext.Provider, {
|
|
229
229
|
value: level,
|
|
230
|
-
children: jsxRuntime.
|
|
230
|
+
children: jsxRuntime.jsx("div", {
|
|
231
231
|
className: styles$2.Subnav,
|
|
232
|
-
children: [...state.collection].map((item, i) => jsxRuntime.
|
|
232
|
+
children: [...state.collection].map((item, i) => jsxRuntime.jsx(SubnavItem, {
|
|
233
233
|
level,
|
|
234
234
|
state,
|
|
235
235
|
item
|
|
@@ -243,14 +243,14 @@ const styles$1 = {
|
|
|
243
243
|
};
|
|
244
244
|
const SupplementaryAction = React.forwardRef((props, ref) => {
|
|
245
245
|
const _a = props, { as: As = "button", children } = _a, elementProps = __objRest(_a, ["as", "children"]);
|
|
246
|
-
return jsxRuntime.
|
|
246
|
+
return jsxRuntime.jsxs(As, __spreadProps(__spreadValues({
|
|
247
247
|
ref,
|
|
248
248
|
className: styles$1.SupplementaryAction
|
|
249
249
|
}, elementProps), {
|
|
250
|
-
children: [jsxRuntime.
|
|
250
|
+
children: [jsxRuntime.jsx(Text.Text, {
|
|
251
251
|
variant: "subtitle2",
|
|
252
252
|
children
|
|
253
|
-
}), jsxRuntime.
|
|
253
|
+
}), jsxRuntime.jsx(Icon.Icon, {
|
|
254
254
|
symbol: ArrowForwardIos.ArrowForwardIos,
|
|
255
255
|
size: "xs"
|
|
256
256
|
})]
|
|
@@ -265,13 +265,13 @@ const styles = {
|
|
|
265
265
|
};
|
|
266
266
|
function ExpandButton(_a) {
|
|
267
267
|
var _b = _a, { isExpanded } = _b, props = __objRest(_b, ["isExpanded"]);
|
|
268
|
-
return jsxRuntime.
|
|
268
|
+
return jsxRuntime.jsxs(UnstyledButton.UnstyledButton, __spreadProps(__spreadValues({
|
|
269
269
|
className: utilities_css.classNames(styles.ExpandButton, isExpanded && styles.expanded)
|
|
270
270
|
}, props), {
|
|
271
|
-
children: [jsxRuntime.
|
|
271
|
+
children: [jsxRuntime.jsx(Icon.Icon, {
|
|
272
272
|
symbol: ArrowForwardIos.ArrowForwardIos,
|
|
273
273
|
size: "2xs"
|
|
274
|
-
}), jsxRuntime.
|
|
274
|
+
}), jsxRuntime.jsx(Text.Text, {
|
|
275
275
|
visuallyHidden: true,
|
|
276
276
|
children: "Expand"
|
|
277
277
|
})]
|
|
@@ -283,10 +283,10 @@ function TreeVerticalNav(props) {
|
|
|
283
283
|
selectedKeys: selectedKey ? [selectedKey] : [],
|
|
284
284
|
selectionMode: "single"
|
|
285
285
|
}));
|
|
286
|
-
return jsxRuntime.
|
|
286
|
+
return jsxRuntime.jsx(VerticalNavTypeContext.Provider, {
|
|
287
287
|
value: "tree",
|
|
288
|
-
children: jsxRuntime.
|
|
289
|
-
children: [...state.collection].map((item) => jsxRuntime.
|
|
288
|
+
children: jsxRuntime.jsx(Container, __spreadProps(__spreadValues({}, props), {
|
|
289
|
+
children: [...state.collection].map((item) => jsxRuntime.jsx(TreeNavItem, {
|
|
290
290
|
item,
|
|
291
291
|
state
|
|
292
292
|
}, item.key))
|
|
@@ -296,13 +296,13 @@ function TreeVerticalNav(props) {
|
|
|
296
296
|
function TreeNavItem({ item, state }) {
|
|
297
297
|
const isSelected = state.selectionManager.isSelected(item.key);
|
|
298
298
|
const isExpanded = state.expandedKeys.has(item.key);
|
|
299
|
-
return jsxRuntime.
|
|
299
|
+
return jsxRuntime.jsx(NavItem, {
|
|
300
300
|
item,
|
|
301
301
|
className: utilities_css.classNames(isSelected && navItemStyles[utilities_css.variationName("selected", "tree")]),
|
|
302
302
|
isChildrenVisible: isExpanded,
|
|
303
303
|
isSelected,
|
|
304
304
|
isExpanded,
|
|
305
|
-
expansionSlot: item.props.children && jsxRuntime.
|
|
305
|
+
expansionSlot: item.props.children && jsxRuntime.jsx(ExpandButton, {
|
|
306
306
|
isExpanded,
|
|
307
307
|
onPress: () => {
|
|
308
308
|
state.toggleKey(item.key);
|
|
@@ -311,7 +311,7 @@ function TreeNavItem({ item, state }) {
|
|
|
311
311
|
});
|
|
312
312
|
}
|
|
313
313
|
function VerticalNav(props) {
|
|
314
|
-
return jsxRuntime.
|
|
314
|
+
return jsxRuntime.jsx(ListVerticalNav, __spreadValues({}, props));
|
|
315
315
|
}
|
|
316
316
|
VerticalNav.Item = Item;
|
|
317
317
|
VerticalNav.Subnav = Subnav;
|