@ntbjs/react-components 1.1.2 → 1.1.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.
Files changed (74) hide show
  1. package/{ActionButton-c3f5ed94.js → ActionButton-06df3d6c.js} +15 -5
  2. package/Alert-13b75102.js +117 -0
  3. package/AssetGallery-d5e4f7a6.js +1857 -0
  4. package/{AssetPreviewTopBar-449e6019.js → AssetPreviewTopBar-c28715f7.js} +15 -15
  5. package/Badge-aec841c8.js +221 -0
  6. package/{Button-432f87c6.js → Button-49f82b31.js} +3 -3
  7. package/{Checkbox-d80544d6.js → Checkbox-68dc38a8.js} +13 -8
  8. package/{CompactAutocompleteSelect-94cee1b4.js → CompactAutocompleteSelect-87c8c7e7.js} +110 -79
  9. package/{CompactStarRating-ec4dea7f.js → CompactStarRating-1aedbcf4.js} +77 -44
  10. package/{CompactTextInput-49dc27db.js → CompactTextInput-aafb1a17.js} +73 -46
  11. package/{ContextMenu-d088833b.js → ContextMenu-4ec3d9f3.js} +1 -1
  12. package/ContextMenuItem-1fe17ed5.js +110 -0
  13. package/{InputGroup-09ce9572.js → InputGroup-49fbc423.js} +1 -1
  14. package/{Instructions-116f443c.js → Instructions-b9f2e184.js} +23 -10
  15. package/MultiLevelCheckboxSelect-eeb5dcef.js +698 -0
  16. package/{MultiSelect-abf02057.js → MultiSelect-4b8d3d0d.js} +2 -2
  17. package/{Popover-d3a4b72e.js → Popover-569cd272.js} +33 -7
  18. package/{Radio-70259f02.js → Radio-32d0513a.js} +1 -1
  19. package/{SectionSeparator-225719cd.js → SectionSeparator-259a22ed.js} +1 -1
  20. package/{Switch-a7cbb0c0.js → Switch-4a41585f.js} +1 -1
  21. package/{Tab-9936ddea.js → Tab-f499ecbc.js} +1 -1
  22. package/{Tabs-93f6362c.js → Tabs-4d7742bc.js} +8 -38
  23. package/{TextArea-a99b3096.js → TextArea-229e7abb.js} +194 -107
  24. package/{TextInput-c0ef017d.js → TextInput-0d109708.js} +1 -1
  25. package/{Tooltip-1b7b0052.js → Tooltip-66daf6e3.js} +4 -4
  26. package/VerificationStatusIcon-b574fd21.js +106 -0
  27. package/data/Alert/index.js +3 -2
  28. package/data/Badge/index.js +2 -2
  29. package/data/Popover/index.js +4 -3
  30. package/data/Tab/index.js +2 -2
  31. package/data/Tabs/index.js +3 -3
  32. package/data/Tooltip/index.js +3 -3
  33. package/data/index.js +11 -8
  34. package/{defaultTheme-50f2b88f.js → defaultTheme-ea44e34a.js} +59 -1
  35. package/icons/add.svg +3 -0
  36. package/icons/album.svg +3 -0
  37. package/icons/check-rectangle-filled.svg +3 -0
  38. package/icons/corporate.svg +3 -0
  39. package/icons/download.svg +3 -3
  40. package/icons/index.js +77 -0
  41. package/icons/layers.svg +3 -0
  42. package/icons/play.svg +3 -3
  43. package/icons/shopping_cart_add.svg +3 -0
  44. package/icons/verification.svg +3 -0
  45. package/inputs/ActionButton/index.js +3 -2
  46. package/inputs/Button/index.js +6 -5
  47. package/inputs/Checkbox/index.js +2 -2
  48. package/inputs/CompactAutocompleteSelect/index.js +14 -4
  49. package/inputs/CompactStarRating/index.js +14 -3
  50. package/inputs/CompactTextInput/index.js +11 -10
  51. package/inputs/MultiSelect/index.js +3 -3
  52. package/inputs/Radio/index.js +2 -2
  53. package/inputs/Switch/index.js +2 -2
  54. package/inputs/TextArea/index.js +14 -3
  55. package/inputs/TextInput/index.js +2 -2
  56. package/inputs/index.js +29 -23
  57. package/layout/InputGroup/index.js +2 -2
  58. package/layout/SectionSeparator/index.js +2 -2
  59. package/layout/index.js +3 -3
  60. package/package.json +2 -1
  61. package/{react-select-creatable.esm-c4ae6839.js → react-select-creatable.esm-2f23d6c6.js} +8 -15
  62. package/{shift-away-subtle-cfdf1dbe.js → shift-away-subtle-0bed9a3c.js} +1 -1
  63. package/styles/config.scss +3 -1
  64. package/widgets/AssetGallery/index.js +34 -29
  65. package/widgets/AssetPreview/AssetPreviewTopBar/index.js +2 -2
  66. package/widgets/ContextMenu/ContextMenuItem/index.js +5 -105
  67. package/widgets/ContextMenu/ContextMenuItemsGroup/index.js +1 -1
  68. package/widgets/ContextMenu/index.js +2 -2
  69. package/widgets/Instructions/index.js +16 -6
  70. package/widgets/index.js +37 -31
  71. package/Alert-3e4f8be1.js +0 -62
  72. package/AssetGallery-797a8561.js +0 -1397
  73. package/Badge-9461fc7f.js +0 -154
  74. package/check-555d831b.js +0 -213
