@zesty-io/material 0.5.2 → 0.5.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.
Files changed (4) hide show
  1. package/es/icons/Database.js +1 -1
  2. package/es/theme/index.d.ts +2 -2
  3. package/es/theme/index.js +116 -78
  4. package/package.json +1 -1
package/es/icons/Database.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { SvgIcon } from "@mui/material";
3
- export const Database = (props) => (_jsx(SvgIcon, { ...props, children: _jsx("path", { d: "M10 9.16667C7.76389 9.16667 5.95486 8.82639 4.57292 8.14583C3.19097 7.46528 2.5 6.69444 2.5 5.83333C2.5 4.95833 3.19097 4.18403 4.57292 3.51042C5.95486 2.83681 7.76389 2.5 10 2.5C12.2361 2.5 14.0451 2.83681 15.4271 3.51042C16.809 4.18403 17.5 4.95833 17.5 5.83333C17.5 6.69444 16.809 7.46528 15.4271 8.14583C14.0451 8.82639 12.2361 9.16667 10 9.16667ZM10 13.3333C7.97222 13.3333 6.21528 13.0278 4.72917 12.4167C3.24306 11.8056 2.5 11.0694 2.5 10.2083V8.125C2.5 8.66667 2.76042 9.13542 3.28125 9.53125C3.80208 9.92708 4.44792 10.2535 5.21875 10.5104C5.98958 10.7674 6.80903 10.9549 7.67708 11.0729C8.54514 11.191 9.31944 11.25 10 11.25C10.6944 11.25 11.4722 11.191 12.3333 11.0729C13.1944 10.9549 14.0104 10.7708 14.7812 10.5208C15.5521 10.2708 16.1979 9.94792 16.7188 9.55208C17.2396 9.15625 17.5 8.68056 17.5 8.125V10.2083C17.5 11.0694 16.7569 11.8056 15.2708 12.4167C13.7847 13.0278 12.0278 13.3333 10 13.3333ZM10 17.5C7.97222 17.5 6.21528 17.1944 4.72917 16.5833C3.24306 15.9722 2.5 15.2361 2.5 14.375V12.2917C2.5 12.8333 2.76042 13.3021 3.28125 13.6979C3.80208 14.0938 4.44792 14.4201 5.21875 14.6771C5.98958 14.934 6.80903 15.1215 7.67708 15.2396C8.54514 15.3576 9.31944 15.4167 10 15.4167C10.6944 15.4167 11.4722 15.3576 12.3333 15.2396C13.1944 15.1215 14.0104 14.9375 14.7812 14.6875C15.5521 14.4375 16.1979 14.1146 16.7188 13.7187C17.2396 13.3229 17.5 12.8472 17.5 12.2917V14.375C17.5 15.2361 16.7569 15.9722 15.2708 16.5833C13.7847 17.1944 12.0278 17.5 10 17.5Z", fill: "currentcolor" }) }));
3
+ export const Database = (props) => (_jsx(SvgIcon, { ...props, children: _jsx("path", { d: "M12 11C9.31667 11 7.14583 10.5917 5.4875 9.775C3.82917 8.95833 3 8.03333 3 7C3 5.95 3.82917 5.02083 5.4875 4.2125C7.14583 3.40417 9.31667 3 12 3C14.6833 3 16.8542 3.40417 18.5125 4.2125C20.1708 5.02083 21 5.95 21 7C21 8.03333 20.1708 8.95833 18.5125 9.775C16.8542 10.5917 14.6833 11 12 11ZM12 16C9.56667 16 7.45833 15.6333 5.675 14.9C3.89167 14.1667 3 13.2833 3 12.25V9.75C3 10.4 3.3125 10.9625 3.9375 11.4375C4.5625 11.9125 5.3375 12.3042 6.2625 12.6125C7.1875 12.9208 8.17083 13.1458 9.2125 13.2875C10.2542 13.4292 11.1833 13.5 12 13.5C12.8333 13.5 13.7667 13.4292 14.8 13.2875C15.8333 13.1458 16.8125 12.925 17.7375 12.625C18.6625 12.325 19.4375 11.9375 20.0625 11.4625C20.6875 10.9875 21 10.4167 21 9.75V12.25C21 13.2833 20.1083 14.1667 18.325 14.9C16.5417 15.6333 14.4333 16 12 16ZM12 21C9.56667 21 7.45833 20.6333 5.675 19.9C3.89167 19.1667 3 18.2833 3 17.25V14.75C3 15.4 3.3125 15.9625 3.9375 16.4375C4.5625 16.9125 5.3375 17.3042 6.2625 17.6125C7.1875 17.9208 8.17083 18.1458 9.2125 18.2875C10.2542 18.4292 11.1833 18.5 12 18.5C12.8333 18.5 13.7667 18.4292 14.8 18.2875C15.8333 18.1458 16.8125 17.925 17.7375 17.625C18.6625 17.325 19.4375 16.9375 20.0625 16.4625C20.6875 15.9875 21 15.4167 21 14.75V17.25C21 18.2833 20.1083 19.1667 18.325 19.9C16.5417 20.6333 14.4333 21 12 21Z", fill: "currentcolor" }) }));
package/es/theme/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import { Theme } from '@mui/material/styles';
2
- declare module '@mui/material/styles' {
1
+ import { Theme } from "@mui/material/styles";
2
+ declare module "@mui/material/styles" {
3
3
  interface Palette {
4
4
  border: string;
5
5
  }
package/es/theme/index.js CHANGED
@@ -1,6 +1,6 @@
1
- import palette from './palette';
2
- import typography from './typography';
3
- import { alpha, createTheme, } from '@mui/material/styles';
1
+ import palette from "./palette";
2
+ import typography from "./typography";
3
+ import { alpha, createTheme } from "@mui/material/styles";
4
4
  let theme = createTheme({
5
5
  palette,
6
6
  typography,
@@ -43,7 +43,7 @@ theme = createTheme(theme, {
43
43
  MuiButton: {
44
44
  variants: [
45
45
  {
46
- props: { size: 'xsmall' },
46
+ props: { size: "xsmall" },
47
47
  style: {
48
48
  padding: "2px 10px",
49
49
  },
@@ -51,10 +51,10 @@ theme = createTheme(theme, {
51
51
  ],
52
52
  styleOverrides: {
53
53
  root: {
54
- textTransform: 'none',
54
+ textTransform: "none",
55
55
  },
56
56
  sizeSmall: {
57
- fontSize: '14px',
57
+ fontSize: "14px",
58
58
  },
59
59
  outlinedInherit: {
60
60
  color: theme.palette.text.secondary,
@@ -66,7 +66,7 @@ theme = createTheme(theme, {
66
66
  },
67
67
  textInherit: {
68
68
  color: theme.palette.text.secondary,
69
- }
69
+ },
70
70
  },
71
71
  defaultProps: {
72
72
  disableElevation: true,
@@ -80,26 +80,26 @@ theme = createTheme(theme, {
80
80
  groupedContained: {
81
81
  color: theme.palette.primary.main,
82
82
  backgroundColor: alpha(theme.palette.primary.main, theme.palette.action.hoverOpacity),
83
- '&:hover': {
83
+ "&:hover": {
84
84
  backgroundColor: alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity),
85
85
  },
86
- }
86
+ },
87
87
  },
88
88
  },
89
89
  MuiOutlinedInput: {
90
90
  styleOverrides: {
91
91
  root: {
92
92
  padding: "0px 8px",
93
- borderRadius: '8px',
93
+ borderRadius: "8px",
94
94
  },
95
95
  input: {
96
96
  padding: "10px 0px",
97
- ':read-only': {
97
+ ":read-only": {
98
98
  color: theme.palette.text.secondary,
99
99
  },
100
100
  },
101
101
  sizeSmall: {
102
- 'input': {
102
+ input: {
103
103
  padding: "8px 0px",
104
104
  },
105
105
  },
@@ -107,82 +107,82 @@ theme = createTheme(theme, {
107
107
  // Important to override all pseudo classes
108
108
  borderColor: `${theme.palette.border} !important`,
109
109
  },
110
- }
110
+ },
111
111
  },
112
112
  MuiInputBase: {
113
113
  styleOverrides: {
114
114
  input: {
115
115
  ...theme.typography.body2,
116
- '::placeholder': {
117
- color: theme.palette.text.disabled
118
- }
119
- }
120
- }
116
+ "::placeholder": {
117
+ color: theme.palette.text.disabled,
118
+ },
119
+ },
120
+ },
121
121
  },
122
122
  MuiInputLabel: {
123
123
  styleOverrides: {
124
124
  root: {
125
125
  ...theme.typography.body2,
126
126
  color: theme.palette.text.primary,
127
- marginBottom: '4px',
127
+ marginBottom: "4px",
128
128
  },
129
129
  },
130
130
  },
131
131
  MuiInputAdornment: {
132
132
  styleOverrides: {
133
133
  root: {
134
- '& > .MuiSvgIcon-root': {
135
- margin: '4px',
136
- }
137
- }
138
- }
134
+ "& > .MuiSvgIcon-root": {
135
+ margin: "4px",
136
+ },
137
+ },
138
+ },
139
139
  },
140
140
  MuiIconButton: {
141
141
  styleOverrides: {
142
142
  sizeSmall: {
143
- padding: '4px',
144
- }
145
- }
143
+ padding: "4px",
144
+ },
145
+ },
146
146
  },
147
147
  MuiDialog: {
148
148
  styleOverrides: {
149
149
  paperWidthXs: {
150
- width: '480px',
151
- maxWidth: '480px',
152
- }
153
- }
150
+ width: "480px",
151
+ maxWidth: "480px",
152
+ },
153
+ },
154
154
  },
155
155
  MuiDialogTitle: {
156
156
  styleOverrides: {
157
157
  root: {
158
158
  ...theme.typography.h5,
159
159
  fontWeight: 600,
160
- padding: '20px',
161
- }
162
- }
160
+ padding: "20px",
161
+ },
162
+ },
163
163
  },
164
164
  MuiDialogContent: {
165
165
  styleOverrides: {
166
166
  root: {
167
- padding: '20px',
167
+ padding: "20px",
168
168
  paddingTop: 0,
169
- }
170
- }
169
+ },
170
+ },
171
171
  },
172
172
  MuiDialogContentText: {
173
173
  styleOverrides: {
174
174
  root: {
175
175
  ...theme.typography.body2,
176
- }
177
- }
176
+ },
177
+ },
178
178
  },
