@zidsa/zidmui 2.1.5 → 2.1.6
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/react/cjs/theme/components/backdrop.js +11 -0
- package/dist/react/cjs/theme/components/backdrop.js.map +1 -0
- package/dist/react/cjs/theme/components/svg-icon.js +14 -0
- package/dist/react/cjs/theme/components/svg-icon.js.map +1 -0
- package/dist/react/cjs/theme/components/switch.js +1 -2
- package/dist/react/cjs/theme/components/switch.js.map +1 -1
- package/dist/react/cjs/theme/components/timeline.js +43 -0
- package/dist/react/cjs/theme/components/timeline.js.map +1 -0
- package/dist/react/cjs/theme/components.js +7 -1
- package/dist/react/cjs/theme/components.js.map +1 -1
- package/dist/react/es/theme/components/backdrop.js +11 -0
- package/dist/react/es/theme/components/backdrop.js.map +1 -0
- package/dist/react/es/theme/components/svg-icon.js +14 -0
- package/dist/react/es/theme/components/svg-icon.js.map +1 -0
- package/dist/react/es/theme/components/switch.js +1 -2
- package/dist/react/es/theme/components/switch.js.map +1 -1
- package/dist/react/es/theme/components/timeline.js +43 -0
- package/dist/react/es/theme/components/timeline.js.map +1 -0
- package/dist/react/es/theme/components.js +7 -1
- package/dist/react/es/theme/components.js.map +1 -1
- package/dist/react/types/theme/components/backdrop.d.ts +2 -0
- package/dist/react/types/theme/components/svg-icon.d.ts +2 -0
- package/dist/react/types/theme/components/timeline.d.ts +2 -0
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +6 -6
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const MuiBackdrop = {
|
|
4
|
+
styleOverrides: {
|
|
5
|
+
root: {
|
|
6
|
+
backgroundColor: "rgba(0, 0, 0, 0.1)"
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
};
|
|
10
|
+
exports.MuiBackdrop = MuiBackdrop;
|
|
11
|
+
//# sourceMappingURL=backdrop.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"backdrop.js","sources":["../../../../../src/theme/components/backdrop.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\n//\n//\n\nexport const MuiBackdrop: Components<\n Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiBackdrop'] = {\n styleOverrides: {\n root: {\n backgroundColor: 'rgba(0, 0, 0, 0.1)',\n },\n },\n};\n"],"names":[],"mappings":";;AAKO,MAAM,cAEM;AAAA,EACjB,gBAAgB;AAAA,IACd,MAAM;AAAA,MACJ,iBAAiB;AAAA,IAAA;AAAA,EACnB;AAEJ;;"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const MuiSvgIcon = {
|
|
4
|
+
styleOverrides: {
|
|
5
|
+
root: ({ theme }) => ({
|
|
6
|
+
transition: theme.transitions.create("color", {
|
|
7
|
+
easing: theme.transitions.easing.easeInOut,
|
|
8
|
+
duration: theme.transitions.duration.standard
|
|
9
|
+
})
|
|
10
|
+
})
|
|
11
|
+
}
|
|
12
|
+
};
|
|
13
|
+
exports.MuiSvgIcon = MuiSvgIcon;
|
|
14
|
+
//# sourceMappingURL=svg-icon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"svg-icon.js","sources":["../../../../../src/theme/components/svg-icon.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\n//\n//\n\nexport const MuiSvgIcon: Components<\n Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiSvgIcon'] = {\n styleOverrides: {\n root: ({ theme }) => ({\n transition: theme.transitions.create('color', {\n easing: theme.transitions.easing.easeInOut,\n duration: theme.transitions.duration.standard,\n }),\n }),\n },\n};\n"],"names":[],"mappings":";;AAKO,MAAM,aAEK;AAAA,EAChB,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,YAAY,MAAM,YAAY,OAAO,SAAS;AAAA,QAC5C,QAAQ,MAAM,YAAY,OAAO;AAAA,QACjC,UAAU,MAAM,YAAY,SAAS;AAAA,MAAA,CACtC;AAAA,IAAA;AAAA,EACH;AAEJ;;"}
|
|
@@ -75,8 +75,7 @@ const MuiSwitch = {
|
|
|
75
75
|
height: toggleSwitchHeight,
|
|
76
76
|
padding: 0,
|
|
77
77
|
overflow: "visible",
|
|
78
|
-
|
|
79
|
-
marginLeft: theme.spacing(1.5),
|
|
78
|
+
marginInlineEnd: theme.spacing(1),
|
|
80
79
|
"&:hover": {
|
|
81
80
|
"& .MuiSwitch-switchBase:not(.Mui-checked)": {
|
|
82
81
|
"& + .MuiSwitch-track": {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switch.js","sources":["../../../../../src/theme/components/switch.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material';\n\nconst createSwitchActiveStyles = (theme: CssVarsTheme, colorKey: 'primary' | 'error') => {\n const toggleCircleSize = theme.spacing(1.83);\n const pressedToggleCircleSize = theme.spacing(2.25);\n const transformValue = theme.spacing(0.5);\n\n return {\n '&:active': {\n '& .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track': {\n backgroundColor: theme.palette._components.switch?.[colorKey]?.pressedBackground,\n boxShadow: 'none',\n },\n '& .MuiSwitch-switchBase:not(.Mui-checked)': {\n '& + .MuiSwitch-track': {\n boxShadow: 'none',\n },\n '& .MuiSwitch-thumb': {\n width: `${pressedToggleCircleSize}`,\n transform: 'translateX(0)',\n borderRadius: toggleCircleSize,\n },\n },\n '& .MuiSwitch-switchBase.Mui-checked': {\n '& + .MuiSwitch-track': {\n boxShadow: 'none',\n },\n '& .MuiSwitch-thumb': {\n width: `${pressedToggleCircleSize}`,\n transform: `translateX(-${transformValue})`,\n borderRadius: toggleCircleSize,\n },\n },\n },\n };\n};\n\nexport const MuiSwitch: Components<\n Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiSwitch'] = {\n defaultProps: {\n disableRipple: true,\n disableTouchRipple: true,\n },\n variants: [\n {\n props: { color: 'primary' },\n style: ({ theme }) => ({\n ...createSwitchActiveStyles(theme, 'primary'),\n '& .MuiSwitch-switchBase.Mui-checked': {\n '& + .MuiSwitch-track': {\n backgroundColor: theme.palette._components.switch?.primary?.activeBackground,\n },\n },\n }),\n },\n {\n props: { color: 'error' },\n style: ({ theme }) => ({\n ...createSwitchActiveStyles(theme, 'error'),\n '& .MuiSwitch-switchBase.Mui-checked': {\n '& + .MuiSwitch-track': {\n backgroundColor: theme.palette._components.switch?.error?.activeBackground,\n },\n },\n }),\n },\n ],\n styleOverrides: {\n root: ({ theme }) => {\n const toggleSwitchWidth = theme.spacing(4);\n const toggleSwitchHeight = theme.spacing(2.5);\n const toggleCircleSize = theme.spacing(1.83);\n const innerMargin = theme.spacing(0.33);\n const shadowValue = theme.spacing(0, 0, 0, 0.25);\n const transformValue = theme.spacing(1.51); // 4 - 1.83 - 0.33 * 2 = 1.51\n\n return {\n width: toggleSwitchWidth,\n height: toggleSwitchHeight,\n padding: 0,\n overflow: 'visible',\n
|
|
1
|
+
{"version":3,"file":"switch.js","sources":["../../../../../src/theme/components/switch.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material';\n\nconst createSwitchActiveStyles = (theme: CssVarsTheme, colorKey: 'primary' | 'error') => {\n const toggleCircleSize = theme.spacing(1.83);\n const pressedToggleCircleSize = theme.spacing(2.25);\n const transformValue = theme.spacing(0.5);\n\n return {\n '&:active': {\n '& .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track': {\n backgroundColor: theme.palette._components.switch?.[colorKey]?.pressedBackground,\n boxShadow: 'none',\n },\n '& .MuiSwitch-switchBase:not(.Mui-checked)': {\n '& + .MuiSwitch-track': {\n boxShadow: 'none',\n },\n '& .MuiSwitch-thumb': {\n width: `${pressedToggleCircleSize}`,\n transform: 'translateX(0)',\n borderRadius: toggleCircleSize,\n },\n },\n '& .MuiSwitch-switchBase.Mui-checked': {\n '& + .MuiSwitch-track': {\n boxShadow: 'none',\n },\n '& .MuiSwitch-thumb': {\n width: `${pressedToggleCircleSize}`,\n transform: `translateX(-${transformValue})`,\n borderRadius: toggleCircleSize,\n },\n },\n },\n };\n};\n\nexport const MuiSwitch: Components<\n Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiSwitch'] = {\n defaultProps: {\n disableRipple: true,\n disableTouchRipple: true,\n },\n variants: [\n {\n props: { color: 'primary' },\n style: ({ theme }) => ({\n ...createSwitchActiveStyles(theme, 'primary'),\n '& .MuiSwitch-switchBase.Mui-checked': {\n '& + .MuiSwitch-track': {\n backgroundColor: theme.palette._components.switch?.primary?.activeBackground,\n },\n },\n }),\n },\n {\n props: { color: 'error' },\n style: ({ theme }) => ({\n ...createSwitchActiveStyles(theme, 'error'),\n '& .MuiSwitch-switchBase.Mui-checked': {\n '& + .MuiSwitch-track': {\n backgroundColor: theme.palette._components.switch?.error?.activeBackground,\n },\n },\n }),\n },\n ],\n styleOverrides: {\n root: ({ theme }) => {\n const toggleSwitchWidth = theme.spacing(4);\n const toggleSwitchHeight = theme.spacing(2.5);\n const toggleCircleSize = theme.spacing(1.83);\n const innerMargin = theme.spacing(0.33);\n const shadowValue = theme.spacing(0, 0, 0, 0.25);\n const transformValue = theme.spacing(1.51); // 4 - 1.83 - 0.33 * 2 = 1.51\n\n return {\n width: toggleSwitchWidth,\n height: toggleSwitchHeight,\n padding: 0,\n overflow: 'visible',\n marginInlineEnd: theme.spacing(1),\n '&:hover': {\n '& .MuiSwitch-switchBase:not(.Mui-checked)': {\n '& + .MuiSwitch-track': {\n boxShadow: `${shadowValue} ${theme.palette._components.switch?.shadow}`,\n },\n },\n '& .MuiSwitch-switchBase.Mui-disabled + .MuiSwitch-track': {\n boxShadow: 'none',\n },\n },\n '& .MuiSwitch-switchBase': {\n padding: 0,\n margin: innerMargin,\n width: toggleCircleSize,\n transitionDuration: '300ms',\n '&.Mui-checked': {\n transform: `translateX(${transformValue})`,\n color: theme.palette._components?.switch?.knobFillEnabled,\n '& + .MuiSwitch-track': {\n opacity: 1,\n boxShadow: 'none',\n },\n '&.Mui-disabled + .MuiSwitch-track': {\n opacity: 0.5,\n },\n },\n '&.Mui-focusVisible .MuiSwitch-thumb': {\n color: theme.palette._components?.switch?.color,\n boxShadow: `${shadowValue} ${theme.palette._components?.switch?.background}`,\n },\n '&.Mui-disabled .MuiSwitch-thumb': {\n color: theme.palette._components?.switch?.knobFillEnabled,\n },\n '&.Mui-disabled + .MuiSwitch-track': {\n opacity: 0.7,\n boxShadow: 'none',\n },\n },\n '& .MuiSwitch-thumb': {\n boxSizing: 'border-box',\n width: toggleCircleSize,\n height: toggleCircleSize,\n borderRadius: toggleCircleSize,\n borderWidth: theme.spacing(0.08375),\n borderStyle: 'solid',\n borderColor: theme.palette._components.switch.knowFillDisabled,\n boxShadow: theme.shadows[2],\n transition: theme.transitions.create(['transform'], {\n duration: 300,\n }),\n },\n '& .MuiSwitch-track': {\n borderRadius: theme.spacing(8.25),\n backgroundColor: theme.palette._components.switch?.slideFill,\n opacity: 1,\n transition: theme.transitions.create(['background-color'], {\n duration: 500,\n }),\n boxShadow: `${shadowValue} transparent`,\n },\n };\n },\n },\n};\n"],"names":[],"mappings":";;AAGA,MAAM,2BAA2B,CAAC,OAAqB,aAAkC;AACvF,QAAM,mBAAmB,MAAM,QAAQ,IAAI;AAC3C,QAAM,0BAA0B,MAAM,QAAQ,IAAI;AAClD,QAAM,iBAAiB,MAAM,QAAQ,GAAG;AAExC,SAAO;AAAA,IACL,YAAY;AAAA,MACV,0DAA0D;AAAA,QACxD,iBAAiB,MAAM,QAAQ,YAAY,SAAS,QAAQ,GAAG;AAAA,QAC/D,WAAW;AAAA,MAAA;AAAA,MAEb,6CAA6C;AAAA,QAC3C,wBAAwB;AAAA,UACtB,WAAW;AAAA,QAAA;AAAA,QAEb,sBAAsB;AAAA,UACpB,OAAO,GAAG,uBAAuB;AAAA,UACjC,WAAW;AAAA,UACX,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,MAEF,uCAAuC;AAAA,QACrC,wBAAwB;AAAA,UACtB,WAAW;AAAA,QAAA;AAAA,QAEb,sBAAsB;AAAA,UACpB,OAAO,GAAG,uBAAuB;AAAA,UACjC,WAAW,eAAe,cAAc;AAAA,UACxC,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,IACF;AAAA,EACF;AAEJ;AAEO,MAAM,YAEI;AAAA,EACf,cAAc;AAAA,IACZ,eAAe;AAAA,IACf,oBAAoB;AAAA,EAAA;AAAA,EAEtB,UAAU;AAAA,IACR;AAAA,MACE,OAAO,EAAE,OAAO,UAAA;AAAA,MAChB,OAAO,CAAC,EAAE,aAAa;AAAA,QACrB,GAAG,yBAAyB,OAAO,SAAS;AAAA,QAC5C,uCAAuC;AAAA,UACrC,wBAAwB;AAAA,YACtB,iBAAiB,MAAM,QAAQ,YAAY,QAAQ,SAAS;AAAA,UAAA;AAAA,QAC9D;AAAA,MACF;AAAA,IACF;AAAA,IAEF;AAAA,MACE,OAAO,EAAE,OAAO,QAAA;AAAA,MAChB,OAAO,CAAC,EAAE,aAAa;AAAA,QACrB,GAAG,yBAAyB,OAAO,OAAO;AAAA,QAC1C,uCAAuC;AAAA,UACrC,wBAAwB;AAAA,YACtB,iBAAiB,MAAM,QAAQ,YAAY,QAAQ,OAAO;AAAA,UAAA;AAAA,QAC5D;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEF,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,YAAY;AACnB,YAAM,oBAAoB,MAAM,QAAQ,CAAC;AACzC,YAAM,qBAAqB,MAAM,QAAQ,GAAG;AAC5C,YAAM,mBAAmB,MAAM,QAAQ,IAAI;AAC3C,YAAM,cAAc,MAAM,QAAQ,IAAI;AACtC,YAAM,cAAc,MAAM,QAAQ,GAAG,GAAG,GAAG,IAAI;AAC/C,YAAM,iBAAiB,MAAM,QAAQ,IAAI;AAEzC,aAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,UAAU;AAAA,QACV,iBAAiB,MAAM,QAAQ,CAAC;AAAA,QAChC,WAAW;AAAA,UACT,6CAA6C;AAAA,YAC3C,wBAAwB;AAAA,cACtB,WAAW,GAAG,WAAW,IAAI,MAAM,QAAQ,YAAY,QAAQ,MAAM;AAAA,YAAA;AAAA,UACvE;AAAA,UAEF,2DAA2D;AAAA,YACzD,WAAW;AAAA,UAAA;AAAA,QACb;AAAA,QAEF,2BAA2B;AAAA,UACzB,SAAS;AAAA,UACT,QAAQ;AAAA,UACR,OAAO;AAAA,UACP,oBAAoB;AAAA,UACpB,iBAAiB;AAAA,YACf,WAAW,cAAc,cAAc;AAAA,YACvC,OAAO,MAAM,QAAQ,aAAa,QAAQ;AAAA,YAC1C,wBAAwB;AAAA,cACtB,SAAS;AAAA,cACT,WAAW;AAAA,YAAA;AAAA,YAEb,qCAAqC;AAAA,cACnC,SAAS;AAAA,YAAA;AAAA,UACX;AAAA,UAEF,uCAAuC;AAAA,YACrC,OAAO,MAAM,QAAQ,aAAa,QAAQ;AAAA,YAC1C,WAAW,GAAG,WAAW,IAAI,MAAM,QAAQ,aAAa,QAAQ,UAAU;AAAA,UAAA;AAAA,UAE5E,mCAAmC;AAAA,YACjC,OAAO,MAAM,QAAQ,aAAa,QAAQ;AAAA,UAAA;AAAA,UAE5C,qCAAqC;AAAA,YACnC,SAAS;AAAA,YACT,WAAW;AAAA,UAAA;AAAA,QACb;AAAA,QAEF,sBAAsB;AAAA,UACpB,WAAW;AAAA,UACX,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,aAAa,MAAM,QAAQ,OAAO;AAAA,UAClC,aAAa;AAAA,UACb,aAAa,MAAM,QAAQ,YAAY,OAAO;AAAA,UAC9C,WAAW,MAAM,QAAQ,CAAC;AAAA,UAC1B,YAAY,MAAM,YAAY,OAAO,CAAC,WAAW,GAAG;AAAA,YAClD,UAAU;AAAA,UAAA,CACX;AAAA,QAAA;AAAA,QAEH,sBAAsB;AAAA,UACpB,cAAc,MAAM,QAAQ,IAAI;AAAA,UAChC,iBAAiB,MAAM,QAAQ,YAAY,QAAQ;AAAA,UACnD,SAAS;AAAA,UACT,YAAY,MAAM,YAAY,OAAO,CAAC,kBAAkB,GAAG;AAAA,YACzD,UAAU;AAAA,UAAA,CACX;AAAA,UACD,WAAW,GAAG,WAAW;AAAA,QAAA;AAAA,MAC3B;AAAA,IAEJ;AAAA,EAAA;AAEJ;;"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const MuiTimeline = {
|
|
4
|
+
styleOverrides: {
|
|
5
|
+
root: ({ theme }) => ({
|
|
6
|
+
variants: [
|
|
7
|
+
{
|
|
8
|
+
// noOppositeContent is used to remove the opposite content,
|
|
9
|
+
// which is the content that is on the other side of the timeline item depending on the language
|
|
10
|
+
props: { noOppositeContent: true },
|
|
11
|
+
style: {
|
|
12
|
+
[`.MuiTimelineItem-root:before`]: {
|
|
13
|
+
flex: 0,
|
|
14
|
+
padding: 0
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
props: { color: "error", variant: "text" },
|
|
20
|
+
style: {
|
|
21
|
+
backgroundColor: "transparent",
|
|
22
|
+
color: theme.palette._components.button.error.outlinedText,
|
|
23
|
+
borderColor: "transparent",
|
|
24
|
+
"&:hover": { backgroundColor: theme.palette._components.button.error.outlinedHover },
|
|
25
|
+
"&.Mui-focusVisible": {
|
|
26
|
+
backgroundColor: "transparent"
|
|
27
|
+
},
|
|
28
|
+
"&:active": {
|
|
29
|
+
backgroundColor: theme.palette._components.button.error.pressed
|
|
30
|
+
},
|
|
31
|
+
"&.Mui-disabled": {
|
|
32
|
+
backgroundColor: "transparent",
|
|
33
|
+
borderColor: "transparent",
|
|
34
|
+
color: theme.palette._components.button.disabledText
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
]
|
|
39
|
+
})
|
|
40
|
+
}
|
|
41
|
+
};
|
|
42
|
+
exports.MuiTimeline = MuiTimeline;
|
|
43
|
+
//# sourceMappingURL=timeline.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"timeline.js","sources":["../../../../../src/theme/components/timeline.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\n//\n//\n\nexport const MuiTimeline: Components<\n Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiTimeline'] = {\n styleOverrides: {\n root: ({ theme }) => ({\n variants: [\n {\n // noOppositeContent is used to remove the opposite content,\n // which is the content that is on the other side of the timeline item depending on the language\n props: { noOppositeContent: true },\n style: {\n [`.MuiTimelineItem-root:before`]: {\n flex: 0,\n padding: 0,\n },\n },\n },\n {\n props: { color: 'error', variant: 'text' },\n style: {\n backgroundColor: 'transparent',\n color: theme.palette._components.button.error.outlinedText,\n borderColor: 'transparent',\n '&:hover': { backgroundColor: theme.palette._components.button.error.outlinedHover },\n '&.Mui-focusVisible': {\n backgroundColor: 'transparent',\n },\n '&:active': {\n backgroundColor: theme.palette._components.button.error.pressed,\n },\n '&.Mui-disabled': {\n backgroundColor: 'transparent',\n borderColor: 'transparent',\n color: theme.palette._components.button.disabledText,\n },\n },\n },\n ],\n }),\n },\n};\n"],"names":[],"mappings":";;AAMO,MAAM,cAEM;AAAA,EACjB,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,UAAU;AAAA,QACR;AAAA;AAAA;AAAA,UAGE,OAAO,EAAE,mBAAmB,KAAA;AAAA,UAC5B,OAAO;AAAA,YACL,CAAC,8BAA8B,GAAG;AAAA,cAChC,MAAM;AAAA,cACN,SAAS;AAAA,YAAA;AAAA,UACX;AAAA,QACF;AAAA,QAEF;AAAA,UACE,OAAO,EAAE,OAAO,SAAS,SAAS,OAAA;AAAA,UAClC,OAAO;AAAA,YACL,iBAAiB;AAAA,YACjB,OAAO,MAAM,QAAQ,YAAY,OAAO,MAAM;AAAA,YAC9C,aAAa;AAAA,YACb,WAAW,EAAE,iBAAiB,MAAM,QAAQ,YAAY,OAAO,MAAM,cAAA;AAAA,YACrE,sBAAsB;AAAA,cACpB,iBAAiB;AAAA,YAAA;AAAA,YAEnB,YAAY;AAAA,cACV,iBAAiB,MAAM,QAAQ,YAAY,OAAO,MAAM;AAAA,YAAA;AAAA,YAE1D,kBAAkB;AAAA,cAChB,iBAAiB;AAAA,cACjB,aAAa;AAAA,cACb,OAAO,MAAM,QAAQ,YAAY,OAAO;AAAA,YAAA;AAAA,UAC1C;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEJ;;"}
|
|
@@ -22,6 +22,9 @@ const pagination = require("./components/pagination.js");
|
|
|
22
22
|
const _switch = require("./components/switch.js");
|
|
23
23
|
const radio = require("./components/radio.js");
|
|
24
24
|
const formGroup = require("./components/form-group.js");
|
|
25
|
+
const backdrop = require("./components/backdrop.js");
|
|
26
|
+
const svgIcon = require("./components/svg-icon.js");
|
|
27
|
+
const timeline = require("./components/timeline.js");
|
|
25
28
|
const components = {
|
|
26
29
|
MuiTypography: typography.MuiTypography,
|
|
27
30
|
MuiChip: chip.MuiChip,
|
|
@@ -49,7 +52,10 @@ const components = {
|
|
|
49
52
|
MuiPagination: pagination.MuiPagination,
|
|
50
53
|
MuiSwitch: _switch.MuiSwitch,
|
|
51
54
|
MuiRadio: radio.MuiRadio,
|
|
52
|
-
MuiFormGroup: formGroup.MuiFormGroup
|
|
55
|
+
MuiFormGroup: formGroup.MuiFormGroup,
|
|
56
|
+
MuiBackdrop: backdrop.MuiBackdrop,
|
|
57
|
+
MuiSvgIcon: svgIcon.MuiSvgIcon,
|
|
58
|
+
MuiTimeline: timeline.MuiTimeline
|
|
53
59
|
};
|
|
54
60
|
exports.components = components;
|
|
55
61
|
//# sourceMappingURL=components.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components.js","sources":["../../../../src/theme/components.ts"],"sourcesContent":["import { MuiAlert } from './components/alert';\nimport { MuiButton } from './components/button';\nimport { MuiChip } from './components/chip';\nimport { MuiList, MuiListItemText, MuiListItemIcon } from './components/list';\nimport { MuiStack } from './components/stack';\nimport { MuiTooltip } from './components/tooltip';\nimport { MuiTypography } from './components/typography';\nimport { MuiDivider } from './components/divider';\nimport { MuiIconButton } from './components/icon-button';\nimport { MuiTab } from './components/tab';\nimport { MuiTabs } from './components/tabs';\nimport { MuiSkeleton } from './components/skeleton';\nimport { MuiCheckbox } from './components/checkbox';\nimport { MuiDialog, MuiDialogTitle, MuiDialogContent, MuiDialogActions } from './components/dialog';\nimport { MuiInputAdornment } from './components/input-adornment';\nimport { MuiInputBase } from './components/input-base';\nimport { MuiInputLabel } from './components/input-label';\nimport { MuiTextField } from './components/text-field';\nimport { MuiPagination } from './components/pagination';\nimport { MuiSwitch } from './components/switch';\nimport { MuiRadio } from './components/radio';\nimport { MuiFormGroup } from './components/form-group';\n\n//\n//\n\n// NOTE: We use any here to avoid type inference issues\n// oxlint-disable-next-line @typescript-eslint/no-explicit-any\nexport const components: Record<string, any> = {\n MuiTypography,\n MuiChip,\n MuiButton,\n MuiAlert,\n MuiStack,\n MuiList,\n MuiListItemText,\n MuiListItemIcon,\n MuiTooltip,\n MuiDivider,\n MuiIconButton,\n MuiTabs,\n MuiTab,\n MuiSkeleton,\n MuiCheckbox,\n MuiDialog,\n MuiDialogTitle,\n MuiDialogContent,\n MuiDialogActions,\n MuiTextField,\n MuiInputBase,\n MuiInputLabel,\n MuiInputAdornment,\n MuiPagination,\n MuiSwitch,\n MuiRadio,\n MuiFormGroup,\n};\n"],"names":["MuiTypography","MuiChip","MuiButton","MuiAlert","MuiStack","MuiList","MuiListItemText","MuiListItemIcon","MuiTooltip","MuiDivider","MuiIconButton","MuiTabs","MuiTab","MuiSkeleton","MuiCheckbox","MuiDialog","MuiDialogTitle","MuiDialogContent","MuiDialogActions","MuiTextField","MuiInputBase","MuiInputLabel","MuiInputAdornment","MuiPagination","MuiSwitch","MuiRadio","MuiFormGroup"],"mappings":"
|
|
1
|
+
{"version":3,"file":"components.js","sources":["../../../../src/theme/components.ts"],"sourcesContent":["import { MuiAlert } from './components/alert';\nimport { MuiButton } from './components/button';\nimport { MuiChip } from './components/chip';\nimport { MuiList, MuiListItemText, MuiListItemIcon } from './components/list';\nimport { MuiStack } from './components/stack';\nimport { MuiTooltip } from './components/tooltip';\nimport { MuiTypography } from './components/typography';\nimport { MuiDivider } from './components/divider';\nimport { MuiIconButton } from './components/icon-button';\nimport { MuiTab } from './components/tab';\nimport { MuiTabs } from './components/tabs';\nimport { MuiSkeleton } from './components/skeleton';\nimport { MuiCheckbox } from './components/checkbox';\nimport { MuiDialog, MuiDialogTitle, MuiDialogContent, MuiDialogActions } from './components/dialog';\nimport { MuiInputAdornment } from './components/input-adornment';\nimport { MuiInputBase } from './components/input-base';\nimport { MuiInputLabel } from './components/input-label';\nimport { MuiTextField } from './components/text-field';\nimport { MuiPagination } from './components/pagination';\nimport { MuiSwitch } from './components/switch';\nimport { MuiRadio } from './components/radio';\nimport { MuiFormGroup } from './components/form-group';\nimport { MuiBackdrop } from './components/backdrop';\nimport { MuiSvgIcon } from './components/svg-icon';\nimport { MuiTimeline } from './components/timeline';\n\n//\n//\n\n// NOTE: We use any here to avoid type inference issues\n// oxlint-disable-next-line @typescript-eslint/no-explicit-any\nexport const components: Record<string, any> = {\n MuiTypography,\n MuiChip,\n MuiButton,\n MuiAlert,\n MuiStack,\n MuiList,\n MuiListItemText,\n MuiListItemIcon,\n MuiTooltip,\n MuiDivider,\n MuiIconButton,\n MuiTabs,\n MuiTab,\n MuiSkeleton,\n MuiCheckbox,\n MuiDialog,\n MuiDialogTitle,\n MuiDialogContent,\n MuiDialogActions,\n MuiTextField,\n MuiInputBase,\n MuiInputLabel,\n MuiInputAdornment,\n MuiPagination,\n MuiSwitch,\n MuiRadio,\n MuiFormGroup,\n MuiBackdrop,\n MuiSvgIcon,\n MuiTimeline,\n};\n"],"names":["MuiTypography","MuiChip","MuiButton","MuiAlert","MuiStack","MuiList","MuiListItemText","MuiListItemIcon","MuiTooltip","MuiDivider","MuiIconButton","MuiTabs","MuiTab","MuiSkeleton","MuiCheckbox","MuiDialog","MuiDialogTitle","MuiDialogContent","MuiDialogActions","MuiTextField","MuiInputBase","MuiInputLabel","MuiInputAdornment","MuiPagination","MuiSwitch","MuiRadio","MuiFormGroup","MuiBackdrop","MuiSvgIcon","MuiTimeline"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BO,MAAM,aAAkC;AAAA,EAAA,eAC7CA,WAAAA;AAAAA,EAAA,SACAC,KAAAA;AAAAA,EAAA,WACAC,OAAAA;AAAAA,EAAA,UACAC,MAAAA;AAAAA,EAAA,UACAC,MAAAA;AAAAA,EAAA,SACAC,KAAAA;AAAAA,EAAA,iBACAC,KAAAA;AAAAA,EAAA,iBACAC,KAAAA;AAAAA,EAAA,YACAC,QAAAA;AAAAA,EAAA,YACAC,QAAAA;AAAAA,EAAA,eACAC,WAAAA;AAAAA,EAAA,SACAC,KAAAA;AAAAA,EAAA,QACAC,IAAAA;AAAAA,EAAA,aACAC,SAAAA;AAAAA,EAAA,aACAC,SAAAA;AAAAA,EAAA,WACAC,OAAAA;AAAAA,EAAA,gBACAC,OAAAA;AAAAA,EAAA,kBACAC,OAAAA;AAAAA,EAAA,kBACAC,OAAAA;AAAAA,EAAA,cACAC,UAAAA;AAAAA,EAAA,cACAC,UAAAA;AAAAA,EAAA,eACAC,WAAAA;AAAAA,EAAA,mBACAC,eAAAA;AAAAA,EAAA,eACAC,WAAAA;AAAAA,EAAA,WACAC,QAAAA;AAAAA,EAAA,UACAC,MAAAA;AAAAA,EAAA,cACAC,UAAAA;AAAAA,EAAA,aACAC,SAAAA;AAAAA,EAAA,YACAC,QAAAA;AAAAA,EAAA,aACAC,SAAAA;AACF;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"backdrop.js","sources":["../../../../../src/theme/components/backdrop.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\n//\n//\n\nexport const MuiBackdrop: Components<\n Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiBackdrop'] = {\n styleOverrides: {\n root: {\n backgroundColor: 'rgba(0, 0, 0, 0.1)',\n },\n },\n};\n"],"names":[],"mappings":"AAKO,MAAM,cAEM;AAAA,EACjB,gBAAgB;AAAA,IACd,MAAM;AAAA,MACJ,iBAAiB;AAAA,IAAA;AAAA,EACnB;AAEJ;"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
const MuiSvgIcon = {
|
|
2
|
+
styleOverrides: {
|
|
3
|
+
root: ({ theme }) => ({
|
|
4
|
+
transition: theme.transitions.create("color", {
|
|
5
|
+
easing: theme.transitions.easing.easeInOut,
|
|
6
|
+
duration: theme.transitions.duration.standard
|
|
7
|
+
})
|
|
8
|
+
})
|
|
9
|
+
}
|
|
10
|
+
};
|
|
11
|
+
export {
|
|
12
|
+
MuiSvgIcon
|
|
13
|
+
};
|
|
14
|
+
//# sourceMappingURL=svg-icon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"svg-icon.js","sources":["../../../../../src/theme/components/svg-icon.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\n//\n//\n\nexport const MuiSvgIcon: Components<\n Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiSvgIcon'] = {\n styleOverrides: {\n root: ({ theme }) => ({\n transition: theme.transitions.create('color', {\n easing: theme.transitions.easing.easeInOut,\n duration: theme.transitions.duration.standard,\n }),\n }),\n },\n};\n"],"names":[],"mappings":"AAKO,MAAM,aAEK;AAAA,EAChB,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,YAAY,MAAM,YAAY,OAAO,SAAS;AAAA,QAC5C,QAAQ,MAAM,YAAY,OAAO;AAAA,QACjC,UAAU,MAAM,YAAY,SAAS;AAAA,MAAA,CACtC;AAAA,IAAA;AAAA,EACH;AAEJ;"}
|
|
@@ -73,8 +73,7 @@ const MuiSwitch = {
|
|
|
73
73
|
height: toggleSwitchHeight,
|
|
74
74
|
padding: 0,
|
|
75
75
|
overflow: "visible",
|
|
76
|
-
|
|
77
|
-
marginLeft: theme.spacing(1.5),
|
|
76
|
+
marginInlineEnd: theme.spacing(1),
|
|
78
77
|
"&:hover": {
|
|
79
78
|
"& .MuiSwitch-switchBase:not(.Mui-checked)": {
|
|
80
79
|
"& + .MuiSwitch-track": {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switch.js","sources":["../../../../../src/theme/components/switch.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material';\n\nconst createSwitchActiveStyles = (theme: CssVarsTheme, colorKey: 'primary' | 'error') => {\n const toggleCircleSize = theme.spacing(1.83);\n const pressedToggleCircleSize = theme.spacing(2.25);\n const transformValue = theme.spacing(0.5);\n\n return {\n '&:active': {\n '& .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track': {\n backgroundColor: theme.palette._components.switch?.[colorKey]?.pressedBackground,\n boxShadow: 'none',\n },\n '& .MuiSwitch-switchBase:not(.Mui-checked)': {\n '& + .MuiSwitch-track': {\n boxShadow: 'none',\n },\n '& .MuiSwitch-thumb': {\n width: `${pressedToggleCircleSize}`,\n transform: 'translateX(0)',\n borderRadius: toggleCircleSize,\n },\n },\n '& .MuiSwitch-switchBase.Mui-checked': {\n '& + .MuiSwitch-track': {\n boxShadow: 'none',\n },\n '& .MuiSwitch-thumb': {\n width: `${pressedToggleCircleSize}`,\n transform: `translateX(-${transformValue})`,\n borderRadius: toggleCircleSize,\n },\n },\n },\n };\n};\n\nexport const MuiSwitch: Components<\n Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiSwitch'] = {\n defaultProps: {\n disableRipple: true,\n disableTouchRipple: true,\n },\n variants: [\n {\n props: { color: 'primary' },\n style: ({ theme }) => ({\n ...createSwitchActiveStyles(theme, 'primary'),\n '& .MuiSwitch-switchBase.Mui-checked': {\n '& + .MuiSwitch-track': {\n backgroundColor: theme.palette._components.switch?.primary?.activeBackground,\n },\n },\n }),\n },\n {\n props: { color: 'error' },\n style: ({ theme }) => ({\n ...createSwitchActiveStyles(theme, 'error'),\n '& .MuiSwitch-switchBase.Mui-checked': {\n '& + .MuiSwitch-track': {\n backgroundColor: theme.palette._components.switch?.error?.activeBackground,\n },\n },\n }),\n },\n ],\n styleOverrides: {\n root: ({ theme }) => {\n const toggleSwitchWidth = theme.spacing(4);\n const toggleSwitchHeight = theme.spacing(2.5);\n const toggleCircleSize = theme.spacing(1.83);\n const innerMargin = theme.spacing(0.33);\n const shadowValue = theme.spacing(0, 0, 0, 0.25);\n const transformValue = theme.spacing(1.51); // 4 - 1.83 - 0.33 * 2 = 1.51\n\n return {\n width: toggleSwitchWidth,\n height: toggleSwitchHeight,\n padding: 0,\n overflow: 'visible',\n
|
|
1
|
+
{"version":3,"file":"switch.js","sources":["../../../../../src/theme/components/switch.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material';\n\nconst createSwitchActiveStyles = (theme: CssVarsTheme, colorKey: 'primary' | 'error') => {\n const toggleCircleSize = theme.spacing(1.83);\n const pressedToggleCircleSize = theme.spacing(2.25);\n const transformValue = theme.spacing(0.5);\n\n return {\n '&:active': {\n '& .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track': {\n backgroundColor: theme.palette._components.switch?.[colorKey]?.pressedBackground,\n boxShadow: 'none',\n },\n '& .MuiSwitch-switchBase:not(.Mui-checked)': {\n '& + .MuiSwitch-track': {\n boxShadow: 'none',\n },\n '& .MuiSwitch-thumb': {\n width: `${pressedToggleCircleSize}`,\n transform: 'translateX(0)',\n borderRadius: toggleCircleSize,\n },\n },\n '& .MuiSwitch-switchBase.Mui-checked': {\n '& + .MuiSwitch-track': {\n boxShadow: 'none',\n },\n '& .MuiSwitch-thumb': {\n width: `${pressedToggleCircleSize}`,\n transform: `translateX(-${transformValue})`,\n borderRadius: toggleCircleSize,\n },\n },\n },\n };\n};\n\nexport const MuiSwitch: Components<\n Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiSwitch'] = {\n defaultProps: {\n disableRipple: true,\n disableTouchRipple: true,\n },\n variants: [\n {\n props: { color: 'primary' },\n style: ({ theme }) => ({\n ...createSwitchActiveStyles(theme, 'primary'),\n '& .MuiSwitch-switchBase.Mui-checked': {\n '& + .MuiSwitch-track': {\n backgroundColor: theme.palette._components.switch?.primary?.activeBackground,\n },\n },\n }),\n },\n {\n props: { color: 'error' },\n style: ({ theme }) => ({\n ...createSwitchActiveStyles(theme, 'error'),\n '& .MuiSwitch-switchBase.Mui-checked': {\n '& + .MuiSwitch-track': {\n backgroundColor: theme.palette._components.switch?.error?.activeBackground,\n },\n },\n }),\n },\n ],\n styleOverrides: {\n root: ({ theme }) => {\n const toggleSwitchWidth = theme.spacing(4);\n const toggleSwitchHeight = theme.spacing(2.5);\n const toggleCircleSize = theme.spacing(1.83);\n const innerMargin = theme.spacing(0.33);\n const shadowValue = theme.spacing(0, 0, 0, 0.25);\n const transformValue = theme.spacing(1.51); // 4 - 1.83 - 0.33 * 2 = 1.51\n\n return {\n width: toggleSwitchWidth,\n height: toggleSwitchHeight,\n padding: 0,\n overflow: 'visible',\n marginInlineEnd: theme.spacing(1),\n '&:hover': {\n '& .MuiSwitch-switchBase:not(.Mui-checked)': {\n '& + .MuiSwitch-track': {\n boxShadow: `${shadowValue} ${theme.palette._components.switch?.shadow}`,\n },\n },\n '& .MuiSwitch-switchBase.Mui-disabled + .MuiSwitch-track': {\n boxShadow: 'none',\n },\n },\n '& .MuiSwitch-switchBase': {\n padding: 0,\n margin: innerMargin,\n width: toggleCircleSize,\n transitionDuration: '300ms',\n '&.Mui-checked': {\n transform: `translateX(${transformValue})`,\n color: theme.palette._components?.switch?.knobFillEnabled,\n '& + .MuiSwitch-track': {\n opacity: 1,\n boxShadow: 'none',\n },\n '&.Mui-disabled + .MuiSwitch-track': {\n opacity: 0.5,\n },\n },\n '&.Mui-focusVisible .MuiSwitch-thumb': {\n color: theme.palette._components?.switch?.color,\n boxShadow: `${shadowValue} ${theme.palette._components?.switch?.background}`,\n },\n '&.Mui-disabled .MuiSwitch-thumb': {\n color: theme.palette._components?.switch?.knobFillEnabled,\n },\n '&.Mui-disabled + .MuiSwitch-track': {\n opacity: 0.7,\n boxShadow: 'none',\n },\n },\n '& .MuiSwitch-thumb': {\n boxSizing: 'border-box',\n width: toggleCircleSize,\n height: toggleCircleSize,\n borderRadius: toggleCircleSize,\n borderWidth: theme.spacing(0.08375),\n borderStyle: 'solid',\n borderColor: theme.palette._components.switch.knowFillDisabled,\n boxShadow: theme.shadows[2],\n transition: theme.transitions.create(['transform'], {\n duration: 300,\n }),\n },\n '& .MuiSwitch-track': {\n borderRadius: theme.spacing(8.25),\n backgroundColor: theme.palette._components.switch?.slideFill,\n opacity: 1,\n transition: theme.transitions.create(['background-color'], {\n duration: 500,\n }),\n boxShadow: `${shadowValue} transparent`,\n },\n };\n },\n },\n};\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
const MuiTimeline = {
|
|
2
|
+
styleOverrides: {
|
|
3
|
+
root: ({ theme }) => ({
|
|
4
|
+
variants: [
|
|
5
|
+
{
|
|
6
|
+
// noOppositeContent is used to remove the opposite content,
|
|
7
|
+
// which is the content that is on the other side of the timeline item depending on the language
|
|
8
|
+
props: { noOppositeContent: true },
|
|
9
|
+
style: {
|
|
10
|
+
[`.MuiTimelineItem-root:before`]: {
|
|
11
|
+
flex: 0,
|
|
12
|
+
padding: 0
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
props: { color: "error", variant: "text" },
|
|
18
|
+
style: {
|
|
19
|
+
backgroundColor: "transparent",
|
|
20
|
+
color: theme.palette._components.button.error.outlinedText,
|
|
21
|
+
borderColor: "transparent",
|
|
22
|
+
"&:hover": { backgroundColor: theme.palette._components.button.error.outlinedHover },
|
|
23
|
+
"&.Mui-focusVisible": {
|
|
24
|
+
backgroundColor: "transparent"
|
|
25
|
+
},
|
|
26
|
+
"&:active": {
|
|
27
|
+
backgroundColor: theme.palette._components.button.error.pressed
|
|
28
|
+
},
|
|
29
|
+
"&.Mui-disabled": {
|
|
30
|
+
backgroundColor: "transparent",
|
|
31
|
+
borderColor: "transparent",
|
|
32
|
+
color: theme.palette._components.button.disabledText
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
]
|
|
37
|
+
})
|
|
38
|
+
}
|
|
39
|
+
};
|
|
40
|
+
export {
|
|
41
|
+
MuiTimeline
|
|
42
|
+
};
|
|
43
|
+
//# sourceMappingURL=timeline.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"timeline.js","sources":["../../../../../src/theme/components/timeline.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\n//\n//\n\nexport const MuiTimeline: Components<\n Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiTimeline'] = {\n styleOverrides: {\n root: ({ theme }) => ({\n variants: [\n {\n // noOppositeContent is used to remove the opposite content,\n // which is the content that is on the other side of the timeline item depending on the language\n props: { noOppositeContent: true },\n style: {\n [`.MuiTimelineItem-root:before`]: {\n flex: 0,\n padding: 0,\n },\n },\n },\n {\n props: { color: 'error', variant: 'text' },\n style: {\n backgroundColor: 'transparent',\n color: theme.palette._components.button.error.outlinedText,\n borderColor: 'transparent',\n '&:hover': { backgroundColor: theme.palette._components.button.error.outlinedHover },\n '&.Mui-focusVisible': {\n backgroundColor: 'transparent',\n },\n '&:active': {\n backgroundColor: theme.palette._components.button.error.pressed,\n },\n '&.Mui-disabled': {\n backgroundColor: 'transparent',\n borderColor: 'transparent',\n color: theme.palette._components.button.disabledText,\n },\n },\n },\n ],\n }),\n },\n};\n"],"names":[],"mappings":"AAMO,MAAM,cAEM;AAAA,EACjB,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,UAAU;AAAA,QACR;AAAA;AAAA;AAAA,UAGE,OAAO,EAAE,mBAAmB,KAAA;AAAA,UAC5B,OAAO;AAAA,YACL,CAAC,8BAA8B,GAAG;AAAA,cAChC,MAAM;AAAA,cACN,SAAS;AAAA,YAAA;AAAA,UACX;AAAA,QACF;AAAA,QAEF;AAAA,UACE,OAAO,EAAE,OAAO,SAAS,SAAS,OAAA;AAAA,UAClC,OAAO;AAAA,YACL,iBAAiB;AAAA,YACjB,OAAO,MAAM,QAAQ,YAAY,OAAO,MAAM;AAAA,YAC9C,aAAa;AAAA,YACb,WAAW,EAAE,iBAAiB,MAAM,QAAQ,YAAY,OAAO,MAAM,cAAA;AAAA,YACrE,sBAAsB;AAAA,cACpB,iBAAiB;AAAA,YAAA;AAAA,YAEnB,YAAY;AAAA,cACV,iBAAiB,MAAM,QAAQ,YAAY,OAAO,MAAM;AAAA,YAAA;AAAA,YAE1D,kBAAkB;AAAA,cAChB,iBAAiB;AAAA,cACjB,aAAa;AAAA,cACb,OAAO,MAAM,QAAQ,YAAY,OAAO;AAAA,YAAA;AAAA,UAC1C;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEJ;"}
|
|
@@ -20,6 +20,9 @@ import { MuiPagination } from "./components/pagination.js";
|
|
|
20
20
|
import { MuiSwitch } from "./components/switch.js";
|
|
21
21
|
import { MuiRadio } from "./components/radio.js";
|
|
22
22
|
import { MuiFormGroup } from "./components/form-group.js";
|
|
23
|
+
import { MuiBackdrop } from "./components/backdrop.js";
|
|
24
|
+
import { MuiSvgIcon } from "./components/svg-icon.js";
|
|
25
|
+
import { MuiTimeline } from "./components/timeline.js";
|
|
23
26
|
const components = {
|
|
24
27
|
MuiTypography,
|
|
25
28
|
MuiChip,
|
|
@@ -47,7 +50,10 @@ const components = {
|
|
|
47
50
|
MuiPagination,
|
|
48
51
|
MuiSwitch,
|
|
49
52
|
MuiRadio,
|
|
50
|
-
MuiFormGroup
|
|
53
|
+
MuiFormGroup,
|
|
54
|
+
MuiBackdrop,
|
|
55
|
+
MuiSvgIcon,
|
|
56
|
+
MuiTimeline
|
|
51
57
|
};
|
|
52
58
|
export {
|
|
53
59
|
components
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components.js","sources":["../../../../src/theme/components.ts"],"sourcesContent":["import { MuiAlert } from './components/alert';\nimport { MuiButton } from './components/button';\nimport { MuiChip } from './components/chip';\nimport { MuiList, MuiListItemText, MuiListItemIcon } from './components/list';\nimport { MuiStack } from './components/stack';\nimport { MuiTooltip } from './components/tooltip';\nimport { MuiTypography } from './components/typography';\nimport { MuiDivider } from './components/divider';\nimport { MuiIconButton } from './components/icon-button';\nimport { MuiTab } from './components/tab';\nimport { MuiTabs } from './components/tabs';\nimport { MuiSkeleton } from './components/skeleton';\nimport { MuiCheckbox } from './components/checkbox';\nimport { MuiDialog, MuiDialogTitle, MuiDialogContent, MuiDialogActions } from './components/dialog';\nimport { MuiInputAdornment } from './components/input-adornment';\nimport { MuiInputBase } from './components/input-base';\nimport { MuiInputLabel } from './components/input-label';\nimport { MuiTextField } from './components/text-field';\nimport { MuiPagination } from './components/pagination';\nimport { MuiSwitch } from './components/switch';\nimport { MuiRadio } from './components/radio';\nimport { MuiFormGroup } from './components/form-group';\n\n//\n//\n\n// NOTE: We use any here to avoid type inference issues\n// oxlint-disable-next-line @typescript-eslint/no-explicit-any\nexport const components: Record<string, any> = {\n MuiTypography,\n MuiChip,\n MuiButton,\n MuiAlert,\n MuiStack,\n MuiList,\n MuiListItemText,\n MuiListItemIcon,\n MuiTooltip,\n MuiDivider,\n MuiIconButton,\n MuiTabs,\n MuiTab,\n MuiSkeleton,\n MuiCheckbox,\n MuiDialog,\n MuiDialogTitle,\n MuiDialogContent,\n MuiDialogActions,\n MuiTextField,\n MuiInputBase,\n MuiInputLabel,\n MuiInputAdornment,\n MuiPagination,\n MuiSwitch,\n MuiRadio,\n MuiFormGroup,\n};\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"components.js","sources":["../../../../src/theme/components.ts"],"sourcesContent":["import { MuiAlert } from './components/alert';\nimport { MuiButton } from './components/button';\nimport { MuiChip } from './components/chip';\nimport { MuiList, MuiListItemText, MuiListItemIcon } from './components/list';\nimport { MuiStack } from './components/stack';\nimport { MuiTooltip } from './components/tooltip';\nimport { MuiTypography } from './components/typography';\nimport { MuiDivider } from './components/divider';\nimport { MuiIconButton } from './components/icon-button';\nimport { MuiTab } from './components/tab';\nimport { MuiTabs } from './components/tabs';\nimport { MuiSkeleton } from './components/skeleton';\nimport { MuiCheckbox } from './components/checkbox';\nimport { MuiDialog, MuiDialogTitle, MuiDialogContent, MuiDialogActions } from './components/dialog';\nimport { MuiInputAdornment } from './components/input-adornment';\nimport { MuiInputBase } from './components/input-base';\nimport { MuiInputLabel } from './components/input-label';\nimport { MuiTextField } from './components/text-field';\nimport { MuiPagination } from './components/pagination';\nimport { MuiSwitch } from './components/switch';\nimport { MuiRadio } from './components/radio';\nimport { MuiFormGroup } from './components/form-group';\nimport { MuiBackdrop } from './components/backdrop';\nimport { MuiSvgIcon } from './components/svg-icon';\nimport { MuiTimeline } from './components/timeline';\n\n//\n//\n\n// NOTE: We use any here to avoid type inference issues\n// oxlint-disable-next-line @typescript-eslint/no-explicit-any\nexport const components: Record<string, any> = {\n MuiTypography,\n MuiChip,\n MuiButton,\n MuiAlert,\n MuiStack,\n MuiList,\n MuiListItemText,\n MuiListItemIcon,\n MuiTooltip,\n MuiDivider,\n MuiIconButton,\n MuiTabs,\n MuiTab,\n MuiSkeleton,\n MuiCheckbox,\n MuiDialog,\n MuiDialogTitle,\n MuiDialogContent,\n MuiDialogActions,\n MuiTextField,\n MuiInputBase,\n MuiInputLabel,\n MuiInputAdornment,\n MuiPagination,\n MuiSwitch,\n MuiRadio,\n MuiFormGroup,\n MuiBackdrop,\n MuiSvgIcon,\n MuiTimeline,\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA+BO,MAAM,aAAkC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}
|