@@ -0,0 +1,106 @@
1
+ 'use strict';
2
+
3
+ var defaultTheme = require('./defaultTheme-ea44e34a.js');
4
+ var React = require('react');
5
+ var styled = require('styled-components');
6
+
7
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
8
+
9
+ function _interopNamespace(e) {
10
+ if (e && e.__esModule) return e;
11
+ var n = Object.create(null);
12
+ if (e) {
13
+ Object.keys(e).forEach(function (k) {
14
+ if (k !== 'default') {
15
+ var d = Object.getOwnPropertyDescriptor(e, k);
16
+ Object.defineProperty(n, k, d.get ? d : {
17
+ enumerable: true,
18
+ get: function () {
19
+ return e[k];
20
+ }
21
+ });
22
+ }
23
+ });
24
+ }
25
+ n['default'] = e;
26
+ return Object.freeze(n);
27
+ }
28
+
29
+ var React__namespace = /*#__PURE__*/_interopNamespace(React);
30
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
31
+ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
32
+
33
+ var _templateObject, _templateObject2;
34
+ var VerificationStatusIcon$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n position: relative;\n font: normal normal normal 12px/16px Roboto;\n\n ", ";\n\n svg {\n height: ", "px;\n }\n"])), function (props) {
35
+ return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-700'));
36
+ }, function (props) {
37
+ var _props$iconHeight;
38
+
39
+ return (_props$iconHeight = props.iconHeight) !== null && _props$iconHeight !== void 0 ? _props$iconHeight : 15;
40
+ });
41
+ var VerificationStatusColor = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n bottom: 0;\n left: ", "px;\n width: ", "px;\n height: ", "px;\n border-radius: 50%;\n\n ", "\n"])), function (props) {
42
+ var _props$iconHeight2;
43
+
44
+ return ((_props$iconHeight2 = props.iconHeight) !== null && _props$iconHeight2 !== void 0 ? _props$iconHeight2 : 15) * 2 / 3;
45
+ }, function (props) {
46
+ var _props$iconHeight3;
47
+
48
+ return ((_props$iconHeight3 = props.iconHeight) !== null && _props$iconHeight3 !== void 0 ? _props$iconHeight3 : 15) * 2 / 3;
49
+ }, function (props) {
50
+ var _props$iconHeight4;
51
+
52
+ return ((_props$iconHeight4 = props.iconHeight) !== null && _props$iconHeight4 !== void 0 ? _props$iconHeight4 : 15) * 2 / 3;
53
+ }, function (props) {
54
+ var darkThemeColor = props.theme.getColor('gray-100');
55
+ var lightThemeColor = props.theme.getColor('gray-500');
56
+
57
+ if (props.status === 'verified') {
58
+ darkThemeColor = props.theme.getColor('emerald-500');
59
+ lightThemeColor = props.theme.getColor('emerald-300');
60
+ } else if (props.status === 'pending') {
61
+ darkThemeColor = props.theme.getColor('brown-500');
62
+ lightThemeColor = props.theme.getColor('signal-yellow-500');
63
+ } else if (props.status === 'rejected') {
64
+ darkThemeColor = props.theme.getColor('red-600');
65
+ lightThemeColor = props.theme.getColor('red-200');
66
+ }
67
+
68
+ return props.theme.themeProp('background-color', darkThemeColor, lightThemeColor);
69
+ });
70
+
71
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
72
+
73
+ var _ref = /*#__PURE__*/React__namespace.createElement("path", {
74
+ fill: "currentColor",
75
+ d: "M9.3 12.662q-1.698 0-2.864-1.166T5.27 8.632q0-1.697 1.166-2.864T9.3 4.602q1.698 0 2.864 1.166t1.166 2.864q0 1.698-1.166 2.864T9.3 12.662zm0-1.86q.925 0 1.548-.622.622-.622.622-1.548t-.622-1.547q-.623-.623-1.548-.623t-1.548.623q-.622.622-.622 1.547t.622 1.548q.623.622 1.548.622zm0 12.686q-4.023-1.097-6.661-4.735Q0 15.113 0 10.616V3.482L9.3 0l9.3 3.482v7.134q0 4.498-2.639 8.137-2.638 3.639-6.661 4.735zm0-11.744zm0-9.765L1.86 4.757v5.86q0 1.769.507 3.421.507 1.653 1.408 3.083 1.254-.639 2.626-.999 1.373-.36 2.899-.36t2.898.36q1.373.36 2.627 1 .901-1.431 1.408-3.084.507-1.652.507-3.422V4.757L9.3 1.98zm0 15.643q-1.2 0-2.307.26-1.108.26-2.093.73.923 1.025 2.03 1.773 1.109.747 2.37 1.143 1.262-.395 2.363-1.143 1.102-.748 2.025-1.773-.985-.47-2.087-.73-1.102-.26-2.301-.26z"
76
+ });
77
+
78
+ function SvgVerification(props) {
79
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends({
80
+ xmlns: "http://www.w3.org/2000/svg",
81
+ viewBox: "-2.5 0 24 24"
82
+ }, props), _ref);
83
+ }
84
+
85
+ var VerificationStatusIcon = React__default['default'].forwardRef(function VerificationStatusIcon(_ref, forwardedRef) {
86
+ var status = _ref.status,
87
+ iconHeight = _ref.iconHeight,
88
+ props = defaultTheme._objectWithoutProperties(_ref, ["status", "iconHeight"]);
89
+
90
+ return React__default['default'].createElement(VerificationStatusIcon$1, defaultTheme._extends({
91
+ iconHeight: iconHeight,
92
+ ref: forwardedRef
93
+ }, props), React__default['default'].createElement(SvgVerification, null), React__default['default'].createElement(VerificationStatusColor, {
94
+ iconHeight: iconHeight,
95
+ status: status
96
+ }));
97
+ });
98
+ VerificationStatusIcon.propTypes = process.env.NODE_ENV !== "production" ? {
99
+ status: defaultTheme.PropTypes.oneOf(['verified', 'pending', 'rejected']).isRequired,
100
+ iconHeight: defaultTheme.PropTypes.number
101
+ } : {};
102
+ VerificationStatusIcon.defaultProps = {
103
+ iconHeight: 15
104
+ };
105
+
106
+ exports.VerificationStatusIcon = VerificationStatusIcon;
@@ -1,9 +1,10 @@
1
1
  'use strict';
