@easypost/easy-ui 1.0.0-alpha.57 → 1.0.0-alpha.58
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/Badge/index.js +14 -14
- package/Badge/index.mjs +14 -14
- package/Banner/index.js +5 -5
- package/Banner/index.mjs +5 -5
- package/Button/index.js +1 -1
- package/Button/index.mjs +1 -1
- package/CHANGELOG.md +11 -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/Checkbox/index.js +1 -1
- package/Checkbox/index.mjs +1 -1
- package/CodeBlock/index.js +13 -13
- package/CodeBlock/index.mjs +14 -14
- package/CodeSnippet/index.js +1 -1
- package/CodeSnippet/index.mjs +1 -1
- package/DataGrid/index.js +56 -56
- package/DataGrid/index.mjs +59 -59
- package/Drawer/index.js +18 -18
- package/Drawer/index.mjs +18 -18
- package/DropdownButton/index.js +12 -12
- package/DropdownButton/index.mjs +13 -13
- package/EmptyStateCard/index.js +8 -8
- package/EmptyStateCard/index.mjs +8 -8
- package/FocusedProductLayout/index.js +23 -23
- package/FocusedProductLayout/index.mjs +23 -23
- package/ForgeLayout/ForgeLayout.d.ts +145 -0
- package/ForgeLayout/ForgeLayout.d.ts.map +1 -0
- package/ForgeLayout/ForgeLayout.stories.d.ts +9 -0
- package/ForgeLayout/ForgeLayout.stories.d.ts.map +1 -0
- package/ForgeLayout/ForgeLayout.test.d.ts +2 -0
- package/ForgeLayout/ForgeLayout.test.d.ts.map +1 -0
- package/ForgeLayout/ForgeLayoutActions.d.ts +38 -0
- package/ForgeLayout/ForgeLayoutActions.d.ts.map +1 -0
- package/ForgeLayout/ForgeLayoutNav.d.ts +35 -0
- package/ForgeLayout/ForgeLayoutNav.d.ts.map +1 -0
- package/ForgeLayout/index.d.ts +2 -0
- package/ForgeLayout/index.d.ts.map +1 -0
- package/ForgeLayout/index.js +295 -0
- package/ForgeLayout/index.mjs +295 -0
- package/FormLayout/index.js +5 -5
- package/FormLayout/index.mjs +5 -5
- 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 +12 -12
- package/IconButton/index.mjs +13 -13
- 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 +19 -19
- package/Modal/index.mjs +19 -19
- package/NexusLayout/index.js +32 -102
- package/NexusLayout/index.mjs +30 -100
- package/Notification/index.js +1 -1
- package/Notification/index.mjs +1 -1
- package/Pagination/index.js +7 -7
- package/Pagination/index.mjs +8 -8
- package/PillGroup/index.js +5 -5
- package/PillGroup/index.mjs +9 -9
- package/ProductLayout/index.js +21 -21
- package/ProductLayout/index.mjs +22 -22
- package/Provider/index.js +1 -1
- package/Provider/index.mjs +2 -2
- package/RadioButtonGroup/index.js +2 -2
- package/RadioButtonGroup/index.mjs +3 -3
- package/RadioGroup/index.js +15 -15
- package/RadioGroup/index.mjs +16 -16
- package/RangeCalendar/index.js +1 -1
- package/RangeCalendar/index.mjs +1 -1
- package/SearchNav/index.js +28 -28
- package/SearchNav/index.mjs +30 -30
- package/SectionCard/index.js +7 -7
- package/SectionCard/index.mjs +7 -7
- package/Select/index.js +3 -3
- package/Select/index.mjs +5 -5
- 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 +4 -4
- package/SplitToggleCard/index.mjs +4 -4
- 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 +1 -1
- package/TabPanels/index.mjs +3 -3
- 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 +1 -1
- package/Textarea/index.mjs +1 -1
- package/Toggle/index.js +1 -1
- package/Toggle/index.mjs +1 -1
- package/ToggleCard/index.js +2 -2
- package/ToggleCard/index.mjs +2 -2
- package/Tooltip/index.js +1 -1
- package/Tooltip/index.mjs +1 -1
- package/UnstyledButton/index.mjs +1 -1
- package/VerticalNav/index.js +24 -24
- package/VerticalNav/index.mjs +25 -25
- package/VerticalStack/index.js +1 -1
- package/VerticalStack/index.mjs +1 -1
- package/__chunks__/{Button-gZA_VW7t.mjs → Button-B9ps6Qqj.mjs} +18 -18
- package/__chunks__/{Button-DXoSy3zj.js → Button-CTjxLq7c.js} +17 -17
- package/__chunks__/{CalendarBase-BE9ZXuNU.js → CalendarBase-5ZdafuyJ.js} +18 -18
- package/__chunks__/{CalendarBase-lJhsIoGb.mjs → CalendarBase-cmKpMOa7.mjs} +20 -20
- package/__chunks__/{Card-CaqAaP9M.mjs → Card-BJvHldl4.mjs} +12 -12
- package/__chunks__/{Card-oCF38dRM.js → Card-suxDpINg.js} +12 -12
- package/__chunks__/{Checkbox-_9mEf5j8.js → Checkbox-BjU_6WhC.js} +19 -19
- package/__chunks__/{Checkbox-CPNUyyaQ.mjs → Checkbox-DUWTMPiq.mjs} +21 -21
- package/__chunks__/{CodeSnippet-BibgES4Z.mjs → CodeSnippet-0Aslr4R3.mjs} +2 -2
- package/__chunks__/{CodeSnippet-CFE2GaJ2.js → CodeSnippet-C_-Xqrjt.js} +2 -2
- package/__chunks__/{HelpMenu-BRbEO3Ze.mjs → HelpMenu-Db-3x2vD.mjs} +7 -7
- package/__chunks__/{HelpMenu-LuIjOYz2.js → HelpMenu-yYnen7gk.js} +6 -6
- package/__chunks__/{HorizontalGrid-Dd92y3Kh.mjs → HorizontalGrid-BxKte6DW.mjs} +1 -1
- package/__chunks__/{HorizontalGrid-MV4O5akl.js → HorizontalGrid-CSEN-Ftp.js} +1 -1
- package/__chunks__/{HorizontalStack-BYjFVogz.js → HorizontalStack-C9uEUNz4.js} +1 -1
- package/__chunks__/{HorizontalStack-Cm2RPfec.mjs → HorizontalStack-DPFOJvIL.mjs} +1 -1
- package/__chunks__/{Icon-BuiRCbBA.js → Icon-BltKX0qA.js} +2 -2
- package/__chunks__/{Icon-BBvP9A5e.mjs → Icon-C_aZ3bUF.mjs} +2 -2
- package/__chunks__/{InputField-BfGOYdX5.mjs → InputField-DAInzp-q.mjs} +4 -4
- package/__chunks__/{InputField-ClRUBF3T.js → InputField-JQV6aEy9.js} +3 -3
- package/__chunks__/{InputIcon-B5dopBYO.mjs → InputIcon-BKMOWHfb.mjs} +32 -32
- package/__chunks__/{InputIcon-NC2haFw-.js → InputIcon-hd7CFoFQ.js} +32 -32
- package/__chunks__/{KebabButton-Dc7S9JW3.mjs → KebabButton-kiEjenAw.mjs} +5 -5
- package/__chunks__/{KebabButton-QYOAjHz2.js → KebabButton-sMaKsOF1.js} +4 -4
- package/__chunks__/{Menu-DcYM5Xw7.mjs → Menu-BfJt2bW6.mjs} +15 -15
- package/__chunks__/{Menu-DhBaiElA.js → Menu-D-xzSQyq.js} +11 -11
- package/__chunks__/{Notification-BbgRry-H.js → Notification-BdiFNurm.js} +14 -14
- package/__chunks__/{Notification-89cftfIG.mjs → Notification-C51tAXv7.mjs} +15 -15
- package/__chunks__/{SelectOverlay-D_FXlFlT.js → SelectOverlay-CF9kQiSl.js} +19 -19
- package/__chunks__/{SelectOverlay-BfEs_osJ.mjs → SelectOverlay-DXxRTVuO.mjs} +23 -23
- package/__chunks__/{SelectorErrorTooltip-CzboXZ17.mjs → SelectorErrorTooltip-B9Yfjlfm.mjs} +4 -4
- package/__chunks__/{SelectorErrorTooltip-BpTIeFfk.js → SelectorErrorTooltip-DVFnKHQl.js} +4 -4
- package/__chunks__/{Spinner-Baquxz7j.js → Spinner-C06_jHgK.js} +5 -5
- package/__chunks__/{Spinner-BmlnOdPA.mjs → Spinner-Dvh6KwwC.mjs} +5 -5
- package/__chunks__/{Stepper-D_1c37D4.mjs → Stepper-BEoHs7Pt.mjs} +26 -26
- package/__chunks__/{Stepper-C4qgpGYm.js → Stepper-CP4kB190.js} +25 -25
- package/__chunks__/{TabNav-CrY7roYg.js → TabNav-B8Okm_SD.js} +1 -1
- package/__chunks__/{TabNav-DbqEdKB2.mjs → TabNav-eepvuh_0.mjs} +1 -1
- package/__chunks__/{Tabs-B4GLceul.mjs → Tabs-CW4P6bIN.mjs} +17 -17
- package/__chunks__/{Tabs-B3jZ0zO-.js → Tabs-YJ1YfMD1.js} +17 -17
- package/__chunks__/{Text-BCY2taAk.mjs → Text-Bb9mublr.mjs} +34 -34
- package/__chunks__/{Text-DjxTQAjU.js → Text-DUFawl6R.js} +34 -34
- package/__chunks__/{Toggle-sNte2miv.js → Toggle-03lk7ryY.js} +11 -11
- package/__chunks__/{Toggle-ZJsaI7fk.mjs → Toggle-J3vST_b2.mjs} +12 -12
- package/__chunks__/{Tooltip-D8wkj76H.js → Tooltip-BAfq-EKQ.js} +8 -8
- package/__chunks__/{Tooltip-BKa9QieQ.mjs → Tooltip-BNl9vyrh.mjs} +8 -8
- package/__chunks__/{UnstyledButton-6seSbTV1.mjs → UnstyledButton-B7BScs8i.mjs} +1 -1
- package/__chunks__/{VerticalStack-BTe0o39p.mjs → VerticalStack-DB6pCsfC.mjs} +3 -3
- package/__chunks__/{VerticalStack-loS6ZJn3.js → VerticalStack-kSb8Fi5S.js} +3 -3
- package/__chunks__/{useButton-DEhs-Rkj.mjs → useButton-B1CurEpI.mjs} +1 -1
- package/__chunks__/{useEdgeInterceptors-DiEyVe00.mjs → useEdgeInterceptors-BSgabpah.mjs} +5 -5
- package/__chunks__/{useEdgeInterceptors-CCflfRiK.js → useEdgeInterceptors-D1y8iMfS.js} +5 -5
- package/__chunks__/useLink-BOdtE_Mk.js +94 -0
- package/__chunks__/useLink-B__d3N9L.mjs +95 -0
- package/__chunks__/{usePress-DV7a17gG.mjs → usePress-lFMUra6S.mjs} +6 -6
- package/__chunks__/{useSelectableItem-BDZ5pN_C.mjs → useSelectableItem-BdD2_J2D.mjs} +1 -1
- package/__chunks__/{useSelectableList-Bj35aLZH.mjs → useSelectableList-D0uxeze4.mjs} +1 -1
- package/__chunks__/{useToggle-BfGkPrAg.mjs → useToggle-b0GY9dCM.mjs} +1 -1
- package/__chunks__/{useTriggerWidth-BC_zeUJ5.mjs → useTriggerWidth-DEToHKD3.mjs} +1 -1
- package/package.json +2 -2
- package/style.css +1160 -971
package/FormLayout/index.mjs
CHANGED
|
@@ -28,8 +28,8 @@ var __objRest = (source, exclude) => {
|
|
|
28
28
|
};
|
|
29
29
|
import React__default, { createContext, useMemo, isValidElement, useContext } from "react";
|
|
30
30
|
import { classNames } from "../utilities/css.mjs";
|
|
31
|
-
import { H as HorizontalGrid } from "../__chunks__/HorizontalGrid-
|
|
32
|
-
import { T as Text } from "../__chunks__/Text-
|
|
31
|
+
import { H as HorizontalGrid } from "../__chunks__/HorizontalGrid-BxKte6DW.mjs";
|
|
32
|
+
import { T as Text } from "../__chunks__/Text-Bb9mublr.mjs";
|
|
33
33
|
import { deepFind } from "../utilities/react.mjs";
|
|
34
34
|
function Grid(props) {
|
|
35
35
|
const { children, columns } = props;
|
|
@@ -38,7 +38,7 @@ function Grid(props) {
|
|
|
38
38
|
gap: "2"
|
|
39
39
|
}, children);
|
|
40
40
|
}
|
|
41
|
-
const Header$1 = "
|
|
41
|
+
const Header$1 = "_Header_kxdmh_5";
|
|
42
42
|
const styles$2 = {
|
|
43
43
|
Header: Header$1
|
|
44
44
|
};
|
|
@@ -56,7 +56,7 @@ function HelperText(props) {
|
|
|
56
56
|
}, children);
|
|
57
57
|
}
|
|
58
58
|
const WithinSectionContext = createContext(false);
|
|
59
|
-
const Section$1 = "
|
|
59
|
+
const Section$1 = "_Section_mddgy_5";
|
|
60
60
|
const styles$1 = {
|
|
61
61
|
Section: Section$1
|
|
62
62
|
};
|
|
@@ -105,7 +105,7 @@ function Title(props) {
|
|
|
105
105
|
}, restProps), textProps), children);
|
|
106
106
|
}
|
|
107
107
|
Title.displayName = "FormLayout.Title";
|
|
108
|
-
const FormLayout$1 = "
|
|
108
|
+
const FormLayout$1 = "_FormLayout_farbq_5";
|
|
109
109
|
const styles = {
|
|
110
110
|
FormLayout: FormLayout$1
|
|
111
111
|
};
|
package/HorizontalGrid/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const HorizontalGrid = require("../__chunks__/HorizontalGrid-
|
|
3
|
+
const HorizontalGrid = require("../__chunks__/HorizontalGrid-CSEN-Ftp.js");
|
|
4
4
|
exports.HorizontalGrid = HorizontalGrid.HorizontalGrid;
|
package/HorizontalGrid/index.mjs
CHANGED
package/HorizontalStack/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const HorizontalStack = require("../__chunks__/HorizontalStack-
|
|
3
|
+
const HorizontalStack = require("../__chunks__/HorizontalStack-C9uEUNz4.js");
|
|
4
4
|
exports.HorizontalStack = HorizontalStack.HorizontalStack;
|
package/Icon/index.js
CHANGED
package/Icon/index.mjs
CHANGED
package/IconButton/index.js
CHANGED
|
@@ -30,19 +30,19 @@ var __objRest = (source, exclude) => {
|
|
|
30
30
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
31
31
|
const React = require("react");
|
|
32
32
|
const UnstyledButton = require("../__chunks__/UnstyledButton-Dn8KZHdh.js");
|
|
33
|
-
const Icon = require("../__chunks__/Icon-
|
|
34
|
-
const Text = require("../__chunks__/Text-
|
|
33
|
+
const Icon = require("../__chunks__/Icon-BltKX0qA.js");
|
|
34
|
+
const Text = require("../__chunks__/Text-DUFawl6R.js");
|
|
35
35
|
const utilities_css = require("../utilities/css.js");
|
|
36
|
-
const IconButton$1 = "
|
|
37
|
-
const colorPrimary = "
|
|
38
|
-
const colorSecondary = "
|
|
39
|
-
const colorSuccess = "
|
|
40
|
-
const colorWarning = "
|
|
41
|
-
const colorNeutral = "
|
|
42
|
-
const colorSupport = "
|
|
43
|
-
const colorInverse = "
|
|
44
|
-
const variantOutlined = "
|
|
45
|
-
const variantFilled = "
|
|
36
|
+
const IconButton$1 = "_IconButton_yjpib_5";
|
|
37
|
+
const colorPrimary = "_colorPrimary_yjpib_20";
|
|
38
|
+
const colorSecondary = "_colorSecondary_yjpib_28";
|
|
39
|
+
const colorSuccess = "_colorSuccess_yjpib_36";
|
|
40
|
+
const colorWarning = "_colorWarning_yjpib_44";
|
|
41
|
+
const colorNeutral = "_colorNeutral_yjpib_52";
|
|
42
|
+
const colorSupport = "_colorSupport_yjpib_60";
|
|
43
|
+
const colorInverse = "_colorInverse_yjpib_66";
|
|
44
|
+
const variantOutlined = "_variantOutlined_yjpib_72";
|
|
45
|
+
const variantFilled = "_variantFilled_yjpib_101";
|
|
46
46
|
const styles = {
|
|
47
47
|
IconButton: IconButton$1,
|
|
48
48
|
colorPrimary,
|
package/IconButton/index.mjs
CHANGED
|
@@ -27,20 +27,20 @@ var __objRest = (source, exclude) => {
|
|
|
27
27
|
return target;
|
|
28
28
|
};
|
|
29
29
|
import React__default, { forwardRef } from "react";
|
|
30
|
-
import { l as logWarningIfInvalidColorVariantCombination, U as UnstyledButton } from "../__chunks__/UnstyledButton-
|
|
31
|
-
import { I as Icon } from "../__chunks__/Icon-
|
|
32
|
-
import { T as Text } from "../__chunks__/Text-
|
|
30
|
+
import { l as logWarningIfInvalidColorVariantCombination, U as UnstyledButton } from "../__chunks__/UnstyledButton-B7BScs8i.mjs";
|
|
31
|
+
import { I as Icon } from "../__chunks__/Icon-C_aZ3bUF.mjs";
|
|
32
|
+
import { T as Text } from "../__chunks__/Text-Bb9mublr.mjs";
|
|
33
33
|
import { classNames, variationName } from "../utilities/css.mjs";
|
|
34
|
-
const IconButton$1 = "
|
|
35
|
-
const colorPrimary = "
|
|
36
|
-
const colorSecondary = "
|
|
37
|
-
const colorSuccess = "
|
|
38
|
-
const colorWarning = "
|
|
39
|
-
const colorNeutral = "
|
|
40
|
-
const colorSupport = "
|
|
41
|
-
const colorInverse = "
|
|
42
|
-
const variantOutlined = "
|
|
43
|
-
const variantFilled = "
|
|
34
|
+
const IconButton$1 = "_IconButton_yjpib_5";
|
|
35
|
+
const colorPrimary = "_colorPrimary_yjpib_20";
|
|
36
|
+
const colorSecondary = "_colorSecondary_yjpib_28";
|
|
37
|
+
const colorSuccess = "_colorSuccess_yjpib_36";
|
|
38
|
+
const colorWarning = "_colorWarning_yjpib_44";
|
|
39
|
+
const colorNeutral = "_colorNeutral_yjpib_52";
|
|
40
|
+
const colorSupport = "_colorSupport_yjpib_60";
|
|
41
|
+
const colorInverse = "_colorInverse_yjpib_66";
|
|
42
|
+
const variantOutlined = "_variantOutlined_yjpib_72";
|
|
43
|
+
const variantFilled = "_variantFilled_yjpib_101";
|
|
44
44
|
const styles = {
|
|
45
45
|
IconButton: IconButton$1,
|
|
46
46
|
colorPrimary,
|
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-JQV6aEy9.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-sMaKsOF1.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
|
@@ -34,12 +34,12 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
|
34
34
|
const React = require("react");
|
|
35
35
|
const utilities_css = require("../utilities/css.js");
|
|
36
36
|
const utilities_useScrollbar = require("../utilities/useScrollbar.js");
|
|
37
|
-
const Button = require("../__chunks__/Button-
|
|
37
|
+
const Button = require("../__chunks__/Button-CTjxLq7c.js");
|
|
38
38
|
const Close = require("../__chunks__/Close-BQ2IlPyf.js");
|
|
39
|
-
const HorizontalStack = require("../__chunks__/HorizontalStack-
|
|
40
|
-
const Icon = require("../__chunks__/Icon-
|
|
41
|
-
const Text = require("../__chunks__/Text-
|
|
42
|
-
const VerticalStack = require("../__chunks__/VerticalStack-
|
|
39
|
+
const HorizontalStack = require("../__chunks__/HorizontalStack-C9uEUNz4.js");
|
|
40
|
+
const Icon = require("../__chunks__/Icon-BltKX0qA.js");
|
|
41
|
+
const Text = require("../__chunks__/Text-DUFawl6R.js");
|
|
42
|
+
const VerticalStack = require("../__chunks__/VerticalStack-kSb8Fi5S.js");
|
|
43
43
|
const useDialog = require("../__chunks__/useDialog-Dsqz1M_N.js");
|
|
44
44
|
const Overlay = require("../__chunks__/Overlay-ZinDp2HW.js");
|
|
45
45
|
const ariaHideOutside = require("../__chunks__/ariaHideOutside-DNGR3Fo6.js");
|
|
@@ -64,20 +64,20 @@ const useModalTrigger = () => {
|
|
|
64
64
|
const modalTriggerContext = useModalTriggerContext();
|
|
65
65
|
return modalTriggerContext.state;
|
|
66
66
|
};
|
|
67
|
-
const underlayBg = "
|
|
68
|
-
const underlayBox = "
|
|
69
|
-
const underlayEdge = "
|
|
70
|
-
const Modal$1 = "
|
|
71
|
-
const header = "
|
|
72
|
-
const stuck = "
|
|
73
|
-
const body = "
|
|
74
|
-
const content = "
|
|
75
|
-
const footer = "
|
|
76
|
-
const closeBtn = "
|
|
77
|
-
const iconAtEnd = "
|
|
78
|
-
const sizeSm = "
|
|
79
|
-
const sizeMd = "
|
|
80
|
-
const sizeLg = "
|
|
67
|
+
const underlayBg = "_underlayBg_1qfmy_5";
|
|
68
|
+
const underlayBox = "_underlayBox_1qfmy_28";
|
|
69
|
+
const underlayEdge = "_underlayEdge_1qfmy_36";
|
|
70
|
+
const Modal$1 = "_Modal_1qfmy_42";
|
|
71
|
+
const header = "_header_1qfmy_60";
|
|
72
|
+
const stuck = "_stuck_1qfmy_66";
|
|
73
|
+
const body = "_body_1qfmy_70";
|
|
74
|
+
const content = "_content_1qfmy_77";
|
|
75
|
+
const footer = "_footer_1qfmy_94";
|
|
76
|
+
const closeBtn = "_closeBtn_1qfmy_111";
|
|
77
|
+
const iconAtEnd = "_iconAtEnd_1qfmy_125";
|
|
78
|
+
const sizeSm = "_sizeSm_1qfmy_131";
|
|
79
|
+
const sizeMd = "_sizeMd_1qfmy_135";
|
|
80
|
+
const sizeLg = "_sizeLg_1qfmy_139";
|
|
81
81
|
const styles = {
|
|
82
82
|
underlayBg,
|
|
83
83
|
underlayBox,
|
package/Modal/index.mjs
CHANGED
|
@@ -32,12 +32,12 @@ var __objRest = (source, exclude) => {
|
|
|
32
32
|
import React__default, { createContext, useContext, useMemo, cloneElement, useState, useRef } from "react";
|
|
33
33
|
import { classNames, variationName } from "../utilities/css.mjs";
|
|
34
34
|
import { useScrollbar } from "../utilities/useScrollbar.mjs";
|
|
35
|
-
import { B as Button } from "../__chunks__/Button-
|
|
35
|
+
import { B as Button } from "../__chunks__/Button-B9ps6Qqj.mjs";
|
|
36
36
|
import { C as Close } from "../__chunks__/Close-Cq6Q6MN6.mjs";
|
|
37
|
-
import { H as HorizontalStack } from "../__chunks__/HorizontalStack-
|
|
38
|
-
import { I as Icon } from "../__chunks__/Icon-
|
|
39
|
-
import { T as Text } from "../__chunks__/Text-
|
|
40
|
-
import { V as VerticalStack } from "../__chunks__/VerticalStack-
|
|
37
|
+
import { H as HorizontalStack } from "../__chunks__/HorizontalStack-DPFOJvIL.mjs";
|
|
38
|
+
import { I as Icon } from "../__chunks__/Icon-C_aZ3bUF.mjs";
|
|
39
|
+
import { T as Text } from "../__chunks__/Text-Bb9mublr.mjs";
|
|
40
|
+
import { V as VerticalStack } from "../__chunks__/VerticalStack-DB6pCsfC.mjs";
|
|
41
41
|
import { $ as $8ac8429251c45e4b$export$dbc0f175b25fb0fb, a as $40df3f8667284809$export$d55e7ee900f34e93 } from "../__chunks__/useDialog-DAYxqkKY.mjs";
|
|
42
42
|
import { c as $337b884510726a0d$export$c6fdb837b070b4ff, b as $fc909762b330b746$export$61c6a8c84e605fb6 } from "../__chunks__/Overlay-CuhLUuXt.mjs";
|
|
43
43
|
import { c as $628037886ba31236$export$f9d5c8beee7d008d } from "../__chunks__/ariaHideOutside-DcIkumuG.mjs";
|
|
@@ -62,20 +62,20 @@ const useModalTrigger = () => {
|
|
|
62
62
|
const modalTriggerContext = useModalTriggerContext();
|
|
63
63
|
return modalTriggerContext.state;
|
|
64
64
|
};
|
|
65
|
-
const underlayBg = "
|
|
66
|
-
const underlayBox = "
|
|
67
|
-
const underlayEdge = "
|
|
68
|
-
const Modal$1 = "
|
|
69
|
-
const header = "
|
|
70
|
-
const stuck = "
|
|
71
|
-
const body = "
|
|
72
|
-
const content = "
|
|
73
|
-
const footer = "
|
|
74
|
-
const closeBtn = "
|
|
75
|
-
const iconAtEnd = "
|
|
76
|
-
const sizeSm = "
|
|
77
|
-
const sizeMd = "
|
|
78
|
-
const sizeLg = "
|
|
65
|
+
const underlayBg = "_underlayBg_1qfmy_5";
|
|
66
|
+
const underlayBox = "_underlayBox_1qfmy_28";
|
|
67
|
+
const underlayEdge = "_underlayEdge_1qfmy_36";
|
|
68
|
+
const Modal$1 = "_Modal_1qfmy_42";
|
|
69
|
+
const header = "_header_1qfmy_60";
|
|
70
|
+
const stuck = "_stuck_1qfmy_66";
|
|
71
|
+
const body = "_body_1qfmy_70";
|
|
72
|
+
const content = "_content_1qfmy_77";
|
|
73
|
+
const footer = "_footer_1qfmy_94";
|
|
74
|
+
const closeBtn = "_closeBtn_1qfmy_111";
|
|
75
|
+
const iconAtEnd = "_iconAtEnd_1qfmy_125";
|
|
76
|
+
const sizeSm = "_sizeSm_1qfmy_131";
|
|
77
|
+
const sizeMd = "_sizeMd_1qfmy_135";
|
|
78
|
+
const sizeLg = "_sizeLg_1qfmy_139";
|
|
79
79
|
const styles = {
|
|
80
80
|
underlayBg,
|
|
81
81
|
underlayBox,
|
package/NexusLayout/index.js
CHANGED
|
@@ -18,89 +18,19 @@ var __spreadValues = (a, b) => {
|
|
|
18
18
|
return a;
|
|
19
19
|
};
|
|
20
20
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
21
|
-
var __objRest = (source, exclude) => {
|
|
22
|
-
var target = {};
|
|
23
|
-
for (var prop in source)
|
|
24
|
-
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
25
|
-
target[prop] = source[prop];
|
|
26
|
-
if (source != null && __getOwnPropSymbols)
|
|
27
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
28
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
29
|
-
target[prop] = source[prop];
|
|
30
|
-
}
|
|
31
|
-
return target;
|
|
32
|
-
};
|
|
33
21
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
34
22
|
const React = require("react");
|
|
35
23
|
const utilities_css = require("../utilities/css.js");
|
|
36
|
-
const HorizontalStack = require("../__chunks__/HorizontalStack-
|
|
37
|
-
const Icon = require("../__chunks__/Icon-
|
|
38
|
-
const Menu = require("../__chunks__/Menu-
|
|
39
|
-
const Text = require("../__chunks__/Text-
|
|
24
|
+
const HorizontalStack = require("../__chunks__/HorizontalStack-C9uEUNz4.js");
|
|
25
|
+
const Icon = require("../__chunks__/Icon-BltKX0qA.js");
|
|
26
|
+
const Menu = require("../__chunks__/Menu-D-xzSQyq.js");
|
|
27
|
+
const Text = require("../__chunks__/Text-DUFawl6R.js");
|
|
40
28
|
const useFocusRing = require("../__chunks__/useFocusRing-DFRFvht_.js");
|
|
41
29
|
const useHover = require("../__chunks__/useHover-BIKwjrCT.js");
|
|
42
30
|
const usePress = require("../__chunks__/usePress-Dz8YYpge.js");
|
|
43
31
|
const mergeProps = require("../__chunks__/mergeProps-DniMwM6P.js");
|
|
44
|
-
const
|
|
45
|
-
const
|
|
46
|
-
const VerticalStack = require("../__chunks__/VerticalStack-loS6ZJn3.js");
|
|
47
|
-
function $298d61e98472621b$export$dcf14c9974fe2767(props, ref) {
|
|
48
|
-
let _a = props, {
|
|
49
|
-
elementType = "a",
|
|
50
|
-
onPress,
|
|
51
|
-
onPressStart,
|
|
52
|
-
onPressEnd,
|
|
53
|
-
onClick: deprecatedOnClick,
|
|
54
|
-
isDisabled
|
|
55
|
-
} = _a, otherProps = __objRest(_a, [
|
|
56
|
-
"elementType",
|
|
57
|
-
"onPress",
|
|
58
|
-
"onPressStart",
|
|
59
|
-
"onPressEnd",
|
|
60
|
-
// @ts-ignore
|
|
61
|
-
"onClick",
|
|
62
|
-
"isDisabled"
|
|
63
|
-
]);
|
|
64
|
-
let linkProps = {};
|
|
65
|
-
if (elementType !== "a") linkProps = {
|
|
66
|
-
role: "link",
|
|
67
|
-
tabIndex: !isDisabled ? 0 : void 0
|
|
68
|
-
};
|
|
69
|
-
let { focusableProps } = useFocusable.$e6afbd83fe6ebbd2$export$4c014de7c8940b4c(props, ref);
|
|
70
|
-
let { pressProps, isPressed } = usePress.$f6c31cce2adf654f$export$45712eceda6fad21({
|
|
71
|
-
onPress,
|
|
72
|
-
onPressStart,
|
|
73
|
-
onPressEnd,
|
|
74
|
-
isDisabled,
|
|
75
|
-
ref
|
|
76
|
-
});
|
|
77
|
-
let domProps = filterDOMProps.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(otherProps, {
|
|
78
|
-
labelable: true
|
|
79
|
-
});
|
|
80
|
-
let interactionHandlers = mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(focusableProps, pressProps);
|
|
81
|
-
let router = usePress.$ea8dcbcb9ea1b556$export$9a302a45f65d0572();
|
|
82
|
-
let routerLinkProps = usePress.$ea8dcbcb9ea1b556$export$7e924b3091a3bd18(props);
|
|
83
|
-
return {
|
|
84
|
-
isPressed,
|
|
85
|
-
linkProps: mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(domProps, routerLinkProps, __spreadProps(__spreadValues(__spreadValues({}, interactionHandlers), linkProps), {
|
|
86
|
-
"aria-disabled": isDisabled || void 0,
|
|
87
|
-
"aria-current": props["aria-current"],
|
|
88
|
-
onClick: (e) => {
|
|
89
|
-
var _pressProps_onClick;
|
|
90
|
-
(_pressProps_onClick = pressProps.onClick) === null || _pressProps_onClick === void 0 ? void 0 : _pressProps_onClick.call(pressProps, e);
|
|
91
|
-
if (deprecatedOnClick) {
|
|
92
|
-
deprecatedOnClick(e);
|
|
93
|
-
console.warn("onClick is deprecated, please use onPress");
|
|
94
|
-
}
|
|
95
|
-
if (!router.isNative && e.currentTarget instanceof HTMLAnchorElement && e.currentTarget.href && // If props are applied to a router Link component, it may have already prevented default.
|
|
96
|
-
!e.isDefaultPrevented() && usePress.$ea8dcbcb9ea1b556$export$efa8c9099e530235(e.currentTarget, e) && props.href) {
|
|
97
|
-
e.preventDefault();
|
|
98
|
-
router.open(e.currentTarget, e, props.href, props.routerOptions);
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
}))
|
|
102
|
-
};
|
|
103
|
-
}
|
|
32
|
+
const useLink = require("../__chunks__/useLink-BOdtE_Mk.js");
|
|
33
|
+
const VerticalStack = require("../__chunks__/VerticalStack-kSb8Fi5S.js");
|
|
104
34
|
function EasyPostLogo() {
|
|
105
35
|
return React.createElement("svg", {
|
|
106
36
|
width: "139",
|
|
@@ -119,13 +49,13 @@ function EasyPostLogo() {
|
|
|
119
49
|
fill: "#164DFF"
|
|
120
50
|
}));
|
|
121
51
|
}
|
|
122
|
-
const button = "
|
|
123
|
-
const focused$2 = "
|
|
124
|
-
const hovered$2 = "
|
|
125
|
-
const selected$2 = "
|
|
126
|
-
const open = "
|
|
127
|
-
const badgeContainer = "
|
|
128
|
-
const badge = "
|
|
52
|
+
const button = "_button_1gcjn_5";
|
|
53
|
+
const focused$2 = "_focused_1gcjn_26";
|
|
54
|
+
const hovered$2 = "_hovered_1gcjn_38";
|
|
55
|
+
const selected$2 = "_selected_1gcjn_42";
|
|
56
|
+
const open = "_open_1gcjn_43";
|
|
57
|
+
const badgeContainer = "_badgeContainer_1gcjn_48";
|
|
58
|
+
const badge = "_badge_1gcjn_48";
|
|
129
59
|
const styles$4 = {
|
|
130
60
|
button,
|
|
131
61
|
focused: focused$2,
|
|
@@ -168,7 +98,7 @@ function NexusLayoutMenuAction(props) {
|
|
|
168
98
|
function NexusLayoutLinkAction(props) {
|
|
169
99
|
const { accessibilityLabel = "Actions", iconSymbol, renderBadge, isSelected } = props;
|
|
170
100
|
const ref = React.useRef(null);
|
|
171
|
-
const { linkProps } =
|
|
101
|
+
const { linkProps } = useLink.$298d61e98472621b$export$dcf14c9974fe2767(props, ref);
|
|
172
102
|
const { focusProps, isFocusVisible } = useFocusRing.$f7dceffc5ad7768b$export$4e328f61c538687f(props);
|
|
173
103
|
const { hoverProps, isHovered } = useHover.$6179b936705e76d3$export$ae780daf29e6d456(props);
|
|
174
104
|
const className = utilities_css.classNames(styles$4.button, isFocusVisible && styles$4.focused, isHovered && styles$4.hovered, isSelected && styles$4.selected);
|
|
@@ -199,9 +129,9 @@ const PressableButton = React.forwardRef((props, ref) => {
|
|
|
199
129
|
}));
|
|
200
130
|
});
|
|
201
131
|
PressableButton.displayName = "PressableButton";
|
|
202
|
-
const container = "
|
|
203
|
-
const sidebar = "
|
|
204
|
-
const content$1 = "
|
|
132
|
+
const container = "_container_1e9wl_5";
|
|
133
|
+
const sidebar = "_sidebar_1e9wl_12";
|
|
134
|
+
const content$1 = "_content_1e9wl_19";
|
|
205
135
|
const styles$3 = {
|
|
206
136
|
container,
|
|
207
137
|
sidebar,
|
|
@@ -243,10 +173,10 @@ function NexusLayoutMultipageTitle(props) {
|
|
|
243
173
|
variant: "heading5"
|
|
244
174
|
}, children);
|
|
245
175
|
}
|
|
246
|
-
const link$1 = "
|
|
247
|
-
const focused$1 = "
|
|
248
|
-
const hovered$1 = "
|
|
249
|
-
const selected$1 = "
|
|
176
|
+
const link$1 = "_link_1rv8s_5";
|
|
177
|
+
const focused$1 = "_focused_1rv8s_14";
|
|
178
|
+
const hovered$1 = "_hovered_1rv8s_26";
|
|
179
|
+
const selected$1 = "_selected_1rv8s_30";
|
|
250
180
|
const styles$2 = {
|
|
251
181
|
link: link$1,
|
|
252
182
|
focused: focused$1,
|
|
@@ -294,7 +224,7 @@ function NexusLayoutMultipageSidebarNavLink(props) {
|
|
|
294
224
|
const { href, iconSymbol, children } = props;
|
|
295
225
|
const { selectedHref } = useNexusLayoutMultipageSidebarNav();
|
|
296
226
|
const ref = React.useRef(null);
|
|
297
|
-
const { linkProps } =
|
|
227
|
+
const { linkProps } = useLink.$298d61e98472621b$export$dcf14c9974fe2767(props, ref);
|
|
298
228
|
const { focusProps, isFocusVisible } = useFocusRing.$f7dceffc5ad7768b$export$4e328f61c538687f(props);
|
|
299
229
|
const { hoverProps, isHovered } = useHover.$6179b936705e76d3$export$ae780daf29e6d456(props);
|
|
300
230
|
const isSelected = href === selectedHref;
|
|
@@ -311,10 +241,10 @@ function NexusLayoutMultipageSidebarNavLink(props) {
|
|
|
311
241
|
weight: isSelected ? "semibold" : void 0
|
|
312
242
|
}, children));
|
|
313
243
|
}
|
|
314
|
-
const link = "
|
|
315
|
-
const focused = "
|
|
316
|
-
const hovered = "
|
|
317
|
-
const selected = "
|
|
244
|
+
const link = "_link_1i4bt_5";
|
|
245
|
+
const focused = "_focused_1i4bt_24";
|
|
246
|
+
const hovered = "_hovered_1i4bt_36";
|
|
247
|
+
const selected = "_selected_1i4bt_40";
|
|
318
248
|
const styles$1 = {
|
|
319
249
|
link,
|
|
320
250
|
focused,
|
|
@@ -347,7 +277,7 @@ function NexusLayoutNavLink(props) {
|
|
|
347
277
|
const { href, iconSymbol, children } = props;
|
|
348
278
|
const { selectedHref } = useNexusLayoutNav();
|
|
349
279
|
const ref = React.useRef(null);
|
|
350
|
-
const { linkProps } =
|
|
280
|
+
const { linkProps } = useLink.$298d61e98472621b$export$dcf14c9974fe2767(props, ref);
|
|
351
281
|
const { focusProps, isFocusVisible } = useFocusRing.$f7dceffc5ad7768b$export$4e328f61c538687f(props);
|
|
352
282
|
const { hoverProps, isHovered } = useHover.$6179b936705e76d3$export$ae780daf29e6d456(props);
|
|
353
283
|
const isSelected = href === selectedHref;
|
|
@@ -364,11 +294,11 @@ function NexusLayoutNavLink(props) {
|
|
|
364
294
|
weight: "semibold"
|
|
365
295
|
}, children));
|
|
366
296
|
}
|
|
367
|
-
const NexusLayout$1 = "
|
|
368
|
-
const backgroundDecoration01 = "
|
|
369
|
-
const header = "
|
|
370
|
-
const logo = "
|
|
371
|
-
const content = "
|
|
297
|
+
const NexusLayout$1 = "_NexusLayout_xurmm_5";
|
|
298
|
+
const backgroundDecoration01 = "_backgroundDecoration01_xurmm_14";
|
|
299
|
+
const header = "_header_xurmm_20";
|
|
300
|
+
const logo = "_logo_xurmm_40";
|
|
301
|
+
const content = "_content_xurmm_44";
|
|
372
302
|
const styles = {
|
|
373
303
|
NexusLayout: NexusLayout$1,
|
|
374
304
|
backgroundDecoration01,
|