@cgi-learning-hub/ui 1.3.4 → 1.3.5-dev.1736343971
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/dist/Backdrop-CvufxHMY.cjs +1 -0
- package/dist/{Backdrop-BlKt7y1x.js → Backdrop-DcDd6WZF.js} +13 -13
- package/dist/{Box-DErdbtsw.js → Box-Byz2BwGf.js} +10 -10
- package/dist/Box-mP2Th61z.cjs +1 -0
- package/dist/Button-BH9MUvmz.cjs +1 -0
- package/dist/{Button-CiqVGfRs.js → Button-BnNYfQ3E.js} +153 -119
- package/dist/ButtonBase-BXtyQVDC.cjs +74 -0
- package/dist/{ButtonBase-DUPJVOlc.js → ButtonBase-DAWDecOk.js} +42 -41
- package/dist/{Card-mGRk1RuE.js → Card-AJG0TUOx.js} +3 -3
- package/dist/Card-NqCXQteq.cjs +1 -0
- package/dist/{Checkbox-aJ1r7ufI.js → Checkbox-8Rhxpkjl.js} +23 -22
- package/dist/Checkbox-DYrDbdy1.cjs +1 -0
- package/dist/CircularProgress-BByrCLjv.cjs +28 -0
- package/dist/{CircularProgress-CfODO7vI.js → CircularProgress-Kwlef5fX.js} +14 -13
- package/dist/DatePicker-7-4p3Vtj.cjs +14 -0
- package/dist/{DatePicker-Dyf9Vhld.js → DatePicker-BS1OatwQ.js} +549 -546
- package/dist/DefaultPropsProvider-3KMGupjb.cjs +17 -0
- package/dist/DefaultPropsProvider-CvJPQJmL.js +454 -0
- package/dist/{Delete-BOQTx9ze.js → Delete-BkZN7Xu5.js} +1 -1
- package/dist/{Delete-DyzDL8-Y.cjs → Delete-D1EiKoL5.cjs} +1 -1
- package/dist/Dialog-D_lS4J_M.js +415 -0
- package/dist/Dialog-yOrNcHbG.cjs +1 -0
- package/dist/DialogContent-Dj_OjLZ6.cjs +1 -0
- package/dist/DialogContent-uc65XOEU.js +194 -0
- package/dist/DialogTitle-BboPDaoB.cjs +1 -0
- package/dist/{DialogTitle-AQ-YU9PH.js → DialogTitle-C8JOi-rq.js} +43 -42
- package/dist/Divider-CcrM3lNn.cjs +1 -0
- package/dist/{Divider-C0R1SUa4.js → Divider-KO-E6nU8.js} +8 -8
- package/dist/FormControlLabel-Bb6Ul-qQ.cjs +1 -0
- package/dist/{FormControlLabel-w-X91z27.js → FormControlLabel-BmrKQtQA.js} +17 -16
- package/dist/{FormGroup-6NoANcYk.js → FormGroup-CbczEc6e.js} +12 -12
- package/dist/FormGroup-Y3P2AG0i.cjs +1 -0
- package/dist/{FormLabel-CoLJ9tA8.js → FormLabel-CfR4bb21.js} +6 -5
- package/dist/FormLabel-D1uvEhsH.cjs +2 -0
- package/dist/{Grow-SW33sONG.js → Grow-CQVPAYvp.js} +13 -13
- package/dist/Grow-CUBJs6WD.cjs +1 -0
- package/dist/IconButton-CJfzspZK.cjs +2 -0
- package/dist/{IconButton-DjeMTpI5.js → IconButton-CekuyD4r.js} +13 -12
- package/dist/InputAdornment-Cq0WhPxF.cjs +1 -0
- package/dist/{InputAdornment-ByiVSgFT.js → InputAdornment-iU5YnveW.js} +16 -15
- package/dist/{InputBase-CvU0-Zg6.js → InputBase-BJy3wwFB.js} +28 -26
- package/dist/InputBase-s1fk8TB4.cjs +3 -0
- package/dist/Link-CWczkFp0.cjs +1 -0
- package/dist/{Link-Dmwt9wxb.js → Link-CoQuUM0t.js} +11 -10
- package/dist/Menu-Bsx8PA-q.cjs +7 -0
- package/dist/{Menu-4U27Dst1.js → Menu-C7tKmcAh.js} +63 -61
- package/dist/MenuItem-BZ_EVaBq.cjs +1 -0
- package/dist/{MenuItem-CqPsuuC1.js → MenuItem-j8luVUcX.js} +7 -7
- package/dist/Modal-DImrEpYJ.cjs +2 -0
- package/dist/{Modal-D_mqYIr2.js → Modal-brWBFdK7.js} +76 -74
- package/dist/{Paper-D973Ow-i.js → Paper-BG4Vk_Um.js} +4 -4
- package/dist/Paper-Cr56xkCr.cjs +2 -0
- package/dist/{Popper-B8oNZqtn.js → Popper-DFZ_gRev.js} +240 -239
- package/dist/Popper-YT5WAMV-.cjs +4 -0
- package/dist/Portal-DF0RKOcD.cjs +1 -0
- package/dist/{Portal-BKbBRbWN.js → Portal-JEwcozmp.js} +3 -3
- package/dist/Radio-CVAEGXKi.cjs +1 -0
- package/dist/{Radio-BrzQH9pY.js → Radio-DGhot3Cd.js} +21 -20
- package/dist/Select-CwAWNiiv.cjs +3 -0
- package/dist/{Select-CgAPAUTr.js → Select-DmssuG5M.js} +62 -60
- package/dist/{Stack-CYXQpKS2.js → Stack-BzTJdRGj.js} +105 -60
- package/dist/Stack-Yq6rb7iK.cjs +1 -0
- package/dist/SwitchBase-DjIY_KWB.cjs +1 -0
- package/dist/{SwitchBase-CGa9A6SL.js → SwitchBase-Dlth5_F7.js} +38 -37
- package/dist/{TableSortLabel-hvz89Dvu.js → TableSortLabel-BsgRD4k4.js} +1289 -1268
- package/dist/TableSortLabel-D0N3e3cP.cjs +98 -0
- package/dist/{Tabs-BPI2IyPx.js → Tabs-CYbeTnJk.js} +292 -289
- package/dist/Tabs-KG4VWw-1.cjs +4 -0
- package/dist/TextField-BI9KVqjC.cjs +1 -0
- package/dist/{TextField-C4nIxR_t.js → TextField-Cri5Gxa7.js} +20 -19
- package/dist/{Tooltip-Bdrv-e2a.js → Tooltip-BhAHhzKz.js} +32 -30
- package/dist/Tooltip-DhDtvULK.cjs +4 -0
- package/dist/{Typography-CUdlQxLM.js → Typography-DBwTr_ix.js} +13 -12
- package/dist/Typography-DfRMDngd.cjs +1 -0
- package/dist/capitalize-B3GG7Wn6.cjs +1 -0
- package/dist/capitalize-CkF8kU4n.js +9 -0
- package/dist/components/Button/Button.cjs.js +1 -1
- package/dist/components/Button/Button.es.js +101 -136
- package/dist/components/DatePicker/DatePicker.cjs.js +1 -1
- package/dist/components/DatePicker/DatePicker.es.js +2 -2
- package/dist/components/DatePicker/index.cjs.js +1 -1
- package/dist/components/DatePicker/index.es.js +1 -1
- package/dist/components/Dialog/Dialog.cjs.js +1 -0
- package/dist/components/Dialog/Dialog.d.ts +6 -0
- package/dist/components/Dialog/Dialog.es.js +28 -0
- package/dist/components/Dialog/index.cjs.js +1 -0
- package/dist/components/Dialog/index.d.ts +2 -0
- package/dist/components/Dialog/index.es.js +4 -0
- package/dist/components/Dropzone/Dropzone.cjs.js +1 -1
- package/dist/components/Dropzone/Dropzone.es.js +4 -4
- package/dist/components/EllipsisWithTooltip/EllipsisWithTooltip.cjs.js +1 -0
- package/dist/components/EllipsisWithTooltip/EllipsisWithTooltip.d.ts +9 -0
- package/dist/components/EllipsisWithTooltip/EllipsisWithTooltip.es.js +44 -0
- package/dist/components/EllipsisWithTooltip/index.cjs.js +1 -0
- package/dist/components/EllipsisWithTooltip/index.d.ts +2 -0
- package/dist/components/EllipsisWithTooltip/index.es.js +4 -0
- package/dist/components/EmptyState/EmptyState.cjs.js +1 -1
- package/dist/components/EmptyState/EmptyState.es.js +2 -2
- package/dist/components/FileList/FileList.cjs.js +1 -1
- package/dist/components/FileList/FileList.es.js +1 -1
- package/dist/components/FileList/FileListItem.cjs.js +1 -1
- package/dist/components/FileList/FileListItem.es.js +7 -7
- package/dist/components/Heading/Heading.cjs.js +1 -1
- package/dist/components/Heading/Heading.es.js +2 -2
- package/dist/components/ImagePicker/ImagePicker.cjs.js +1 -1
- package/dist/components/ImagePicker/ImagePicker.d.ts +1 -0
- package/dist/components/ImagePicker/ImagePicker.es.js +29 -28
- package/dist/components/Loader/Loader.cjs.js +1 -1
- package/dist/components/Loader/Loader.es.js +1 -1
- package/dist/components/LoaderBackdrop/LoaderBackdrop.cjs.js +1 -1
- package/dist/components/LoaderBackdrop/LoaderBackdrop.es.js +2 -2
- package/dist/components/PasswordInput/PasswordInput.cjs.js +1 -1
- package/dist/components/PasswordInput/PasswordInput.es.js +5 -5
- package/dist/components/QueryError/QueryError.cjs.js +1 -1
- package/dist/components/QueryError/QueryError.es.js +14 -14
- package/dist/components/SearchInput/SearchInput.cjs.js +1 -1
- package/dist/components/SearchInput/SearchInput.es.js +4 -4
- package/dist/components/TextInput/TextInput.cjs.js +1 -1
- package/dist/components/TextInput/TextInput.es.js +1 -1
- package/dist/components/index.cjs.js +1 -1
- package/dist/components/index.d.ts +7 -3
- package/dist/components/index.es.js +228 -220
- package/dist/components/stories/Button.stories.cjs.js +1 -1
- package/dist/components/stories/Button.stories.es.js +1 -1
- package/dist/components/stories/Card.stories.cjs.js +1 -1
- package/dist/components/stories/Card.stories.es.js +8 -8
- package/dist/components/stories/Checkbox.stories.cjs.js +1 -1
- package/dist/components/stories/Checkbox.stories.es.js +5 -5
- package/dist/components/stories/DatePicker.stories.cjs.js +1 -1
- package/dist/components/stories/DatePicker.stories.es.js +1 -1
- package/dist/components/stories/Dialog.stories.cjs.js +1 -1
- package/dist/components/stories/Dialog.stories.d.ts +1 -1
- package/dist/components/stories/Dialog.stories.es.js +26 -14
- package/dist/components/stories/Divider.stories.cjs.js +1 -1
- package/dist/components/stories/Divider.stories.es.js +5 -5
- package/dist/components/stories/EllipsisWithTooltip.stories.cjs.js +1 -0
- package/dist/components/stories/EllipsisWithTooltip.stories.d.ts +6 -0
- package/dist/components/stories/EllipsisWithTooltip.stories.es.js +36 -0
- package/dist/components/stories/FormControlLabel.stories.cjs.js +1 -1
- package/dist/components/stories/FormControlLabel.stories.es.js +69 -68
- package/dist/components/stories/Heading.stories.cjs.js +1 -1
- package/dist/components/stories/Heading.stories.es.js +2 -2
- package/dist/components/stories/IconButton.stories.cjs.js +1 -1
- package/dist/components/stories/IconButton.stories.es.js +2 -2
- package/dist/components/stories/ImagePicker.stories.cjs.js +1 -1
- package/dist/components/stories/ImagePicker.stories.es.js +13 -6
- package/dist/components/stories/Link.stories.cjs.js +1 -1
- package/dist/components/stories/Link.stories.es.js +1 -1
- package/dist/components/stories/Menu.stories.cjs.js +1 -1
- package/dist/components/stories/Menu.stories.es.js +16 -16
- package/dist/components/stories/Paper.stories.cjs.js +1 -1
- package/dist/components/stories/Paper.stories.es.js +1 -1
- package/dist/components/stories/RadioGroup.stories.cjs.js +1 -1
- package/dist/components/stories/RadioGroup.stories.es.js +6 -6
- package/dist/components/stories/Select.stories.cjs.js +1 -1
- package/dist/components/stories/Select.stories.es.js +3 -3
- package/dist/components/stories/TabList.stories.cjs.js +1 -1
- package/dist/components/stories/TabList.stories.es.js +9 -9
- package/dist/components/stories/TextField.stories.cjs.js +1 -1
- package/dist/components/stories/TextField.stories.es.js +3 -3
- package/dist/components/stories/Tooltip.stories.cjs.js +1 -1
- package/dist/components/stories/Tooltip.stories.es.js +2 -2
- package/dist/components/stories/Typography.stories.cjs.js +1 -1
- package/dist/components/stories/Typography.stories.es.js +1 -1
- package/dist/createSvgIcon--rEClVU7.cjs +1 -0
- package/dist/{createSvgIcon-CVd3Lo1D.js → createSvgIcon-C8nGcfF4.js} +6 -5
- package/dist/dividerClasses-CCAY3Pnr.cjs +1 -0
- package/dist/{dividerClasses-kN_Ky2Bl.js → dividerClasses-nh2-hkQB.js} +1 -1
- package/dist/{elementTypeAcceptingRef-modXfN2G.js → elementTypeAcceptingRef-D-5kcohU.js} +1 -1
- package/dist/elementTypeAcceptingRef-DZsNbuLU.cjs +1 -0
- package/dist/{extendSxProp-CHv0k-C6.js → extendSxProp-C2ff0oGc.js} +1 -1
- package/dist/extendSxProp-apyK-EBz.cjs +1 -0
- package/dist/{fr-rmVQsNbI.js → fr-Bjufn3RW.js} +84 -84
- package/dist/{fr-ChrHtTbj.cjs → fr-JE-1WKP6.cjs} +1 -1
- package/dist/generateUtilityClasses-B_H9HEmg.cjs +59 -0
- package/dist/{identifier-Bn0tF6ls.js → generateUtilityClasses-Bssl7BA_.js} +898 -872
- package/dist/index-Aa73Kpym.cjs +1 -0
- package/dist/{index-CVpJYeY2.js → index-BCnPLuqJ.js} +23 -22
- package/dist/index-ChM1Ett8.cjs +5 -0
- package/dist/index-Cw0GDedk.cjs +17 -0
- package/dist/{index-BNojWn2E.js → index-CwvpOCso.js} +29 -29
- package/dist/index-DXD5J5Eu.js +186 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +228 -220
- package/dist/{memoTheme-BPA1FjB4.cjs → memoTheme-Bdg0Y_2O.cjs} +1 -1
- package/dist/{memoTheme-CMJVTZEg.js → memoTheme-D7Fyh_3C.js} +1 -1
- package/dist/mergeSlotProps-DuV-LTW7.cjs +1 -0
- package/dist/{resolveComponentProps-DHoZOPOi.js → mergeSlotProps-tUJEcwVu.js} +7 -7
- package/dist/refType-CoaxQOPt.cjs +1 -0
- package/dist/refType-DKYKROQk.js +5 -0
- package/dist/useEnhancedEffect-BQZ6dtCo.cjs +1 -0
- package/dist/useEnhancedEffect-CJGo-L3B.js +5 -0
- package/dist/useEventCallback-BAQJJ3ye.js +14 -0
- package/dist/useEventCallback-C0-Qw3Sm.cjs +1 -0
- package/dist/{useSlot-t9oGnIgq.js → useSlot-BTpHG6jf.js} +1 -1
- package/dist/useSlot-CByalpSD.cjs +1 -0
- package/dist/useSlotProps-B31YQlzb.js +45 -0
- package/dist/useSlotProps-BVSAQTNl.cjs +1 -0
- package/dist/useTheme-Cy5kyKJF.cjs +1 -0
- package/dist/useTheme-Dukx-__T.cjs +1 -0
- package/dist/useTheme-DyaNKf4e.js +11 -0
- package/dist/{useTheme-CBsFvF7I.js → useTheme-_xyy-wul.js} +1 -1
- package/dist/{useThemeProps-5Bku71LW.js → useThemeProps-BySkSe-M.js} +2 -2
- package/dist/useThemeProps-CdV_QwDl.cjs +1 -0
- package/dist/{useThemeProps-I9EHeqzU.js → useThemeProps-CwEQ4bv2.js} +3 -3
- package/dist/{useThemeProps-C692LOYf.cjs → useThemeProps-u_ESzK2f.cjs} +1 -1
- package/dist/useTimeout-COCrDKz-.cjs +1 -0
- package/dist/useTimeout-CrCYVizI.js +42 -0
- package/dist/{utils-CE_a8glN.js → utils-C6c4fj7D.js} +41 -41
- package/dist/utils-vmyQ2IaS.cjs +1 -0
- package/package.json +1 -1
- package/dist/Backdrop-vSE8W9jq.cjs +0 -1
- package/dist/Box-DMYs7NTb.cjs +0 -1
- package/dist/Button-D3dbHQM1.cjs +0 -1
- package/dist/ButtonBase-BoWeLMzR.cjs +0 -74
- package/dist/Card-Cnh4u4kb.cjs +0 -1
- package/dist/Checkbox-s_RdgUlw.cjs +0 -1
- package/dist/CircularProgress-DHgcUb1c.cjs +0 -28
- package/dist/DatePicker-juzW4bLC.cjs +0 -14
- package/dist/DefaultPropsProvider-Biv7NHew.cjs +0 -17
- package/dist/DefaultPropsProvider-xJkZOrdv.js +0 -487
- package/dist/DialogContent-D1KFPXhr.js +0 -602
- package/dist/DialogContent-Dphl2SKX.cjs +0 -1
- package/dist/DialogTitle-C8AdXsDz.cjs +0 -1
- package/dist/Divider-Bdp8beK-.cjs +0 -1
- package/dist/FormControlLabel-BlO93LTi.cjs +0 -1
- package/dist/FormGroup-D0zSGn42.cjs +0 -1
- package/dist/FormLabel-BkiH7wl7.cjs +0 -2
- package/dist/Grow-DfACa72Q.cjs +0 -1
- package/dist/IconButton-DRs0xB4z.cjs +0 -2
- package/dist/InputAdornment-B1pggfEX.cjs +0 -1
- package/dist/InputBase-Xfjv-RYp.cjs +0 -3
- package/dist/Link-Z_UCBvgV.cjs +0 -1
- package/dist/Menu-DREdNbqu.cjs +0 -7
- package/dist/MenuItem-CN75Du-9.cjs +0 -1
- package/dist/Modal-DWqBsogu.cjs +0 -2
- package/dist/Paper-CjMuucS5.cjs +0 -2
- package/dist/Popper-hzM0y1hA.cjs +0 -4
- package/dist/Portal-Bv2VRYHH.cjs +0 -1
- package/dist/Radio-DxbXYNhR.cjs +0 -1
- package/dist/Select-CL4E8NNL.cjs +0 -3
- package/dist/Stack-WrITLr1B.cjs +0 -1
- package/dist/SwitchBase-Cqh9rxOh.cjs +0 -1
- package/dist/TableSortLabel-mAzX4tAl.cjs +0 -98
- package/dist/Tabs-BNqwYd2G.cjs +0 -4
- package/dist/TextField-Dy0Iblqt.cjs +0 -1
- package/dist/Tooltip-vg27N3PU.cjs +0 -4
- package/dist/Typography-BF9bdWxl.cjs +0 -1
- package/dist/createSvgIcon-BMmqQ2z0.cjs +0 -1
- package/dist/dividerClasses-CyDs_RPD.cjs +0 -1
- package/dist/elementTypeAcceptingRef-5w32V5hP.cjs +0 -1
- package/dist/extendSxProp-6YOo46ig.cjs +0 -1
- package/dist/identifier-Dax8VlUh.cjs +0 -59
- package/dist/index-C5dNuV-2.cjs +0 -5
- package/dist/index-D3PBNx_m.cjs +0 -1
- package/dist/index-OLlWw08I.cjs +0 -1
- package/dist/index-waINWr3i.js +0 -45
- package/dist/refType-BmrOFNz6.js +0 -7
- package/dist/refType-Dm84STBj.cjs +0 -1
- package/dist/resolveComponentProps-4nhUsl3a.cjs +0 -1
- package/dist/useSlot-CJAXUvYJ.cjs +0 -1
- package/dist/useTheme-BIogn5Me.cjs +0 -1
- package/dist/useTheme-Bz4LKMiC.cjs +0 -1
- package/dist/useTheme-L3EQmvnN.js +0 -11
- package/dist/useThemeProps-DNFKz8wS.cjs +0 -1
- package/dist/useTimeout-3Y5y4gWq.js +0 -53
- package/dist/useTimeout-CxOQget6.cjs +0 -1
- package/dist/utils-CusX8Edy.cjs +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { C as r } from "../../Checkbox-
|
|
2
|
+
import { C as r } from "../../Checkbox-8Rhxpkjl.js";
|
|
3
3
|
const s = (e) => /* @__PURE__ */ o(r, { ...e }), t = {
|
|
4
4
|
title: "Components/Checkbox",
|
|
5
5
|
component: s,
|
|
@@ -38,11 +38,11 @@ const s = (e) => /* @__PURE__ */ o(r, { ...e }), t = {
|
|
|
38
38
|
args: {
|
|
39
39
|
checked: !0
|
|
40
40
|
}
|
|
41
|
-
},
|
|
41
|
+
}, d = {
|
|
42
42
|
args: {
|
|
43
43
|
disabled: !0
|
|
44
44
|
}
|
|
45
|
-
},
|
|
45
|
+
}, i = {
|
|
46
46
|
args: {
|
|
47
47
|
checked: !0,
|
|
48
48
|
disabled: !0
|
|
@@ -51,7 +51,7 @@ const s = (e) => /* @__PURE__ */ o(r, { ...e }), t = {
|
|
|
51
51
|
export {
|
|
52
52
|
n as Checked,
|
|
53
53
|
a as Default,
|
|
54
|
-
|
|
55
|
-
|
|
54
|
+
d as Disabled,
|
|
55
|
+
i as DisabledChecked,
|
|
56
56
|
t as default
|
|
57
57
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../DatePicker-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../DatePicker-7-4p3Vtj.cjs"),t={title:"Components/DatePicker",component:e.DatePicker},a={args:{adapterLocale:"fr"}};exports.Default=a;exports.default=t;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),c=require("react"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),c=require("react"),o=require("../Button/Button.cjs.js"),u=require("../Dialog/Dialog.cjs.js"),n=require("../../DialogTitle-BboPDaoB.cjs"),l=require("../../DialogContent-Dj_OjLZ6.cjs"),d=a=>{const[s,t]=c.useState(!1),r=()=>t(!0),i=()=>t(!1);return e.jsxs(e.Fragment,{children:[e.jsx(o,{variant:"outlined",onClick:r,children:"Open dialog"}),e.jsxs(u,{...a,open:s,onClose:i,children:[e.jsx(n.DialogTitle,{children:"Dialog title"}),e.jsx(l.DialogContent,{children:e.jsxs(n.DialogContentText,{children:["Dialog content text",e.jsx("br",{}),e.jsx("br",{}),"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."]})}),e.jsxs(l.DialogActions,{children:[e.jsx(o,{variant:"text",onClick:i,children:"Cancel"}),e.jsx(o,{variant:"contained",onClick:()=>!0,children:"Save"})]})]})]})},m={title:"Components/Dialog",component:d,parameters:{docs:{description:{component:"This example is made with DialogTitle, DialogContent, DialogContentText and DialogActions but the dialog children are entirely up to you."}}},argTypes:{disableEscapeKeyDown:{control:"boolean"},fullScreen:{control:"boolean"},fullWidth:{control:"boolean"},maxWidth:{control:"select",options:["xs","sm","md","lg","xl",!1]},showCloseButton:{control:"boolean"}}},p={args:{disableEscapeKeyDown:!1,fullScreen:!1,fullWidth:!1,maxWidth:"sm",showCloseButton:!0}};exports.Default=p;exports.default=m;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { DialogProps } from '@mui/material/Dialog';
|
|
2
1
|
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { DialogProps } from '../Dialog';
|
|
3
3
|
declare const Dialog: (props: DialogProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
declare const meta: Meta<typeof Dialog>;
|
|
5
5
|
export default meta;
|
|
@@ -1,29 +1,37 @@
|
|
|
1
1
|
import { jsxs as o, Fragment as s, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { useState as c } from "react";
|
|
3
3
|
import t from "../Button/Button.es.js";
|
|
4
|
-
import
|
|
5
|
-
import { a as
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
import u from "../Dialog/Dialog.es.js";
|
|
5
|
+
import { a as d, D as m } from "../../DialogTitle-C8JOi-rq.js";
|
|
6
|
+
import { a as p, D as g } from "../../DialogContent-uc65XOEU.js";
|
|
7
|
+
const f = (l) => {
|
|
8
|
+
const [a, i] = c(!1), r = () => i(!0), n = () => i(!1);
|
|
8
9
|
return /* @__PURE__ */ o(s, { children: [
|
|
9
10
|
/* @__PURE__ */ e(t, { variant: "outlined", onClick: r, children: "Open dialog" }),
|
|
10
|
-
/* @__PURE__ */ o(u, { ...
|
|
11
|
-
/* @__PURE__ */ e(
|
|
12
|
-
/* @__PURE__ */ e(
|
|
11
|
+
/* @__PURE__ */ o(u, { ...l, open: a, onClose: n, children: [
|
|
12
|
+
/* @__PURE__ */ e(d, { children: "Dialog title" }),
|
|
13
|
+
/* @__PURE__ */ e(p, { children: /* @__PURE__ */ o(m, { children: [
|
|
13
14
|
"Dialog content text",
|
|
14
15
|
/* @__PURE__ */ e("br", {}),
|
|
15
16
|
/* @__PURE__ */ e("br", {}),
|
|
16
17
|
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
|
|
17
18
|
] }) }),
|
|
18
|
-
/* @__PURE__ */ o(
|
|
19
|
-
/* @__PURE__ */ e(t, { variant: "text", onClick:
|
|
20
|
-
/* @__PURE__ */ e(t, { variant: "
|
|
19
|
+
/* @__PURE__ */ o(g, { children: [
|
|
20
|
+
/* @__PURE__ */ e(t, { variant: "text", onClick: n, children: "Cancel" }),
|
|
21
|
+
/* @__PURE__ */ e(t, { variant: "contained", onClick: () => !0, children: "Save" })
|
|
21
22
|
] })
|
|
22
23
|
] })
|
|
23
24
|
] });
|
|
24
|
-
},
|
|
25
|
+
}, T = {
|
|
25
26
|
title: "Components/Dialog",
|
|
26
|
-
component:
|
|
27
|
+
component: f,
|
|
28
|
+
parameters: {
|
|
29
|
+
docs: {
|
|
30
|
+
description: {
|
|
31
|
+
component: "This example is made with DialogTitle, DialogContent, DialogContentText and DialogActions but the dialog children are entirely up to you."
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
},
|
|
27
35
|
argTypes: {
|
|
28
36
|
disableEscapeKeyDown: {
|
|
29
37
|
control: "boolean"
|
|
@@ -37,6 +45,9 @@ const g = (a) => {
|
|
|
37
45
|
maxWidth: {
|
|
38
46
|
control: "select",
|
|
39
47
|
options: ["xs", "sm", "md", "lg", "xl", !1]
|
|
48
|
+
},
|
|
49
|
+
showCloseButton: {
|
|
50
|
+
control: "boolean"
|
|
40
51
|
}
|
|
41
52
|
}
|
|
42
53
|
}, q = {
|
|
@@ -44,10 +55,11 @@ const g = (a) => {
|
|
|
44
55
|
disableEscapeKeyDown: !1,
|
|
45
56
|
fullScreen: !1,
|
|
46
57
|
fullWidth: !1,
|
|
47
|
-
maxWidth: "sm"
|
|
58
|
+
maxWidth: "sm",
|
|
59
|
+
showCloseButton: !0
|
|
48
60
|
}
|
|
49
61
|
};
|
|
50
62
|
export {
|
|
51
63
|
q as Default,
|
|
52
|
-
|
|
64
|
+
T as default
|
|
53
65
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Divider-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Divider-CcrM3lNn.cjs"),t={title:"Components/Divider",component:e.Divider,argTypes:{absolute:{control:"boolean"},children:{control:"text"},flexItem:{control:"boolean"},orientation:{control:"select",options:["horizontal","vertical"]},textAlign:{control:"select",options:["center","left","right"]},variant:{control:"select",options:["fullWidth","inset","middle"]}}},o={args:{absolute:!1,children:void 0,flexItem:!1,orientation:"horizontal",textAlign:"center",variant:"fullWidth"}};exports.Default=o;exports.default=t;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { D as t } from "../../Divider-
|
|
2
|
-
const
|
|
1
|
+
import { D as t } from "../../Divider-KO-E6nU8.js";
|
|
2
|
+
const o = {
|
|
3
3
|
title: "Components/Divider",
|
|
4
4
|
component: t,
|
|
5
5
|
argTypes: {
|
|
@@ -25,7 +25,7 @@ const e = {
|
|
|
25
25
|
options: ["fullWidth", "inset", "middle"]
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
|
-
},
|
|
28
|
+
}, n = {
|
|
29
29
|
args: {
|
|
30
30
|
absolute: !1,
|
|
31
31
|
children: void 0,
|
|
@@ -36,6 +36,6 @@ const e = {
|
|
|
36
36
|
}
|
|
37
37
|
};
|
|
38
38
|
export {
|
|
39
|
-
|
|
40
|
-
|
|
39
|
+
n as Default,
|
|
40
|
+
o as default
|
|
41
41
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../EllipsisWithTooltip/EllipsisWithTooltip.cjs.js"),t={title:"Components/EllipsisWithTooltip",component:o,argTypes:{children:{description:"Le contenu affiché dans le composant (Typo et Tooltip).",control:"text",table:{type:{summary:"ReactNode"}}},tooltipProps:{description:"Les props de Tooltip (MUI).",control:"text",table:{type:{summary:"Omit<TooltipProps, 'children' | 'title'>"}}},typographyProps:{description:"Les props de Typography (MUI).",control:"text",table:{type:{summary:"TypographyProps"}}}}},e={args:{children:"Texte à afficher long, très long, très très looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong"}};exports.Default=e;exports.default=t;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { EllipsisWithTooltip } from '../EllipsisWithTooltip';
|
|
3
|
+
declare const meta: Meta<typeof EllipsisWithTooltip>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof EllipsisWithTooltip>;
|
|
6
|
+
export declare const Default: Story;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import o from "../EllipsisWithTooltip/EllipsisWithTooltip.es.js";
|
|
2
|
+
const e = {
|
|
3
|
+
title: "Components/EllipsisWithTooltip",
|
|
4
|
+
component: o,
|
|
5
|
+
argTypes: {
|
|
6
|
+
children: {
|
|
7
|
+
description: "Le contenu affiché dans le composant (Typo et Tooltip).",
|
|
8
|
+
control: "text",
|
|
9
|
+
table: {
|
|
10
|
+
type: { summary: "ReactNode" }
|
|
11
|
+
}
|
|
12
|
+
},
|
|
13
|
+
tooltipProps: {
|
|
14
|
+
description: "Les props de Tooltip (MUI).",
|
|
15
|
+
control: "text",
|
|
16
|
+
table: {
|
|
17
|
+
type: { summary: "Omit<TooltipProps, 'children' | 'title'>" }
|
|
18
|
+
}
|
|
19
|
+
},
|
|
20
|
+
typographyProps: {
|
|
21
|
+
description: "Les props de Typography (MUI).",
|
|
22
|
+
control: "text",
|
|
23
|
+
table: {
|
|
24
|
+
type: { summary: "TypographyProps" }
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}, p = {
|
|
29
|
+
args: {
|
|
30
|
+
children: "Texte à afficher long, très long, très très looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong"
|
|
31
|
+
}
|
|
32
|
+
};
|
|
33
|
+
export {
|
|
34
|
+
p as Default,
|
|
35
|
+
e as default
|
|
36
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),T=require("../../Checkbox-DYrDbdy1.cjs"),v=require("../../Radio-CVAEGXKi.cjs"),k=require("react"),o=require("../../generateUtilityClasses-B_H9HEmg.cjs"),S=require("../../createSimplePaletteValueFilter-PTK3TAhW.cjs"),P=require("../../SwitchBase-DjIY_KWB.cjs"),d=require("../../memoTheme-Bdg0Y_2O.cjs"),c=require("../../DefaultPropsProvider-3KMGupjb.cjs"),n=require("../../capitalize-B3GG7Wn6.cjs"),$=require("../../refType-CoaxQOPt.cjs"),C=require("../../FormControlLabel-Bb6Ul-qQ.cjs");function x(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const j=x(k);function z(e){return o.generateUtilityClass("MuiSwitch",e)}const a=o.generateUtilityClasses("MuiSwitch",["root","edgeStart","edgeEnd","switchBase","colorPrimary","colorSecondary","sizeSmall","sizeMedium","checked","disabled","input","thumb","track"]),O=e=>{const{classes:t,edge:r,size:i,color:u,checked:b,disabled:y}=e,h={root:["root",r&&`edge${n.capitalize(r)}`,`size${n.capitalize(i)}`],switchBase:["switchBase",`color${n.capitalize(u)}`,b&&"checked",y&&"disabled"],thumb:["thumb"],track:["track"],input:["input"]},g=c.composeClasses(h,z,t);return{...t,...g}},R=c.styled("span",{name:"MuiSwitch",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[t.root,r.edge&&t[`edge${n.capitalize(r.edge)}`],t[`size${n.capitalize(r.size)}`]]}})({display:"inline-flex",width:34+12*2,height:14+12*2,overflow:"hidden",padding:12,boxSizing:"border-box",position:"relative",flexShrink:0,zIndex:0,verticalAlign:"middle","@media print":{colorAdjust:"exact"},variants:[{props:{edge:"start"},style:{marginLeft:-8}},{props:{edge:"end"},style:{marginRight:-8}},{props:{size:"small"},style:{width:40,height:24,padding:7,[`& .${a.thumb}`]:{width:16,height:16},[`& .${a.switchBase}`]:{padding:4,[`&.${a.checked}`]:{transform:"translateX(16px)"}}}}]}),q=c.styled(P.SwitchBase,{name:"MuiSwitch",slot:"SwitchBase",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[t.switchBase,{[`& .${a.input}`]:t.input},r.color!=="default"&&t[`color${n.capitalize(r.color)}`]]}})(d.memoTheme(({theme:e})=>({position:"absolute",top:0,left:0,zIndex:1,color:e.vars?e.vars.palette.Switch.defaultColor:`${e.palette.mode==="light"?e.palette.common.white:e.palette.grey[300]}`,transition:e.transitions.create(["left","transform"],{duration:e.transitions.duration.shortest}),[`&.${a.checked}`]:{transform:"translateX(20px)"},[`&.${a.disabled}`]:{color:e.vars?e.vars.palette.Switch.defaultDisabledColor:`${e.palette.mode==="light"?e.palette.grey[100]:e.palette.grey[600]}`},[`&.${a.checked} + .${a.track}`]:{opacity:.5},[`&.${a.disabled} + .${a.track}`]:{opacity:e.vars?e.vars.opacity.switchTrackDisabled:`${e.palette.mode==="light"?.12:.2}`},[`& .${a.input}`]:{left:"-100%",width:"300%"}})),d.memoTheme(({theme:e})=>({"&:hover":{backgroundColor:e.vars?`rgba(${e.vars.palette.action.activeChannel} / ${e.vars.palette.action.hoverOpacity})`:o.alpha(e.palette.action.active,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},variants:[...Object.entries(e.palette).filter(S.createSimplePaletteValueFilter(["light"])).map(([t])=>({props:{color:t},style:{[`&.${a.checked}`]:{color:(e.vars||e).palette[t].main,"&:hover":{backgroundColor:e.vars?`rgba(${e.vars.palette[t].mainChannel} / ${e.vars.palette.action.hoverOpacity})`:o.alpha(e.palette[t].main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},[`&.${a.disabled}`]:{color:e.vars?e.vars.palette.Switch[`${t}DisabledColor`]:`${e.palette.mode==="light"?o.lighten(e.palette[t].main,.62):o.darken(e.palette[t].main,.55)}`}},[`&.${a.checked} + .${a.track}`]:{backgroundColor:(e.vars||e).palette[t].main}}}))]}))),B=c.styled("span",{name:"MuiSwitch",slot:"Track",overridesResolver:(e,t)=>t.track})(d.memoTheme(({theme:e})=>({height:"100%",width:"100%",borderRadius:14/2,zIndex:-1,transition:e.transitions.create(["opacity","background-color"],{duration:e.transitions.duration.shortest}),backgroundColor:e.vars?e.vars.palette.common.onBackground:`${e.palette.mode==="light"?e.palette.common.black:e.palette.common.white}`,opacity:e.vars?e.vars.opacity.switchTrack:`${e.palette.mode==="light"?.38:.3}`}))),M=c.styled("span",{name:"MuiSwitch",slot:"Thumb",overridesResolver:(e,t)=>t.thumb})(d.memoTheme(({theme:e})=>({boxShadow:(e.vars||e).shadows[1],backgroundColor:"currentColor",width:20,height:20,borderRadius:"50%"}))),w=j.forwardRef(function(t,r){const i=c.useDefaultProps({props:t,name:"MuiSwitch"}),{className:u,color:b="primary",edge:y=!1,size:h="medium",sx:g,...m}=i,l={...i,color:b,edge:y,size:h},p=O(l),f=s.jsx(M,{className:p.thumb,ownerState:l});return s.jsxs(R,{className:o.clsx(p.root,u),sx:g,ownerState:l,children:[s.jsx(q,{type:"checkbox",icon:f,checkedIcon:f,ref:r,ownerState:l,...m,classes:{...p,root:p.switchBase}}),s.jsx(B,{className:p.track,ownerState:l})]})});process.env.NODE_ENV!=="production"&&(w.propTypes={checked:o.PropTypes.bool,checkedIcon:o.PropTypes.node,classes:o.PropTypes.object,className:o.PropTypes.string,color:o.PropTypes.oneOfType([o.PropTypes.oneOf(["default","primary","secondary","error","info","success","warning"]),o.PropTypes.string]),defaultChecked:o.PropTypes.bool,disabled:o.PropTypes.bool,disableRipple:o.PropTypes.bool,edge:o.PropTypes.oneOf(["end","start",!1]),icon:o.PropTypes.node,id:o.PropTypes.string,inputProps:o.PropTypes.object,inputRef:$.refType,onChange:o.PropTypes.func,required:o.PropTypes.bool,size:o.PropTypes.oneOfType([o.PropTypes.oneOf(["medium","small"]),o.PropTypes.string]),sx:o.PropTypes.oneOfType([o.PropTypes.arrayOf(o.PropTypes.oneOfType([o.PropTypes.func,o.PropTypes.object,o.PropTypes.bool])),o.PropTypes.func,o.PropTypes.object]),value:o.PropTypes.any});const D=e=>s.jsx(C.FormControlLabel,{...e}),L={title:"Components/FormControlLabel",component:D,argTypes:{control:{control:"object"},disabled:{control:"boolean"},disableTypography:{control:"boolean"},label:{control:"object"},labelPlacement:{control:"select",options:["bottom","end","start","top"]},required:{control:"boolean"}}},N={args:{control:s.jsx(T.Checkbox,{}),checked:void 0,disabled:void 0,disableTypography:void 0,label:"Label",labelPlacement:"end",required:void 0}},F={args:{control:s.jsx(v.Radio,{}),label:"Label"}},_={args:{control:s.jsx(w,{}),label:"Label"}};exports.Checkbox=N;exports.Radio=F;exports.Switch=_;exports.default=L;
|
|
@@ -1,45 +1,46 @@
|
|
|
1
1
|
import { jsxs as y, jsx as s } from "react/jsx-runtime";
|
|
2
|
-
import { C as S } from "../../Checkbox-
|
|
3
|
-
import { a as $ } from "../../Radio-
|
|
2
|
+
import { C as S } from "../../Checkbox-8Rhxpkjl.js";
|
|
3
|
+
import { a as $ } from "../../Radio-DGhot3Cd.js";
|
|
4
4
|
import * as C from "react";
|
|
5
|
-
import { I as x, H as T,
|
|
5
|
+
import { I as x, H as T, P as e, n as w, s as R, q as z, G as O } from "../../generateUtilityClasses-Bssl7BA_.js";
|
|
6
6
|
import { c as j } from "../../createSimplePaletteValueFilter-B7--0ryQ.js";
|
|
7
|
-
import { S as B } from "../../SwitchBase-
|
|
8
|
-
import { m as d } from "../../memoTheme-
|
|
9
|
-
import { s as p, u as
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
7
|
+
import { S as B } from "../../SwitchBase-Dlth5_F7.js";
|
|
8
|
+
import { m as d } from "../../memoTheme-D7Fyh_3C.js";
|
|
9
|
+
import { s as p, u as M, c as P } from "../../DefaultPropsProvider-CvJPQJmL.js";
|
|
10
|
+
import { c as i } from "../../capitalize-CkF8kU4n.js";
|
|
11
|
+
import { r as L } from "../../refType-DKYKROQk.js";
|
|
12
|
+
import { F as N } from "../../FormControlLabel-BmrKQtQA.js";
|
|
12
13
|
function I(o) {
|
|
13
14
|
return T("MuiSwitch", o);
|
|
14
15
|
}
|
|
15
16
|
const a = x("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium", "checked", "disabled", "input", "thumb", "track"]), D = (o) => {
|
|
16
17
|
const {
|
|
17
|
-
classes:
|
|
18
|
+
classes: t,
|
|
18
19
|
edge: r,
|
|
19
20
|
size: l,
|
|
20
|
-
color:
|
|
21
|
-
checked:
|
|
21
|
+
color: u,
|
|
22
|
+
checked: b,
|
|
22
23
|
disabled: g
|
|
23
24
|
} = o, h = {
|
|
24
25
|
root: ["root", r && `edge${i(r)}`, `size${i(l)}`],
|
|
25
|
-
switchBase: ["switchBase", `color${i(
|
|
26
|
+
switchBase: ["switchBase", `color${i(u)}`, b && "checked", g && "disabled"],
|
|
26
27
|
thumb: ["thumb"],
|
|
27
28
|
track: ["track"],
|
|
28
29
|
input: ["input"]
|
|
29
|
-
},
|
|
30
|
+
}, f = P(h, I, t);
|
|
30
31
|
return {
|
|
31
|
-
...
|
|
32
|
+
...t,
|
|
32
33
|
// forward the disabled and checked classes to the SwitchBase
|
|
33
|
-
...
|
|
34
|
+
...f
|
|
34
35
|
};
|
|
35
36
|
}, F = p("span", {
|
|
36
37
|
name: "MuiSwitch",
|
|
37
38
|
slot: "Root",
|
|
38
|
-
overridesResolver: (o,
|
|
39
|
+
overridesResolver: (o, t) => {
|
|
39
40
|
const {
|
|
40
41
|
ownerState: r
|
|
41
42
|
} = o;
|
|
42
|
-
return [
|
|
43
|
+
return [t.root, r.edge && t[`edge${i(r.edge)}`], t[`size${i(r.size)}`]];
|
|
43
44
|
}
|
|
44
45
|
})({
|
|
45
46
|
display: "inline-flex",
|
|
@@ -94,13 +95,13 @@ const a = x("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPr
|
|
|
94
95
|
}), q = p(B, {
|
|
95
96
|
name: "MuiSwitch",
|
|
96
97
|
slot: "SwitchBase",
|
|
97
|
-
overridesResolver: (o,
|
|
98
|
+
overridesResolver: (o, t) => {
|
|
98
99
|
const {
|
|
99
100
|
ownerState: r
|
|
100
101
|
} = o;
|
|
101
|
-
return [
|
|
102
|
-
[`& .${a.input}`]:
|
|
103
|
-
}, r.color !== "default" &&
|
|
102
|
+
return [t.switchBase, {
|
|
103
|
+
[`& .${a.input}`]: t.input
|
|
104
|
+
}, r.color !== "default" && t[`color${i(r.color)}`]];
|
|
104
105
|
}
|
|
105
106
|
})(d(({
|
|
106
107
|
theme: o
|
|
@@ -134,38 +135,38 @@ const a = x("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPr
|
|
|
134
135
|
theme: o
|
|
135
136
|
}) => ({
|
|
136
137
|
"&:hover": {
|
|
137
|
-
backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` :
|
|
138
|
+
backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : w(o.palette.action.active, o.palette.action.hoverOpacity),
|
|
138
139
|
// Reset on touch devices, it doesn't add specificity
|
|
139
140
|
"@media (hover: none)": {
|
|
140
141
|
backgroundColor: "transparent"
|
|
141
142
|
}
|
|
142
143
|
},
|
|
143
|
-
variants: [...Object.entries(o.palette).filter(j(["light"])).map(([
|
|
144
|
+
variants: [...Object.entries(o.palette).filter(j(["light"])).map(([t]) => ({
|
|
144
145
|
props: {
|
|
145
|
-
color:
|
|
146
|
+
color: t
|
|
146
147
|
},
|
|
147
148
|
style: {
|
|
148
149
|
[`&.${a.checked}`]: {
|
|
149
|
-
color: (o.vars || o).palette[
|
|
150
|
+
color: (o.vars || o).palette[t].main,
|
|
150
151
|
"&:hover": {
|
|
151
|
-
backgroundColor: o.vars ? `rgba(${o.vars.palette[
|
|
152
|
+
backgroundColor: o.vars ? `rgba(${o.vars.palette[t].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : w(o.palette[t].main, o.palette.action.hoverOpacity),
|
|
152
153
|
"@media (hover: none)": {
|
|
153
154
|
backgroundColor: "transparent"
|
|
154
155
|
}
|
|
155
156
|
},
|
|
156
157
|
[`&.${a.disabled}`]: {
|
|
157
|
-
color: o.vars ? o.vars.palette.Switch[`${
|
|
158
|
+
color: o.vars ? o.vars.palette.Switch[`${t}DisabledColor`] : `${o.palette.mode === "light" ? R(o.palette[t].main, 0.62) : z(o.palette[t].main, 0.55)}`
|
|
158
159
|
}
|
|
159
160
|
},
|
|
160
161
|
[`&.${a.checked} + .${a.track}`]: {
|
|
161
|
-
backgroundColor: (o.vars || o).palette[
|
|
162
|
+
backgroundColor: (o.vars || o).palette[t].main
|
|
162
163
|
}
|
|
163
164
|
}
|
|
164
165
|
}))]
|
|
165
166
|
}))), U = p("span", {
|
|
166
167
|
name: "MuiSwitch",
|
|
167
168
|
slot: "Track",
|
|
168
|
-
overridesResolver: (o,
|
|
169
|
+
overridesResolver: (o, t) => t.track
|
|
169
170
|
})(d(({
|
|
170
171
|
theme: o
|
|
171
172
|
}) => ({
|
|
@@ -181,7 +182,7 @@ const a = x("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPr
|
|
|
181
182
|
}))), E = p("span", {
|
|
182
183
|
name: "MuiSwitch",
|
|
183
184
|
slot: "Thumb",
|
|
184
|
-
overridesResolver: (o,
|
|
185
|
+
overridesResolver: (o, t) => t.thumb
|
|
185
186
|
})(d(({
|
|
186
187
|
theme: o
|
|
187
188
|
}) => ({
|
|
@@ -190,34 +191,34 @@ const a = x("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPr
|
|
|
190
191
|
width: 20,
|
|
191
192
|
height: 20,
|
|
192
193
|
borderRadius: "50%"
|
|
193
|
-
}))),
|
|
194
|
-
const l =
|
|
195
|
-
props:
|
|
194
|
+
}))), v = /* @__PURE__ */ C.forwardRef(function(t, r) {
|
|
195
|
+
const l = M({
|
|
196
|
+
props: t,
|
|
196
197
|
name: "MuiSwitch"
|
|
197
198
|
}), {
|
|
198
|
-
className:
|
|
199
|
-
color:
|
|
199
|
+
className: u,
|
|
200
|
+
color: b = "primary",
|
|
200
201
|
edge: g = !1,
|
|
201
202
|
size: h = "medium",
|
|
202
|
-
sx:
|
|
203
|
+
sx: f,
|
|
203
204
|
...k
|
|
204
205
|
} = l, n = {
|
|
205
206
|
...l,
|
|
206
|
-
color:
|
|
207
|
+
color: b,
|
|
207
208
|
edge: g,
|
|
208
209
|
size: h
|
|
209
|
-
}, c = D(n),
|
|
210
|
+
}, c = D(n), m = /* @__PURE__ */ s(E, {
|
|
210
211
|
className: c.thumb,
|
|
211
212
|
ownerState: n
|
|
212
213
|
});
|
|
213
214
|
return /* @__PURE__ */ y(F, {
|
|
214
|
-
className: O(c.root,
|
|
215
|
-
sx:
|
|
215
|
+
className: O(c.root, u),
|
|
216
|
+
sx: f,
|
|
216
217
|
ownerState: n,
|
|
217
218
|
children: [/* @__PURE__ */ s(q, {
|
|
218
219
|
type: "checkbox",
|
|
219
|
-
icon:
|
|
220
|
-
checkedIcon:
|
|
220
|
+
icon: m,
|
|
221
|
+
checkedIcon: m,
|
|
221
222
|
ref: r,
|
|
222
223
|
ownerState: n,
|
|
223
224
|
...k,
|
|
@@ -231,7 +232,7 @@ const a = x("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPr
|
|
|
231
232
|
})]
|
|
232
233
|
});
|
|
233
234
|
});
|
|
234
|
-
process.env.NODE_ENV !== "production" && (
|
|
235
|
+
process.env.NODE_ENV !== "production" && (v.propTypes = {
|
|
235
236
|
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
236
237
|
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
237
238
|
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
@@ -239,39 +240,39 @@ process.env.NODE_ENV !== "production" && (w.propTypes = {
|
|
|
239
240
|
/**
|
|
240
241
|
* If `true`, the component is checked.
|
|
241
242
|
*/
|
|
242
|
-
checked:
|
|
243
|
+
checked: e.bool,
|
|
243
244
|
/**
|
|
244
245
|
* The icon to display when the component is checked.
|
|
245
246
|
*/
|
|
246
|
-
checkedIcon:
|
|
247
|
+
checkedIcon: e.node,
|
|
247
248
|
/**
|
|
248
249
|
* Override or extend the styles applied to the component.
|
|
249
250
|
*/
|
|
250
|
-
classes:
|
|
251
|
+
classes: e.object,
|
|
251
252
|
/**
|
|
252
253
|
* @ignore
|
|
253
254
|
*/
|
|
254
|
-
className:
|
|
255
|
+
className: e.string,
|
|
255
256
|
/**
|
|
256
257
|
* The color of the component.
|
|
257
258
|
* It supports both default and custom theme colors, which can be added as shown in the
|
|
258
259
|
* [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
|
|
259
260
|
* @default 'primary'
|
|
260
261
|
*/
|
|
261
|
-
color:
|
|
262
|
+
color: e.oneOfType([e.oneOf(["default", "primary", "secondary", "error", "info", "success", "warning"]), e.string]),
|
|
262
263
|
/**
|
|
263
264
|
* The default checked state. Use when the component is not controlled.
|
|
264
265
|
*/
|
|
265
|
-
defaultChecked:
|
|
266
|
+
defaultChecked: e.bool,
|
|
266
267
|
/**
|
|
267
268
|
* If `true`, the component is disabled.
|
|
268
269
|
*/
|
|
269
|
-
disabled:
|
|
270
|
+
disabled: e.bool,
|
|
270
271
|
/**
|
|
271
272
|
* If `true`, the ripple effect is disabled.
|
|
272
273
|
* @default false
|
|
273
274
|
*/
|
|
274
|
-
disableRipple:
|
|
275
|
+
disableRipple: e.bool,
|
|
275
276
|
/**
|
|
276
277
|
* If given, uses a negative margin to counteract the padding on one
|
|
277
278
|
* side (this is often helpful for aligning the left or right
|
|
@@ -279,23 +280,23 @@ process.env.NODE_ENV !== "production" && (w.propTypes = {
|
|
|
279
280
|
* size and shape).
|
|
280
281
|
* @default false
|
|
281
282
|
*/
|
|
282
|
-
edge:
|
|
283
|
+
edge: e.oneOf(["end", "start", !1]),
|
|
283
284
|
/**
|
|
284
285
|
* The icon to display when the component is unchecked.
|
|
285
286
|
*/
|
|
286
|
-
icon:
|
|
287
|
+
icon: e.node,
|
|
287
288
|
/**
|
|
288
289
|
* The id of the `input` element.
|
|
289
290
|
*/
|
|
290
|
-
id:
|
|
291
|
+
id: e.string,
|
|
291
292
|
/**
|
|
292
293
|
* [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
|
|
293
294
|
*/
|
|
294
|
-
inputProps:
|
|
295
|
+
inputProps: e.object,
|
|
295
296
|
/**
|
|
296
297
|
* Pass a ref to the `input` element.
|
|
297
298
|
*/
|
|
298
|
-
inputRef:
|
|
299
|
+
inputRef: L,
|
|
299
300
|
/**
|
|
300
301
|
* Callback fired when the state is changed.
|
|
301
302
|
*
|
|
@@ -303,29 +304,29 @@ process.env.NODE_ENV !== "production" && (w.propTypes = {
|
|
|
303
304
|
* You can pull out the new value by accessing `event.target.value` (string).
|
|
304
305
|
* You can pull out the new checked state by accessing `event.target.checked` (boolean).
|
|
305
306
|
*/
|
|
306
|
-
onChange:
|
|
307
|
+
onChange: e.func,
|
|
307
308
|
/**
|
|
308
309
|
* If `true`, the `input` element is required.
|
|
309
310
|
* @default false
|
|
310
311
|
*/
|
|
311
|
-
required:
|
|
312
|
+
required: e.bool,
|
|
312
313
|
/**
|
|
313
314
|
* The size of the component.
|
|
314
315
|
* `small` is equivalent to the dense switch styling.
|
|
315
316
|
* @default 'medium'
|
|
316
317
|
*/
|
|
317
|
-
size:
|
|
318
|
+
size: e.oneOfType([e.oneOf(["medium", "small"]), e.string]),
|
|
318
319
|
/**
|
|
319
320
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
320
321
|
*/
|
|
321
|
-
sx:
|
|
322
|
+
sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
|
|
322
323
|
/**
|
|
323
324
|
* The value of the component. The DOM API casts this to a string.
|
|
324
325
|
* The browser uses "on" as the default value.
|
|
325
326
|
*/
|
|
326
|
-
value:
|
|
327
|
+
value: e.any
|
|
327
328
|
});
|
|
328
|
-
const A = (o) => /* @__PURE__ */ s(N, { ...o }),
|
|
329
|
+
const A = (o) => /* @__PURE__ */ s(N, { ...o }), oo = {
|
|
329
330
|
title: "Components/FormControlLabel",
|
|
330
331
|
component: A,
|
|
331
332
|
argTypes: {
|
|
@@ -349,7 +350,7 @@ const A = (o) => /* @__PURE__ */ s(N, { ...o }), Z = {
|
|
|
349
350
|
control: "boolean"
|
|
350
351
|
}
|
|
351
352
|
}
|
|
352
|
-
},
|
|
353
|
+
}, eo = {
|
|
353
354
|
args: {
|
|
354
355
|
control: /* @__PURE__ */ s(S, {}),
|
|
355
356
|
checked: void 0,
|
|
@@ -364,15 +365,15 @@ const A = (o) => /* @__PURE__ */ s(N, { ...o }), Z = {
|
|
|
364
365
|
control: /* @__PURE__ */ s($, {}),
|
|
365
366
|
label: "Label"
|
|
366
367
|
}
|
|
367
|
-
},
|
|
368
|
+
}, ao = {
|
|
368
369
|
args: {
|
|
369
|
-
control: /* @__PURE__ */ s(
|
|
370
|
+
control: /* @__PURE__ */ s(v, {}),
|
|
370
371
|
label: "Label"
|
|
371
372
|
}
|
|
372
373
|
};
|
|
373
374
|
export {
|
|
374
|
-
|
|
375
|
+
eo as Checkbox,
|
|
375
376
|
to as Radio,
|
|
376
|
-
|
|
377
|
-
|
|
377
|
+
ao as Switch,
|
|
378
|
+
oo as default
|
|
378
379
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../../createSvgIcon--rEClVU7.cjs"),o=require("../Heading/Heading.cjs.js"),n=require("../../generateUtilityClasses-B_H9HEmg.cjs"),c=t.createSvgIcon(e.jsx("path",{d:"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8m3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5m-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11m3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5"}),"Mood"),s={title:"Components/Heading",component:o},r={args:{title:"Heading",iconColor:n.red,IconComponent:c}};exports.Default=r;exports.default=s;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { c as t } from "../../createSvgIcon-
|
|
2
|
+
import { c as t } from "../../createSvgIcon-C8nGcfF4.js";
|
|
3
3
|
import n from "../Heading/Heading.es.js";
|
|
4
|
-
import { r as c } from "../../
|
|
4
|
+
import { r as c } from "../../generateUtilityClasses-Bssl7BA_.js";
|
|
5
5
|
const e = t(/* @__PURE__ */ o("path", {
|
|
6
6
|
d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8m3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5m-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11m3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5"
|
|
7
7
|
}), "Mood"), i = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),o=require("../../createSvgIcon
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),o=require("../../createSvgIcon--rEClVU7.cjs"),l=require("../../IconButton-CJfzspZK.cjs"),t=o.createSvgIcon(e.jsx("path",{d:"M5 13.18v4L12 21l7-3.82v-4L12 17zM12 3 1 9l11 6 9-4.91V17h2V9z"}),"School"),n={title:"Components/IconButton",component:l.IconButton,argTypes:{color:{control:"select",options:["inherit","default","primary","secondary","error","info","success","warning"]},disabled:{control:"boolean"},disableFocusRipple:{control:"boolean"},disableRipple:{control:"boolean"},edge:{control:"radio",options:["end","start",!1]},size:{control:"radio",options:["small","medium","large"]}}},s={args:{children:e.jsx(t,{}),color:"default",disabled:!1,disableFocusRipple:!1,disableRipple:!1,edge:!1,size:"medium"}};exports.Default=s;exports.default=n;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { c as e } from "../../createSvgIcon-
|
|
3
|
-
import { I as l } from "../../IconButton-
|
|
2
|
+
import { c as e } from "../../createSvgIcon-C8nGcfF4.js";
|
|
3
|
+
import { I as l } from "../../IconButton-CekuyD4r.js";
|
|
4
4
|
const s = e(/* @__PURE__ */ o("path", {
|
|
5
5
|
d: "M5 13.18v4L12 21l7-3.82v-4L12 17zM12 3 1 9l11 6 9-4.91V17h2V9z"
|
|
6
6
|
}), "School"), r = {
|