2
2
 
3
- var Alert = require('../../Alert-3e4f8be1.js');
4
- require('../../defaultTheme-50f2b88f.js');
3
+ var Alert = require('../../Alert-13b75102.js');
4
+ require('../../defaultTheme-ea44e34a.js');
5
5
  require('styled-components');
6
6
  require('react');
7
+ require('lodash');
7
8
 
8
9
 
9
10
 
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
- var Badge = require('../../Badge-9461fc7f.js');
4
- require('../../defaultTheme-50f2b88f.js');
3
+ var Badge = require('../../Badge-aec841c8.js');
4
+ require('../../defaultTheme-ea44e34a.js');
5
5
  require('styled-components');
6
6
  require('react');
7
7
 
@@ -1,13 +1,14 @@
1
1
  'use strict';
2
2
 
3
- var Popover = require('../../Popover-d3a4b72e.js');
4
- require('../../defaultTheme-50f2b88f.js');
3
+ var Popover = require('../../Popover-569cd272.js');
4
+ require('../../defaultTheme-ea44e34a.js');
5
5
  require('styled-components');
6
6
  require('lodash');
7
7
  require('react');
8
8
  require('polished');
9
9
  require('@tippyjs/react');
10
- require('../../shift-away-subtle-cfdf1dbe.js');
10
+ require('../../shift-away-subtle-0bed9a3c.js');
11
+ require('popper-max-size-modifier');
11
12
 
12
13
 
13
14
 
package/data/Tab/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
- var Tab = require('../../Tab-9936ddea.js');
4
- require('../../defaultTheme-50f2b88f.js');
3
+ var Tab = require('../../Tab-f499ecbc.js');
4
+ require('../../defaultTheme-ea44e34a.js');
5
5
  require('styled-components');
6
6
  require('react');
7
7
 
@@ -1,11 +1,11 @@
1
1
  'use strict';
2
2
 
3
- var Tabs = require('../../Tabs-93f6362c.js');
4
- require('../../defaultTheme-50f2b88f.js');
3
+ var Tabs = require('../../Tabs-4d7742bc.js');
4
+ require('../../defaultTheme-ea44e34a.js');
5
5
  require('styled-components');
6
6
  require('lodash');
7
7
  require('react');
8
- require('../../Tab-9936ddea.js');
8
+ require('../../Tab-f499ecbc.js');
9
9
 
10
10
 
11
11
 
@@ -1,11 +1,11 @@
1
1
  'use strict';
2
2
 
3
- var Tooltip = require('../../Tooltip-1b7b0052.js');
4
- require('../../defaultTheme-50f2b88f.js');
3
+ var Tooltip = require('../../Tooltip-66daf6e3.js');
4
+ require('../../defaultTheme-ea44e34a.js');
5
5
  require('styled-components');
6
6
  require('react');
7
7
  require('@tippyjs/react');
8
- require('../../shift-away-subtle-cfdf1dbe.js');
8
+ require('../../shift-away-subtle-0bed9a3c.js');
9
9
 
10
10
 
11
11
 
