@veritone-ce/design-system 1.12.32 → 1.12.33
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/eslint-config/common.js +1 -1
- package/eslint-config/error.js +2 -1
- package/eslint-config/warn.js +2 -1
- package/package.json +2 -2
- package/dist/assets/theme.d.ts +0 -62
- package/dist/assets/theme.js +0 -357
- package/dist/components/Alert/index.d.ts +0 -22
- package/dist/components/Alert/index.js +0 -62
- package/dist/components/AudioSlider/index.d.ts +0 -12
- package/dist/components/AudioSlider/index.js +0 -73
- package/dist/components/Breadcrumbs/breadcrumbs.theme.d.ts +0 -11
- package/dist/components/Breadcrumbs/breadcrumbs.theme.js +0 -21
- package/dist/components/Breadcrumbs/index.d.ts +0 -18
- package/dist/components/Breadcrumbs/index.js +0 -59
- package/dist/components/Button/Indicator.d.ts +0 -2
- package/dist/components/Button/Indicator.js +0 -36
- package/dist/components/Button/button.theme.d.ts +0 -4
- package/dist/components/Button/button.theme.js +0 -125
- package/dist/components/Button/index.d.ts +0 -22
- package/dist/components/Button/index.js +0 -57
- package/dist/components/Checkbox/checkbox.theme.d.ts +0 -18
- package/dist/components/Checkbox/checkbox.theme.js +0 -28
- package/dist/components/Checkbox/index.d.ts +0 -14
- package/dist/components/Checkbox/index.js +0 -26
- package/dist/components/Drawer/index.d.ts +0 -14
- package/dist/components/Drawer/index.js +0 -24
- package/dist/components/FileUploader/index.d.ts +0 -34
- package/dist/components/FileUploader/index.js +0 -203
- package/dist/components/FileUploader/useUploadFile.d.ts +0 -5
- package/dist/components/FileUploader/useUploadFile.js +0 -169
- package/dist/components/FormControlLabel/index.d.ts +0 -11
- package/dist/components/FormControlLabel/index.js +0 -23
- package/dist/components/Input/index.d.ts +0 -24
- package/dist/components/Input/index.js +0 -43
- package/dist/components/Input/input.theme.d.ts +0 -3
- package/dist/components/Input/input.theme.js +0 -108
- package/dist/components/LinearProgress/index.d.ts +0 -32
- package/dist/components/LinearProgress/index.js +0 -55
- package/dist/components/LinearProgress/linearProgress.theme.d.ts +0 -14
- package/dist/components/LinearProgress/linearProgress.theme.js +0 -24
- package/dist/components/Link/index.d.ts +0 -9
- package/dist/components/Link/index.js +0 -31
- package/dist/components/List/index.d.ts +0 -10
- package/dist/components/List/index.js +0 -22
- package/dist/components/ListItem/index.d.ts +0 -10
- package/dist/components/ListItem/index.js +0 -22
- package/dist/components/ListItemButton/index.d.ts +0 -12
- package/dist/components/ListItemButton/index.js +0 -24
- package/dist/components/ListItemText/index.d.ts +0 -10
- package/dist/components/ListItemText/index.js +0 -22
- package/dist/components/MenuFlyout/constants.d.ts +0 -3
- package/dist/components/MenuFlyout/constants.js +0 -12
- package/dist/components/MenuFlyout/index.d.ts +0 -21
- package/dist/components/MenuFlyout/index.js +0 -46
- package/dist/components/MenuFlyout/menuFlyout.theme.d.ts +0 -41
- package/dist/components/MenuFlyout/menuFlyout.theme.js +0 -56
- package/dist/components/Modal/index.d.ts +0 -14
- package/dist/components/Modal/index.js +0 -27
- package/dist/components/Modal/modal.theme.d.ts +0 -3
- package/dist/components/Modal/modal.theme.js +0 -35
- package/dist/components/Panel/index.d.ts +0 -12
- package/dist/components/Panel/index.js +0 -112
- package/dist/components/ProgressIndicator/DefaultProgress.d.ts +0 -3
- package/dist/components/ProgressIndicator/DefaultProgress.js +0 -30
- package/dist/components/ProgressIndicator/MLProgress.d.ts +0 -6
- package/dist/components/ProgressIndicator/MLProgress.js +0 -32
- package/dist/components/ProgressIndicator/index.d.ts +0 -20
- package/dist/components/ProgressIndicator/index.js +0 -35
- package/dist/components/RadioButton/RadioButton.theme.d.ts +0 -4
- package/dist/components/RadioButton/RadioButton.theme.js +0 -64
- package/dist/components/RadioButton/index.d.ts +0 -17
- package/dist/components/RadioButton/index.js +0 -44
- package/dist/components/RadioGroup/index.d.ts +0 -30
- package/dist/components/RadioGroup/index.js +0 -25
- package/dist/components/Select/index.d.ts +0 -41
- package/dist/components/Select/index.js +0 -118
- package/dist/components/Select/select.theme.d.ts +0 -53
- package/dist/components/Select/select.theme.js +0 -63
- package/dist/components/StatusChip/constants.d.ts +0 -3
- package/dist/components/StatusChip/constants.js +0 -12
- package/dist/components/StatusChip/index.d.ts +0 -30
- package/dist/components/StatusChip/index.js +0 -40
- package/dist/components/StatusChip/statusChip.theme.d.ts +0 -4
- package/dist/components/StatusChip/statusChip.theme.js +0 -46
- package/dist/components/Step/index.d.ts +0 -23
- package/dist/components/Step/index.js +0 -23
- package/dist/components/StepLabel/index.d.ts +0 -13
- package/dist/components/StepLabel/index.js +0 -22
- package/dist/components/Stepper/index.d.ts +0 -22
- package/dist/components/Stepper/index.js +0 -25
- package/dist/components/Stepper/stepper.theme.d.ts +0 -50
- package/dist/components/Stepper/stepper.theme.js +0 -58
- package/dist/components/Table/index.d.ts +0 -85
- package/dist/components/Table/index.js +0 -123
- package/dist/components/Tabs/index.d.ts +0 -16
- package/dist/components/Tabs/index.js +0 -50
- package/dist/components/Tabs/tabs.theme.d.ts +0 -4
- package/dist/components/Tabs/tabs.theme.js +0 -39
- package/dist/components/ThemeProvider/index.d.ts +0 -9
- package/dist/components/ThemeProvider/index.js +0 -25
- package/dist/components/Toast/index.d.ts +0 -7
- package/dist/components/Toast/index.js +0 -38
- package/dist/components/Typography/index.d.ts +0 -12
- package/dist/components/Typography/index.js +0 -21
- package/dist/components/UtilityRail/index.d.ts +0 -12
- package/dist/components/UtilityRail/index.js +0 -76
- package/dist/components/UtilityRail/mock.d.ts +0 -2
- package/dist/components/UtilityRail/mock.js +0 -32
- package/dist/components/ZeroState/index.d.ts +0 -2
- package/dist/components/ZeroState/index.js +0 -25
- package/dist/components/icons/HomeOutlinedIcon/index.d.ts +0 -5
- package/dist/components/icons/HomeOutlinedIcon/index.js +0 -15
- package/dist/components/icons/IconGroups/index.d.ts +0 -5
- package/dist/components/icons/IconGroups/index.js +0 -16
- package/dist/components/icons/IconListItem/index.d.ts +0 -7
- package/dist/components/icons/IconListItem/index.js +0 -17
- package/dist/index.d.ts +0 -70
- package/dist/index.js +0 -305
package/eslint-config/common.js
CHANGED
package/eslint-config/error.js
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
/* eslint-
|
|
1
|
+
/* eslint-env node */
|
|
2
2
|
// this config can be loaded into other projects by adding the following to their eslintrc file:
|
|
3
3
|
// extends: [
|
|
4
4
|
// "./node_modules/@veritone-ce/design-system/eslint-config/error"
|
|
5
5
|
// ]
|
|
6
6
|
|
|
7
|
+
// eslint-disable-next-line @typescript-eslint/no-var-requires
|
|
7
8
|
const configFactory = require('./common.js')
|
|
8
9
|
|
|
9
10
|
module.exports = configFactory('error')
|
package/eslint-config/warn.js
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
/* eslint-
|
|
1
|
+
/* eslint-env node */
|
|
2
2
|
// this config can be loaded into other projects by adding the following to their eslintrc file:
|
|
3
3
|
// extends: [
|
|
4
4
|
// "./node_modules/@veritone-ce/design-system/eslint-config/warn"
|
|
5
5
|
// ]
|
|
6
6
|
|
|
7
|
+
// eslint-disable-next-line @typescript-eslint/no-var-requires
|
|
7
8
|
const configFactory = require('./common.js')
|
|
8
9
|
|
|
9
10
|
module.exports = configFactory('warn')
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@veritone-ce/design-system",
|
|
3
|
-
"version": "1.12.
|
|
3
|
+
"version": "1.12.33",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "Design System for Veritone CE",
|
|
6
6
|
"keywords": [
|
|
@@ -115,7 +115,7 @@
|
|
|
115
115
|
"react-dom": "^18.2.0",
|
|
116
116
|
"storybook": "^7.0.27",
|
|
117
117
|
"tsc-alias": "^1.8.2",
|
|
118
|
-
"typescript": "^4.
|
|
118
|
+
"typescript": "^4.5.0",
|
|
119
119
|
"webpack": "^5.88.1"
|
|
120
120
|
},
|
|
121
121
|
"peerDependencies": {
|
package/dist/assets/theme.d.ts
DELETED
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import { PaletteColorOptions, SimplePaletteColorOptions, useTheme as muiUseTheme } from '@mui/material';
|
|
2
|
-
import { Theme as MuiTheme, ThemeOptions } from '@mui/material/styles';
|
|
3
|
-
declare module '@mui/material/Button' {
|
|
4
|
-
interface ButtonPropsVariantOverrides {
|
|
5
|
-
primary: true;
|
|
6
|
-
secondary: true;
|
|
7
|
-
tertiary: true;
|
|
8
|
-
}
|
|
9
|
-
}
|
|
10
|
-
type Colors = typeof colors;
|
|
11
|
-
declare module '@mui/material/styles' {
|
|
12
|
-
type ButtonPaletteColorOptions = SimplePaletteColorOptions & {
|
|
13
|
-
hover: string;
|
|
14
|
-
};
|
|
15
|
-
type MiscPaletteColorOptions = Colors['misc'];
|
|
16
|
-
type TextPaletteColorOptions = Colors['text'];
|
|
17
|
-
interface TypeText extends TextPaletteColorOptions {
|
|
18
|
-
}
|
|
19
|
-
interface PaletteOptions {
|
|
20
|
-
neutral?: PaletteColorOptions;
|
|
21
|
-
button?: ButtonPaletteColorOptions;
|
|
22
|
-
misc?: MiscPaletteColorOptions;
|
|
23
|
-
}
|
|
24
|
-
interface Palette {
|
|
25
|
-
neutral: Pick<Palette['primary'], 'main'>;
|
|
26
|
-
button: ButtonPaletteColorOptions;
|
|
27
|
-
misc: MiscPaletteColorOptions;
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
export declare const colors: {
|
|
31
|
-
brand: {
|
|
32
|
-
pink: string;
|
|
33
|
-
blueOne: string;
|
|
34
|
-
blueTwo: string;
|
|
35
|
-
warning: string;
|
|
36
|
-
success: string;
|
|
37
|
-
error: string;
|
|
38
|
-
white: string;
|
|
39
|
-
};
|
|
40
|
-
text: {
|
|
41
|
-
primary: string;
|
|
42
|
-
secondary: string;
|
|
43
|
-
tertiary: string;
|
|
44
|
-
disabled: string;
|
|
45
|
-
};
|
|
46
|
-
button: {
|
|
47
|
-
primary: string;
|
|
48
|
-
hover: string;
|
|
49
|
-
};
|
|
50
|
-
misc: {
|
|
51
|
-
background: string;
|
|
52
|
-
altBackground: string;
|
|
53
|
-
rowHoverGreyOne: string;
|
|
54
|
-
rowOn: string;
|
|
55
|
-
rowOnHoverGreyTwo: string;
|
|
56
|
-
};
|
|
57
|
-
};
|
|
58
|
-
export type Theme = MuiTheme;
|
|
59
|
-
export declare const useTheme: typeof muiUseTheme;
|
|
60
|
-
export declare let defaultTheme: MuiTheme;
|
|
61
|
-
export declare const createDesignSystemTheme: (newTheme?: ThemeOptions) => Theme;
|
|
62
|
-
export {};
|
package/dist/assets/theme.js
DELETED
|
@@ -1,357 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.useTheme = exports.defaultTheme = exports.createDesignSystemTheme = exports.colors = void 0;
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _material = require("@mui/material");
|
|
10
|
-
var _stepper = _interopRequireDefault(require("../components/Stepper/stepper.theme"));
|
|
11
|
-
var _checkbox = _interopRequireDefault(require("../components/Checkbox/checkbox.theme"));
|
|
12
|
-
var _RadioButton = _interopRequireDefault(require("../components/RadioButton/RadioButton.theme"));
|
|
13
|
-
var _button = _interopRequireDefault(require("../components/Button/button.theme"));
|
|
14
|
-
var _statusChip = _interopRequireDefault(require("../components/StatusChip/statusChip.theme"));
|
|
15
|
-
var _select = _interopRequireDefault(require("../components/Select/select.theme"));
|
|
16
|
-
var _tabs = _interopRequireDefault(require("../components/Tabs/tabs.theme"));
|
|
17
|
-
var _input = _interopRequireDefault(require("../components/Input/input.theme"));
|
|
18
|
-
var _menuFlyout = require("../components/MenuFlyout/menuFlyout.theme");
|
|
19
|
-
var _modal = _interopRequireDefault(require("../components/Modal/modal.theme"));
|
|
20
|
-
var _linearProgress = _interopRequireDefault(require("../components/LinearProgress/linearProgress.theme"));
|
|
21
|
-
var _CheckCircle = _interopRequireDefault(require("@mui/icons-material/CheckCircle"));
|
|
22
|
-
var _Cancel = _interopRequireDefault(require("@mui/icons-material/Cancel"));
|
|
23
|
-
var _deepmerge = _interopRequireDefault(require("deepmerge"));
|
|
24
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
25
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
26
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
27
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
28
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
29
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
30
|
-
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
31
|
-
var InformationIcon = function InformationIcon(props) {
|
|
32
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", _objectSpread(_objectSpread({}, props), {}, {
|
|
33
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
34
|
-
fillRule: "evenodd",
|
|
35
|
-
clipRule: "evenodd",
|
|
36
|
-
d: "M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18Zm1.674-4.444.14-.575c-.072.034-.189.073-.35.118a1.655 1.655 0 0 1-.436.067c-.272 0-.464-.045-.575-.134-.11-.09-.166-.258-.166-.505 0-.098.017-.243.051-.435.034-.191.073-.362.115-.511l.524-1.86c.051-.17.087-.358.106-.563.019-.204.028-.347.028-.428 0-.392-.137-.71-.412-.956-.275-.244-.666-.367-1.173-.367-.281 0-.58.05-.895.15-.315.1-.645.22-.99.361l-.141.576c.102-.039.225-.08.368-.122.142-.043.282-.064.418-.064.277 0 .465.047.563.14.098.095.147.26.147.5 0 .131-.016.277-.048.437-.032.16-.072.33-.119.508l-.524 1.867a5.499 5.499 0 0 0-.102.527 3.366 3.366 0 0 0-.032.457c0 .384.142.7.425.95.284.249.681.373 1.192.373.333 0 .625-.043.876-.13.252-.088.588-.215 1.01-.38Zm-.093-7.552a1.09 1.09 0 0 0 .368-.828 1.1 1.1 0 0 0-.368-.83A1.247 1.247 0 0 0 12.696 7c-.345 0-.641.115-.889.345-.247.23-.37.507-.37.831 0 .324.123.6.37.828.248.228.544.342.889.342s.64-.114.885-.342Z",
|
|
37
|
-
fill: "#214167"
|
|
38
|
-
})
|
|
39
|
-
}));
|
|
40
|
-
};
|
|
41
|
-
InformationIcon.defaultProps = {
|
|
42
|
-
width: "22",
|
|
43
|
-
height: "22",
|
|
44
|
-
fill: "none",
|
|
45
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
46
|
-
};
|
|
47
|
-
var WarningIcon = function WarningIcon(props) {
|
|
48
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", _objectSpread(_objectSpread({}, props), {}, {
|
|
49
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
50
|
-
fillRule: "evenodd",
|
|
51
|
-
clipRule: "evenodd",
|
|
52
|
-
d: "M17.075 17.075A9.976 9.976 0 0 0 20 10a9.976 9.976 0 0 0-2.925-7.075A9.976 9.976 0 0 0 10 0a9.976 9.976 0 0 0-7.075 2.925A9.976 9.976 0 0 0 0 10a9.976 9.976 0 0 0 2.925 7.075A9.976 9.976 0 0 0 10 20a9.976 9.976 0 0 0 7.075-2.925Zm-5.722-3.218A1.35 1.35 0 0 0 10 12.505c-.75 0-1.371.603-1.371 1.352 0 .75.621 1.372 1.371 1.372s1.353-.622 1.353-1.372ZM10 11.134c-.494 0-.86-.403-.914-.915l-.457-4.076C8.556 5.43 9.305 4.77 10 4.77s1.444.659 1.353 1.372l-.439 4.076c-.055.512-.42.915-.914.915Z",
|
|
53
|
-
fill: "#FFBB0A"
|
|
54
|
-
})
|
|
55
|
-
}));
|
|
56
|
-
};
|
|
57
|
-
WarningIcon.defaultProps = {
|
|
58
|
-
width: "22",
|
|
59
|
-
height: "22",
|
|
60
|
-
fill: "none",
|
|
61
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
62
|
-
};
|
|
63
|
-
var colors = {
|
|
64
|
-
brand: {
|
|
65
|
-
pink: '#D43060',
|
|
66
|
-
blueOne: '#214167',
|
|
67
|
-
blueTwo: '#335B89',
|
|
68
|
-
warning: '#FFBB0A',
|
|
69
|
-
success: '#28BA3F',
|
|
70
|
-
error: '#EB0000',
|
|
71
|
-
white: "#FFFFFF"
|
|
72
|
-
},
|
|
73
|
-
text: {
|
|
74
|
-
primary: "#2A323C",
|
|
75
|
-
secondary: "#5C6269",
|
|
76
|
-
tertiary: "#465364",
|
|
77
|
-
disabled: "#7C848D"
|
|
78
|
-
},
|
|
79
|
-
button: {
|
|
80
|
-
primary: "#1871E8",
|
|
81
|
-
hover: "#1259B9"
|
|
82
|
-
},
|
|
83
|
-
misc: {
|
|
84
|
-
background: "#E4ECF3",
|
|
85
|
-
altBackground: "#E0E8F0",
|
|
86
|
-
rowHoverGreyOne: "#FAFAFA",
|
|
87
|
-
rowOn: "#F2F7FE",
|
|
88
|
-
rowOnHoverGreyTwo: "#EAF1FA"
|
|
89
|
-
}
|
|
90
|
-
};
|
|
91
|
-
|
|
92
|
-
// create theme in steps https://mui.com/material-ui/customization/theming/#api
|
|
93
|
-
exports.colors = colors;
|
|
94
|
-
var useTheme = _material.useTheme;
|
|
95
|
-
exports.useTheme = useTheme;
|
|
96
|
-
var defaultTheme = (0, _material.createTheme)({
|
|
97
|
-
typography: {
|
|
98
|
-
fontFamily: 'Nunito Sans, Helvetica, sans-serif',
|
|
99
|
-
h2: {
|
|
100
|
-
fontWeight: '700'
|
|
101
|
-
},
|
|
102
|
-
body1: {
|
|
103
|
-
fontSize: '14px',
|
|
104
|
-
fontWeight: '400',
|
|
105
|
-
color: colors.text.primary
|
|
106
|
-
},
|
|
107
|
-
body2: {
|
|
108
|
-
fontSize: '18px',
|
|
109
|
-
fontWeight: '400'
|
|
110
|
-
},
|
|
111
|
-
subtitle1: {
|
|
112
|
-
fontSize: '16px'
|
|
113
|
-
}
|
|
114
|
-
},
|
|
115
|
-
palette: {
|
|
116
|
-
common: {
|
|
117
|
-
white: colors.brand.white
|
|
118
|
-
},
|
|
119
|
-
action: {
|
|
120
|
-
disabledBackground: colors.misc.rowHoverGreyOne,
|
|
121
|
-
disabled: colors.text.disabled
|
|
122
|
-
},
|
|
123
|
-
primary: {
|
|
124
|
-
main: colors.brand.blueOne
|
|
125
|
-
},
|
|
126
|
-
secondary: {
|
|
127
|
-
main: colors.brand.blueTwo,
|
|
128
|
-
contrastText: colors.brand.white
|
|
129
|
-
},
|
|
130
|
-
neutral: {
|
|
131
|
-
main: colors.text.secondary
|
|
132
|
-
},
|
|
133
|
-
button: {
|
|
134
|
-
main: colors.button.primary,
|
|
135
|
-
hover: colors.button.hover
|
|
136
|
-
},
|
|
137
|
-
success: {
|
|
138
|
-
main: colors.brand.success
|
|
139
|
-
},
|
|
140
|
-
warning: {
|
|
141
|
-
main: colors.brand.warning
|
|
142
|
-
},
|
|
143
|
-
error: {
|
|
144
|
-
main: colors.brand.error
|
|
145
|
-
},
|
|
146
|
-
divider: colors.brand.blueOne,
|
|
147
|
-
text: colors.text,
|
|
148
|
-
misc: colors.misc
|
|
149
|
-
},
|
|
150
|
-
spacing: 10
|
|
151
|
-
});
|
|
152
|
-
exports.defaultTheme = defaultTheme;
|
|
153
|
-
exports.defaultTheme = defaultTheme = (0, _material.createTheme)(defaultTheme, {
|
|
154
|
-
components: _objectSpread(_objectSpread({
|
|
155
|
-
MuiButton: (0, _button["default"])(defaultTheme)
|
|
156
|
-
}, (0, _stepper["default"])(defaultTheme)), {}, {
|
|
157
|
-
MuiSelect: (0, _select["default"])(defaultTheme),
|
|
158
|
-
MuiTextField: (0, _input["default"])(defaultTheme),
|
|
159
|
-
MuiDialog: (0, _modal["default"])(defaultTheme),
|
|
160
|
-
MuiCheckbox: (0, _checkbox["default"])(defaultTheme),
|
|
161
|
-
MuiRadio: (0, _RadioButton["default"])(defaultTheme),
|
|
162
|
-
MuiTabs: (0, _tabs["default"])(defaultTheme),
|
|
163
|
-
MuiChip: (0, _statusChip["default"])(defaultTheme),
|
|
164
|
-
MuiMenu: (0, _menuFlyout.menuFlyoutTheme)(defaultTheme),
|
|
165
|
-
MuiMenuItem: (0, _menuFlyout.menuItemTheme)(defaultTheme),
|
|
166
|
-
MuiLinearProgress: (0, _linearProgress["default"])(defaultTheme),
|
|
167
|
-
MuiInputLabel: {
|
|
168
|
-
styleOverrides: {
|
|
169
|
-
root: {
|
|
170
|
-
color: defaultTheme.palette.text.secondary,
|
|
171
|
-
fontSize: "14px",
|
|
172
|
-
lineHeight: "21px",
|
|
173
|
-
fontWeight: "600"
|
|
174
|
-
}
|
|
175
|
-
}
|
|
176
|
-
},
|
|
177
|
-
MuiFormControlLabel: {
|
|
178
|
-
styleOverrides: {
|
|
179
|
-
root: {
|
|
180
|
-
'& .MuiFormControlLabel-label': {
|
|
181
|
-
color: defaultTheme.palette.text.secondary
|
|
182
|
-
},
|
|
183
|
-
'& .MuiFormControlLabel-label.Mui-disabled': {
|
|
184
|
-
color: defaultTheme.palette.text.disabled
|
|
185
|
-
}
|
|
186
|
-
}
|
|
187
|
-
}
|
|
188
|
-
},
|
|
189
|
-
MuiFormHelperText: {
|
|
190
|
-
styleOverrides: {
|
|
191
|
-
root: {
|
|
192
|
-
position: 'relative',
|
|
193
|
-
marginLeft: 0,
|
|
194
|
-
'&.Mui-error': {
|
|
195
|
-
paddingLeft: "17px",
|
|
196
|
-
'&::before': {
|
|
197
|
-
content: "\"\"",
|
|
198
|
-
height: "12px",
|
|
199
|
-
width: '12px',
|
|
200
|
-
position: 'absolute',
|
|
201
|
-
left: 0,
|
|
202
|
-
top: "50%",
|
|
203
|
-
transform: "translate(0, -50%)",
|
|
204
|
-
backgroundColor: defaultTheme.palette.error.main,
|
|
205
|
-
borderRadius: "100%"
|
|
206
|
-
}
|
|
207
|
-
}
|
|
208
|
-
}
|
|
209
|
-
}
|
|
210
|
-
},
|
|
211
|
-
MuiDialogTitle: {
|
|
212
|
-
styleOverrides: {
|
|
213
|
-
root: {
|
|
214
|
-
fontSize: "24px",
|
|
215
|
-
lineHeight: "34px",
|
|
216
|
-
paddingTop: defaultTheme.spacing(3),
|
|
217
|
-
paddingLeft: defaultTheme.spacing(3),
|
|
218
|
-
paddingRight: defaultTheme.spacing(3),
|
|
219
|
-
paddingBottom: defaultTheme.spacing(1)
|
|
220
|
-
}
|
|
221
|
-
}
|
|
222
|
-
},
|
|
223
|
-
MuiDialogContent: {
|
|
224
|
-
styleOverrides: {
|
|
225
|
-
root: {
|
|
226
|
-
paddingTop: 0,
|
|
227
|
-
paddingLeft: defaultTheme.spacing(3),
|
|
228
|
-
paddingRight: defaultTheme.spacing(3),
|
|
229
|
-
paddingBottom: defaultTheme.spacing(1)
|
|
230
|
-
}
|
|
231
|
-
}
|
|
232
|
-
},
|
|
233
|
-
MuiDialogActions: {
|
|
234
|
-
styleOverrides: {
|
|
235
|
-
root: {
|
|
236
|
-
padding: defaultTheme.spacing(3)
|
|
237
|
-
}
|
|
238
|
-
}
|
|
239
|
-
},
|
|
240
|
-
MuiLink: {
|
|
241
|
-
defaultProps: {
|
|
242
|
-
underline: "none",
|
|
243
|
-
color: colors.button.primary
|
|
244
|
-
}
|
|
245
|
-
},
|
|
246
|
-
MuiSnackbar: {
|
|
247
|
-
defaultProps: {
|
|
248
|
-
autoHideDuration: 3000,
|
|
249
|
-
anchorOrigin: {
|
|
250
|
-
vertical: "top",
|
|
251
|
-
horizontal: "right"
|
|
252
|
-
}
|
|
253
|
-
},
|
|
254
|
-
styleOverrides: {
|
|
255
|
-
root: {
|
|
256
|
-
width: "100%",
|
|
257
|
-
maxWidth: "415px",
|
|
258
|
-
position: "absolute"
|
|
259
|
-
}
|
|
260
|
-
}
|
|
261
|
-
},
|
|
262
|
-
MuiAlert: {
|
|
263
|
-
defaultProps: {
|
|
264
|
-
variant: "outlined",
|
|
265
|
-
iconMapping: {
|
|
266
|
-
success: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckCircle["default"], {}),
|
|
267
|
-
info: /*#__PURE__*/(0, _jsxRuntime.jsx)(InformationIcon, {}),
|
|
268
|
-
warning: /*#__PURE__*/(0, _jsxRuntime.jsx)(WarningIcon, {}),
|
|
269
|
-
error: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Cancel["default"], {})
|
|
270
|
-
}
|
|
271
|
-
},
|
|
272
|
-
styleOverrides: {
|
|
273
|
-
root: {
|
|
274
|
-
width: "415px",
|
|
275
|
-
backgroundColor: "white",
|
|
276
|
-
position: "relative",
|
|
277
|
-
overflow: "hidden",
|
|
278
|
-
border: "1px solid #7C848D",
|
|
279
|
-
'&:after': {
|
|
280
|
-
content: '""',
|
|
281
|
-
position: "absolute",
|
|
282
|
-
width: "4px",
|
|
283
|
-
left: 0,
|
|
284
|
-
top: 0,
|
|
285
|
-
bottom: 0
|
|
286
|
-
},
|
|
287
|
-
'&.MuiAlert-outlinedSuccess:after': {
|
|
288
|
-
backgroundColor: defaultTheme.palette.success.main
|
|
289
|
-
},
|
|
290
|
-
'&.MuiAlert-outlinedInfo:after': {
|
|
291
|
-
backgroundColor: defaultTheme.palette.secondary.main
|
|
292
|
-
},
|
|
293
|
-
'&.MuiAlert-outlinedWarning:after': {
|
|
294
|
-
backgroundColor: defaultTheme.palette.warning.main
|
|
295
|
-
},
|
|
296
|
-
'&.MuiAlert-outlinedError:after': {
|
|
297
|
-
backgroundColor: defaultTheme.palette.error.main
|
|
298
|
-
},
|
|
299
|
-
'& .MuiAlert-icon': {
|
|
300
|
-
opacity: 1,
|
|
301
|
-
fontSize: 20
|
|
302
|
-
},
|
|
303
|
-
'& .MuiAlert-message': {
|
|
304
|
-
fontSize: "12px",
|
|
305
|
-
lineHeight: "22px",
|
|
306
|
-
color: colors.text.primary
|
|
307
|
-
},
|
|
308
|
-
'& .MuiIconButton-root': {
|
|
309
|
-
color: colors.text.tertiary
|
|
310
|
-
}
|
|
311
|
-
}
|
|
312
|
-
}
|
|
313
|
-
},
|
|
314
|
-
MuiCircularProgress: {
|
|
315
|
-
styleOverrides: {
|
|
316
|
-
root: {
|
|
317
|
-
color: defaultTheme.palette.button.main
|
|
318
|
-
}
|
|
319
|
-
}
|
|
320
|
-
},
|
|
321
|
-
MuiCardContent: {
|
|
322
|
-
styleOverrides: {
|
|
323
|
-
root: {
|
|
324
|
-
padding: defaultTheme.spacing(2),
|
|
325
|
-
paddingTop: defaultTheme.spacing(1)
|
|
326
|
-
}
|
|
327
|
-
}
|
|
328
|
-
},
|
|
329
|
-
MuiDataGrid: {
|
|
330
|
-
styleOverrides: {
|
|
331
|
-
root: {
|
|
332
|
-
'& .MuiDataGrid-columnHeader:focus': {
|
|
333
|
-
outline: 0
|
|
334
|
-
},
|
|
335
|
-
'& .MuiDataGrid-cell:focus': {
|
|
336
|
-
outline: 0
|
|
337
|
-
}
|
|
338
|
-
}
|
|
339
|
-
}
|
|
340
|
-
},
|
|
341
|
-
MuiPaper: {
|
|
342
|
-
styleOverrides: {
|
|
343
|
-
root: {
|
|
344
|
-
'&.MuiMenu-paper': {
|
|
345
|
-
// border: '1px solid ' + theme.palette.text.disabled,
|
|
346
|
-
// boxShadow: 'none'
|
|
347
|
-
}
|
|
348
|
-
}
|
|
349
|
-
}
|
|
350
|
-
}
|
|
351
|
-
})
|
|
352
|
-
});
|
|
353
|
-
var createDesignSystemTheme = function createDesignSystemTheme() {
|
|
354
|
-
var newTheme = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
355
|
-
return (0, _material.createTheme)((0, _deepmerge["default"])(defaultTheme, newTheme || {}));
|
|
356
|
-
};
|
|
357
|
-
exports.createDesignSystemTheme = createDesignSystemTheme;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { AlertColor } from '@mui/material/Alert/Alert';
|
|
3
|
-
import { SxProps, Theme } from '@mui/system';
|
|
4
|
-
export type AlertProps = {
|
|
5
|
-
'data-testid'?: string;
|
|
6
|
-
label?: React.ReactNode;
|
|
7
|
-
text?: string;
|
|
8
|
-
/**
|
|
9
|
-
* - Use can pass messageLabel or messageText
|
|
10
|
-
* - If these props are not passed in, the default label and text will be set based on severity
|
|
11
|
-
**/
|
|
12
|
-
link?: {
|
|
13
|
-
href: string;
|
|
14
|
-
content: React.ReactNode;
|
|
15
|
-
};
|
|
16
|
-
severity?: AlertColor;
|
|
17
|
-
onClose?(): void;
|
|
18
|
-
sx?: SxProps<Theme>;
|
|
19
|
-
className?: string;
|
|
20
|
-
};
|
|
21
|
-
declare const Alert: (props: AlertProps) => import("react/jsx-runtime").JSX.Element;
|
|
22
|
-
export default Alert;
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _material = require("@mui/material");
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _Link = _interopRequireDefault(require("../Link"));
|
|
10
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
12
|
-
var defaultMessageLabel = {
|
|
13
|
-
success: "Success",
|
|
14
|
-
info: "Info",
|
|
15
|
-
warning: "Alert",
|
|
16
|
-
error: "Error"
|
|
17
|
-
};
|
|
18
|
-
var defaultMessageText = {
|
|
19
|
-
success: "Your action was completed. ",
|
|
20
|
-
info: "General information. ",
|
|
21
|
-
warning: "Your action is required. ",
|
|
22
|
-
error: "An error has occured. "
|
|
23
|
-
};
|
|
24
|
-
var Alert = function Alert(props) {
|
|
25
|
-
var _props$severity;
|
|
26
|
-
var severity = (_props$severity = props.severity) !== null && _props$severity !== void 0 ? _props$severity : 'success';
|
|
27
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Alert, {
|
|
28
|
-
"data-testid": props['data-testid'],
|
|
29
|
-
onClose: props.onClose,
|
|
30
|
-
severity: severity,
|
|
31
|
-
sx: props.sx,
|
|
32
|
-
className: props.className,
|
|
33
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
|
|
34
|
-
sx: {
|
|
35
|
-
display: "flex",
|
|
36
|
-
alignItems: "center"
|
|
37
|
-
},
|
|
38
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
|
|
39
|
-
sx: {
|
|
40
|
-
fontSize: "12px",
|
|
41
|
-
fontWeight: "bold",
|
|
42
|
-
marginRight: "2px"
|
|
43
|
-
},
|
|
44
|
-
children: props.label ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
|
|
45
|
-
children: [props.label, ': ']
|
|
46
|
-
}) : "".concat(defaultMessageLabel[severity], ": ")
|
|
47
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
|
|
48
|
-
sx: {
|
|
49
|
-
fontSize: "12px"
|
|
50
|
-
},
|
|
51
|
-
children: props.text ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
|
|
52
|
-
children: [props.text, " "]
|
|
53
|
-
}) : defaultMessageText[severity]
|
|
54
|
-
}), props.link && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Link["default"], {
|
|
55
|
-
href: props.link.href,
|
|
56
|
-
children: props.link.content
|
|
57
|
-
})]
|
|
58
|
-
})
|
|
59
|
-
});
|
|
60
|
-
};
|
|
61
|
-
var _default = Alert;
|
|
62
|
-
exports["default"] = _default;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
export type AudioSliderProps = {
|
|
2
|
-
'data-testid'?: string;
|
|
3
|
-
value: number;
|
|
4
|
-
onChange?(event: Event, value: number): void;
|
|
5
|
-
label?: string;
|
|
6
|
-
max?: number;
|
|
7
|
-
disabled?: boolean;
|
|
8
|
-
step?: number;
|
|
9
|
-
className?: string;
|
|
10
|
-
};
|
|
11
|
-
declare const AudioSlider: (props: AudioSliderProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
export default AudioSlider;
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _Slider = _interopRequireDefault(require("@mui/material/Slider"));
|
|
8
|
-
var _styles = require("@mui/material/styles");
|
|
9
|
-
var _Box = _interopRequireDefault(require("@mui/material/Box"));
|
|
10
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
12
|
-
var MuiSlider = (0, _styles.styled)(_Slider["default"])({
|
|
13
|
-
color: '#1871E8',
|
|
14
|
-
height: 6,
|
|
15
|
-
'& .MuiSlider-track': {
|
|
16
|
-
border: 'none',
|
|
17
|
-
height: '6px'
|
|
18
|
-
},
|
|
19
|
-
'& .MuiSlider-thumb': {
|
|
20
|
-
height: 18,
|
|
21
|
-
width: 14,
|
|
22
|
-
backgroundColor: '#2A323C',
|
|
23
|
-
borderRadius: 2,
|
|
24
|
-
position: 'relative',
|
|
25
|
-
'&::before': {
|
|
26
|
-
content: '""',
|
|
27
|
-
position: 'absolute',
|
|
28
|
-
width: 1,
|
|
29
|
-
height: 12,
|
|
30
|
-
backgroundColor: '#FFFFFF',
|
|
31
|
-
top: '50%',
|
|
32
|
-
left: '50%',
|
|
33
|
-
transform: 'translate(-50%, -50%)'
|
|
34
|
-
},
|
|
35
|
-
'&:hover': {
|
|
36
|
-
outline: 'none'
|
|
37
|
-
},
|
|
38
|
-
'&:active': {
|
|
39
|
-
outline: 'none'
|
|
40
|
-
},
|
|
41
|
-
'&:focus': {
|
|
42
|
-
outline: 'none'
|
|
43
|
-
}
|
|
44
|
-
},
|
|
45
|
-
'& .MuiSlider-rail': {
|
|
46
|
-
height: '6px',
|
|
47
|
-
backgroundColor: '#9FA2A4'
|
|
48
|
-
},
|
|
49
|
-
'& .MuiSlider-thumb.Mui-focusVisible, .MuiSlider-thumb:hover': {
|
|
50
|
-
boxShadow: 'none'
|
|
51
|
-
}
|
|
52
|
-
});
|
|
53
|
-
var AudioSlider = function AudioSlider(props) {
|
|
54
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
|
|
55
|
-
sx: {
|
|
56
|
-
width: 320
|
|
57
|
-
},
|
|
58
|
-
className: props.className,
|
|
59
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(MuiSlider, {
|
|
60
|
-
"data-testid": props['data-testid'],
|
|
61
|
-
"aria-label": "audio-slider",
|
|
62
|
-
value: props.value,
|
|
63
|
-
max: props.max,
|
|
64
|
-
step: props.step,
|
|
65
|
-
onChange: props.onChange && function (event, value) {
|
|
66
|
-
props.onChange(event, value);
|
|
67
|
-
},
|
|
68
|
-
disabled: props.disabled
|
|
69
|
-
})
|
|
70
|
-
});
|
|
71
|
-
};
|
|
72
|
-
var _default = AudioSlider;
|
|
73
|
-
exports["default"] = _default;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var breadcrumbs = function breadcrumbs(theme) {
|
|
8
|
-
return {
|
|
9
|
-
styleOverrides: {
|
|
10
|
-
root: function root() {
|
|
11
|
-
return {
|
|
12
|
-
'& .MuiBreadcrumbs-separator': {
|
|
13
|
-
color: theme.palette.text.disabled
|
|
14
|
-
}
|
|
15
|
-
};
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
};
|
|
19
|
-
};
|
|
20
|
-
var _default = breadcrumbs;
|
|
21
|
-
exports["default"] = _default;
|