179
179
  MuiDialogActions: {
180
180
  styleOverrides: {
181
181
  root: {
182
- padding: '20px',
182
+ padding: "20px",
183
183
  paddingTop: 0,
184
- }
185
- }
184
+ },
185
+ },
186
186
  },
187
187
  MuiBackdrop: {
188
188
  styleOverrides: {
@@ -190,106 +190,144 @@ theme = createTheme(theme, {
190
190
  backgroundColor: alpha(theme.palette.grey[900], 0.5),
191
191
  },
192
192
  invisible: {
193
- backgroundColor: 'transparent',
194
- }
193
+ backgroundColor: "transparent",
194
+ },
195
195
  },
196
196
  },
197
197
  MuiMenu: {
198
198
  styleOverrides: {
199
199
  list: {
200
- minWidth: '240px',
201
- }
200
+ minWidth: "240px",
201
+ },
202
202
  },
203
203
  },
204
204
  MuiAccordion: {
205
205
  styleOverrides: {
206
206
  root: {
207
- '&:before': {
207
+ "&:before": {
208
208
  backgroundColor: theme.palette.border,
209
209
  },
210
- }
210
+ },
211
211
  },
212
212
  },
213
213
  MuiSlider: {
214
214
  styleOverrides: {
215
215
  rail: {
216
216
  backgroundColor: theme.palette.grey[400],
217
- }
218
- }
217
+ },
218
+ },
219
219
  },
