@zidsa/zidmui 2.4.5 → 2.4.7
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/text-field.js +26 -8
- package/dist/react/cjs/theme/components/text-field.js.map +1 -1
- package/dist/react/es/theme/components/text-field.js +26 -8
- package/dist/react/es/theme/components/text-field.js.map +1 -1
- package/dist/react/types/theme/components/text-field.d.ts +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
|
@@ -9,8 +9,10 @@ const MuiTextField = {
|
|
|
9
9
|
"& .MuiInputLabel-root": {
|
|
10
10
|
marginBottom: theme.spacing(1),
|
|
11
11
|
transform: "scale(1)",
|
|
12
|
-
position: "relative"
|
|
13
|
-
|
|
12
|
+
position: "relative"
|
|
13
|
+
},
|
|
14
|
+
"& .MuiFormHelperText-root": {
|
|
15
|
+
marginTop: theme.spacing(1)
|
|
14
16
|
},
|
|
15
17
|
"& .MuiOutlinedInput-root": {
|
|
16
18
|
fieldset: {
|
|
@@ -59,10 +61,18 @@ const MuiTextField = {
|
|
|
59
61
|
style: ({ theme }) => ({
|
|
60
62
|
"& .MuiOutlinedInput-root": {
|
|
61
63
|
minHeight: theme.spacing(5),
|
|
62
|
-
paddingBlock: theme.spacing(1),
|
|
63
|
-
paddingInline: theme.spacing(2),
|
|
64
64
|
input: {
|
|
65
|
-
padding:
|
|
65
|
+
padding: theme.spacing(1.25, 2)
|
|
66
|
+
}
|
|
67
|
+
},
|
|
68
|
+
"& .MuiInputBase-adornedStart, & .MuiInputBase-inputAdornedStart": {
|
|
69
|
+
input: {
|
|
70
|
+
padding: theme.spacing(1.25, 2, 1.25, 0.5)
|
|
71
|
+
}
|
|
72
|
+
},
|
|
73
|
+
"& .MuiInputBase-adornedEnd, & .MuiInputBase-inputAdornedEnd": {
|
|
74
|
+
input: {
|
|
75
|
+
padding: theme.spacing(1.25, 0.5, 1.25, 2)
|
|
66
76
|
}
|
|
67
77
|
}
|
|
68
78
|
})
|
|
@@ -72,10 +82,18 @@ const MuiTextField = {
|
|
|
72
82
|
style: ({ theme }) => ({
|
|
73
83
|
"& .MuiOutlinedInput-root": {
|
|
74
84
|
minHeight: theme.spacing(6),
|
|
75
|
-
paddingBlock: theme.spacing(1),
|
|
76
|
-
paddingInline: theme.spacing(2),
|
|
77
85
|
input: {
|
|
78
|
-
padding:
|
|
86
|
+
padding: theme.spacing(1.75, 2)
|
|
87
|
+
}
|
|
88
|
+
},
|
|
89
|
+
"& .MuiInputBase-adornedStart, & .MuiInputBase-inputAdornedStart": {
|
|
90
|
+
input: {
|
|
91
|
+
padding: theme.spacing(1.75, 2, 1.75, 0.5)
|
|
92
|
+
}
|
|
93
|
+
},
|
|
94
|
+
"& .MuiInputBase-adornedEnd, & .MuiInputBase-inputAdornedEnd": {
|
|
95
|
+
input: {
|
|
96
|
+
padding: theme.spacing(1.75, 0.5, 1.75, 2)
|
|
79
97
|
}
|
|
80
98
|
}
|
|
81
99
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-field.js","sources":["../../../../../src/theme/components/text-field.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material';\n\
|
|
1
|
+
{"version":3,"file":"text-field.js","sources":["../../../../../src/theme/components/text-field.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\nexport const MuiTextField: Components<Theme & CssVarsTheme>['MuiTextField'] = {\n styleOverrides: {\n root: ({ theme }) => ({\n legend: {\n display: 'none',\n },\n '& .MuiInputLabel-root': {\n marginBottom: theme.spacing(1),\n transform: 'scale(1)',\n position: 'relative',\n },\n '& .MuiFormHelperText-root': {\n marginTop: theme.spacing(1),\n },\n '& .MuiOutlinedInput-root': {\n fieldset: {\n top: 0,\n },\n },\n '& .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline': {\n borderColor: theme.palette._components.input.outlined.enabledBorder,\n },\n '& .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline': {\n borderColor: theme.palette._components.input.outlined.hoverBorder,\n },\n '& .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline': {\n borderColor: theme.palette.primary.main,\n },\n '& .MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline': {\n borderColor: theme.palette.error.main,\n },\n '& .MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline': {\n backgroundColor: theme.palette.action.hover,\n borderColor: theme.palette._components.input.outlined.enabledBorder,\n },\n '& .MuiOutlinedInput-root.Mui-disabled:hover .MuiOutlinedInput-notchedOutline': {\n borderColor: theme.palette._components.input.outlined.enabledBorder,\n },\n '& .MuiInputBase-input': {\n position: 'relative',\n color: theme.palette.text.primary,\n transition: theme.transitions.create(['border-color', 'background-color', 'box-shadow']),\n lineHeight: theme.spacing(3),\n '&.Mui-disabled': {\n color: theme.palette.text.disabled,\n WebkitTextFillColor: theme.palette.text.disabled,\n },\n // TODO: investigate why this is causing the HTML to crash for Arabic\n // '&::placeholder': {\n // opacity: 1,\n // color: theme.palette.text.disabled,\n // },\n },\n }),\n },\n variants: [\n {\n props: { size: 'small' },\n style: ({ theme }) => ({\n '& .MuiOutlinedInput-root': {\n minHeight: theme.spacing(5),\n input: {\n padding: theme.spacing(1.25, 2),\n },\n },\n '& .MuiInputBase-adornedStart, & .MuiInputBase-inputAdornedStart': {\n input: {\n padding: theme.spacing(1.25, 2, 1.25, 0.5),\n },\n },\n '& .MuiInputBase-adornedEnd, & .MuiInputBase-inputAdornedEnd': {\n input: {\n padding: theme.spacing(1.25, 0.5, 1.25, 2),\n },\n },\n }),\n },\n {\n props: { size: 'medium' },\n style: ({ theme }) => ({\n '& .MuiOutlinedInput-root': {\n minHeight: theme.spacing(6),\n input: {\n padding: theme.spacing(1.75, 2),\n },\n },\n '& .MuiInputBase-adornedStart, & .MuiInputBase-inputAdornedStart': {\n input: {\n padding: theme.spacing(1.75, 2, 1.75, 0.5),\n },\n },\n '& .MuiInputBase-adornedEnd, & .MuiInputBase-inputAdornedEnd': {\n input: {\n padding: theme.spacing(1.75, 0.5, 1.75, 2),\n },\n },\n }),\n },\n ],\n};\n"],"names":[],"mappings":";;AAGO,MAAM,eAAiE;AAAA,EAC5E,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,QAAQ;AAAA,QACN,SAAS;AAAA,MAAA;AAAA,MAEX,yBAAyB;AAAA,QACvB,cAAc,MAAM,QAAQ,CAAC;AAAA,QAC7B,WAAW;AAAA,QACX,UAAU;AAAA,MAAA;AAAA,MAEZ,6BAA6B;AAAA,QAC3B,WAAW,MAAM,QAAQ,CAAC;AAAA,MAAA;AAAA,MAE5B,4BAA4B;AAAA,QAC1B,UAAU;AAAA,UACR,KAAK;AAAA,QAAA;AAAA,MACP;AAAA,MAEF,6DAA6D;AAAA,QAC3D,aAAa,MAAM,QAAQ,YAAY,MAAM,SAAS;AAAA,MAAA;AAAA,MAExD,mEAAmE;AAAA,QACjE,aAAa,MAAM,QAAQ,YAAY,MAAM,SAAS;AAAA,MAAA;AAAA,MAExD,yEAAyE;AAAA,QACvE,aAAa,MAAM,QAAQ,QAAQ;AAAA,MAAA;AAAA,MAErC,uEAAuE;AAAA,QACrE,aAAa,MAAM,QAAQ,MAAM;AAAA,MAAA;AAAA,MAEnC,0EAA0E;AAAA,QACxE,iBAAiB,MAAM,QAAQ,OAAO;AAAA,QACtC,aAAa,MAAM,QAAQ,YAAY,MAAM,SAAS;AAAA,MAAA;AAAA,MAExD,gFAAgF;AAAA,QAC9E,aAAa,MAAM,QAAQ,YAAY,MAAM,SAAS;AAAA,MAAA;AAAA,MAExD,yBAAyB;AAAA,QACvB,UAAU;AAAA,QACV,OAAO,MAAM,QAAQ,KAAK;AAAA,QAC1B,YAAY,MAAM,YAAY,OAAO,CAAC,gBAAgB,oBAAoB,YAAY,CAAC;AAAA,QACvF,YAAY,MAAM,QAAQ,CAAC;AAAA,QAC3B,kBAAkB;AAAA,UAChB,OAAO,MAAM,QAAQ,KAAK;AAAA,UAC1B,qBAAqB,MAAM,QAAQ,KAAK;AAAA,QAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAC1C;AAAA,IAMF;AAAA,EACF;AAAA,EAEF,UAAU;AAAA,IACR;AAAA,MACE,OAAO,EAAE,MAAM,QAAA;AAAA,MACf,OAAO,CAAC,EAAE,aAAa;AAAA,QACrB,4BAA4B;AAAA,UAC1B,WAAW,MAAM,QAAQ,CAAC;AAAA,UAC1B,OAAO;AAAA,YACL,SAAS,MAAM,QAAQ,MAAM,CAAC;AAAA,UAAA;AAAA,QAChC;AAAA,QAEF,mEAAmE;AAAA,UACjE,OAAO;AAAA,YACL,SAAS,MAAM,QAAQ,MAAM,GAAG,MAAM,GAAG;AAAA,UAAA;AAAA,QAC3C;AAAA,QAEF,+DAA+D;AAAA,UAC7D,OAAO;AAAA,YACL,SAAS,MAAM,QAAQ,MAAM,KAAK,MAAM,CAAC;AAAA,UAAA;AAAA,QAC3C;AAAA,MACF;AAAA,IACF;AAAA,IAEF;AAAA,MACE,OAAO,EAAE,MAAM,SAAA;AAAA,MACf,OAAO,CAAC,EAAE,aAAa;AAAA,QACrB,4BAA4B;AAAA,UAC1B,WAAW,MAAM,QAAQ,CAAC;AAAA,UAC1B,OAAO;AAAA,YACL,SAAS,MAAM,QAAQ,MAAM,CAAC;AAAA,UAAA;AAAA,QAChC;AAAA,QAEF,mEAAmE;AAAA,UACjE,OAAO;AAAA,YACL,SAAS,MAAM,QAAQ,MAAM,GAAG,MAAM,GAAG;AAAA,UAAA;AAAA,QAC3C;AAAA,QAEF,+DAA+D;AAAA,UAC7D,OAAO;AAAA,YACL,SAAS,MAAM,QAAQ,MAAM,KAAK,MAAM,CAAC;AAAA,UAAA;AAAA,QAC3C;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEJ;;"}
|
|
@@ -7,8 +7,10 @@ const MuiTextField = {
|
|
|
7
7
|
"& .MuiInputLabel-root": {
|
|
8
8
|
marginBottom: theme.spacing(1),
|
|
9
9
|
transform: "scale(1)",
|
|
10
|
-
position: "relative"
|
|
11
|
-
|
|
10
|
+
position: "relative"
|
|
11
|
+
},
|
|
12
|
+
"& .MuiFormHelperText-root": {
|
|
13
|
+
marginTop: theme.spacing(1)
|
|
12
14
|
},
|
|
13
15
|
"& .MuiOutlinedInput-root": {
|
|
14
16
|
fieldset: {
|
|
@@ -57,10 +59,18 @@ const MuiTextField = {
|
|
|
57
59
|
style: ({ theme }) => ({
|
|
58
60
|
"& .MuiOutlinedInput-root": {
|
|
59
61
|
minHeight: theme.spacing(5),
|
|
60
|
-
paddingBlock: theme.spacing(1),
|
|
61
|
-
paddingInline: theme.spacing(2),
|
|
62
62
|
input: {
|
|
63
|
-
padding:
|
|
63
|
+
padding: theme.spacing(1.25, 2)
|
|
64
|
+
}
|
|
65
|
+
},
|
|
66
|
+
"& .MuiInputBase-adornedStart, & .MuiInputBase-inputAdornedStart": {
|
|
67
|
+
input: {
|
|
68
|
+
padding: theme.spacing(1.25, 2, 1.25, 0.5)
|
|
69
|
+
}
|
|
70
|
+
},
|
|
71
|
+
"& .MuiInputBase-adornedEnd, & .MuiInputBase-inputAdornedEnd": {
|
|
72
|
+
input: {
|
|
73
|
+
padding: theme.spacing(1.25, 0.5, 1.25, 2)
|
|
64
74
|
}
|
|
65
75
|
}
|
|
66
76
|
})
|
|
@@ -70,10 +80,18 @@ const MuiTextField = {
|
|
|
70
80
|
style: ({ theme }) => ({
|
|
71
81
|
"& .MuiOutlinedInput-root": {
|
|
72
82
|
minHeight: theme.spacing(6),
|
|
73
|
-
paddingBlock: theme.spacing(1),
|
|
74
|
-
paddingInline: theme.spacing(2),
|
|
75
83
|
input: {
|
|
76
|
-
padding:
|
|
84
|
+
padding: theme.spacing(1.75, 2)
|
|
85
|
+
}
|
|
86
|
+
},
|
|
87
|
+
"& .MuiInputBase-adornedStart, & .MuiInputBase-inputAdornedStart": {
|
|
88
|
+
input: {
|
|
89
|
+
padding: theme.spacing(1.75, 2, 1.75, 0.5)
|
|
90
|
+
}
|
|
91
|
+
},
|
|
92
|
+
"& .MuiInputBase-adornedEnd, & .MuiInputBase-inputAdornedEnd": {
|
|
93
|
+
input: {
|
|
94
|
+
padding: theme.spacing(1.75, 0.5, 1.75, 2)
|
|
77
95
|
}
|
|
78
96
|
}
|
|
79
97
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-field.js","sources":["../../../../../src/theme/components/text-field.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material';\n\
|
|
1
|
+
{"version":3,"file":"text-field.js","sources":["../../../../../src/theme/components/text-field.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\nexport const MuiTextField: Components<Theme & CssVarsTheme>['MuiTextField'] = {\n styleOverrides: {\n root: ({ theme }) => ({\n legend: {\n display: 'none',\n },\n '& .MuiInputLabel-root': {\n marginBottom: theme.spacing(1),\n transform: 'scale(1)',\n position: 'relative',\n },\n '& .MuiFormHelperText-root': {\n marginTop: theme.spacing(1),\n },\n '& .MuiOutlinedInput-root': {\n fieldset: {\n top: 0,\n },\n },\n '& .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline': {\n borderColor: theme.palette._components.input.outlined.enabledBorder,\n },\n '& .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline': {\n borderColor: theme.palette._components.input.outlined.hoverBorder,\n },\n '& .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline': {\n borderColor: theme.palette.primary.main,\n },\n '& .MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline': {\n borderColor: theme.palette.error.main,\n },\n '& .MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline': {\n backgroundColor: theme.palette.action.hover,\n borderColor: theme.palette._components.input.outlined.enabledBorder,\n },\n '& .MuiOutlinedInput-root.Mui-disabled:hover .MuiOutlinedInput-notchedOutline': {\n borderColor: theme.palette._components.input.outlined.enabledBorder,\n },\n '& .MuiInputBase-input': {\n position: 'relative',\n color: theme.palette.text.primary,\n transition: theme.transitions.create(['border-color', 'background-color', 'box-shadow']),\n lineHeight: theme.spacing(3),\n '&.Mui-disabled': {\n color: theme.palette.text.disabled,\n WebkitTextFillColor: theme.palette.text.disabled,\n },\n // TODO: investigate why this is causing the HTML to crash for Arabic\n // '&::placeholder': {\n // opacity: 1,\n // color: theme.palette.text.disabled,\n // },\n },\n }),\n },\n variants: [\n {\n props: { size: 'small' },\n style: ({ theme }) => ({\n '& .MuiOutlinedInput-root': {\n minHeight: theme.spacing(5),\n input: {\n padding: theme.spacing(1.25, 2),\n },\n },\n '& .MuiInputBase-adornedStart, & .MuiInputBase-inputAdornedStart': {\n input: {\n padding: theme.spacing(1.25, 2, 1.25, 0.5),\n },\n },\n '& .MuiInputBase-adornedEnd, & .MuiInputBase-inputAdornedEnd': {\n input: {\n padding: theme.spacing(1.25, 0.5, 1.25, 2),\n },\n },\n }),\n },\n {\n props: { size: 'medium' },\n style: ({ theme }) => ({\n '& .MuiOutlinedInput-root': {\n minHeight: theme.spacing(6),\n input: {\n padding: theme.spacing(1.75, 2),\n },\n },\n '& .MuiInputBase-adornedStart, & .MuiInputBase-inputAdornedStart': {\n input: {\n padding: theme.spacing(1.75, 2, 1.75, 0.5),\n },\n },\n '& .MuiInputBase-adornedEnd, & .MuiInputBase-inputAdornedEnd': {\n input: {\n padding: theme.spacing(1.75, 0.5, 1.75, 2),\n },\n },\n }),\n },\n ],\n};\n"],"names":[],"mappings":"AAGO,MAAM,eAAiE;AAAA,EAC5E,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,QAAQ;AAAA,QACN,SAAS;AAAA,MAAA;AAAA,MAEX,yBAAyB;AAAA,QACvB,cAAc,MAAM,QAAQ,CAAC;AAAA,QAC7B,WAAW;AAAA,QACX,UAAU;AAAA,MAAA;AAAA,MAEZ,6BAA6B;AAAA,QAC3B,WAAW,MAAM,QAAQ,CAAC;AAAA,MAAA;AAAA,MAE5B,4BAA4B;AAAA,QAC1B,UAAU;AAAA,UACR,KAAK;AAAA,QAAA;AAAA,MACP;AAAA,MAEF,6DAA6D;AAAA,QAC3D,aAAa,MAAM,QAAQ,YAAY,MAAM,SAAS;AAAA,MAAA;AAAA,MAExD,mEAAmE;AAAA,QACjE,aAAa,MAAM,QAAQ,YAAY,MAAM,SAAS;AAAA,MAAA;AAAA,MAExD,yEAAyE;AAAA,QACvE,aAAa,MAAM,QAAQ,QAAQ;AAAA,MAAA;AAAA,MAErC,uEAAuE;AAAA,QACrE,aAAa,MAAM,QAAQ,MAAM;AAAA,MAAA;AAAA,MAEnC,0EAA0E;AAAA,QACxE,iBAAiB,MAAM,QAAQ,OAAO;AAAA,QACtC,aAAa,MAAM,QAAQ,YAAY,MAAM,SAAS;AAAA,MAAA;AAAA,MAExD,gFAAgF;AAAA,QAC9E,aAAa,MAAM,QAAQ,YAAY,MAAM,SAAS;AAAA,MAAA;AAAA,MAExD,yBAAyB;AAAA,QACvB,UAAU;AAAA,QACV,OAAO,MAAM,QAAQ,KAAK;AAAA,QAC1B,YAAY,MAAM,YAAY,OAAO,CAAC,gBAAgB,oBAAoB,YAAY,CAAC;AAAA,QACvF,YAAY,MAAM,QAAQ,CAAC;AAAA,QAC3B,kBAAkB;AAAA,UAChB,OAAO,MAAM,QAAQ,KAAK;AAAA,UAC1B,qBAAqB,MAAM,QAAQ,KAAK;AAAA,QAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAC1C;AAAA,IAMF;AAAA,EACF;AAAA,EAEF,UAAU;AAAA,IACR;AAAA,MACE,OAAO,EAAE,MAAM,QAAA;AAAA,MACf,OAAO,CAAC,EAAE,aAAa;AAAA,QACrB,4BAA4B;AAAA,UAC1B,WAAW,MAAM,QAAQ,CAAC;AAAA,UAC1B,OAAO;AAAA,YACL,SAAS,MAAM,QAAQ,MAAM,CAAC;AAAA,UAAA;AAAA,QAChC;AAAA,QAEF,mEAAmE;AAAA,UACjE,OAAO;AAAA,YACL,SAAS,MAAM,QAAQ,MAAM,GAAG,MAAM,GAAG;AAAA,UAAA;AAAA,QAC3C;AAAA,QAEF,+DAA+D;AAAA,UAC7D,OAAO;AAAA,YACL,SAAS,MAAM,QAAQ,MAAM,KAAK,MAAM,CAAC;AAAA,UAAA;AAAA,QAC3C;AAAA,MACF;AAAA,IACF;AAAA,IAEF;AAAA,MACE,OAAO,EAAE,MAAM,SAAA;AAAA,MACf,OAAO,CAAC,EAAE,aAAa;AAAA,QACrB,4BAA4B;AAAA,UAC1B,WAAW,MAAM,QAAQ,CAAC;AAAA,UAC1B,OAAO;AAAA,YACL,SAAS,MAAM,QAAQ,MAAM,CAAC;AAAA,UAAA;AAAA,QAChC;AAAA,QAEF,mEAAmE;AAAA,UACjE,OAAO;AAAA,YACL,SAAS,MAAM,QAAQ,MAAM,GAAG,MAAM,GAAG;AAAA,UAAA;AAAA,QAC3C;AAAA,QAEF,+DAA+D;AAAA,UAC7D,OAAO;AAAA,YACL,SAAS,MAAM,QAAQ,MAAM,KAAK,MAAM,CAAC;AAAA,UAAA;AAAA,QAC3C;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEJ;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { Components, CssVarsTheme, Theme } from '@mui/material';
|
|
1
|
+
import { Components, CssVarsTheme, Theme } from '@mui/material/styles';
|
|
2
2
|
export declare const MuiTextField: Components<Theme & CssVarsTheme>['MuiTextField'];
|