@zidsa/zidmui 2.4.8 → 2.5.0
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/app-bar.js +26 -29
- package/dist/react/cjs/theme/components/app-bar.js.map +1 -1
- package/dist/react/cjs/theme/components/input-base.js +1 -1
- package/dist/react/cjs/theme/components/input-base.js.map +1 -1
- package/dist/react/es/theme/components/app-bar.js +26 -29
- package/dist/react/es/theme/components/app-bar.js.map +1 -1
- package/dist/react/es/theme/components/input-base.js +1 -1
- package/dist/react/es/theme/components/input-base.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
|
@@ -1,6 +1,30 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const sidebarAppBarStyle = (theme) => ({
|
|
4
|
+
"--AppBar-background": theme.palette.background.sidebar,
|
|
5
|
+
backgroundColor: theme.palette.background.sidebar,
|
|
6
|
+
boxShadow: theme.shadows[0],
|
|
7
|
+
borderBottom: `1px solid ${theme.palette._components.appBar.borderBottom}`,
|
|
8
|
+
"& .MuiTextField-root": {
|
|
9
|
+
"& .MuiOutlinedInput-root": {
|
|
10
|
+
"& fieldset": {
|
|
11
|
+
borderColor: theme.palette?.outlined?.outlined,
|
|
12
|
+
background: theme.palette?.common?.black_states?.hover
|
|
13
|
+
},
|
|
14
|
+
"&.Mui-focused fieldset": {
|
|
15
|
+
borderColor: theme.palette.primary.main
|
|
16
|
+
},
|
|
17
|
+
"&:active fieldset": {
|
|
18
|
+
borderColor: theme.palette.primary.main
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
});
|
|
3
23
|
const MuiAppBar = {
|
|
24
|
+
defaultProps: {
|
|
25
|
+
enableColorOnDark: true,
|
|
26
|
+
elevation: 0
|
|
27
|
+
},
|
|
4
28
|
styleOverrides: {
|
|
5
29
|
root: ({ theme }) => ({
|
|
6
30
|
boxShadow: theme.shadows[4],
|
|
@@ -65,16 +89,7 @@ const MuiAppBar = {
|
|
|
65
89
|
},
|
|
66
90
|
{
|
|
67
91
|
props: { color: "default" },
|
|
68
|
-
style: ({ theme: theme2 }) => (
|
|
69
|
-
"& .MuiTextField-root": {
|
|
70
|
-
"& .MuiOutlinedInput-root": {
|
|
71
|
-
"& fieldset": {
|
|
72
|
-
border: "none",
|
|
73
|
-
background: theme2.palette.common.black_states.selected
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
})
|
|
92
|
+
style: ({ theme: theme2 }) => sidebarAppBarStyle(theme2)
|
|
78
93
|
},
|
|
79
94
|
{
|
|
80
95
|
props: { color: "secondary" },
|
|
@@ -123,25 +138,7 @@ const MuiAppBar = {
|
|
|
123
138
|
},
|
|
124
139
|
{
|
|
125
140
|
props: { color: "transparent" },
|
|
126
|
-
style: ({ theme: theme2 }) => (
|
|
127
|
-
backgroundColor: theme2.palette.background.sidebar,
|
|
128
|
-
boxShadow: theme2.shadows[0],
|
|
129
|
-
borderBottom: `1px solid ${theme2.palette._components.appBar.borderBottom}`,
|
|
130
|
-
"& .MuiTextField-root": {
|
|
131
|
-
"& .MuiOutlinedInput-root": {
|
|
132
|
-
"& fieldset": {
|
|
133
|
-
borderColor: theme2.palette?.outlined?.outlined,
|
|
134
|
-
background: theme2.palette?.common?.black_states?.hover
|
|
135
|
-
},
|
|
136
|
-
"&.Mui-focused fieldset": {
|
|
137
|
-
borderColor: theme2.palette.primary.main
|
|
138
|
-
},
|
|
139
|
-
"&:active fieldset": {
|
|
140
|
-
borderColor: theme2.palette.primary.main
|
|
141
|
-
}
|
|
142
|
-
}
|
|
143
|
-
}
|
|
144
|
-
})
|
|
141
|
+
style: ({ theme: theme2 }) => sidebarAppBarStyle(theme2)
|
|
145
142
|
}
|
|
146
143
|
]
|
|
147
144
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-bar.js","sources":["../../../../../src/theme/components/app-bar.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\n//\n//\n\nexport const MuiAppBar: Components<Theme & CssVarsTheme>['MuiAppBar'] = {\n styleOverrides: {\n root: ({ theme }) => ({\n boxShadow: theme.shadows[4],\n input: {\n fontSize: 14,\n '&:-webkit-autofill': {\n transitionDelay: '9999s !important',\n },\n '&::-webkit-input-placeholder': {\n opacity: 1,\n color: theme.palette.text.secondary,\n },\n '&::-moz-placeholder': {\n opacity: 1,\n color: theme.palette.text.secondary,\n },\n '&:-ms-input-placeholder': {\n opacity: 1,\n color: theme.palette.text.secondary,\n },\n },\n '& form': {\n margin: 0,\n maxWidth: 564,\n width: '100%',\n '& .MuiFormControl-root': {\n marginTop: 0,\n },\n },\n //\n variants: [\n {\n props: { color: 'primary' },\n style: ({ theme }) => ({\n '& .MuiButtonBase-root.menuIcon > .MuiSvgIcon-root, .MuiButtonBase-root.searchIcon > .MuiSvgIcon-root':\n {\n color: theme.palette.common.white_states.main,\n },\n input: {\n color: theme.palette.primary.contrastText,\n '&::-webkit-input-placeholder': {\n opacity: 1,\n color: theme.palette.primary.contrastText,\n },\n '&::-moz-placeholder': {\n opacity: 1,\n color: theme.palette.primary.contrastText,\n },\n '&:-ms-input-placeholder': {\n opacity: 1,\n color: theme.palette.primary.contrastText,\n },\n },\n '& .MuiTextField-root': {\n '& .MuiOutlinedInput-root': {\n '& fieldset': {\n border: 'none',\n background: theme.palette.common.white_states.focusVisible,\n },\n },\n },\n }),\n },\n {\n props: { color: 'default' },\n style: ({ theme }) => (
|
|
1
|
+
{"version":3,"file":"app-bar.js","sources":["../../../../../src/theme/components/app-bar.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\n//\n//\n\nconst sidebarAppBarStyle = (theme: Theme & CssVarsTheme) => ({\n '--AppBar-background': theme.palette.background.sidebar,\n backgroundColor: theme.palette.background.sidebar,\n boxShadow: theme.shadows[0],\n borderBottom: `1px solid ${theme.palette._components.appBar.borderBottom}`,\n '& .MuiTextField-root': {\n '& .MuiOutlinedInput-root': {\n '& fieldset': {\n borderColor: theme.palette?.outlined?.outlined,\n background: theme.palette?.common?.black_states?.hover,\n },\n '&.Mui-focused fieldset': {\n borderColor: theme.palette.primary.main,\n },\n '&:active fieldset': {\n borderColor: theme.palette.primary.main,\n },\n },\n },\n});\n\nexport const MuiAppBar: Components<Theme & CssVarsTheme>['MuiAppBar'] = {\n defaultProps: {\n enableColorOnDark: true,\n elevation: 0,\n },\n styleOverrides: {\n root: ({ theme }) => ({\n boxShadow: theme.shadows[4],\n input: {\n fontSize: 14,\n '&:-webkit-autofill': {\n transitionDelay: '9999s !important',\n },\n '&::-webkit-input-placeholder': {\n opacity: 1,\n color: theme.palette.text.secondary,\n },\n '&::-moz-placeholder': {\n opacity: 1,\n color: theme.palette.text.secondary,\n },\n '&:-ms-input-placeholder': {\n opacity: 1,\n color: theme.palette.text.secondary,\n },\n },\n '& form': {\n margin: 0,\n maxWidth: 564,\n width: '100%',\n '& .MuiFormControl-root': {\n marginTop: 0,\n },\n },\n //\n variants: [\n {\n props: { color: 'primary' },\n style: ({ theme }) => ({\n '& .MuiButtonBase-root.menuIcon > .MuiSvgIcon-root, .MuiButtonBase-root.searchIcon > .MuiSvgIcon-root':\n {\n color: theme.palette.common.white_states.main,\n },\n input: {\n color: theme.palette.primary.contrastText,\n '&::-webkit-input-placeholder': {\n opacity: 1,\n color: theme.palette.primary.contrastText,\n },\n '&::-moz-placeholder': {\n opacity: 1,\n color: theme.palette.primary.contrastText,\n },\n '&:-ms-input-placeholder': {\n opacity: 1,\n color: theme.palette.primary.contrastText,\n },\n },\n '& .MuiTextField-root': {\n '& .MuiOutlinedInput-root': {\n '& fieldset': {\n border: 'none',\n background: theme.palette.common.white_states.focusVisible,\n },\n },\n },\n }),\n },\n {\n props: { color: 'default' },\n style: ({ theme }) => sidebarAppBarStyle(theme),\n },\n {\n props: { color: 'secondary' },\n style: ({ theme }) => ({\n '& .MuiButtonBase-root.menuIcon > .MuiSvgIcon-root, .MuiButtonBase-root.searchIcon > .MuiSvgIcon-root':\n {\n color: theme.palette.common.white_states.main,\n },\n input: {\n opacity: 1,\n color: theme.palette.primary.contrastText,\n '&::-webkit-input-placeholder': {\n opacity: 1,\n color: theme.palette.primary.contrastText,\n },\n '&::-moz-placeholder, &:-ms-input-placeholder': {\n opacity: 1,\n color: theme.palette.primary.contrastText,\n },\n '&:-ms-input-placeholder': {\n opacity: 1,\n color: theme.palette.primary.contrastText,\n },\n },\n '& .MuiTextField-root': {\n '& .MuiOutlinedInput-root': {\n '& fieldset': {\n border: 'none',\n background: theme.palette.common.white_states.focus,\n },\n },\n },\n }),\n },\n {\n props: { color: 'inherit' },\n style: ({ theme }) => ({\n '& .MuiTextField-root': {\n '& .MuiOutlinedInput-root': {\n '& fieldset': {\n border: 'none',\n background: theme.palette.common.black_states.hover,\n },\n },\n },\n }),\n },\n {\n props: { color: 'transparent' },\n style: ({ theme }) => sidebarAppBarStyle(theme),\n },\n ],\n }),\n },\n};\n"],"names":["theme"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-base.js","sources":["../../../../../src/theme/components/input-base.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\nexport const MuiInputBase: Components<Theme & CssVarsTheme>['MuiInputBase'] = {\n styleOverrides: {\n root: ({ theme }) => ({\n '&.MuiInputBase-root': {\n background: theme.palette.background.
|
|
1
|
+
{"version":3,"file":"input-base.js","sources":["../../../../../src/theme/components/input-base.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\nexport const MuiInputBase: Components<Theme & CssVarsTheme>['MuiInputBase'] = {\n styleOverrides: {\n root: ({ theme }) => ({\n '&.MuiInputBase-root': {\n background: theme.palette.background.paper,\n },\n }),\n input: ({ theme }) => ({\n ...theme.typography.body2,\n\n '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {\n WebkitAppearance: 'none',\n },\n\n /* Firefox */\n '&[type=number]': {\n MozAppearance: 'textfield',\n },\n }),\n },\n};\n"],"names":[],"mappings":";;AAGO,MAAM,eAAiE;AAAA,EAC5E,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,uBAAuB;AAAA,QACrB,YAAY,MAAM,QAAQ,WAAW;AAAA,MAAA;AAAA,IACvC;AAAA,IAEF,OAAO,CAAC,EAAE,aAAa;AAAA,MACrB,GAAG,MAAM,WAAW;AAAA,MAEpB,8DAA8D;AAAA,QAC5D,kBAAkB;AAAA,MAAA;AAAA;AAAA,MAIpB,kBAAkB;AAAA,QAChB,eAAe;AAAA,MAAA;AAAA,IACjB;AAAA,EACF;AAEJ;;"}
|
|
@@ -1,4 +1,28 @@
|
|
|
1
|
+
const sidebarAppBarStyle = (theme) => ({
|
|
2
|
+
"--AppBar-background": theme.palette.background.sidebar,
|
|
3
|
+
backgroundColor: theme.palette.background.sidebar,
|
|
4
|
+
boxShadow: theme.shadows[0],
|
|
5
|
+
borderBottom: `1px solid ${theme.palette._components.appBar.borderBottom}`,
|
|
6
|
+
"& .MuiTextField-root": {
|
|
7
|
+
"& .MuiOutlinedInput-root": {
|
|
8
|
+
"& fieldset": {
|
|
9
|
+
borderColor: theme.palette?.outlined?.outlined,
|
|
10
|
+
background: theme.palette?.common?.black_states?.hover
|
|
11
|
+
},
|
|
12
|
+
"&.Mui-focused fieldset": {
|
|
13
|
+
borderColor: theme.palette.primary.main
|
|
14
|
+
},
|
|
15
|
+
"&:active fieldset": {
|
|
16
|
+
borderColor: theme.palette.primary.main
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
});
|
|
1
21
|
const MuiAppBar = {
|
|
22
|
+
defaultProps: {
|
|
23
|
+
enableColorOnDark: true,
|
|
24
|
+
elevation: 0
|
|
25
|
+
},
|
|
2
26
|
styleOverrides: {
|
|
3
27
|
root: ({ theme }) => ({
|
|
4
28
|
boxShadow: theme.shadows[4],
|
|
@@ -63,16 +87,7 @@ const MuiAppBar = {
|
|
|
63
87
|
},
|
|
64
88
|
{
|
|
65
89
|
props: { color: "default" },
|
|
66
|
-
style: ({ theme: theme2 }) => (
|
|
67
|
-
"& .MuiTextField-root": {
|
|
68
|
-
"& .MuiOutlinedInput-root": {
|
|
69
|
-
"& fieldset": {
|
|
70
|
-
border: "none",
|
|
71
|
-
background: theme2.palette.common.black_states.selected
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
}
|
|
75
|
-
})
|
|
90
|
+
style: ({ theme: theme2 }) => sidebarAppBarStyle(theme2)
|
|
76
91
|
},
|
|
77
92
|
{
|
|
78
93
|
props: { color: "secondary" },
|
|
@@ -121,25 +136,7 @@ const MuiAppBar = {
|
|
|
121
136
|
},
|
|
122
137
|
{
|
|
123
138
|
props: { color: "transparent" },
|
|
124
|
-
style: ({ theme: theme2 }) => (
|
|
125
|
-
backgroundColor: theme2.palette.background.sidebar,
|
|
126
|
-
boxShadow: theme2.shadows[0],
|
|
127
|
-
borderBottom: `1px solid ${theme2.palette._components.appBar.borderBottom}`,
|
|
128
|
-
"& .MuiTextField-root": {
|
|
129
|
-
"& .MuiOutlinedInput-root": {
|
|
130
|
-
"& fieldset": {
|
|
131
|
-
borderColor: theme2.palette?.outlined?.outlined,
|
|
132
|
-
background: theme2.palette?.common?.black_states?.hover
|
|
133
|
-
},
|
|
134
|
-
"&.Mui-focused fieldset": {
|
|
135
|
-
borderColor: theme2.palette.primary.main
|
|
136
|
-
},
|
|
137
|
-
"&:active fieldset": {
|
|
138
|
-
borderColor: theme2.palette.primary.main
|
|
139
|
-
}
|
|
140
|
-
}
|
|
141
|
-
}
|
|
142
|
-
})
|
|
139
|
+
style: ({ theme: theme2 }) => sidebarAppBarStyle(theme2)
|
|
143
140
|
}
|
|
144
141
|
]
|
|
145
142
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-bar.js","sources":["../../../../../src/theme/components/app-bar.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\n//\n//\n\nexport const MuiAppBar: Components<Theme & CssVarsTheme>['MuiAppBar'] = {\n styleOverrides: {\n root: ({ theme }) => ({\n boxShadow: theme.shadows[4],\n input: {\n fontSize: 14,\n '&:-webkit-autofill': {\n transitionDelay: '9999s !important',\n },\n '&::-webkit-input-placeholder': {\n opacity: 1,\n color: theme.palette.text.secondary,\n },\n '&::-moz-placeholder': {\n opacity: 1,\n color: theme.palette.text.secondary,\n },\n '&:-ms-input-placeholder': {\n opacity: 1,\n color: theme.palette.text.secondary,\n },\n },\n '& form': {\n margin: 0,\n maxWidth: 564,\n width: '100%',\n '& .MuiFormControl-root': {\n marginTop: 0,\n },\n },\n //\n variants: [\n {\n props: { color: 'primary' },\n style: ({ theme }) => ({\n '& .MuiButtonBase-root.menuIcon > .MuiSvgIcon-root, .MuiButtonBase-root.searchIcon > .MuiSvgIcon-root':\n {\n color: theme.palette.common.white_states.main,\n },\n input: {\n color: theme.palette.primary.contrastText,\n '&::-webkit-input-placeholder': {\n opacity: 1,\n color: theme.palette.primary.contrastText,\n },\n '&::-moz-placeholder': {\n opacity: 1,\n color: theme.palette.primary.contrastText,\n },\n '&:-ms-input-placeholder': {\n opacity: 1,\n color: theme.palette.primary.contrastText,\n },\n },\n '& .MuiTextField-root': {\n '& .MuiOutlinedInput-root': {\n '& fieldset': {\n border: 'none',\n background: theme.palette.common.white_states.focusVisible,\n },\n },\n },\n }),\n },\n {\n props: { color: 'default' },\n style: ({ theme }) => (
|
|
1
|
+
{"version":3,"file":"app-bar.js","sources":["../../../../../src/theme/components/app-bar.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\n//\n//\n\nconst sidebarAppBarStyle = (theme: Theme & CssVarsTheme) => ({\n '--AppBar-background': theme.palette.background.sidebar,\n backgroundColor: theme.palette.background.sidebar,\n boxShadow: theme.shadows[0],\n borderBottom: `1px solid ${theme.palette._components.appBar.borderBottom}`,\n '& .MuiTextField-root': {\n '& .MuiOutlinedInput-root': {\n '& fieldset': {\n borderColor: theme.palette?.outlined?.outlined,\n background: theme.palette?.common?.black_states?.hover,\n },\n '&.Mui-focused fieldset': {\n borderColor: theme.palette.primary.main,\n },\n '&:active fieldset': {\n borderColor: theme.palette.primary.main,\n },\n },\n },\n});\n\nexport const MuiAppBar: Components<Theme & CssVarsTheme>['MuiAppBar'] = {\n defaultProps: {\n enableColorOnDark: true,\n elevation: 0,\n },\n styleOverrides: {\n root: ({ theme }) => ({\n boxShadow: theme.shadows[4],\n input: {\n fontSize: 14,\n '&:-webkit-autofill': {\n transitionDelay: '9999s !important',\n },\n '&::-webkit-input-placeholder': {\n opacity: 1,\n color: theme.palette.text.secondary,\n },\n '&::-moz-placeholder': {\n opacity: 1,\n color: theme.palette.text.secondary,\n },\n '&:-ms-input-placeholder': {\n opacity: 1,\n color: theme.palette.text.secondary,\n },\n },\n '& form': {\n margin: 0,\n maxWidth: 564,\n width: '100%',\n '& .MuiFormControl-root': {\n marginTop: 0,\n },\n },\n //\n variants: [\n {\n props: { color: 'primary' },\n style: ({ theme }) => ({\n '& .MuiButtonBase-root.menuIcon > .MuiSvgIcon-root, .MuiButtonBase-root.searchIcon > .MuiSvgIcon-root':\n {\n color: theme.palette.common.white_states.main,\n },\n input: {\n color: theme.palette.primary.contrastText,\n '&::-webkit-input-placeholder': {\n opacity: 1,\n color: theme.palette.primary.contrastText,\n },\n '&::-moz-placeholder': {\n opacity: 1,\n color: theme.palette.primary.contrastText,\n },\n '&:-ms-input-placeholder': {\n opacity: 1,\n color: theme.palette.primary.contrastText,\n },\n },\n '& .MuiTextField-root': {\n '& .MuiOutlinedInput-root': {\n '& fieldset': {\n border: 'none',\n background: theme.palette.common.white_states.focusVisible,\n },\n },\n },\n }),\n },\n {\n props: { color: 'default' },\n style: ({ theme }) => sidebarAppBarStyle(theme),\n },\n {\n props: { color: 'secondary' },\n style: ({ theme }) => ({\n '& .MuiButtonBase-root.menuIcon > .MuiSvgIcon-root, .MuiButtonBase-root.searchIcon > .MuiSvgIcon-root':\n {\n color: theme.palette.common.white_states.main,\n },\n input: {\n opacity: 1,\n color: theme.palette.primary.contrastText,\n '&::-webkit-input-placeholder': {\n opacity: 1,\n color: theme.palette.primary.contrastText,\n },\n '&::-moz-placeholder, &:-ms-input-placeholder': {\n opacity: 1,\n color: theme.palette.primary.contrastText,\n },\n '&:-ms-input-placeholder': {\n opacity: 1,\n color: theme.palette.primary.contrastText,\n },\n },\n '& .MuiTextField-root': {\n '& .MuiOutlinedInput-root': {\n '& fieldset': {\n border: 'none',\n background: theme.palette.common.white_states.focus,\n },\n },\n },\n }),\n },\n {\n props: { color: 'inherit' },\n style: ({ theme }) => ({\n '& .MuiTextField-root': {\n '& .MuiOutlinedInput-root': {\n '& fieldset': {\n border: 'none',\n background: theme.palette.common.black_states.hover,\n },\n },\n },\n }),\n },\n {\n props: { color: 'transparent' },\n style: ({ theme }) => sidebarAppBarStyle(theme),\n },\n ],\n }),\n },\n};\n"],"names":["theme"],"mappings":"AAKA,MAAM,qBAAqB,CAAC,WAAiC;AAAA,EAC3D,uBAAuB,MAAM,QAAQ,WAAW;AAAA,EAChD,iBAAiB,MAAM,QAAQ,WAAW;AAAA,EAC1C,WAAW,MAAM,QAAQ,CAAC;AAAA,EAC1B,cAAc,aAAa,MAAM,QAAQ,YAAY,OAAO,YAAY;AAAA,EACxE,wBAAwB;AAAA,IACtB,4BAA4B;AAAA,MAC1B,cAAc;AAAA,QACZ,aAAa,MAAM,SAAS,UAAU;AAAA,QACtC,YAAY,MAAM,SAAS,QAAQ,cAAc;AAAA,MAAA;AAAA,MAEnD,0BAA0B;AAAA,QACxB,aAAa,MAAM,QAAQ,QAAQ;AAAA,MAAA;AAAA,MAErC,qBAAqB;AAAA,QACnB,aAAa,MAAM,QAAQ,QAAQ;AAAA,MAAA;AAAA,IACrC;AAAA,EACF;AAEJ;AAEO,MAAM,YAA2D;AAAA,EACtE,cAAc;AAAA,IACZ,mBAAmB;AAAA,IACnB,WAAW;AAAA,EAAA;AAAA,EAEb,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,WAAW,MAAM,QAAQ,CAAC;AAAA,MAC1B,OAAO;AAAA,QACL,UAAU;AAAA,QACV,sBAAsB;AAAA,UACpB,iBAAiB;AAAA,QAAA;AAAA,QAEnB,gCAAgC;AAAA,UAC9B,SAAS;AAAA,UACT,OAAO,MAAM,QAAQ,KAAK;AAAA,QAAA;AAAA,QAE5B,uBAAuB;AAAA,UACrB,SAAS;AAAA,UACT,OAAO,MAAM,QAAQ,KAAK;AAAA,QAAA;AAAA,QAE5B,2BAA2B;AAAA,UACzB,SAAS;AAAA,UACT,OAAO,MAAM,QAAQ,KAAK;AAAA,QAAA;AAAA,MAC5B;AAAA,MAEF,UAAU;AAAA,QACR,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,OAAO;AAAA,QACP,0BAA0B;AAAA,UACxB,WAAW;AAAA,QAAA;AAAA,MACb;AAAA;AAAA,MAGF,UAAU;AAAA,QACR;AAAA,UACE,OAAO,EAAE,OAAO,UAAA;AAAA,UAChB,OAAO,CAAC,EAAE,OAAAA,cAAa;AAAA,YACrB,wGACE;AAAA,cACE,OAAOA,OAAM,QAAQ,OAAO,aAAa;AAAA,YAAA;AAAA,YAE7C,OAAO;AAAA,cACL,OAAOA,OAAM,QAAQ,QAAQ;AAAA,cAC7B,gCAAgC;AAAA,gBAC9B,SAAS;AAAA,gBACT,OAAOA,OAAM,QAAQ,QAAQ;AAAA,cAAA;AAAA,cAE/B,uBAAuB;AAAA,gBACrB,SAAS;AAAA,gBACT,OAAOA,OAAM,QAAQ,QAAQ;AAAA,cAAA;AAAA,cAE/B,2BAA2B;AAAA,gBACzB,SAAS;AAAA,gBACT,OAAOA,OAAM,QAAQ,QAAQ;AAAA,cAAA;AAAA,YAC/B;AAAA,YAEF,wBAAwB;AAAA,cACtB,4BAA4B;AAAA,gBAC1B,cAAc;AAAA,kBACZ,QAAQ;AAAA,kBACR,YAAYA,OAAM,QAAQ,OAAO,aAAa;AAAA,gBAAA;AAAA,cAChD;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,QAEF;AAAA,UACE,OAAO,EAAE,OAAO,UAAA;AAAA,UAChB,OAAO,CAAC,EAAE,OAAAA,OAAAA,MAAY,mBAAmBA,MAAK;AAAA,QAAA;AAAA,QAEhD;AAAA,UACE,OAAO,EAAE,OAAO,YAAA;AAAA,UAChB,OAAO,CAAC,EAAE,OAAAA,cAAa;AAAA,YACrB,wGACE;AAAA,cACE,OAAOA,OAAM,QAAQ,OAAO,aAAa;AAAA,YAAA;AAAA,YAE7C,OAAO;AAAA,cACL,SAAS;AAAA,cACT,OAAOA,OAAM,QAAQ,QAAQ;AAAA,cAC7B,gCAAgC;AAAA,gBAC9B,SAAS;AAAA,gBACT,OAAOA,OAAM,QAAQ,QAAQ;AAAA,cAAA;AAAA,cAE/B,gDAAgD;AAAA,gBAC9C,SAAS;AAAA,gBACT,OAAOA,OAAM,QAAQ,QAAQ;AAAA,cAAA;AAAA,cAE/B,2BAA2B;AAAA,gBACzB,SAAS;AAAA,gBACT,OAAOA,OAAM,QAAQ,QAAQ;AAAA,cAAA;AAAA,YAC/B;AAAA,YAEF,wBAAwB;AAAA,cACtB,4BAA4B;AAAA,gBAC1B,cAAc;AAAA,kBACZ,QAAQ;AAAA,kBACR,YAAYA,OAAM,QAAQ,OAAO,aAAa;AAAA,gBAAA;AAAA,cAChD;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,QAEF;AAAA,UACE,OAAO,EAAE,OAAO,UAAA;AAAA,UAChB,OAAO,CAAC,EAAE,OAAAA,cAAa;AAAA,YACrB,wBAAwB;AAAA,cACtB,4BAA4B;AAAA,gBAC1B,cAAc;AAAA,kBACZ,QAAQ;AAAA,kBACR,YAAYA,OAAM,QAAQ,OAAO,aAAa;AAAA,gBAAA;AAAA,cAChD;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,QAEF;AAAA,UACE,OAAO,EAAE,OAAO,cAAA;AAAA,UAChB,OAAO,CAAC,EAAE,OAAAA,OAAAA,MAAY,mBAAmBA,MAAK;AAAA,QAAA;AAAA,MAChD;AAAA,IACF;AAAA,EACF;AAEJ;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-base.js","sources":["../../../../../src/theme/components/input-base.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\nexport const MuiInputBase: Components<Theme & CssVarsTheme>['MuiInputBase'] = {\n styleOverrides: {\n root: ({ theme }) => ({\n '&.MuiInputBase-root': {\n background: theme.palette.background.
|
|
1
|
+
{"version":3,"file":"input-base.js","sources":["../../../../../src/theme/components/input-base.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\nexport const MuiInputBase: Components<Theme & CssVarsTheme>['MuiInputBase'] = {\n styleOverrides: {\n root: ({ theme }) => ({\n '&.MuiInputBase-root': {\n background: theme.palette.background.paper,\n },\n }),\n input: ({ theme }) => ({\n ...theme.typography.body2,\n\n '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {\n WebkitAppearance: 'none',\n },\n\n /* Firefox */\n '&[type=number]': {\n MozAppearance: 'textfield',\n },\n }),\n },\n};\n"],"names":[],"mappings":"AAGO,MAAM,eAAiE;AAAA,EAC5E,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,uBAAuB;AAAA,QACrB,YAAY,MAAM,QAAQ,WAAW;AAAA,MAAA;AAAA,IACvC;AAAA,IAEF,OAAO,CAAC,EAAE,aAAa;AAAA,MACrB,GAAG,MAAM,WAAW;AAAA,MAEpB,8DAA8D;AAAA,QAC5D,kBAAkB;AAAA,MAAA;AAAA;AAAA,MAIpB,kBAAkB;AAAA,QAChB,eAAe;AAAA,MAAA;AAAA,IACjB;AAAA,EACF;AAEJ;"}
|