220
220
  MuiChip: {
221
221
  styleOverrides: {
222
222
  root: {
223
- borderRadius: '4px',
223
+ borderRadius: "4px",
224
224
  },
225
225
  colorDefault: {
226
226
  backgroundColor: theme.palette.grey[100],
227
- ':hover': {
227
+ ":hover": {
228
228
  backgroundColor: theme.palette.grey[200],
229
229
  },
230
- ':focus': {
230
+ ":focus": {
231
231
  backgroundColor: theme.palette.grey[300],
232
- }
232
+ },
233
233
  },
234
- }
234
+ },
235
235
  },
236
236
  MuiAlert: {
237
237
  styleOverrides: {
238
238
  icon: {
239
- alignSelf: 'center',
239
+ alignSelf: "center",
240
240
  },
241
241
  standardWarning: {
242
- ' .MuiAlert-icon': {
242
+ " .MuiAlert-icon": {
243
243
  color: theme.palette.common.black,
244
- }
244
+ },
245
245
  },
246
- }
246
+ },
247
247
  },
248
248
  MuiDataGrid: {
249
249
  styleOverrides: {
250
250
  root: {
251
251
  borderColor: theme.palette.border,
252
- borderRadius: '8px',
252
+ borderRadius: "8px",
253
253
  },
254
254
  cell: {
255
255
  borderColor: theme.palette.border,
256
256
  },
257
257
  columnHeaders: {
258
258
  borderColor: theme.palette.border,
259
- }
259
+ },
260
+ },
261
+ },
262
+ MuiFab: {
263
+ styleOverrides: {
264
+ root: {
265
+ boxShadow: "none",
266
+ },
267
+ },
268
+ },
269
+ MuiSpeedDial: {
270
+ styleOverrides: {
271
+ actions: {
272
+ paddingTop: "38px !important",
273
+ },
274
+ },
275
+ },
276
+ MuiSpeedDialAction: {
277
+ styleOverrides: {
278
+ fab: {
279
+ marginTop: "6px",
280
+ marginBottom: "6px",
281
+ },
282
+ staticTooltipLabel: {
283
+ ...theme.typography.body2,
284
+ fontWeight: 500,
285
+ color: theme.palette.common.white,
286
+ backgroundColor: "transparent",
287
+ whiteSpace: "nowrap",
288
+ boxShadow: "none",
289
+ paddingRight: 0,
290
+ },
291
+ },
292
+ },
293
+ MuiListItemButton: {
294
+ styleOverrides: {
295
+ divider: {
296
+ borderColor: theme.palette.border,
297
+ },
260
298
  },
261
299
  },
