@veritone-ce/design-system 0.9.1 → 0.9.3
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/.github/workflows/chromatic.yml +23 -21
- package/.github/workflows/deploy.yml +39 -0
- package/.storybook/preview.js +21 -21
- package/CHANGELOG.md +7 -7
- package/README.md +36 -36
- package/dist/index.js +3 -0
- package/package.json +115 -114
- package/public/index.html +42 -42
- package/public/manifest.json +15 -15
- package/public/robots.txt +3 -3
- package/src/assets/theme.tsx +345 -345
- package/src/components/Button/index.tsx +4 -4
- package/src/components/ThemeProvider/index.tsx +11 -11
- package/src/index.tsx +1 -1
- package/src/reportWebVitals.ts +15 -15
- package/src/setupTests.ts +5 -5
- package/tsconfig.json +18 -3
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
|
|
2
|
-
import { Button as MuiButton, ButtonProps, CircularProgress, Box } from '@mui/material'
|
|
2
|
+
import { Button as MuiButton, ButtonProps as MuiButtonProps, CircularProgress, Box } from '@mui/material'
|
|
3
3
|
|
|
4
|
-
export type
|
|
4
|
+
export type ButtonProps = {
|
|
5
5
|
/**
|
|
6
6
|
Use the isProcessing prop to indicate to the user that an action is in process. This will disable the button.
|
|
7
7
|
*/
|
|
8
8
|
isProcessing?: boolean
|
|
9
|
-
} &
|
|
9
|
+
} & MuiButtonProps
|
|
10
10
|
|
|
11
11
|
/**
|
|
12
12
|
- Use a button for common user click actions. Several variations available.
|
|
@@ -15,7 +15,7 @@ const Button = ({
|
|
|
15
15
|
children,
|
|
16
16
|
isProcessing = false,
|
|
17
17
|
...props
|
|
18
|
-
}:
|
|
18
|
+
}: ButtonProps) => {
|
|
19
19
|
const processingIndicator = (
|
|
20
20
|
<Box
|
|
21
21
|
sx={{
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { ThemeProvider as MuiThemeProvider, ThemeProviderProps } from '@mui/system'
|
|
2
|
-
import theme from '../../assets/theme'
|
|
3
|
-
|
|
4
|
-
const ThemeProvider = ({
|
|
5
|
-
children,
|
|
6
|
-
}: ThemeProviderProps) => {
|
|
7
|
-
return (
|
|
8
|
-
<MuiThemeProvider theme={theme}>{children}</MuiThemeProvider>
|
|
9
|
-
)
|
|
10
|
-
}
|
|
11
|
-
|
|
1
|
+
import { ThemeProvider as MuiThemeProvider, ThemeProviderProps } from '@mui/system'
|
|
2
|
+
import theme from '../../assets/theme'
|
|
3
|
+
|
|
4
|
+
const ThemeProvider = ({
|
|
5
|
+
children,
|
|
6
|
+
}: ThemeProviderProps) => {
|
|
7
|
+
return (
|
|
8
|
+
<MuiThemeProvider theme={theme}>{children}</MuiThemeProvider>
|
|
9
|
+
)
|
|
10
|
+
}
|
|
11
|
+
|
|
12
12
|
export default ThemeProvider
|
package/src/index.tsx
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from './components/Button'
|
|
1
|
+
export * from './components/Button'
|
|
2
2
|
export * from './components/ThemeProvider'
|
package/src/reportWebVitals.ts
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { ReportHandler } from 'web-vitals';
|
|
2
|
-
|
|
3
|
-
const reportWebVitals = (onPerfEntry?: ReportHandler) => {
|
|
4
|
-
if (onPerfEntry && onPerfEntry instanceof Function) {
|
|
5
|
-
import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
|
|
6
|
-
getCLS(onPerfEntry);
|
|
7
|
-
getFID(onPerfEntry);
|
|
8
|
-
getFCP(onPerfEntry);
|
|
9
|
-
getLCP(onPerfEntry);
|
|
10
|
-
getTTFB(onPerfEntry);
|
|
11
|
-
});
|
|
12
|
-
}
|
|
13
|
-
};
|
|
14
|
-
|
|
15
|
-
export default reportWebVitals;
|
|
1
|
+
import { ReportHandler } from 'web-vitals';
|
|
2
|
+
|
|
3
|
+
const reportWebVitals = (onPerfEntry?: ReportHandler) => {
|
|
4
|
+
if (onPerfEntry && onPerfEntry instanceof Function) {
|
|
5
|
+
import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
|
|
6
|
+
getCLS(onPerfEntry);
|
|
7
|
+
getFID(onPerfEntry);
|
|
8
|
+
getFCP(onPerfEntry);
|
|
9
|
+
getLCP(onPerfEntry);
|
|
10
|
+
getTTFB(onPerfEntry);
|
|
11
|
+
});
|
|
12
|
+
}
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
export default reportWebVitals;
|
package/src/setupTests.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
// jest-dom adds custom jest matchers for asserting on DOM nodes.
|
|
2
|
-
// allows you to do things like:
|
|
3
|
-
// expect(element).toHaveTextContent(/react/i)
|
|
4
|
-
// learn more: https://github.com/testing-library/jest-dom
|
|
5
|
-
import '@testing-library/jest-dom';
|
|
1
|
+
// jest-dom adds custom jest matchers for asserting on DOM nodes.
|
|
2
|
+
// allows you to do things like:
|
|
3
|
+
// expect(element).toHaveTextContent(/react/i)
|
|
4
|
+
// learn more: https://github.com/testing-library/jest-dom
|
|
5
|
+
import '@testing-library/jest-dom';
|
package/tsconfig.json
CHANGED
|
@@ -17,11 +17,26 @@
|
|
|
17
17
|
"moduleResolution": "node",
|
|
18
18
|
"resolveJsonModule": true,
|
|
19
19
|
"isolatedModules": true,
|
|
20
|
-
"
|
|
20
|
+
"declaration": true,
|
|
21
21
|
"jsx": "react-jsx",
|
|
22
|
-
"rootDir": "src"
|
|
22
|
+
"rootDir": "./src",
|
|
23
|
+
"outDir": "./dist",
|
|
24
|
+
"sourceMap": true,
|
|
23
25
|
},
|
|
24
26
|
"include": [
|
|
25
|
-
"src"
|
|
27
|
+
"src/index.tsx"
|
|
28
|
+
],
|
|
29
|
+
"exclude": [
|
|
30
|
+
"node_modules"
|
|
26
31
|
]
|
|
27
32
|
}
|
|
33
|
+
// {
|
|
34
|
+
// "compilerOptions": {
|
|
35
|
+
// "outDir": "./dist/",
|
|
36
|
+
// "sourceMap": true,
|
|
37
|
+
// "noImplicitAny": true,
|
|
38
|
+
// "module": "commonjs",
|
|
39
|
+
// "target": "es2015",
|
|
40
|
+
// "jsx": "react"
|
|
41
|
+
// }
|
|
42
|
+
// }
|