package/data/index.js CHANGED
@@ -2,19 +2,21 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var Alert = require('../Alert-3e4f8be1.js');
6
- var Badge = require('../Badge-9461fc7f.js');
7
- var Popover = require('../Popover-d3a4b72e.js');
8
- var Tab = require('../Tab-9936ddea.js');
9
- var Tabs = require('../Tabs-93f6362c.js');
10
- var Tooltip = require('../Tooltip-1b7b0052.js');
11
- require('../defaultTheme-50f2b88f.js');
5
+ var Alert = require('../Alert-13b75102.js');
6
+ var Badge = require('../Badge-aec841c8.js');
7
+ var Popover = require('../Popover-569cd272.js');
8
+ var Tab = require('../Tab-f499ecbc.js');
9
+ var Tabs = require('../Tabs-4d7742bc.js');
10
+ var Tooltip = require('../Tooltip-66daf6e3.js');
11
+ var VerificationStatusIcon = require('../VerificationStatusIcon-b574fd21.js');
12
+ require('../defaultTheme-ea44e34a.js');
12
13
  require('styled-components');
13
14
  require('react');
14
15
  require('lodash');
15
16
  require('polished');
16
17
  require('@tippyjs/react');
17
- require('../shift-away-subtle-cfdf1dbe.js');
18
+ require('../shift-away-subtle-0bed9a3c.js');
19
+ require('popper-max-size-modifier');
18
20
 
19
21
 
20
22
 
@@ -24,3 +26,4 @@ exports.Popover = Popover.Popover;
24
26
  exports.Tab = Tab.Tab;
25
27
  exports.Tabs = Tabs.Tabs;
26
28
  exports.Tooltip = Tooltip.Tooltip;
29
+ exports.VerificationStatusIcon = VerificationStatusIcon.VerificationStatusIcon;
@@ -212,6 +212,63 @@ function _nonIterableRest() {
212
212
  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
213
213
  }
214
214
 
215
+ function _createForOfIteratorHelper(o, allowArrayLike) {
216
+ var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
217
+
218
+ if (!it) {
219
+ if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
220
+ if (it) o = it;
221
+ var i = 0;
222
+
223
+ var F = function () {};
224
+
225
+ return {
226
+ s: F,
227
+ n: function () {
228
+ if (i >= o.length) return {
229
+ done: true
230
+ };
231
+ return {
232
+ done: false,
233
+ value: o[i++]
234
+ };
235
+ },
236
+ e: function (e) {
237
+ throw e;
238
+ },
239
+ f: F
240
+ };
241
+ }
242
+
243
+ throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
244
+ }
245
+
246
+ var normalCompletion = true,
247
+ didErr = false,
248
+ err;
249
+ return {
250
+ s: function () {
251
+ it = it.call(o);
252
+ },
253
+ n: function () {
254
+ var step = it.next();
255
+ normalCompletion = step.done;
256
+ return step;
257
+ },
258
+ e: function (e) {
259
+ didErr = true;
260
+ err = e;
261
+ },
262
+ f: function () {
263
+ try {
264
+ if (!normalCompletion && it.return != null) it.return();
265
+ } finally {
266
+ if (didErr) throw err;
267
+ }
268
+ }
269
+ };
270
+ }
271
+
215
272
  var propTypes = {exports: {}};
216
273
 
217
274
  var reactIs = {exports: {}};
@@ -1322,7 +1379,7 @@ function styleInject(css, ref) {
1322
1379
  }
1323
1380
 
1324
1381
  var css_248z = "/**\n * Colors\n */\n";
1325
- var importedColors = {"orange-500":"#ff9900","orange-400":"#ffcb7e","emerald-500":"#30826a","emerald-400":"#64b49d","emerald-300":"#bfe0d5","emerald-200":"#f3f9f7","gray-900":"#141313","gray-800":"#272727","gray-700":"#323232","gray-600":"#505050","gray-500":"#767676","gray-400":"#b0b6b9","gray-300":"#d9dce0","gray-200":"#eff1f4","gray-100":"#f7f8f9","cercise-500":"#5f1031","cercise-400":"#854962","cercise-300":"#d099b0","cercise-100":"#f9f3f5","red-500":"#d83000","red-200":"#fbeae6","signal-yellow-500":"#f4e21e","signal-yellow-400":"#fff36c","signal-green-500":"#00bd98","signal-green-400":"#a3ffe0","black":"#000000","white":"#ffffff"};
1382
+ var importedColors = {"orange-500":"#ff9900","orange-400":"#ffcb7e","emerald-500":"#30826a","emerald-400":"#64b49d","emerald-300":"#bfe0d5","emerald-200":"#f3f9f7","gray-900":"#141313","gray-800":"#272727","gray-700":"#323232","gray-600":"#505050","gray-500":"#767676","gray-400":"#b0b6b9","gray-300":"#d9dce0","gray-200":"#eff1f4","gray-100":"#f7f8f9","cercise-500":"#5f1031","cercise-400":"#854962","cercise-300":"#d099b0","cercise-100":"#f9f3f5","red-600":"#7f1b1b","red-500":"#d83000","red-200":"#fbeae6","brown-500":"#634e01","signal-yellow-500":"#f4e21e","signal-yellow-400":"#fff36c","signal-green-500":"#00bd98","signal-green-400":"#a3ffe0","black":"#202435","white":"#ffffff"};
1326
1383
  styleInject(css_248z);
