@zidsa/zidmui 2.4.4 → 2.4.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/components/app-icon-button.js +6 -8
- package/dist/react/cjs/components/app-icon-button.js.map +1 -1
- package/dist/react/cjs/components/app-input-radio-card.js +2 -2
- package/dist/react/cjs/components/app-input-radio-card.js.map +1 -1
- package/dist/react/cjs/theme/components/app-bar.js +2 -2
- package/dist/react/cjs/theme/components/app-bar.js.map +1 -1
- package/dist/react/cjs/theme/components/backdrop.js +3 -3
- package/dist/react/cjs/theme/components/backdrop.js.map +1 -1
- package/dist/react/cjs/theme/components/filled-input.js +20 -0
- package/dist/react/cjs/theme/components/filled-input.js.map +1 -0
- package/dist/react/cjs/theme/components/icon-button.js +1 -1
- package/dist/react/cjs/theme/components/icon-button.js.map +1 -1
- package/dist/react/cjs/theme/components/input-base.js +5 -0
- package/dist/react/cjs/theme/components/input-base.js.map +1 -1
- package/dist/react/cjs/theme/components/outlined-input.js +11 -0
- package/dist/react/cjs/theme/components/outlined-input.js.map +1 -0
- package/dist/react/cjs/theme/components/text-field.js +27 -8
- package/dist/react/cjs/theme/components/text-field.js.map +1 -1
- package/dist/react/cjs/theme/components.js +5 -1
- package/dist/react/cjs/theme/components.js.map +1 -1
- package/dist/react/es/components/app-icon-button.js +6 -8
- package/dist/react/es/components/app-icon-button.js.map +1 -1
- package/dist/react/es/components/app-input-radio-card.js +3 -3
- package/dist/react/es/components/app-input-radio-card.js.map +1 -1
- package/dist/react/es/theme/components/app-bar.js +2 -2
- package/dist/react/es/theme/components/app-bar.js.map +1 -1
- package/dist/react/es/theme/components/backdrop.js +3 -3
- package/dist/react/es/theme/components/backdrop.js.map +1 -1
- package/dist/react/es/theme/components/filled-input.js +20 -0
- package/dist/react/es/theme/components/filled-input.js.map +1 -0
- package/dist/react/es/theme/components/icon-button.js +1 -1
- package/dist/react/es/theme/components/icon-button.js.map +1 -1
- package/dist/react/es/theme/components/input-base.js +5 -0
- package/dist/react/es/theme/components/input-base.js.map +1 -1
- package/dist/react/es/theme/components/outlined-input.js +11 -0
- package/dist/react/es/theme/components/outlined-input.js.map +1 -0
- package/dist/react/es/theme/components/text-field.js +27 -8
- package/dist/react/es/theme/components/text-field.js.map +1 -1
- package/dist/react/es/theme/components.js +5 -1
- package/dist/react/es/theme/components.js.map +1 -1
- package/dist/react/types/components/app-icon-button.d.ts +1 -1
- package/dist/react/types/theme/components/filled-input.d.ts +2 -0
- package/dist/react/types/theme/components/input-base.d.ts +1 -1
- package/dist/react/types/theme/components/outlined-input.d.ts +2 -0
- package/dist/react/types/theme/components/text-field.d.ts +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
const MuiFilledInput = {
|
|
2
|
+
styleOverrides: {
|
|
3
|
+
root: {
|
|
4
|
+
borderRadius: 8,
|
|
5
|
+
"&::before, &::after": {
|
|
6
|
+
borderBottom: 0
|
|
7
|
+
},
|
|
8
|
+
"&:hover:not(.Mui-disabled, .Mui-error):before": {
|
|
9
|
+
borderBottom: 0
|
|
10
|
+
},
|
|
11
|
+
"&.Mui-focused:after": {
|
|
12
|
+
borderBottom: 0
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
};
|
|
17
|
+
export {
|
|
18
|
+
MuiFilledInput
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=filled-input.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"filled-input.js","sources":["../../../../../src/theme/components/filled-input.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\n//\n//\n\nexport const MuiFilledInput: Components<Theme & CssVarsTheme>['MuiFilledInput'] = {\n styleOverrides: {\n root: {\n borderRadius: 8,\n '&::before, &::after': {\n borderBottom: 0,\n },\n '&:hover:not(.Mui-disabled, .Mui-error):before': {\n borderBottom: 0,\n },\n '&.Mui-focused:after': {\n borderBottom: 0,\n },\n },\n },\n};\n"],"names":[],"mappings":"AAKO,MAAM,iBAAqE;AAAA,EAChF,gBAAgB;AAAA,IACd,MAAM;AAAA,MACJ,cAAc;AAAA,MACd,uBAAuB;AAAA,QACrB,cAAc;AAAA,MAAA;AAAA,MAEhB,iDAAiD;AAAA,QAC/C,cAAc;AAAA,MAAA;AAAA,MAEhB,uBAAuB;AAAA,QACrB,cAAc;AAAA,MAAA;AAAA,IAChB;AAAA,EACF;AAEJ;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.js","sources":["../../../../../src/theme/components/icon-button.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material';\n\n//\n//\n\nexport const MuiIconButton: Components<\n Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiIconButton'] = {\n defaultProps: {\n disableRipple: true,\n disableTouchRipple: true,\n },\n styleOverrides: {\n root: ({ theme }) => ({\n '&.Mui-focusVisible': {\n backgroundColor: theme.palette._components.iconButton.default.hover,\n outline: `2px solid ${theme.palette.primary.dark}`,\n outlineOffset: '2px',\n },\n '&.Mui-disabled': {\n color: theme.palette._components.button.disabledText,\n },\n '&.MuiIconButton-loading .MuiSvgIcon-root': {\n fill: '
|
|
1
|
+
{"version":3,"file":"icon-button.js","sources":["../../../../../src/theme/components/icon-button.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material';\n\n//\n//\n\nexport const MuiIconButton: Components<\n Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiIconButton'] = {\n defaultProps: {\n disableRipple: true,\n disableTouchRipple: true,\n },\n styleOverrides: {\n root: ({ theme }) => ({\n '&.Mui-focusVisible': {\n backgroundColor: theme.palette._components.iconButton.default.hover,\n outline: `2px solid ${theme.palette.primary.dark}`,\n outlineOffset: '2px',\n },\n '&.Mui-disabled': {\n color: theme.palette._components.button.disabledText,\n },\n '&.MuiIconButton-loading .MuiSvgIcon-root': {\n fill: 'transparent !important',\n },\n\n variants: [\n {\n props: { size: 'large' },\n style: {\n minWidth: theme.spacing(6),\n minHeight: theme.spacing(6),\n padding: theme.spacing(1),\n '> .MuiSvgIcon-root': {\n width: theme.spacing(3),\n minWidth: theme.spacing(3),\n height: theme.spacing(3),\n minHeight: theme.spacing(3),\n },\n },\n },\n {\n props: { size: 'medium' },\n style: {\n minWidth: theme.spacing(5),\n minHeight: theme.spacing(5),\n padding: theme.spacing(0.65),\n '> .MuiSvgIcon-root': {\n width: theme.spacing(2.5),\n minWidth: theme.spacing(2.5),\n height: theme.spacing(2.5),\n minHeight: theme.spacing(2.5),\n },\n },\n },\n {\n props: { size: 'small' },\n style: {\n minWidth: theme.spacing(4),\n minHeight: theme.spacing(4),\n padding: theme.spacing(0.75),\n '> .MuiSvgIcon-root': {\n width: theme.spacing(2.5),\n minWidth: theme.spacing(2.5),\n height: theme.spacing(2.5),\n minHeight: theme.spacing(2.5),\n },\n },\n },\n {\n props: { size: 'extraSmall' },\n style: {\n minWidth: theme.spacing(3),\n minHeight: theme.spacing(3),\n padding: theme.spacing(0),\n fontSize: theme.spacing(2),\n '> .MuiSvgIcon-root': {\n width: theme.spacing(1.75),\n minWidth: theme.spacing(1.75),\n height: theme.spacing(1.75),\n minHeight: theme.spacing(1.75),\n },\n },\n },\n {\n props: { color: 'primary' },\n style: {\n backgroundColor: 'transparent',\n color: theme.palette._components.iconButton.primary.text,\n border: `1px solid ${theme.palette._components.button.primary.contained}`,\n '&:hover': { backgroundColor: theme.palette._components.iconButton.primary.hover },\n '&.Mui-focusVisible': {\n borderColor: 'transparent',\n backgroundColor: theme.palette._components.iconButton.primary.focused,\n color: theme.palette._components.iconButton.primary.focusedIcon,\n },\n '&:active': {\n backgroundColor: theme.palette._components.iconButton.primary.focused,\n borderColor: theme.palette._components.button.primary.contained,\n },\n },\n },\n {\n props: { color: 'secondary' },\n style: {\n backgroundColor: 'transparent',\n color: theme.palette._components.iconButton.secondary.text,\n border: `1px solid ${theme.palette._components.button.secondary.border}`,\n '&:hover': {\n backgroundColor: theme.palette._components.iconButton.secondary.hover,\n },\n '&.Mui-focusVisible': {\n borderColor: 'transparent',\n backgroundColor: theme.palette._components.iconButton.secondary.focused,\n },\n '&:active': {\n backgroundColor: theme.palette._components.button.secondary.pressed,\n },\n },\n },\n {\n props: { color: 'error' },\n style: {\n backgroundColor: 'transparent',\n color: theme.palette._components.button.error.focused,\n border: `1px solid ${theme.palette._components.button.error.border}`,\n '&:hover': {\n backgroundColor: theme.palette._components.button.error.outlinedHover,\n },\n '&.Mui-focusVisible': {\n backgroundColor: theme.palette._components.iconButton.error.focused,\n },\n '&:active': {\n backgroundColor: theme.palette._components.iconButton.error.focused,\n },\n },\n },\n ],\n }),\n },\n};\n"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,10 @@
|
|
|
1
1
|
const MuiInputBase = {
|
|
2
2
|
styleOverrides: {
|
|
3
|
+
root: ({ theme }) => ({
|
|
4
|
+
"&.MuiInputBase-root": {
|
|
5
|
+
background: theme.palette.background.white
|
|
6
|
+
}
|
|
7
|
+
}),
|
|
3
8
|
input: ({ theme }) => ({
|
|
4
9
|
...theme.typography.body2,
|
|
5
10
|
"&::-webkit-outer-spin-button, &::-webkit-inner-spin-button": {
|
|
@@ -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';\n\nexport const MuiInputBase: Components<Theme & CssVarsTheme>['MuiInputBase'] = {\n styleOverrides: {\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,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
|
+
{"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.white,\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;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"outlined-input.js","sources":["../../../../../src/theme/components/outlined-input.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\n//\n//\n\nexport const MuiOutlinedInput: Components<Theme & CssVarsTheme>['MuiOutlinedInput'] = {\n styleOverrides: {\n notchedOutline: ({ theme }) => ({\n borderColor: theme.palette._components.input.outlined.enabledBorder,\n }),\n },\n};\n"],"names":[],"mappings":"AAKO,MAAM,mBAAyE;AAAA,EACpF,gBAAgB;AAAA,IACd,gBAAgB,CAAC,EAAE,aAAa;AAAA,MAC9B,aAAa,MAAM,QAAQ,YAAY,MAAM,SAAS;AAAA,IAAA;AAAA,EACxD;AAEJ;"}
|
|
@@ -1,14 +1,17 @@
|
|
|
1
1
|
const MuiTextField = {
|
|
2
2
|
styleOverrides: {
|
|
3
3
|
root: ({ theme }) => ({
|
|
4
|
+
marginTop: theme.spacing(2.5),
|
|
4
5
|
legend: {
|
|
5
6
|
display: "none"
|
|
6
7
|
},
|
|
7
8
|
"& .MuiInputLabel-root": {
|
|
8
9
|
marginBottom: theme.spacing(1),
|
|
9
10
|
transform: "scale(1)",
|
|
10
|
-
position: "relative"
|
|
11
|
-
|
|
11
|
+
position: "relative"
|
|
12
|
+
},
|
|
13
|
+
"& .MuiFormHelperText-root": {
|
|
14
|
+
marginTop: theme.spacing(1)
|
|
12
15
|
},
|
|
13
16
|
"& .MuiOutlinedInput-root": {
|
|
14
17
|
fieldset: {
|
|
@@ -57,10 +60,18 @@ const MuiTextField = {
|
|
|
57
60
|
style: ({ theme }) => ({
|
|
58
61
|
"& .MuiOutlinedInput-root": {
|
|
59
62
|
minHeight: theme.spacing(5),
|
|
60
|
-
paddingBlock: theme.spacing(1),
|
|
61
|
-
paddingInline: theme.spacing(2),
|
|
62
63
|
input: {
|
|
63
|
-
padding:
|
|
64
|
+
padding: theme.spacing(1.25, 2)
|
|
65
|
+
}
|
|
66
|
+
},
|
|
67
|
+
"& .MuiInputBase-adornedStart, & .MuiInputBase-inputAdornedStart": {
|
|
68
|
+
input: {
|
|
69
|
+
padding: theme.spacing(1.25, 2, 1.25, 0.5)
|
|
70
|
+
}
|
|
71
|
+
},
|
|
72
|
+
"& .MuiInputBase-adornedEnd, & .MuiInputBase-inputAdornedEnd": {
|
|
73
|
+
input: {
|
|
74
|
+
padding: theme.spacing(1.25, 0.5, 1.25, 2)
|
|
64
75
|
}
|
|
65
76
|
}
|
|
66
77
|
})
|
|
@@ -70,10 +81,18 @@ const MuiTextField = {
|
|
|
70
81
|
style: ({ theme }) => ({
|
|
71
82
|
"& .MuiOutlinedInput-root": {
|
|
72
83
|
minHeight: theme.spacing(6),
|
|
73
|
-
paddingBlock: theme.spacing(1),
|
|
74
|
-
paddingInline: theme.spacing(2),
|
|
75
84
|
input: {
|
|
76
|
-
padding:
|
|
85
|
+
padding: theme.spacing(1.75, 2)
|
|
86
|
+
}
|
|
87
|
+
},
|
|
88
|
+
"& .MuiInputBase-adornedStart, & .MuiInputBase-inputAdornedStart": {
|
|
89
|
+
input: {
|
|
90
|
+
padding: theme.spacing(1.75, 2, 1.75, 0.5)
|
|
91
|
+
}
|
|
92
|
+
},
|
|
93
|
+
"& .MuiInputBase-adornedEnd, & .MuiInputBase-inputAdornedEnd": {
|
|
94
|
+
input: {
|
|
95
|
+
padding: theme.spacing(1.75, 0.5, 1.75, 2)
|
|
77
96
|
}
|
|
78
97
|
}
|
|
79
98
|
})
|
|
@@ -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 marginTop: theme.spacing(2.5),\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\n '& .MuiOutlinedInput-root': {\n fieldset: {\n top: 0,\n },\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\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,WAAW,MAAM,QAAQ,GAAG;AAAA,MAC5B,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,MAG5B,4BAA4B;AAAA,QAC1B,UAAU;AAAA,UACR,KAAK;AAAA,QAAA;AAAA,MACP;AAAA,MAGF,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,UAE1B,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;"}
|
|
@@ -35,6 +35,8 @@ import { MuiPaper } from "./components/paper.js";
|
|
|
35
35
|
import { MuiTableRow, MuiTable } from "./components/table.js";
|
|
36
36
|
import { MuiSelect } from "./components/select.js";
|
|
37
37
|
import { MuiCard } from "./components/card.js";
|
|
38
|
+
import { MuiOutlinedInput } from "./components/outlined-input.js";
|
|
39
|
+
import { MuiFilledInput } from "./components/filled-input.js";
|
|
38
40
|
const components = {
|
|
39
41
|
MuiTypography,
|
|
40
42
|
MuiChip,
|
|
@@ -79,7 +81,9 @@ const components = {
|
|
|
79
81
|
MuiTable,
|
|
80
82
|
MuiTableRow,
|
|
81
83
|
MuiSelect,
|
|
82
|
-
MuiCard
|
|
84
|
+
MuiCard,
|
|
85
|
+
MuiOutlinedInput,
|
|
86
|
+
MuiFilledInput
|
|
83
87
|
};
|
|
84
88
|
export {
|
|
85
89
|
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';\nimport { MuiBackdrop } from './components/backdrop';\nimport { MuiSvgIcon } from './components/svg-icon';\nimport { MuiTimeline } from './components/timeline';\nimport { MuiFormControlLabel } from './components/form-control-label';\nimport { MuiFormLabel } from './components/form-label';\nimport { MuiFormHelperText } from './components/form-helper-text';\nimport { MuiAppBar } from './components/app-bar';\nimport { MuiAutocomplete } from './components/autocomplete';\nimport { MuiDrawer } from './components/drawer';\nimport { MuiMenu, MuiMenuItem } from './components/menu';\nimport { MuiIcon } from './components/icon';\nimport { MuiPaper } from './components/paper';\nimport { MuiTable, MuiTableRow } from './components/table';\nimport { MuiSelect } from './components/select';\nimport { MuiCard } from './components/card';\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 MuiFormControlLabel,\n MuiFormLabel,\n MuiFormHelperText,\n MuiAppBar,\n MuiAutocomplete,\n MuiDrawer,\n MuiMenu,\n MuiMenuItem,\n MuiIcon,\n MuiPaper,\n MuiTable,\n MuiTableRow,\n MuiSelect,\n MuiCard,\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';\nimport { MuiFormControlLabel } from './components/form-control-label';\nimport { MuiFormLabel } from './components/form-label';\nimport { MuiFormHelperText } from './components/form-helper-text';\nimport { MuiAppBar } from './components/app-bar';\nimport { MuiAutocomplete } from './components/autocomplete';\nimport { MuiDrawer } from './components/drawer';\nimport { MuiMenu, MuiMenuItem } from './components/menu';\nimport { MuiIcon } from './components/icon';\nimport { MuiPaper } from './components/paper';\nimport { MuiTable, MuiTableRow } from './components/table';\nimport { MuiSelect } from './components/select';\nimport { MuiCard } from './components/card';\nimport { MuiOutlinedInput } from './components/outlined-input';\nimport { MuiFilledInput } from './components/filled-input';\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 MuiFormControlLabel,\n MuiFormLabel,\n MuiFormHelperText,\n MuiAppBar,\n MuiAutocomplete,\n MuiDrawer,\n MuiMenu,\n MuiMenuItem,\n MuiIcon,\n MuiPaper,\n MuiTable,\n MuiTableRow,\n MuiSelect,\n MuiCard,\n MuiOutlinedInput,\n MuiFilledInput,\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CO,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;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;"}
|
|
@@ -9,6 +9,6 @@ export type AppIconButtonProps = Omit<IconButtonProps, 'component'> & {
|
|
|
9
9
|
hideBorder?: boolean;
|
|
10
10
|
};
|
|
11
11
|
export declare const AppIconButton: {
|
|
12
|
-
({ ref, color, size, children, content, tooltip, tooltipProps, sx, ...props }: AppIconButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
({ ref, color, size, children, content, tooltip, tooltipProps, sx, hideBorder, ...props }: AppIconButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
13
13
|
displayName: string;
|
|
14
14
|
};
|
|
@@ -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 MuiInputBase: Components<Theme & CssVarsTheme>['MuiInputBase'];
|
|
@@ -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'];
|