262
300
  MuiTreeItem: {
263
301
  styleOverrides: {
264
302
  content: {
265
- paddingTop: '6px',
266
- paddingBottom: '6px',
303
+ paddingTop: "6px",
304
+ paddingBottom: "6px",
267
305
  paddingLeft: 0,
268
- paddingRight: '12px',
306
+ paddingRight: "12px",
269
307
  borderRadius: 4,
270
308
  width: "unset",
271
- '&.Mui-selected': {
309
+ "&.Mui-selected": {
272
310
  background: alpha(theme.palette.primary.main, 0.04),
273
- ' .MuiTreeItem-label .MuiSvgIcon-root': {
311
+ " .MuiTreeItem-label .MuiSvgIcon-root": {
274
312
  color: theme.palette.primary.main,
275
313
  },
276
- ' .MuiTypography-root': {
314
+ " .MuiTypography-root": {
277
315
  color: theme.palette.primary.dark,
278
- }
279
- }
316
+ },
317
+ },
280
318
  },
281
319
  label: {
282
- paddingLeft: '0',
320
+ paddingLeft: "0",
283
321
  },
284
322
  iconContainer: {
285
- marginRight: '0',
286
- width: '24px',
287
- 'svg': {
288
- fontSize: '24px',
289
- }
290
- }
291
- }
292
- }
323
+ marginRight: "0",
324
+ width: "24px",
325
+ svg: {
326
+ fontSize: "24px",
327
+ },
328
+ },
329
+ },
330
+ },
293
331
  },
294
332
  });
295
333
  export default theme;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zesty-io/material",
3
- "version": "0.5.2",
3
+ "version": "0.5.4",
4
4
  "description": "Contains custom components which are in addition to the @mui design-system",
5
5
  "author": "Zesty.io",
6
6
  "license": "MIT",