1327
1384
 
1328
1385
  var _templateObject;
@@ -1353,6 +1410,7 @@ function applyDefaultTheme(_ref) {
1353
1410
  }
1354
1411
 
1355
1412
  exports.PropTypes = PropTypes;
1413
+ exports._createForOfIteratorHelper = _createForOfIteratorHelper;
1356
1414
  exports._extends = _extends;
1357
1415
  exports._objectSpread2 = _objectSpread2;
1358
1416
  exports._objectWithoutProperties = _objectWithoutProperties;
package/icons/add.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path fill="currentColor" d="M 10.58 13.3399 h -10.58 v -2.7599 h 10.58 v -10.58 h 2.7599 v 10.58 h 10.58 v 2.7599 h -10.58 v 10.58 h -2.7599 v -10.58 Z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path fill="currentColor" d="M21.6,2.4V16.8H7.2V2.4H21.6m0-2.4H7.2A2.4071,2.4071,0,0,0,4.8,2.4V16.8a2.4071,2.4071,0,0,0,2.4,2.4H21.6A2.4071,2.4071,0,0,0,24,16.8V2.4A2.4071,2.4071,0,0,0,21.6,0ZM11.4,11.604l2.028,2.712,2.976-3.72L20.4,15.6H8.4ZM0,4.8V21.6A2.4071,2.4071,0,0,0,2.4,24H19.2V21.6H2.4V4.8Z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path fill="currentColor" d="m 10.146 17.622 l 9.4117 -9.4117 l -1.869 -1.869 l -7.5427 7.5427 l -3.8048 -3.8048 l -1.869 1.869 l 5.6738 5.6738 Z M 2.67 24.03 q -1.1014 0 -1.8856 -0.7843 T 0 21.36 v -18.69 q 0 -1.1014 0.7843 -1.8856 T 2.67 0 h 18.69 q 1.1014 0 1.8856 0.7843 T 24.03 2.67 v 18.69 q 0 1.1014 -0.7843 1.8856 T 21.36 24.03 H 2.67 Z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="-0.5 -1.5 24 24">
2
+ <path fill="currentColor" d="M 0 20.7 v -20.7 h 11.5 v 4.6 h 11.5 v 16.1 H 0 Z m 2.3 -2.3 h 6.9 v -2.3 H 2.3 v 2.3 Z m 0 -4.6 h 6.9 v -2.3 H 2.3 v 2.3 Z m 0 -4.6 h 6.9 v -2.3 H 2.3 v 2.3 Z m 0 -4.6 h 6.9 v -2.3 H 2.3 v 2.3 Z m 9.2 13.8 h 9.2 v -11.5 H 11.5 v 11.5 Z m 2.3 -6.9 v -2.3 h 4.6 v 2.3 H 13.8 Z m 0 4.6 v -2.3 h 4.6 v 2.3 H 13.8 Z"/>
3
+ </svg>
@@ -1,3 +1,3 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21.3333 24">
2
- <path fill="currentColor" d="M16,13.3333H12V0H9.3333V13.3333h-4l5.3334,5.3334Zm-16,8V24H21.3333V21.3333Z"/>
3
- </svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path fill="currentColor" d="M 12 18.0615 L 5.1693 11.2308 l 1.6861 -1.7354 l 3.9446 3.9446 v -13.44 h 2.3999 v 13.44 l 3.9446 -3.9446 l 1.6861 1.7354 L 12 18.0615 Z M 2.8923 23.9999 q -1.2123 0 -2.0523 -0.84 t -0.84 -2.0523 v -4.3384 H 2.4 v 4.3384 q 0 0.1846 0.1538 0.3385 q 0.1539 0.1538 0.3385 0.1538 h 18.2153 q 0.1846 0 0.3385 -0.1538 q 0.1538 -0.1539 0.1538 -0.3385 v -4.3384 h 2.4 v 4.3384 q 0 1.2123 -0.84 2.0523 t -2.0523 0.84 H 2.8923 Z"/>
3
+ </svg>
package/icons/index.js ADDED
@@ -0,0 +1,77 @@
1
+ import { ReactComponent as AddIcon } from './add.svg';
2
+ import { ReactComponent as AddCircleIcon } from './add-circle.svg';
3
+ import { ReactComponent as AlbumIcon } from './album.svg';
4
+ import { ReactComponent as ArrowBackIcon } from './arrow-back.svg';
5
+ import { ReactComponent as ArrowDropDownIcon } from './arrow-drop-down.svg';
6
+ import { ReactComponent as AudioIcon } from './audio.svg';
7
+ import { ReactComponent as BellIcon } from './bell.svg';
8
+ import { ReactComponent as CheckCircleIcon } from './check-circle-filled.svg';
9
+ import { ReactComponent as CheckRectangleIcon } from './check-rectangle-filled.svg';
10
+ import { ReactComponent as CloseIcon } from './close.svg';
11
+ import { ReactComponent as CorporateIcon } from './corporate.svg';
12
+ import { ReactComponent as DeleteContextMenuIcon } from './delete-context-menu.svg';
13
+ import { ReactComponent as DeleteIcon } from './delete.svg';
14
+ import { ReactComponent as DesignServicesIcon } from './design-services.svg';
15
+ import { ReactComponent as DownloadIcon } from './download.svg';
16
+ import { ReactComponent as EditNoteIcon } from './edit-note.svg';
17
+ import { ReactComponent as EditIcon } from './edit.svg';
18
+ import { ReactComponent as ExpandMoreIcon } from './expand-more.svg';
19
+ import { ReactComponent as FileIcon } from './file.svg';
20
+ import { ReactComponent as FtpIcon } from './ftp.svg';
21
+ import { ReactComponent as GearIcon } from './gear.svg';
22
+ import { ReactComponent as HeadsetIcon } from './headset.svg';
23
+ import { ReactComponent as LayersIcon } from './layers.svg';
24
+ import { ReactComponent as LibraryAddIcon } from './library-add.svg';
25
+ import { ReactComponent as LinkIcon } from './link.svg';
26
+ import { ReactComponent as PdfIcon } from './pdf.svg';
27
+ import { ReactComponent as PlayIcon } from './play.svg';
28
+ import { ReactComponent as RemoveCircleIcon } from './remove-circle.svg';
29
+ import { ReactComponent as SearchIcon } from './search.svg';
30
+ import { ReactComponent as ShareIcon } from './share.svg';
31
+ import { ReactComponent as ShoppingCartAddIcon } from './shopping_cart_add.svg';
32
+ import { ReactComponent as StarFilledIcon } from './star-filled.svg';
33
+ import { ReactComponent as StarIcon } from './star.svg';
34
+ import { ReactComponent as TriangleRightIcon } from './triangle-right.svg';
35
+ import { ReactComponent as VerificationIcon } from './verification.svg';
36
+ import { ReactComponent as WarningCircleIcon } from './warning-circle.svg';
37
+ import { ReactComponent as WarningTriangleIcon } from './warning-triangle.svg';
38
+
39
+ export {
40
+ AddIcon,
41
+ AddCircleIcon,
42
+ AlbumIcon,
43
+ ArrowBackIcon,
44
+ ArrowDropDownIcon,
45
+ AudioIcon,
46
+ BellIcon,
47
+ CheckCircleIcon,
48
+ CheckRectangleIcon,
49
+ CloseIcon,
50
+ CorporateIcon,
51
+ DeleteContextMenuIcon,
52
+ DeleteIcon,
53
+ DesignServicesIcon,
54
+ DownloadIcon,
55
+ EditNoteIcon,
56
+ EditIcon,
57
+ ExpandMoreIcon,
58
+ FileIcon,
59
+ FtpIcon,
60
+ GearIcon,
61
+ HeadsetIcon,
62
+ LayersIcon,
63
+ LibraryAddIcon,
64
+ LinkIcon,
65
+ PdfIcon,
66
+ PlayIcon,
67
+ RemoveCircleIcon,
68
+ SearchIcon,
69
+ ShareIcon,
70
+ ShoppingCartAddIcon,
71
+ StarFilledIcon,
72
+ StarIcon,
73
+ TriangleRightIcon,
74
+ VerificationIcon,
75
+ WarningCircleIcon,
76
+ WarningTriangleIcon
77
+ };
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="-1 0 24 24">
2
+ <path fill="currentColor" d="M 11.16 23.622 L 0 14.942 l 2.046 -1.55 l 9.114 7.068 l 9.114 -7.068 l 2.046 1.55 l -11.16 8.68 Z m 0 -6.262 L 0 8.68 l 11.16 -8.68 l 11.16 8.68 l -11.16 8.68 Z"/>
3
+ </svg>
package/icons/play.svg CHANGED
@@ -1,3 +1,3 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18.86 24">
2
- <path fill="currentColor" d="M3.43,6.24l9,5.76-9,5.76V6.24M0,0V24L18.86,12Z"/>
3
- </svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="-3 -0.25 24 24">
2
+ <path fill="currentColor" d="M 0 23.52 v -23.52 l 18.48 11.76 l -18.48 11.76 Z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="-0.5 -0.5 24 24">
2
+ <path fill="currentColor" d="M 11.2 8.96 v -3.36 H 7.84 v -2.24 h 3.36 v -3.36 h 2.24 v 3.36 h 3.36 v 2.24 H 13.44 v 3.36 h -2.24 Z M 6.72 23.52 q -0.924 0 -1.582 -0.658 T 4.48 21.28 q 0 -0.924 0.658 -1.582 T 6.72 19.04 q 0.924 0 1.582 0.658 T 8.96 21.28 q 0 0.924 -0.658 1.582 T 6.72 23.52 Z m 11.2 0 q -0.924 0 -1.582 -0.658 T 15.68 21.28 q 0 -0.924 0.658 -1.582 T 17.92 19.04 q 0.924 0 1.582 0.658 T 20.16 21.28 q 0 0.924 -0.658 1.582 T 17.92 23.52 Z M 0 3.36 v -2.24 h 3.668 l 4.76 10.08 h 7.84 l 4.368 -7.84 h 2.548 L 18.256 12.264 q -0.308 0.56 -0.826 0.868 T 16.296 13.44 H 7.952 l -1.232 2.24 h 13.44 v 2.24 H 6.72 q -1.26 0 -1.918 -1.092 t -0.042 -2.212 l 1.512 -2.744 l -4.032 -8.512 H 0 Z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="-2.5 0 24 24">
2
+ <path fill="currentColor" d="M 9.3 12.6622 q -1.6978 0 -2.8639 -1.1661 T 5.27 8.6323 q 0 -1.6978 1.1661 -2.8639 T 9.3 4.6023 q 1.6978 0 2.8639 1.1661 T 13.3299 8.6323 q 0 1.6978 -1.1661 2.8639 T 9.3 12.6622 Z m 0 -1.8599 q 0.9252 0 1.5476 -0.6224 q 0.6224 -0.6224 0.6224 -1.5476 t -0.6224 -1.5476 Q 10.2252 6.4622 9.3 6.4622 t -1.5476 0.6224 Q 7.1299 7.707 7.1299 8.6323 t 0.6224 1.5476 q 0.6224 0.6224 1.5476 0.6224 Z m 0 12.6861 q -4.0228 -1.0969 -6.6614 -4.7358 Q 0 15.1136 0 10.6163 v -7.1347 L 9.3 0 l 9.3 3.4815 V 10.6163 q 0 4.4974 -2.6386 8.1363 Q 13.3228 22.3915 9.3 23.4884 Z m 0 -11.7442 Z m 0 -9.765 L 1.86 4.7573 v 5.859 q 0 1.7694 0.5067 3.4219 q 0.5068 1.6525 1.4081 3.0833 q 1.2543 -0.6391 2.6266 -0.9992 q 1.3723 -0.3601 2.8985 -0.3601 t 2.8985 0.3601 q 1.3723 0.3601 2.6266 0.9992 q 0.9014 -1.4308 1.4081 -3.0833 Q 16.74 12.3856 16.74 10.6163 v -5.859 l -7.44 -2.7781 Z m 0 15.643 q -1.1995 0 -2.3071 0.2599 q -1.1077 0.2599 -2.0925 0.7297 q 0.9229 1.0254 2.0305 1.773 Q 8.0385 21.1324 9.3 21.5283 q 1.2615 -0.3958 2.3632 -1.1434 Q 12.7648 19.6373 13.6877 18.6118 q -0.9848 -0.4697 -2.0865 -0.7297 q -1.1017 -0.2599 -2.3012 -0.2599 Z"/>
3
+ </svg>
@@ -1,9 +1,10 @@
1
1
  'use strict';
