@zidsa/zidmui 3.0.3 → 3.0.4
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.
|
@@ -4,7 +4,10 @@ const coloredCardContentStyle = (theme) => ({
|
|
|
4
4
|
"& .MuiCardContent-root": {
|
|
5
5
|
padding: 16,
|
|
6
6
|
backgroundColor: theme.palette.background.paper,
|
|
7
|
-
border: `1px solid ${theme.palette.divider}
|
|
7
|
+
border: `1px solid ${theme.palette.divider}`,
|
|
8
|
+
"&:last-child": {
|
|
9
|
+
paddingBottom: 16
|
|
10
|
+
}
|
|
8
11
|
}
|
|
9
12
|
});
|
|
10
13
|
const MuiCard = {
|
|
@@ -17,13 +20,14 @@ const MuiCard = {
|
|
|
17
20
|
border: `1px solid ${theme.palette.divider}`,
|
|
18
21
|
backgroundColor: theme.palette.background.paper,
|
|
19
22
|
overflow: "hidden",
|
|
20
|
-
"& .MuiCardContent-root:last-child": {
|
|
21
|
-
borderRadius: theme.spacing(1.25)
|
|
22
|
-
},
|
|
23
23
|
"& .MuiCardContent-root": {
|
|
24
24
|
padding: 8,
|
|
25
25
|
borderRadius: theme.spacing(2),
|
|
26
|
-
margin: `0 ${theme.spacing(0.5)} ${theme.spacing(0.5)}
|
|
26
|
+
margin: `0 ${theme.spacing(0.5)} ${theme.spacing(0.5)}`,
|
|
27
|
+
"&:last-child": {
|
|
28
|
+
paddingBottom: 8,
|
|
29
|
+
borderRadius: theme.spacing(1.25)
|
|
30
|
+
}
|
|
27
31
|
},
|
|
28
32
|
// TODO: check
|
|
29
33
|
"& .MuiCardContent-root .MuiCardContent-root .MuiCardContent-root": {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.js","sources":["../../../../../src/theme/components/card.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material';\n\n//\n//\n\nconst coloredCardContentStyle = (theme: Theme) => ({\n '& .MuiCardContent-root': {\n padding: 16,\n backgroundColor: theme.palette.background.paper,\n border: `1px solid ${theme.palette.divider}`,\n },\n});\n\nexport const MuiCard: Components<Omit<Theme, 'components' | 'palette'> & CssVarsTheme>['MuiCard'] =\n {\n styleOverrides: {\n root: ({ theme }) => ({\n display: 'flex',\n flexDirection: 'column',\n gap: theme.spacing(1.25),\n borderRadius: theme.shape.standardBorderRadius,\n border: `1px solid ${theme.palette.divider}`,\n backgroundColor: theme.palette.background.paper,\n overflow: 'hidden',\n\n '& .MuiCardContent-root
|
|
1
|
+
{"version":3,"file":"card.js","sources":["../../../../../src/theme/components/card.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material';\n\n//\n//\n\nconst coloredCardContentStyle = (theme: Theme) => ({\n '& .MuiCardContent-root': {\n padding: 16,\n backgroundColor: theme.palette.background.paper,\n border: `1px solid ${theme.palette.divider}`,\n '&:last-child': {\n paddingBottom: 16,\n },\n },\n});\n\nexport const MuiCard: Components<Omit<Theme, 'components' | 'palette'> & CssVarsTheme>['MuiCard'] =\n {\n styleOverrides: {\n root: ({ theme }) => ({\n display: 'flex',\n flexDirection: 'column',\n gap: theme.spacing(1.25),\n borderRadius: theme.shape.standardBorderRadius,\n border: `1px solid ${theme.palette.divider}`,\n backgroundColor: theme.palette.background.paper,\n overflow: 'hidden',\n\n '& .MuiCardContent-root': {\n padding: 8,\n borderRadius: theme.spacing(2),\n margin: `0 ${theme.spacing(0.5)} ${theme.spacing(0.5)}`,\n '&:last-child': {\n paddingBottom: 8,\n borderRadius: theme.spacing(1.25),\n },\n },\n\n // TODO: check\n '& .MuiCardContent-root .MuiCardContent-root .MuiCardContent-root': {\n border: 'none',\n borderRadius: 4,\n backgroundColor: theme.palette.background.gray,\n },\n boxShadow: 'none',\n }),\n },\n variants: [\n {\n props: { color: 'primary' },\n style: ({ theme }) => ({\n borderColor: theme.palette._components.card.primary.border,\n backgroundColor: theme.palette._components.card.primary.background,\n ...coloredCardContentStyle(theme),\n }),\n },\n {\n props: { color: 'success' },\n style: ({ theme }) => ({\n borderColor: theme.palette._components.card.success.border,\n backgroundColor: theme.palette._components.card.success.background,\n ...coloredCardContentStyle(theme),\n }),\n },\n {\n props: { color: 'error' },\n style: ({ theme }) => ({\n borderColor: theme.palette._components.card.error.border,\n backgroundColor: theme.palette._components.card.error.background,\n ...coloredCardContentStyle(theme),\n }),\n },\n {\n props: { color: 'warning' },\n style: ({ theme }) => ({\n borderColor: theme.palette._components.card.warning.border,\n backgroundColor: theme.palette._components.card.warning.background,\n ...coloredCardContentStyle(theme),\n }),\n },\n {\n props: { color: 'info' },\n style: ({ theme }) => ({\n borderColor: theme.palette._components.card.info.border,\n backgroundColor: theme.palette._components.card.info.background,\n ...coloredCardContentStyle(theme),\n }),\n },\n {\n props: { color: 'neutral' },\n style: ({ theme }) => ({\n borderColor: theme.palette._components.card.neutral.border,\n backgroundColor: theme.palette._components.card.neutral.background,\n ...coloredCardContentStyle(theme),\n }),\n },\n ],\n };\n"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,10 @@ const coloredCardContentStyle = (theme) => ({
|
|
|
2
2
|
"& .MuiCardContent-root": {
|
|
3
3
|
padding: 16,
|
|
4
4
|
backgroundColor: theme.palette.background.paper,
|
|
5
|
-
border: `1px solid ${theme.palette.divider}
|
|
5
|
+
border: `1px solid ${theme.palette.divider}`,
|
|
6
|
+
"&:last-child": {
|
|
7
|
+
paddingBottom: 16
|
|
8
|
+
}
|
|
6
9
|
}
|
|
7
10
|
});
|
|
8
11
|
const MuiCard = {
|
|
@@ -15,13 +18,14 @@ const MuiCard = {
|
|
|
15
18
|
border: `1px solid ${theme.palette.divider}`,
|
|
16
19
|
backgroundColor: theme.palette.background.paper,
|
|
17
20
|
overflow: "hidden",
|
|
18
|
-
"& .MuiCardContent-root:last-child": {
|
|
19
|
-
borderRadius: theme.spacing(1.25)
|
|
20
|
-
},
|
|
21
21
|
"& .MuiCardContent-root": {
|
|
22
22
|
padding: 8,
|
|
23
23
|
borderRadius: theme.spacing(2),
|
|
24
|
-
margin: `0 ${theme.spacing(0.5)} ${theme.spacing(0.5)}
|
|
24
|
+
margin: `0 ${theme.spacing(0.5)} ${theme.spacing(0.5)}`,
|
|
25
|
+
"&:last-child": {
|
|
26
|
+
paddingBottom: 8,
|
|
27
|
+
borderRadius: theme.spacing(1.25)
|
|
28
|
+
}
|
|
25
29
|
},
|
|
26
30
|
// TODO: check
|
|
27
31
|
"& .MuiCardContent-root .MuiCardContent-root .MuiCardContent-root": {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.js","sources":["../../../../../src/theme/components/card.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material';\n\n//\n//\n\nconst coloredCardContentStyle = (theme: Theme) => ({\n '& .MuiCardContent-root': {\n padding: 16,\n backgroundColor: theme.palette.background.paper,\n border: `1px solid ${theme.palette.divider}`,\n },\n});\n\nexport const MuiCard: Components<Omit<Theme, 'components' | 'palette'> & CssVarsTheme>['MuiCard'] =\n {\n styleOverrides: {\n root: ({ theme }) => ({\n display: 'flex',\n flexDirection: 'column',\n gap: theme.spacing(1.25),\n borderRadius: theme.shape.standardBorderRadius,\n border: `1px solid ${theme.palette.divider}`,\n backgroundColor: theme.palette.background.paper,\n overflow: 'hidden',\n\n '& .MuiCardContent-root
|
|
1
|
+
{"version":3,"file":"card.js","sources":["../../../../../src/theme/components/card.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material';\n\n//\n//\n\nconst coloredCardContentStyle = (theme: Theme) => ({\n '& .MuiCardContent-root': {\n padding: 16,\n backgroundColor: theme.palette.background.paper,\n border: `1px solid ${theme.palette.divider}`,\n '&:last-child': {\n paddingBottom: 16,\n },\n },\n});\n\nexport const MuiCard: Components<Omit<Theme, 'components' | 'palette'> & CssVarsTheme>['MuiCard'] =\n {\n styleOverrides: {\n root: ({ theme }) => ({\n display: 'flex',\n flexDirection: 'column',\n gap: theme.spacing(1.25),\n borderRadius: theme.shape.standardBorderRadius,\n border: `1px solid ${theme.palette.divider}`,\n backgroundColor: theme.palette.background.paper,\n overflow: 'hidden',\n\n '& .MuiCardContent-root': {\n padding: 8,\n borderRadius: theme.spacing(2),\n margin: `0 ${theme.spacing(0.5)} ${theme.spacing(0.5)}`,\n '&:last-child': {\n paddingBottom: 8,\n borderRadius: theme.spacing(1.25),\n },\n },\n\n // TODO: check\n '& .MuiCardContent-root .MuiCardContent-root .MuiCardContent-root': {\n border: 'none',\n borderRadius: 4,\n backgroundColor: theme.palette.background.gray,\n },\n boxShadow: 'none',\n }),\n },\n variants: [\n {\n props: { color: 'primary' },\n style: ({ theme }) => ({\n borderColor: theme.palette._components.card.primary.border,\n backgroundColor: theme.palette._components.card.primary.background,\n ...coloredCardContentStyle(theme),\n }),\n },\n {\n props: { color: 'success' },\n style: ({ theme }) => ({\n borderColor: theme.palette._components.card.success.border,\n backgroundColor: theme.palette._components.card.success.background,\n ...coloredCardContentStyle(theme),\n }),\n },\n {\n props: { color: 'error' },\n style: ({ theme }) => ({\n borderColor: theme.palette._components.card.error.border,\n backgroundColor: theme.palette._components.card.error.background,\n ...coloredCardContentStyle(theme),\n }),\n },\n {\n props: { color: 'warning' },\n style: ({ theme }) => ({\n borderColor: theme.palette._components.card.warning.border,\n backgroundColor: theme.palette._components.card.warning.background,\n ...coloredCardContentStyle(theme),\n }),\n },\n {\n props: { color: 'info' },\n style: ({ theme }) => ({\n borderColor: theme.palette._components.card.info.border,\n backgroundColor: theme.palette._components.card.info.background,\n ...coloredCardContentStyle(theme),\n }),\n },\n {\n props: { color: 'neutral' },\n style: ({ theme }) => ({\n borderColor: theme.palette._components.card.neutral.border,\n backgroundColor: theme.palette._components.card.neutral.background,\n ...coloredCardContentStyle(theme),\n }),\n },\n ],\n };\n"],"names":[],"mappings":"AAMA,MAAM,0BAA0B,CAAC,WAAkB;AAAA,EACjD,0BAA0B;AAAA,IACxB,SAAS;AAAA,IACT,iBAAiB,MAAM,QAAQ,WAAW;AAAA,IAC1C,QAAQ,aAAa,MAAM,QAAQ,OAAO;AAAA,IAC1C,gBAAgB;AAAA,MACd,eAAe;AAAA,IAAA;AAAA,EACjB;AAEJ;AAEO,MAAM,UACX;AAAA,EACE,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,SAAS;AAAA,MACT,eAAe;AAAA,MACf,KAAK,MAAM,QAAQ,IAAI;AAAA,MACvB,cAAc,MAAM,MAAM;AAAA,MAC1B,QAAQ,aAAa,MAAM,QAAQ,OAAO;AAAA,MAC1C,iBAAiB,MAAM,QAAQ,WAAW;AAAA,MAC1C,UAAU;AAAA,MAEV,0BAA0B;AAAA,QACxB,SAAS;AAAA,QACT,cAAc,MAAM,QAAQ,CAAC;AAAA,QAC7B,QAAQ,KAAK,MAAM,QAAQ,GAAG,CAAC,IAAI,MAAM,QAAQ,GAAG,CAAC;AAAA,QACrD,gBAAgB;AAAA,UACd,eAAe;AAAA,UACf,cAAc,MAAM,QAAQ,IAAI;AAAA,QAAA;AAAA,MAClC;AAAA;AAAA,MAIF,oEAAoE;AAAA,QAClE,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,iBAAiB,MAAM,QAAQ,WAAW;AAAA,MAAA;AAAA,MAE5C,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,UAAU;AAAA,IACR;AAAA,MACE,OAAO,EAAE,OAAO,UAAA;AAAA,MAChB,OAAO,CAAC,EAAE,aAAa;AAAA,QACrB,aAAa,MAAM,QAAQ,YAAY,KAAK,QAAQ;AAAA,QACpD,iBAAiB,MAAM,QAAQ,YAAY,KAAK,QAAQ;AAAA,QACxD,GAAG,wBAAwB,KAAK;AAAA,MAAA;AAAA,IAClC;AAAA,IAEF;AAAA,MACE,OAAO,EAAE,OAAO,UAAA;AAAA,MAChB,OAAO,CAAC,EAAE,aAAa;AAAA,QACrB,aAAa,MAAM,QAAQ,YAAY,KAAK,QAAQ;AAAA,QACpD,iBAAiB,MAAM,QAAQ,YAAY,KAAK,QAAQ;AAAA,QACxD,GAAG,wBAAwB,KAAK;AAAA,MAAA;AAAA,IAClC;AAAA,IAEF;AAAA,MACE,OAAO,EAAE,OAAO,QAAA;AAAA,MAChB,OAAO,CAAC,EAAE,aAAa;AAAA,QACrB,aAAa,MAAM,QAAQ,YAAY,KAAK,MAAM;AAAA,QAClD,iBAAiB,MAAM,QAAQ,YAAY,KAAK,MAAM;AAAA,QACtD,GAAG,wBAAwB,KAAK;AAAA,MAAA;AAAA,IAClC;AAAA,IAEF;AAAA,MACE,OAAO,EAAE,OAAO,UAAA;AAAA,MAChB,OAAO,CAAC,EAAE,aAAa;AAAA,QACrB,aAAa,MAAM,QAAQ,YAAY,KAAK,QAAQ;AAAA,QACpD,iBAAiB,MAAM,QAAQ,YAAY,KAAK,QAAQ;AAAA,QACxD,GAAG,wBAAwB,KAAK;AAAA,MAAA;AAAA,IAClC;AAAA,IAEF;AAAA,MACE,OAAO,EAAE,OAAO,OAAA;AAAA,MAChB,OAAO,CAAC,EAAE,aAAa;AAAA,QACrB,aAAa,MAAM,QAAQ,YAAY,KAAK,KAAK;AAAA,QACjD,iBAAiB,MAAM,QAAQ,YAAY,KAAK,KAAK;AAAA,QACrD,GAAG,wBAAwB,KAAK;AAAA,MAAA;AAAA,IAClC;AAAA,IAEF;AAAA,MACE,OAAO,EAAE,OAAO,UAAA;AAAA,MAChB,OAAO,CAAC,EAAE,aAAa;AAAA,QACrB,aAAa,MAAM,QAAQ,YAAY,KAAK,QAAQ;AAAA,QACpD,iBAAiB,MAAM,QAAQ,YAAY,KAAK,QAAQ;AAAA,QACxD,GAAG,wBAAwB,KAAK;AAAA,MAAA;AAAA,IAClC;AAAA,EACF;AAEJ;"}
|