@veritone-ce/design-system 1.12.16 → 1.12.17

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.
@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = exports.colors = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
7
8
  var _material = require("@mui/material");
8
9
  var _stepper = _interopRequireDefault(require("../components/Stepper/stepper.theme"));
9
10
  var _checkbox = _interopRequireDefault(require("../components/Checkbox/checkbox.theme"));
@@ -17,11 +18,43 @@ var _menuFlyout = require("../components/MenuFlyout/menuFlyout.theme");
17
18
  var _modal = _interopRequireDefault(require("../components/Modal/modal.theme"));
18
19
  var _linearProgress = _interopRequireDefault(require("../components/LinearProgress/linearProgress.theme"));
19
20
  var _CheckCircle = _interopRequireDefault(require("@mui/icons-material/CheckCircle"));
20
- var _information = _interopRequireDefault(require("./information.svg"));
21
- var _warning = _interopRequireDefault(require("./warning.svg"));
22
21
  var _Cancel = _interopRequireDefault(require("@mui/icons-material/Cancel"));
23
22
  var _jsxRuntime = require("react/jsx-runtime");
24
23
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
24
+ var InformationIcon = function InformationIcon(props) {
25
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
26
+ ...props,
27
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
28
+ fillRule: "evenodd",
29
+ clipRule: "evenodd",
30
+ 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",
31
+ fill: "#214167"
32
+ })
33
+ });
34
+ };
35
+ InformationIcon.defaultProps = {
36
+ width: "22",
37
+ height: "22",
38
+ fill: "none",
39
+ xmlns: "http://www.w3.org/2000/svg"
40
+ };
41
+ var WarningIcon = function WarningIcon(props) {
42
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
43
+ ...props,
44
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
45
+ fillRule: "evenodd",
46
+ clipRule: "evenodd",
47
+ 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",
48
+ fill: "#FFBB0A"
49
+ })
50
+ });
51
+ };
52
+ WarningIcon.defaultProps = {
53
+ width: "22",
54
+ height: "22",
55
+ fill: "none",
56
+ xmlns: "http://www.w3.org/2000/svg"
57
+ };
25
58
  const colors = {
26
59
  brand: {
27
60
  pink: '#D43060',
@@ -218,11 +251,11 @@ theme = (0, _material.createTheme)(theme, {
218
251
  success: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckCircle.default, {}),
219
252
  info: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
220
253
  alt: 'information icon',
221
- src: _information.default
254
+ src: InformationIcon
222
255
  }),
223
256
  warning: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
224
257
  alt: 'warning icon',
225
- src: _warning.default
258
+ src: WarningIcon
226
259
  }),
227
260
  error: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Cancel.default, {})
228
261
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@veritone-ce/design-system",
3
- "version": "1.12.16",
3
+ "version": "1.12.17",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "start": "yarn storybook",
@@ -84,6 +84,7 @@
84
84
  "auto": "^10.37.6",
85
85
  "babel-jest": "^29.3.1",
86
86
  "babel-plugin-dynamic-import-node": "^2.3.3",
87
+ "babel-plugin-inline-react-svg": "^2.0.2",
87
88
  "babel-plugin-macros": "^3.1.0",
88
89
  "babel-plugin-named-exports-order": "^0.0.2",
89
90
  "chromatic": "^6.10.1",