2
2
 
3
- var ActionButton = require('../../ActionButton-c3f5ed94.js');
4
- require('../../defaultTheme-50f2b88f.js');
3
+ var ActionButton = require('../../ActionButton-06df3d6c.js');
4
+ require('../../defaultTheme-ea44e34a.js');
5
5
  require('styled-components');
6
6
  require('react');
7
+ require('polished');
7
8
 
8
9
 
9
10
 
@@ -1,15 +1,16 @@
1
1
  'use strict';
2
2
 
3
- var Button = require('../../Button-432f87c6.js');
4
- require('../../defaultTheme-50f2b88f.js');
3
+ var Button = require('../../Button-49f82b31.js');
4
+ require('../../defaultTheme-ea44e34a.js');
5
5
  require('styled-components');
6
6
  require('react');
7
- require('../../Popover-d3a4b72e.js');
7
+ require('../../Popover-569cd272.js');
8
8
  require('lodash');
9
9
  require('polished');
10
10
  require('@tippyjs/react');
11
- require('../../shift-away-subtle-cfdf1dbe.js');
12
- require('../../ContextMenu-d088833b.js');
11
+ require('../../shift-away-subtle-0bed9a3c.js');
12
+ require('popper-max-size-modifier');
13
+ require('../../ContextMenu-4ec3d9f3.js');
13
14
  require('../../expand-more-94585605.js');
