@veritone-ce/design-system 0.9.9 → 0.9.10

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 (5) hide show
  1. package/dist/assets/theme.js +90 -90
  2. package/dist/components/Button/index.js +2 -2
  3. package/dist/index.d.ts +2 -0
  4. package/dist/index.js +2 -0
  5. package/package.json +4 -2
package/dist/assets/theme.js CHANGED
@@ -25,80 +25,80 @@ var theme = createTheme({
25
25
  h2: {
26
26
  fontSize: '1.429rem',
27
27
  lineHeight: '2.143rem',
28
- fontWeight: '700',
29
- },
28
+ fontWeight: '700'
29
+ }
30
30
  },
31
31
  palette: {
32
32
  primary: {
33
- main: '#214167',
33
+ main: '#214167'
34
34
  },
35
35
  secondary: {
36
36
  main: '#335B89',
37
- contrastText: '#ffffff',
37
+ contrastText: '#ffffff'
38
38
  },
39
39
  neutral: {
40
- main: '#5C6269',
40
+ main: '#5C6269'
41
41
  },
42
42
  button: {
43
43
  main: '#1871E8',
44
- hover: '#335B89',
44
+ hover: '#335B89'
45
45
  },
46
46
  success: {
47
- main: '#28BA3F',
47
+ main: '#28BA3F'
48
48
  },
49
49
  info: {
50
- main: '#325491',
50
+ main: '#325491'
51
51
  },
52
52
  warning: {
53
- main: '#FFBB0A',
53
+ main: '#FFBB0A'
54
54
  },
55
55
  error: {
56
- main: '#D43060',
56
+ main: '#D43060'
57
57
  },
58
- divider: '#214167',
58
+ divider: '#214167'
59
59
  },
60
- spacing: 10,
60
+ spacing: 10
61
61
  });
62
62
  theme = createTheme(theme, {
63
63
  components: {
64
64
  MuiButton: {
65
65
  defaultProps: {
66
66
  variant: 'contained',
67
- disableRipple: true,
67
+ disableRipple: true
68
68
  },
69
69
  styleOverrides: {
70
70
  // @ts-ignore
71
71
  root: function (_a) {
72
72
  var ownerState = _a.ownerState;
73
73
  return (__assign(__assign({ textTransform: 'none', '&.Mui-disabled': {
74
- borderColor: "#E0E8F0",
74
+ borderColor: "#E0E8F0"
75
75
  }, '&.Mui-disabled .MuiButton-startIcon': {
76
- opacity: 0.3,
76
+ opacity: 0.3
77
77
  } }, (ownerState.variant === "contained" &&
78
78
  {
79
79
  fontWeight: '600',
80
80
  backgroundColor: theme.palette.button.main,
81
81
  ':hover': {
82
- backgroundColor: theme.palette.button.hover,
83
- },
82
+ backgroundColor: theme.palette.button.hover
83
+ }
84
84
  })), (ownerState.variant === "text" &&
85
85
  {
86
86
  fontWeight: '600',
87
87
  color: theme.palette.button.main,
88
88
  ':hover': {
89
- color: theme.palette.button.hover,
89
+ color: theme.palette.button.hover
90
90
  },
91
91
  '.MuiButton-startIcon': {
92
92
  color: "#555F7C",
93
- marginRight: theme.spacing(2),
94
- },
93
+ marginRight: theme.spacing(2)
94
+ }
95
95
  })));
96
- },
96
+ }
97
97
  },
98
98
  variants: [
99
99
  {
100
100
  props: {
101
- variant: 'secondary',
101
+ variant: 'secondary'
102
102
  },
103
103
  style: sx({
104
104
  backgroundColor: 'white',
@@ -107,11 +107,11 @@ theme = createTheme(theme, {
107
107
  ':hover': {
108
108
  border: "1px solid ".concat(theme.palette.primary.main),
109
109
  color: theme.palette.primary.main,
110
- backgroundColor: 'white',
111
- },
112
- }),
110
+ backgroundColor: 'white'
111
+ }
112
+ })
113
113
  },
114
- ],
114
+ ]
115
115
  },
116
116
  MuiInputLabel: {
117
117
  styleOverrides: {
@@ -119,9 +119,9 @@ theme = createTheme(theme, {
119
119
  color: "#5C6269",
120
120
  fontSize: "14px",
121
121
  lineHeight: "21px",
122
- fontWeight: "600",
123
- }),
124
- },
122
+ fontWeight: "600"
123
+ })
124
+ }
125
125
  },
126
126
  MuiFormHelperText: {
127
127
  styleOverrides: {
@@ -139,35 +139,35 @@ theme = createTheme(theme, {
139
139
  top: "50%",
140
140
  transform: "translate(0, -50%)",
141
141
  backgroundColor: theme.palette.error.main,
142
- borderRadius: "100%",
143
- },
144
- },
145
- }),
146
- },
142
+ borderRadius: "100%"
143
+ }
144
+ }
145
+ })
146
+ }
147
147
  },
