@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/MultiSelect/index.js
CHANGED
|
@@ -51,13 +51,13 @@ var __async = (__this, __arguments, generator) => {
|
|
|
51
51
|
});
|
|
52
52
|
};
|
|
53
53
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
54
|
-
const jsxRuntime = require("
|
|
54
|
+
const jsxRuntime = require("react/jsx-runtime");
|
|
55
55
|
const React = require("react");
|
|
56
56
|
const Button = require("../__chunks__/Button-BpQFyL49.js");
|
|
57
57
|
const utils = require("../__chunks__/utils-CRWC8dEm.js");
|
|
58
58
|
const Input = require("../__chunks__/Input-CwXLFYJK.js");
|
|
59
59
|
const Label = require("../__chunks__/Label-B6GdFt8f.js");
|
|
60
|
-
const PillGroup = require("../__chunks__/PillGroup-
|
|
60
|
+
const PillGroup = require("../__chunks__/PillGroup-BK8VCf3B.js");
|
|
61
61
|
const Dialog = require("../__chunks__/Dialog-iU9BJB0o.js");
|
|
62
62
|
const Text = require("../__chunks__/Text-B9fD1q8n.js");
|
|
63
63
|
const filterDOMProps = require("../__chunks__/filterDOMProps-p6wKN-SS.js");
|
|
@@ -82,10 +82,10 @@ const useSelectableList = require("../__chunks__/useSelectableList-DeSKmxTV.js")
|
|
|
82
82
|
const useLocalizedStringFormatter = require("../__chunks__/useLocalizedStringFormatter-DxxEMHfO.js");
|
|
83
83
|
const useMenuTrigger = require("../__chunks__/useMenuTrigger-DQl6sBWY.js");
|
|
84
84
|
const useTextField = require("../__chunks__/useTextField-BlTYl2ML.js");
|
|
85
|
-
const Icon = require("../__chunks__/Icon-
|
|
85
|
+
const Icon = require("../__chunks__/Icon-BRlbo3RF.js");
|
|
86
86
|
const utilities = require("../__chunks__/utilities-Q88aR_Y9.js");
|
|
87
|
-
const Spinner = require("../__chunks__/Spinner-
|
|
88
|
-
const Text$1 = require("../__chunks__/Text-
|
|
87
|
+
const Spinner = require("../__chunks__/Spinner-vRnrcEz0.js");
|
|
88
|
+
const Text$1 = require("../__chunks__/Text-DkzMEqky.js");
|
|
89
89
|
const utilities_css = require("../utilities/css.js");
|
|
90
90
|
const utilities_useScrollbar = require("../utilities/useScrollbar.js");
|
|
91
91
|
const VisuallyHidden = require("../__chunks__/VisuallyHidden-CIjowwM_.js");
|
|
@@ -1804,7 +1804,7 @@ function MultiSelectDropdown(props) {
|
|
|
1804
1804
|
const style = __spreadValues(__spreadValues({
|
|
1805
1805
|
width
|
|
1806
1806
|
}, utilities_css.getComponentToken("menu", "item_height", `${utilities_css.pxToRem(utilities.ITEM_HEIGHT)}rem`)), utilities_css.getComponentToken("menu", "padding.y", `${utilities_css.pxToRem(utilities.Y_PADDING_INSIDE_OVERLAY)}rem`));
|
|
1807
|
-
return jsxRuntime.
|
|
1807
|
+
return jsxRuntime.jsx(Dialog.$07b14b47974efb58$export$5b6b19405a83ff9d, {
|
|
1808
1808
|
isNonModal: true,
|
|
1809
1809
|
className: styles$1.popover,
|
|
1810
1810
|
style,
|
|
@@ -1814,22 +1814,22 @@ function MultiSelectDropdown(props) {
|
|
|
1814
1814
|
maxHeight: utilities.getMenuPopoverMaxHeight({
|
|
1815
1815
|
maxItemsUntilScroll
|
|
1816
1816
|
}),
|
|
1817
|
-
children: isLoading ? jsxRuntime.
|
|
1817
|
+
children: isLoading ? jsxRuntime.jsx("div", {
|
|
1818
1818
|
className: styles$1.spinnerContainer,
|
|
1819
|
-
children: jsxRuntime.
|
|
1819
|
+
children: jsxRuntime.jsx("div", {
|
|
1820
1820
|
className: styles$1.spinner,
|
|
1821
|
-
children: jsxRuntime.
|
|
1821
|
+
children: jsxRuntime.jsx(Spinner.Spinner, {
|
|
1822
1822
|
isIndeterminate: true,
|
|
1823
1823
|
"aria-label": "Loading",
|
|
1824
1824
|
size: "sm"
|
|
1825
1825
|
})
|
|
1826
1826
|
})
|
|
1827
|
-
}) : jsxRuntime.
|
|
1827
|
+
}) : jsxRuntime.jsx(ScrollContainer, {
|
|
1828
1828
|
scrollRef: menuRef,
|
|
1829
|
-
children: jsxRuntime.
|
|
1830
|
-
renderEmptyState: () => jsxRuntime.
|
|
1829
|
+
children: jsxRuntime.jsx(PillGroup.$eed445e0843c11d0$export$41f133550aa26f48, {
|
|
1830
|
+
renderEmptyState: () => jsxRuntime.jsx("div", {
|
|
1831
1831
|
className: styles$1.listEmptyState,
|
|
1832
|
-
children: jsxRuntime.
|
|
1832
|
+
children: jsxRuntime.jsx(Text$1.Text, {
|
|
1833
1833
|
variant: "subtitle2",
|
|
1834
1834
|
color: "neutral.400",
|
|
1835
1835
|
children: "No results found"
|
|
@@ -1842,18 +1842,18 @@ function MultiSelectDropdown(props) {
|
|
|
1842
1842
|
});
|
|
1843
1843
|
}
|
|
1844
1844
|
function MultiSelectDropdownOption(props) {
|
|
1845
|
-
return jsxRuntime.
|
|
1845
|
+
return jsxRuntime.jsx(PillGroup.$eed445e0843c11d0$export$a11e76429ed99b4, __spreadProps(__spreadValues({}, props), {
|
|
1846
1846
|
className: styles$1.option
|
|
1847
1847
|
}));
|
|
1848
1848
|
}
|
|
1849
1849
|
function MultiSelectDropdownOptionText(props) {
|
|
1850
|
-
return jsxRuntime.
|
|
1850
|
+
return jsxRuntime.jsx(Text$1.Text, __spreadValues({
|
|
1851
1851
|
variant: "body1"
|
|
1852
1852
|
}, props));
|
|
1853
1853
|
}
|
|
1854
1854
|
function ScrollContainer({ scrollRef, children }) {
|
|
1855
1855
|
utilities_useScrollbar.useScrollbar(scrollRef, "ezui-os-theme-overlay");
|
|
1856
|
-
return jsxRuntime.
|
|
1856
|
+
return jsxRuntime.jsx("div", {
|
|
1857
1857
|
className: styles$1.menu,
|
|
1858
1858
|
ref: scrollRef,
|
|
1859
1859
|
children
|
|
@@ -1937,10 +1937,10 @@ function MultiSelect(props) {
|
|
|
1937
1937
|
onInputChange("");
|
|
1938
1938
|
setTempSelectedKey(null);
|
|
1939
1939
|
};
|
|
1940
|
-
return jsxRuntime.
|
|
1940
|
+
return jsxRuntime.jsxs("div", {
|
|
1941
1941
|
ref: rootRef,
|
|
1942
1942
|
className: styles.MultiSelect,
|
|
1943
|
-
children: [selectedItems.length > 0 ? jsxRuntime.
|
|
1943
|
+
children: [selectedItems.length > 0 ? jsxRuntime.jsx(PillGroup.PillGroup, {
|
|
1944
1944
|
items: selectedItems,
|
|
1945
1945
|
horizontalStackContainerProps: {
|
|
1946
1946
|
gap: "1"
|
|
@@ -1950,13 +1950,13 @@ function MultiSelect(props) {
|
|
|
1950
1950
|
background: pillBackground,
|
|
1951
1951
|
isBorderless: isPillBorderless,
|
|
1952
1952
|
children: renderPill
|
|
1953
|
-
}) : jsxRuntime.
|
|
1954
|
-
children: jsxRuntime.
|
|
1953
|
+
}) : jsxRuntime.jsx(VisuallyHidden.$5c3e21d68f1c4674$export$439d29a4e110a164, {
|
|
1954
|
+
children: jsxRuntime.jsx(Text$1.Text, {
|
|
1955
1955
|
children: "No selected items"
|
|
1956
1956
|
})
|
|
1957
|
-
}), jsxRuntime.
|
|
1957
|
+
}), jsxRuntime.jsxs("div", {
|
|
1958
1958
|
className: styles.comboBoxContainer,
|
|
1959
|
-
children: [jsxRuntime.
|
|
1959
|
+
children: [jsxRuntime.jsxs($d01f2c01039c0eec$export$72b9695b8216309a, {
|
|
1960
1960
|
className: styles.comboBox,
|
|
1961
1961
|
allowsEmptyCollection: true,
|
|
1962
1962
|
"aria-label": "Available items",
|
|
@@ -1966,22 +1966,22 @@ function MultiSelect(props) {
|
|
|
1966
1966
|
inputValue,
|
|
1967
1967
|
onInputChange: onComboBoxInputChange,
|
|
1968
1968
|
disabledKeys,
|
|
1969
|
-
children: [jsxRuntime.
|
|
1969
|
+
children: [jsxRuntime.jsxs("div", {
|
|
1970
1970
|
className: styles.inputContainer,
|
|
1971
|
-
children: [jsxRuntime.
|
|
1971
|
+
children: [jsxRuntime.jsx(Input.$3985021b0ad6602f$export$f5b8910cec6cf069, {
|
|
1972
1972
|
placeholder,
|
|
1973
1973
|
className: styles.input,
|
|
1974
1974
|
onBlur: onComboBoxInputBlur,
|
|
1975
1975
|
onKeyDownCapture: onComboBoxInputKeyDownCapture
|
|
1976
|
-
}), jsxRuntime.
|
|
1977
|
-
children: jsxRuntime.
|
|
1976
|
+
}), jsxRuntime.jsx(VisuallyHidden.$5c3e21d68f1c4674$export$439d29a4e110a164, {
|
|
1977
|
+
children: jsxRuntime.jsx(Button.$d2b4bc8c273e7be6$export$353f5b6fc5456de1, {
|
|
1978
1978
|
type: "button",
|
|
1979
1979
|
slot: "remove",
|
|
1980
1980
|
"aria-label": "Clear",
|
|
1981
1981
|
ref: clearComboBoxButtonRef
|
|
1982
1982
|
})
|
|
1983
1983
|
})]
|
|
1984
|
-
}), jsxRuntime.
|
|
1984
|
+
}), jsxRuntime.jsx(MultiSelectDropdown, {
|
|
1985
1985
|
triggerRef: rootRef,
|
|
1986
1986
|
menuRef,
|
|
1987
1987
|
maxItemsUntilScroll,
|
|
@@ -1989,7 +1989,7 @@ function MultiSelect(props) {
|
|
|
1989
1989
|
width: rootWidth,
|
|
1990
1990
|
children
|
|
1991
1991
|
})]
|
|
1992
|
-
}), jsxRuntime.
|
|
1992
|
+
}), jsxRuntime.jsxs("button", {
|
|
1993
1993
|
type: "button",
|
|
1994
1994
|
className: styles.dropdownArrowButton,
|
|
1995
1995
|
onClick: () => {
|
|
@@ -1997,10 +1997,10 @@ function MultiSelect(props) {
|
|
|
1997
1997
|
return (_a = clearComboBoxButtonRef.current) == null ? void 0 : _a.click();
|
|
1998
1998
|
},
|
|
1999
1999
|
tabIndex: -1,
|
|
2000
|
-
children: [jsxRuntime.
|
|
2000
|
+
children: [jsxRuntime.jsx(Text$1.Text, {
|
|
2001
2001
|
visuallyHidden: true,
|
|
2002
2002
|
children: "Open dropdown"
|
|
2003
|
-
}), jsxRuntime.
|
|
2003
|
+
}), jsxRuntime.jsx(Icon.Icon, {
|
|
2004
2004
|
symbol: KeyboardArrowDown
|
|
2005
2005
|
})]
|
|
2006
2006
|
})]
|
package/MultiSelect/index.mjs
CHANGED
|
@@ -49,15 +49,15 @@ var __async = (__this, __arguments, generator) => {
|
|
|
49
49
|
step((generator = generator.apply(__this, __arguments)).next());
|
|
50
50
|
});
|
|
51
51
|
};
|
|
52
|
-
import {
|
|
52
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
53
53
|
import * as React from "react";
|
|
54
54
|
import React__default, { useState, useMemo, useRef, useCallback, useEffect, useReducer, createContext, forwardRef } from "react";
|
|
55
55
|
import { $ as $d2b4bc8c273e7be6$export$24d547caef80ccd1, a as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../__chunks__/Button-B4DxcTvZ.mjs";
|
|
56
56
|
import { $ as $64fa3d84918910a7$export$29f1550f4b0d4415, d as $64fa3d84918910a7$export$fabf2dc03a41866e, e as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, f as $64fa3d84918910a7$export$ef03459518577ad4, a as $64fa3d84918910a7$export$4d86445c2cf5e3, b as $64fa3d84918910a7$export$2881499e37b75b9a } from "../__chunks__/utils-C1be5hOp.mjs";
|
|
57
57
|
import { $ as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $a049562f99e7db0e$export$f9c6924e160136d1, b as $ee014567cb39d3f0$export$ff05c3ac10437e03, c as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../__chunks__/Input-BIRbdEcT.mjs";
|
|
58
58
|
import { a as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "../__chunks__/Label-LpYJUKnw.mjs";
|
|
59
|
-
import { $ as $0d86e9c8f07f9a7b$export$79c0c687a5963b0a, a as $eed445e0843c11d0$export$7ff8f37d2d81a48d, b as $e1995378a142960e$export$bf788dd355e3a401, c as $eed445e0843c11d0$export$7c5906fe4f1f2af2, d as $eed445e0843c11d0$export$41f133550aa26f48, e as $eed445e0843c11d0$export$a11e76429ed99b4, P as PillGroup } from "../__chunks__/PillGroup-
|
|
60
|
-
import { f } from "../__chunks__/PillGroup-
|
|
59
|
+
import { $ as $0d86e9c8f07f9a7b$export$79c0c687a5963b0a, a as $eed445e0843c11d0$export$7ff8f37d2d81a48d, b as $e1995378a142960e$export$bf788dd355e3a401, c as $eed445e0843c11d0$export$7c5906fe4f1f2af2, d as $eed445e0843c11d0$export$41f133550aa26f48, e as $eed445e0843c11d0$export$a11e76429ed99b4, P as PillGroup } from "../__chunks__/PillGroup-DN72MPhg.mjs";
|
|
60
|
+
import { f } from "../__chunks__/PillGroup-DN72MPhg.mjs";
|
|
61
61
|
import { c as $de32f1b87079253c$export$d2f961adcb0afbe, d as $07b14b47974efb58$export$9b9a0cd73afb7ca4, a as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../__chunks__/Dialog-DIhV589X.mjs";
|
|
62
62
|
import { $ as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../__chunks__/Text-BBBs9zA4.mjs";
|
|
63
63
|
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../__chunks__/filterDOMProps-eGTqWSTd.mjs";
|
|
@@ -82,10 +82,10 @@ import { b as $2a25aae57d74318e$export$a05409b8bb224a5a, a as $453cc9f0df89c0a5$
|
|
|
82
82
|
import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "../__chunks__/useLocalizedStringFormatter-DWQ_olZl.mjs";
|
|
83
83
|
import { $ as $168583247155ddda$export$dc9c12ed27dd1b49 } from "../__chunks__/useMenuTrigger-e_p0x3OT.mjs";
|
|
84
84
|
import { $ as $2d73ec29415bd339$export$712718f7aec83d5 } from "../__chunks__/useTextField-0Mbs_DmY.mjs";
|
|
85
|
-
import { I as Icon } from "../__chunks__/Icon-
|
|
85
|
+
import { I as Icon } from "../__chunks__/Icon-BIpaQJ_I.mjs";
|
|
86
86
|
import { D as DEFAULT_MAX_ITEMS_UNTIL_SCROLL, Y as Y_PADDING_INSIDE_OVERLAY, I as ITEM_HEIGHT, e as getMenuPopoverMaxHeight } from "../__chunks__/utilities-CBYsZn-t.mjs";
|
|
87
|
-
import { S as Spinner } from "../__chunks__/Spinner-
|
|
88
|
-
import { T as Text } from "../__chunks__/Text-
|
|
87
|
+
import { S as Spinner } from "../__chunks__/Spinner-COsekFr1.mjs";
|
|
88
|
+
import { T as Text } from "../__chunks__/Text-D6oT5WJQ.mjs";
|
|
89
89
|
import { getComponentToken, pxToRem } from "../utilities/css.mjs";
|
|
90
90
|
import { useScrollbar } from "../utilities/useScrollbar.mjs";
|
|
91
91
|
import { a as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../__chunks__/VisuallyHidden-BrpRPZGD.mjs";
|
|
@@ -1787,7 +1787,7 @@ function MultiSelectDropdown(props) {
|
|
|
1787
1787
|
const style = __spreadValues(__spreadValues({
|
|
1788
1788
|
width
|
|
1789
1789
|
}, getComponentToken("menu", "item_height", `${pxToRem(ITEM_HEIGHT)}rem`)), getComponentToken("menu", "padding.y", `${pxToRem(Y_PADDING_INSIDE_OVERLAY)}rem`));
|
|
1790
|
-
return
|
|
1790
|
+
return jsx($07b14b47974efb58$export$5b6b19405a83ff9d, {
|
|
1791
1791
|
isNonModal: true,
|
|
1792
1792
|
className: styles$1.popover,
|
|
1793
1793
|
style,
|
|
@@ -1797,22 +1797,22 @@ function MultiSelectDropdown(props) {
|
|
|
1797
1797
|
maxHeight: getMenuPopoverMaxHeight({
|
|
1798
1798
|
maxItemsUntilScroll
|
|
1799
1799
|
}),
|
|
1800
|
-
children: isLoading ?
|
|
1800
|
+
children: isLoading ? jsx("div", {
|
|
1801
1801
|
className: styles$1.spinnerContainer,
|
|
1802
|
-
children:
|
|
1802
|
+
children: jsx("div", {
|
|
1803
1803
|
className: styles$1.spinner,
|
|
1804
|
-
children:
|
|
1804
|
+
children: jsx(Spinner, {
|
|
1805
1805
|
isIndeterminate: true,
|
|
1806
1806
|
"aria-label": "Loading",
|
|
1807
1807
|
size: "sm"
|
|
1808
1808
|
})
|
|
1809
1809
|
})
|
|
1810
|
-
}) :
|
|
1810
|
+
}) : jsx(ScrollContainer, {
|
|
1811
1811
|
scrollRef: menuRef,
|
|
1812
|
-
children:
|
|
1813
|
-
renderEmptyState: () =>
|
|
1812
|
+
children: jsx($eed445e0843c11d0$export$41f133550aa26f48, {
|
|
1813
|
+
renderEmptyState: () => jsx("div", {
|
|
1814
1814
|
className: styles$1.listEmptyState,
|
|
1815
|
-
children:
|
|
1815
|
+
children: jsx(Text, {
|
|
1816
1816
|
variant: "subtitle2",
|
|
1817
1817
|
color: "neutral.400",
|
|
1818
1818
|
children: "No results found"
|
|
@@ -1825,18 +1825,18 @@ function MultiSelectDropdown(props) {
|
|
|
1825
1825
|
});
|
|
1826
1826
|
}
|
|
1827
1827
|
function MultiSelectDropdownOption(props) {
|
|
1828
|
-
return
|
|
1828
|
+
return jsx($eed445e0843c11d0$export$a11e76429ed99b4, __spreadProps(__spreadValues({}, props), {
|
|
1829
1829
|
className: styles$1.option
|
|
1830
1830
|
}));
|
|
1831
1831
|
}
|
|
1832
1832
|
function MultiSelectDropdownOptionText(props) {
|
|
1833
|
-
return
|
|
1833
|
+
return jsx(Text, __spreadValues({
|
|
1834
1834
|
variant: "body1"
|
|
1835
1835
|
}, props));
|
|
1836
1836
|
}
|
|
1837
1837
|
function ScrollContainer({ scrollRef, children }) {
|
|
1838
1838
|
useScrollbar(scrollRef, "ezui-os-theme-overlay");
|
|
1839
|
-
return
|
|
1839
|
+
return jsx("div", {
|
|
1840
1840
|
className: styles$1.menu,
|
|
1841
1841
|
ref: scrollRef,
|
|
1842
1842
|
children
|
|
@@ -1920,10 +1920,10 @@ function MultiSelect(props) {
|
|
|
1920
1920
|
onInputChange("");
|
|
1921
1921
|
setTempSelectedKey(null);
|
|
1922
1922
|
};
|
|
1923
|
-
return
|
|
1923
|
+
return jsxs("div", {
|
|
1924
1924
|
ref: rootRef,
|
|
1925
1925
|
className: styles.MultiSelect,
|
|
1926
|
-
children: [selectedItems.length > 0 ?
|
|
1926
|
+
children: [selectedItems.length > 0 ? jsx(PillGroup, {
|
|
1927
1927
|
items: selectedItems,
|
|
1928
1928
|
horizontalStackContainerProps: {
|
|
1929
1929
|
gap: "1"
|
|
@@ -1933,13 +1933,13 @@ function MultiSelect(props) {
|
|
|
1933
1933
|
background: pillBackground,
|
|
1934
1934
|
isBorderless: isPillBorderless,
|
|
1935
1935
|
children: renderPill
|
|
1936
|
-
}) :
|
|
1937
|
-
children:
|
|
1936
|
+
}) : jsx($5c3e21d68f1c4674$export$439d29a4e110a164, {
|
|
1937
|
+
children: jsx(Text, {
|
|
1938
1938
|
children: "No selected items"
|
|
1939
1939
|
})
|
|
1940
|
-
}),
|
|
1940
|
+
}), jsxs("div", {
|
|
1941
1941
|
className: styles.comboBoxContainer,
|
|
1942
|
-
children: [
|
|
1942
|
+
children: [jsxs($d01f2c01039c0eec$export$72b9695b8216309a, {
|
|
1943
1943
|
className: styles.comboBox,
|
|
1944
1944
|
allowsEmptyCollection: true,
|
|
1945
1945
|
"aria-label": "Available items",
|
|
@@ -1949,22 +1949,22 @@ function MultiSelect(props) {
|
|
|
1949
1949
|
inputValue,
|
|
1950
1950
|
onInputChange: onComboBoxInputChange,
|
|
1951
1951
|
disabledKeys,
|
|
1952
|
-
children: [
|
|
1952
|
+
children: [jsxs("div", {
|
|
1953
1953
|
className: styles.inputContainer,
|
|
1954
|
-
children: [
|
|
1954
|
+
children: [jsx($3985021b0ad6602f$export$f5b8910cec6cf069, {
|
|
1955
1955
|
placeholder,
|
|
1956
1956
|
className: styles.input,
|
|
1957
1957
|
onBlur: onComboBoxInputBlur,
|
|
1958
1958
|
onKeyDownCapture: onComboBoxInputKeyDownCapture
|
|
1959
|
-
}),
|
|
1960
|
-
children:
|
|
1959
|
+
}), jsx($5c3e21d68f1c4674$export$439d29a4e110a164, {
|
|
1960
|
+
children: jsx($d2b4bc8c273e7be6$export$353f5b6fc5456de1, {
|
|
1961
1961
|
type: "button",
|
|
1962
1962
|
slot: "remove",
|
|
1963
1963
|
"aria-label": "Clear",
|
|
1964
1964
|
ref: clearComboBoxButtonRef
|
|
1965
1965
|
})
|
|
1966
1966
|
})]
|
|
1967
|
-
}),
|
|
1967
|
+
}), jsx(MultiSelectDropdown, {
|
|
1968
1968
|
triggerRef: rootRef,
|
|
1969
1969
|
menuRef,
|
|
1970
1970
|
maxItemsUntilScroll,
|
|
@@ -1972,7 +1972,7 @@ function MultiSelect(props) {
|
|
|
1972
1972
|
width: rootWidth,
|
|
1973
1973
|
children
|
|
1974
1974
|
})]
|
|
1975
|
-
}),
|
|
1975
|
+
}), jsxs("button", {
|
|
1976
1976
|
type: "button",
|
|
1977
1977
|
className: styles.dropdownArrowButton,
|
|
1978
1978
|
onClick: () => {
|
|
@@ -1980,10 +1980,10 @@ function MultiSelect(props) {
|
|
|
1980
1980
|
return (_a = clearComboBoxButtonRef.current) == null ? void 0 : _a.click();
|
|
1981
1981
|
},
|
|
1982
1982
|
tabIndex: -1,
|
|
1983
|
-
children: [
|
|
1983
|
+
children: [jsx(Text, {
|
|
1984
1984
|
visuallyHidden: true,
|
|
1985
1985
|
children: "Open dropdown"
|
|
1986
|
-
}),
|
|
1986
|
+
}), jsx(Icon, {
|
|
1987
1987
|
symbol: KeyboardArrowDown
|
|
1988
1988
|
})]
|
|
1989
1989
|
})]
|
|
@@ -19,12 +19,12 @@ var __spreadValues = (a, b) => {
|
|
|
19
19
|
};
|
|
20
20
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
21
21
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
22
|
-
const jsxRuntime = require("
|
|
23
|
-
const HorizontalStack = require("../__chunks__/HorizontalStack-
|
|
24
|
-
const Text = require("../__chunks__/Text-
|
|
25
|
-
const VerticalStack = require("../__chunks__/VerticalStack-
|
|
22
|
+
const jsxRuntime = require("react/jsx-runtime");
|
|
23
|
+
const HorizontalStack = require("../__chunks__/HorizontalStack-CWdKKY8L.js");
|
|
24
|
+
const Text = require("../__chunks__/Text-DkzMEqky.js");
|
|
25
|
+
const VerticalStack = require("../__chunks__/VerticalStack-BHkiocKU.js");
|
|
26
26
|
const React = require("react");
|
|
27
|
-
const Icon = require("../__chunks__/Icon-
|
|
27
|
+
const Icon = require("../__chunks__/Icon-BRlbo3RF.js");
|
|
28
28
|
const utilities_css = require("../utilities/css.js");
|
|
29
29
|
const useLink = require("../__chunks__/useLink-CChqhQkC.js");
|
|
30
30
|
const useFocusRing = require("../__chunks__/useFocusRing-DbC9E5wC.js");
|
|
@@ -55,9 +55,9 @@ function MultipageSectionSidebarNav(props) {
|
|
|
55
55
|
selectedHref
|
|
56
56
|
};
|
|
57
57
|
}, [selectedHref]);
|
|
58
|
-
return jsxRuntime.
|
|
58
|
+
return jsxRuntime.jsx(SidebarNavContext.Provider, {
|
|
59
59
|
value: context,
|
|
60
|
-
children: jsxRuntime.
|
|
60
|
+
children: jsxRuntime.jsx(VerticalStack.VerticalStack, {
|
|
61
61
|
as: "nav",
|
|
62
62
|
gap: "2",
|
|
63
63
|
children
|
|
@@ -66,10 +66,10 @@ function MultipageSectionSidebarNav(props) {
|
|
|
66
66
|
}
|
|
67
67
|
function MultipageSectionSidebarNavSection(props) {
|
|
68
68
|
const { title, children } = props;
|
|
69
|
-
return jsxRuntime.
|
|
69
|
+
return jsxRuntime.jsxs(VerticalStack.VerticalStack, {
|
|
70
70
|
gap: "2",
|
|
71
71
|
inlineAlign: "start",
|
|
72
|
-
children: [jsxRuntime.
|
|
72
|
+
children: [jsxRuntime.jsx(Text.Text, {
|
|
73
73
|
variant: "overline",
|
|
74
74
|
children: title
|
|
75
75
|
}), children]
|
|
@@ -84,14 +84,14 @@ function MultipageSectionSidebarNavLink(props) {
|
|
|
84
84
|
const { hoverProps, isHovered } = useHover.$6179b936705e76d3$export$ae780daf29e6d456(props);
|
|
85
85
|
const isSelected = href === selectedHref;
|
|
86
86
|
const className = utilities_css.classNames(styles$1.link, isFocusVisible && styles$1.focused, isHovered && styles$1.hovered, isSelected && styles$1.selected);
|
|
87
|
-
return jsxRuntime.
|
|
87
|
+
return jsxRuntime.jsxs("a", __spreadProps(__spreadValues({
|
|
88
88
|
ref,
|
|
89
89
|
className
|
|
90
90
|
}, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(hoverProps, focusProps, linkProps)), {
|
|
91
91
|
"aria-current": isSelected ? "page" : void 0,
|
|
92
|
-
children: [jsxRuntime.
|
|
92
|
+
children: [jsxRuntime.jsx(Icon.Icon, {
|
|
93
93
|
symbol: iconSymbol
|
|
94
|
-
}), jsxRuntime.
|
|
94
|
+
}), jsxRuntime.jsx(Text.Text, {
|
|
95
95
|
variant: "body2",
|
|
96
96
|
weight: isSelected ? "semibold" : void 0,
|
|
97
97
|
children
|
|
@@ -116,28 +116,28 @@ const styles = {
|
|
|
116
116
|
};
|
|
117
117
|
function MultipageSection(props) {
|
|
118
118
|
const { children } = props;
|
|
119
|
-
return jsxRuntime.
|
|
119
|
+
return jsxRuntime.jsx("section", {
|
|
120
120
|
className: styles.MultipageSection,
|
|
121
121
|
children
|
|
122
122
|
});
|
|
123
123
|
}
|
|
124
124
|
function MultipageSectionContainer(props) {
|
|
125
125
|
const { children } = props;
|
|
126
|
-
return jsxRuntime.
|
|
126
|
+
return jsxRuntime.jsx("div", {
|
|
127
127
|
className: styles.container,
|
|
128
128
|
children
|
|
129
129
|
});
|
|
130
130
|
}
|
|
131
131
|
function MultipageSectionSplitContainer(props) {
|
|
132
132
|
const { children } = props;
|
|
133
|
-
return jsxRuntime.
|
|
133
|
+
return jsxRuntime.jsx("div", {
|
|
134
134
|
className: styles.splitContainer,
|
|
135
135
|
children
|
|
136
136
|
});
|
|
137
137
|
}
|
|
138
138
|
function MultipageSectionSidebar(props) {
|
|
139
139
|
const { children } = props;
|
|
140
|
-
return jsxRuntime.
|
|
140
|
+
return jsxRuntime.jsx("div", {
|
|
141
141
|
role: "region",
|
|
142
142
|
className: styles.sidebar,
|
|
143
143
|
children
|
|
@@ -145,9 +145,9 @@ function MultipageSectionSidebar(props) {
|
|
|
145
145
|
}
|
|
146
146
|
function MultipageSectionBrandHeader(props) {
|
|
147
147
|
const { children } = props;
|
|
148
|
-
return jsxRuntime.
|
|
148
|
+
return jsxRuntime.jsx("div", {
|
|
149
149
|
className: styles.brandHeader,
|
|
150
|
-
children: jsxRuntime.
|
|
150
|
+
children: jsxRuntime.jsx(HorizontalStack.HorizontalStack, {
|
|
151
151
|
gap: "2",
|
|
152
152
|
blockAlign: "center",
|
|
153
153
|
children
|
|
@@ -156,14 +156,14 @@ function MultipageSectionBrandHeader(props) {
|
|
|
156
156
|
}
|
|
157
157
|
function MultipageSectionBrandHeaderLogo(props) {
|
|
158
158
|
const { children } = props;
|
|
159
|
-
return jsxRuntime.
|
|
159
|
+
return jsxRuntime.jsx("div", {
|
|
160
160
|
className: styles.brandLogo,
|
|
161
161
|
children
|
|
162
162
|
});
|
|
163
163
|
}
|
|
164
164
|
function MultipageSectionBrandHeaderTitle(props) {
|
|
165
165
|
const { children } = props;
|
|
166
|
-
return jsxRuntime.
|
|
166
|
+
return jsxRuntime.jsx(Text.Text, {
|
|
167
167
|
as: "h2",
|
|
168
168
|
variant: "heading3",
|
|
169
169
|
color: "primary.800",
|
|
@@ -172,9 +172,9 @@ function MultipageSectionBrandHeaderTitle(props) {
|
|
|
172
172
|
}
|
|
173
173
|
function MultipageSectionContent(props) {
|
|
174
174
|
const { children } = props;
|
|
175
|
-
return jsxRuntime.
|
|
175
|
+
return jsxRuntime.jsx("div", {
|
|
176
176
|
className: styles.content,
|
|
177
|
-
children: jsxRuntime.
|
|
177
|
+
children: jsxRuntime.jsx(VerticalStack.VerticalStack, {
|
|
178
178
|
gap: "2",
|
|
179
179
|
children
|
|
180
180
|
})
|
|
@@ -182,7 +182,7 @@ function MultipageSectionContent(props) {
|
|
|
182
182
|
}
|
|
183
183
|
function MultipageSectionContentHeader(props) {
|
|
184
184
|
const { children } = props;
|
|
185
|
-
return jsxRuntime.
|
|
185
|
+
return jsxRuntime.jsx(HorizontalStack.HorizontalStack, {
|
|
186
186
|
as: "header",
|
|
187
187
|
blockAlign: "center",
|
|
188
188
|
align: "space-between",
|
|
@@ -191,21 +191,21 @@ function MultipageSectionContentHeader(props) {
|
|
|
191
191
|
}
|
|
192
192
|
function MultipageSectionContentTitle(props) {
|
|
193
193
|
const { children, titleIcon } = props;
|
|
194
|
-
return jsxRuntime.
|
|
195
|
-
children: titleIcon ? jsxRuntime.
|
|
194
|
+
return jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
195
|
+
children: titleIcon ? jsxRuntime.jsxs(HorizontalStack.HorizontalStack, {
|
|
196
196
|
gap: "1",
|
|
197
197
|
blockAlign: "center",
|
|
198
|
-
children: [jsxRuntime.
|
|
198
|
+
children: [jsxRuntime.jsx(Icon.Icon, {
|
|
199
199
|
symbol: titleIcon,
|
|
200
200
|
size: "lg",
|
|
201
201
|
color: "primary.800"
|
|
202
|
-
}), jsxRuntime.
|
|
202
|
+
}), jsxRuntime.jsx(Text.Text, {
|
|
203
203
|
as: "h3",
|
|
204
204
|
variant: "heading5",
|
|
205
205
|
color: "primary.800",
|
|
206
206
|
children
|
|
207
207
|
})]
|
|
208
|
-
}) : jsxRuntime.
|
|
208
|
+
}) : jsxRuntime.jsx(Text.Text, {
|
|
209
209
|
as: "h3",
|
|
210
210
|
variant: "heading5",
|
|
211
211
|
color: "primary.800",
|