14
15
 
15
16
 
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
- var Checkbox = require('../../Checkbox-d80544d6.js');
4
- require('../../defaultTheme-50f2b88f.js');
3
+ var Checkbox = require('../../Checkbox-68dc38a8.js');
4
+ require('../../defaultTheme-ea44e34a.js');
5
5
  require('styled-components');
6
6
  require('react');
7
7
  require('nanoid');
@@ -1,15 +1,25 @@
1
1
  'use strict';
2
2
 
3
- var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-94cee1b4.js');
4
- require('../../defaultTheme-50f2b88f.js');
3
+ var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-87c8c7e7.js');
4
+ require('../../defaultTheme-ea44e34a.js');
5
5
  require('styled-components');
6
6
  require('lodash');
7
7
  require('nanoid');
8
8
  require('react');
9
- require('../../check-555d831b.js');
9
+ require('../../Alert-13b75102.js');
10
+ require('../../Badge-aec841c8.js');
11
+ require('../../Popover-569cd272.js');
12
+ require('polished');
13
+ require('@tippyjs/react');
14
+ require('../../shift-away-subtle-0bed9a3c.js');
15
+ require('popper-max-size-modifier');
16
+ require('../../Tab-f499ecbc.js');
17
+ require('../../Tabs-4d7742bc.js');
18
+ require('../../Tooltip-66daf6e3.js');
19
+ require('../../VerificationStatusIcon-b574fd21.js');
10
20
  require('react-select');