148
148
  MuiTextField: {
149
149
  defaultProps: {
150
- size: 'small',
150
+ size: 'small'
151
151
  },
152
152
  styleOverrides: {
153
153
  root: sx({
154
154
  color: "#2A323C",
155
155
  '& .MuiOutlinedInput-root': {
156
156
  '& fieldset': {
157
- borderColor: "#E0E8F0",
157
+ borderColor: "#E0E8F0"
158
158
  },
159
159
  '&:hover fieldset': {
160
- borderColor: "#335B89",
160
+ borderColor: "#335B89"
161
161
  },
162
162
  '&.Mui-focused fieldset': {
163
- border: "1px solid #5C6269",
163
+ border: "1px solid #5C6269"
164
164
  },
165
165
  '&.Mui-error fieldset': {
166
- borderColor: theme.palette.error.main,
167
- },
168
- },
169
- }),
170
- },
166
+ borderColor: theme.palette.error.main
167
+ }
168
+ }
169
+ })
170
+ }
171
171
  },
172
172
  MuiStepIcon: {
173
173
  styleOverrides: {
@@ -176,17 +176,17 @@ theme = createTheme(theme, {
176
176
  outline: "1px solid #465364",
177
177
  color: "white",
178
178
  text: {
179
- fill: "#465364",
179
+ fill: "#465364"
180
180
  },
181
181
  '&.Mui-active': {
182
182
  outline: "none",
183
183
  color: theme.palette.button.main,
184
184
  text: {
185
- fill: "white",
186
- },
187
- },
188
- },
189
- },
185
+ fill: "white"
186
+ }
187
+ }
188
+ }
189
+ }
190
190
  },
191
191
  MuiDialogTitle: {
192
192
  styleOverrides: {
@@ -196,9 +196,9 @@ theme = createTheme(theme, {
196
196
  paddingTop: theme.spacing(3),
197
197
  paddingLeft: theme.spacing(3),
198
198
  paddingRight: theme.spacing(3),
199
- paddingBottom: theme.spacing(1),
200
- },
201
- },
199
+ paddingBottom: theme.spacing(1)
200
+ }
201
+ }
202
202
  },
203
203
  MuiDialogContent: {
204
204
  styleOverrides: {
@@ -206,38 +206,38 @@ theme = createTheme(theme, {
206
206
  paddingTop: 0,
207
207
  paddingLeft: theme.spacing(3),
208
208
  paddingRight: theme.spacing(3),
209
- paddingBottom: theme.spacing(1),
210
- },
211
- },
209
+ paddingBottom: theme.spacing(1)
210
+ }
211
+ }
212
212
  },
213
213
  MuiDialogActions: {
214
214
  styleOverrides: {
215
215
  root: {
216
- padding: theme.spacing(3),
217
- },
218
- },
216
+ padding: theme.spacing(3)
217
+ }
218
+ }
219
219
  },
220
220
  MuiLink: {
221
221
  defaultProps: {
222
222
  underline: "none",
223
- color: "#1871E8",
224
- },
223
+ color: "#1871E8"
224
+ }
225
225
  },
226
226
  MuiSnackbar: {
227
227
  defaultProps: {
228
228
  autoHideDuration: 6000,
229
229
  anchorOrigin: {
230
230
  vertical: "top",
231
- horizontal: "right",
232
- },
231
+ horizontal: "right"
232
+ }
233
233
  },
234
234
  styleOverrides: {
235
235
  root: {
236
236
  width: "100%",
237
237
  maxWidth: "415px",
238
- position: "absolute",
239
- },
240
- },
238
+ position: "absolute"
239
+ }
240
+ }
241
241
  },
242
242
  MuiAlert: {
243
243
  defaultProps: {
@@ -246,8 +246,8 @@ theme = createTheme(theme, {
246
246
  success: _jsx(CheckCircleIcon, {}),
247
247
  info: _jsx(InfoIcon, {}),
248
248
  warning: _jsx(WarningIcon, {}),
249
- error: _jsx(ErrorIcon, {}),
250
- },
249
+ error: _jsx(ErrorIcon, {})
250
+ }
251
251
  },
252
252
  styleOverrides: {
253
253
  root: {
@@ -262,59 +262,59 @@ theme = createTheme(theme, {
262
262
  width: "4px",
263
263
  left: 0,
264
264
  top: 0,
265
- bottom: 0,
265
+ bottom: 0
266
266
  },
267
267
  '&.MuiAlert-outlinedSuccess:after': {
268
- backgroundColor: theme.palette.success.main,
268
+ backgroundColor: theme.palette.success.main
269
269
  },
270
270
  '&.MuiAlert-outlinedInfo:after': {
271
- backgroundColor: theme.palette.info.main,
271
+ backgroundColor: theme.palette.info.main
272
272
  },
273
273
  '&.MuiAlert-outlinedWarning:after': {
274
- backgroundColor: theme.palette.warning.main,
274
+ backgroundColor: theme.palette.warning.main
275
275
  },
276
276
  '&.MuiAlert-outlinedError:after': {
277
- backgroundColor: theme.palette.error.main,
277
+ backgroundColor: theme.palette.error.main
278
278
  },
279
279
  '& .MuiAlert-icon': {
280
280
  opacity: 1,
281
- fontSize: 20,
281
+ fontSize: 20
282
282
  },
283
283
  '& .MuiAlert-message': {
284
284
  fontSize: "12px",
285
285
  lineHeight: "22px",
286
- color: "black",
287
- },
288
- },
289
- },
286
+ color: "black"
287
+ }
288
+ }
289
+ }
290
290
  },
291
291
  MuiCircularProgress: {
292
292
  styleOverrides: {
293
293
  root: {
294
- color: theme.palette.button.main,
295
- },
296
- },
294
+ color: theme.palette.button.main
295
+ }
296
+ }
297
297
  },
298
298
  MuiCardContent: {
299
299
  styleOverrides: {
300
300
  root: {
301
301
  padding: theme.spacing(2),
302
- paddingTop: theme.spacing(1),
303
- },
304
- },
302
+ paddingTop: theme.spacing(1)
303
+ }
304
+ }
305
305
  },
306
306
  MuiDataGrid: {
307
307
  styleOverrides: {
308
308
  root: {
309
309
  '& .MuiDataGrid-columnHeader:focus': {
310
- outline: 0,
310
+ outline: 0
311
311
  },
312
312
  '& .MuiDataGrid-cell:focus': {
313
- outline: 0,
314
- },
315
- },
316
- },
317
- },
318
- },
313
+ outline: 0
314
+ }
315
+ }
316
+ }
317
+ }
318
+ }
319
319
  });
320
320
  export default theme;
package/dist/components/Button/index.js CHANGED
@@ -35,12 +35,12 @@ var Button = function (_a) {
35
35
  bottom: 0,
36
36
  display: "grid",
37
37
  justifyItems: "center",
38
- alignItems: "center",
38
+ alignItems: "center"
39
39
  } }, { children: _jsx(CircularProgress, { size: 20 }) })));
40
40
  var indicator = isProcessing ? processingIndicator : null;
41
41
  return (_jsxs(Box, __assign({ sx: {
42
42
  display: "inline-flex",
43
- position: "relative",
43
+ position: "relative"
44
44
  } }, { children: [_jsx(MuiButton, __assign({}, props, { disabled: isProcessing || props.disabled }, { children: children })), indicator] })));
45
45
  };
46
46
  export default Button;
package/dist/index.d.ts CHANGED
@@ -2,3 +2,5 @@ export * from './components/Button';
2
2
  export { default as Button } from "./components/Button";
3
3
  export * from './components/ThemeProvider';
4
4
  export { default as ThemeProvider } from './components/ThemeProvider';
5
+ export * from './assets/theme';
6
+ export { default as theme } from './assets/theme';
package/dist/index.js CHANGED
@@ -2,3 +2,5 @@ export * from './components/Button';
2
2
  export { default as Button } from "./components/Button";
3
3
  export * from './components/ThemeProvider';
4
4
  export { default as ThemeProvider } from './components/ThemeProvider';
5
+ export * from './assets/theme';
6
+ export { default as theme } from './assets/theme';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@veritone-ce/design-system",
3
- "version": "0.9.9",
3
+ "version": "0.9.10",
4
4
  "private": false,
5
5
  "dependencies": {
6
6
  "@emotion/react": "^11.10.4",
@@ -28,7 +28,8 @@
28
28
  "release": "auto shipit --base-branch=main",
29
29
  "build-storybook": "build-storybook -s public",
30
30
  "test-storybook": "test-storybook",
31
- "build-storybook-docs": "build-storybook --docs"
31
+ "build-storybook-docs": "build-storybook --docs",
32
+ "prepare": "install-peers"
32
33
  },
33
34
  "eslintConfig": {
34
35
  "extends": [
@@ -77,6 +78,7 @@
77
78
  "babel-plugin-named-exports-order": "^0.0.2",
78
79
  "chromatic": "^6.10.1",
79
80
  "cross-env": "^7.0.3",
81
+ "install-peers-cli": "^2.2.0",
80
82
  "jest": "27",
81
83
  "prettier": "^2.7.1",
82
84
  "prop-types": "^15.8.1",