11
21
  require('react-select-async-paginate');
12
- require('../../react-select-creatable.esm-c4ae6839.js');
22
+ require('../../react-select-creatable.esm-2f23d6c6.js');
13
23
  require('react-dom');
14
24
  require('../../close-ebf2f3cf.js');
15
25
  require('../../expand-more-94585605.js');
@@ -1,10 +1,21 @@
1
1
  'use strict';
2
2
 
3
- var CompactStarRating = require('../../CompactStarRating-ec4dea7f.js');
4
- require('../../defaultTheme-50f2b88f.js');
3
+ var CompactStarRating = require('../../CompactStarRating-1aedbcf4.js');
4
+ require('../../defaultTheme-ea44e34a.js');
5
5
  require('styled-components');
6
6
  require('react');
7
- require('../../check-555d831b.js');
7
+ require('../../Alert-13b75102.js');
8
+ require('lodash');
9
+ require('../../Badge-aec841c8.js');
10
+ require('../../Popover-569cd272.js');
11
+ require('polished');
12
+ require('@tippyjs/react');
13
+ require('../../shift-away-subtle-0bed9a3c.js');
14
+ require('popper-max-size-modifier');
15
+ require('../../Tab-f499ecbc.js');
16
+ require('../../Tabs-4d7742bc.js');
17
+ require('../../Tooltip-66daf6e3.js');
18
+ require('../../VerificationStatusIcon-b574fd21.js');
8
19
 
9
20
 
10
21
 
@@ -1,22 +1,23 @@
1
1
  'use strict';
2
2
 
3
- var CompactTextInput = require('../../CompactTextInput-49dc27db.js');
4
- require('../../defaultTheme-50f2b88f.js');
3
+ var CompactTextInput = require('../../CompactTextInput-aafb1a17.js');
4
+ require('../../defaultTheme-ea44e34a.js');
5
5
  require('styled-components');
6
6
  require('lodash');
7
7
  require('nanoid');
8
8
  require('react');
9
- require('../../check-555d831b.js');
10
9
  require('../../edit-note-c47d292e.js');
11
- require('../../Alert-3e4f8be1.js');
12
- require('../../Badge-9461fc7f.js');
13
- require('../../Popover-d3a4b72e.js');
10
+ require('../../Alert-13b75102.js');
11
+ require('../../Badge-aec841c8.js');
12
+ require('../../Popover-569cd272.js');
14
13
  require('polished');
15
14
  require('@tippyjs/react');
16
- require('../../shift-away-subtle-cfdf1dbe.js');
17
- require('../../Tab-9936ddea.js');
18
- require('../../Tabs-93f6362c.js');
19
- require('../../Tooltip-1b7b0052.js');
15
+ require('../../shift-away-subtle-0bed9a3c.js');
16
+ require('popper-max-size-modifier');
17
+ require('../../Tab-f499ecbc.js');
18
+ require('../../Tabs-4d7742bc.js');
19
+ require('../../Tooltip-66daf6e3.js');
20
+ require('../../VerificationStatusIcon-b574fd21.js');
20
21
 
21
22
 
22
23
 
@@ -1,13 +1,13 @@
1
1
  'use strict';
2
2
 
3
- var MultiSelect = require('../../MultiSelect-abf02057.js');
4
- require('../../defaultTheme-50f2b88f.js');
3
+ var MultiSelect = require('../../MultiSelect-4b8d3d0d.js');
4
+ require('../../defaultTheme-ea44e34a.js');
5
5
  require('styled-components');
6
6
  require('react');
7
7
  require('nanoid');
8
8
  require('../../close-ebf2f3cf.js');
9
9
  require('react-select');
10
- require('../../react-select-creatable.esm-c4ae6839.js');
10
+ require('../../react-select-creatable.esm-2f23d6c6.js');
11
11
  require('react-dom');
12
12
  require('react-select-async-paginate');
13
13
 
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
- var Radio = require('../../Radio-70259f02.js');
4
- require('../../defaultTheme-50f2b88f.js');
3
+ var Radio = require('../../Radio-32d0513a.js');
4
+ require('../../defaultTheme-ea44e34a.js');
5
5
  require('styled-components');
6
6
  require('react');
7
7
  require('nanoid');
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
- var Switch = require('../../Switch-a7cbb0c0.js');
4
- require('../../defaultTheme-50f2b88f.js');
3
+ var Switch = require('../../Switch-4a41585f.js');
4
+ require('../../defaultTheme-ea44e34a.js');
5
5
  require('styled-components');
6
6
  require('react');
7
7
  require('nanoid');