@ntbjs/react-components 1.1.1 → 1.2.0-rc.2

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 (72) hide show
  1. package/{ActionButton-c3f5ed94.js → ActionButton-761050a9.js} +15 -5
  2. package/Alert-96814023.js +117 -0
  3. package/AssetGallery-52724211.js +1846 -0
  4. package/{AssetPreviewTopBar-449e6019.js → AssetPreviewTopBar-ade10c15.js} +15 -15
  5. package/Badge-fa94dca8.js +221 -0
  6. package/{Button-432f87c6.js → Button-5071dc6b.js} +3 -3
  7. package/{Checkbox-d80544d6.js → Checkbox-dd2cf216.js} +1 -1
  8. package/{CompactAutocompleteSelect-0c08a1aa.js → CompactAutocompleteSelect-d4147107.js} +2 -2
  9. package/{CompactStarRating-77f54a07.js → CompactStarRating-ca1943af.js} +1 -1
  10. package/{CompactTextInput-8750600d.js → CompactTextInput-c5e38aae.js} +8 -7
  11. package/{ContextMenu-d088833b.js → ContextMenu-bd818e55.js} +1 -1
  12. package/ContextMenuItem-10af8b2f.js +110 -0
  13. package/{InputGroup-09ce9572.js → InputGroup-4c49ba30.js} +1 -1
  14. package/{Instructions-ed68e52f.js → Instructions-b955ba72.js} +3 -3
  15. package/{MultiSelect-abf02057.js → MultiSelect-87614192.js} +2 -2
  16. package/{Popover-d3a4b72e.js → Popover-155cbac8.js} +2 -2
  17. package/{Radio-70259f02.js → Radio-dd81f5d4.js} +1 -1
  18. package/{SectionSeparator-225719cd.js → SectionSeparator-9f129ade.js} +1 -1
  19. package/{Switch-a7cbb0c0.js → Switch-c004ea6d.js} +1 -1
  20. package/{Tab-9936ddea.js → Tab-8fec1dba.js} +1 -1
  21. package/{Tabs-93f6362c.js → Tabs-96e366bf.js} +2 -2
  22. package/{TextArea-1ed790e5.js → TextArea-4d90d02c.js} +1 -1
  23. package/{TextInput-c0ef017d.js → TextInput-e6035fb0.js} +1 -1
  24. package/{Tooltip-1b7b0052.js → Tooltip-a175e9f5.js} +2 -2
  25. package/VerificationStatusIcon-a88b1f8d.js +106 -0
  26. package/data/Alert/index.js +3 -2
  27. package/data/Badge/index.js +2 -2
  28. package/data/Popover/index.js +3 -3
  29. package/data/Tab/index.js +2 -2
  30. package/data/Tabs/index.js +3 -3
  31. package/data/Tooltip/index.js +3 -3
  32. package/data/index.js +10 -8
  33. package/{defaultTheme-50f2b88f.js → defaultTheme-c137e17f.js} +1 -1
  34. package/icons/add.svg +3 -0
  35. package/icons/album.svg +3 -0
  36. package/icons/check-rectangle-filled.svg +3 -0
  37. package/icons/corporate.svg +3 -0
  38. package/icons/download.svg +3 -3
  39. package/icons/index.js +77 -0
  40. package/icons/layers.svg +3 -0
  41. package/icons/play.svg +3 -3
  42. package/icons/shopping_cart_add.svg +3 -0
  43. package/icons/verification.svg +3 -0
  44. package/inputs/ActionButton/index.js +3 -2
  45. package/inputs/Button/index.js +5 -5
  46. package/inputs/Checkbox/index.js +2 -2
  47. package/inputs/CompactAutocompleteSelect/index.js +3 -3
  48. package/inputs/CompactStarRating/index.js +2 -2
  49. package/inputs/CompactTextInput/index.js +10 -9
  50. package/inputs/MultiSelect/index.js +3 -3
  51. package/inputs/Radio/index.js +2 -2
  52. package/inputs/Switch/index.js +2 -2
  53. package/inputs/TextArea/index.js +2 -2
  54. package/inputs/TextInput/index.js +2 -2
  55. package/inputs/index.js +23 -22
  56. package/layout/InputGroup/index.js +2 -2
  57. package/layout/SectionSeparator/index.js +2 -2
  58. package/layout/index.js +3 -3
  59. package/package.json +1 -1
  60. package/{react-select-creatable.esm-c4ae6839.js → react-select-creatable.esm-2f23d6c6.js} +8 -15
  61. package/{shift-away-subtle-cfdf1dbe.js → shift-away-subtle-a86a6cd2.js} +1 -1
  62. package/styles/config.scss +3 -1
  63. package/widgets/AssetGallery/index.js +25 -23
  64. package/widgets/AssetPreview/AssetPreviewTopBar/index.js +2 -2
  65. package/widgets/ContextMenu/ContextMenuItem/index.js +5 -105
  66. package/widgets/ContextMenu/ContextMenuItemsGroup/index.js +1 -1
  67. package/widgets/ContextMenu/index.js +2 -2
  68. package/widgets/Instructions/index.js +5 -5
  69. package/widgets/index.js +28 -25
  70. package/Alert-3e4f8be1.js +0 -62
  71. package/AssetGallery-f01f30eb.js +0 -1397
  72. package/Badge-9461fc7f.js +0 -154
@@ -0,0 +1,106 @@
1
+ 'use strict';
2
+
3
+ var defaultTheme = require('./defaultTheme-c137e17f.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-96814023.js');
4
+ require('../../defaultTheme-c137e17f.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-fa94dca8.js');
4
+ require('../../defaultTheme-c137e17f.js');
5
5
  require('styled-components');
6
6
  require('react');
7
7
 
@@ -1,13 +1,13 @@
1
1
  'use strict';
2
2
 
3
- var Popover = require('../../Popover-d3a4b72e.js');
4
- require('../../defaultTheme-50f2b88f.js');
3
+ var Popover = require('../../Popover-155cbac8.js');
4
+ require('../../defaultTheme-c137e17f.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-a86a6cd2.js');
11
11
 
12
12
 
13
13
 
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-8fec1dba.js');
4
+ require('../../defaultTheme-c137e17f.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-96e366bf.js');
4
+ require('../../defaultTheme-c137e17f.js');
5
5
  require('styled-components');
6
6
  require('lodash');
7
7
  require('react');
8
- require('../../Tab-9936ddea.js');
8
+ require('../../Tab-8fec1dba.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-a175e9f5.js');
4
+ require('../../defaultTheme-c137e17f.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-a86a6cd2.js');
9
9
 
10
10
 
11
11
 
package/data/index.js CHANGED
@@ -2,19 +2,20 @@
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-96814023.js');
6
+ var Badge = require('../Badge-fa94dca8.js');
7
+ var Popover = require('../Popover-155cbac8.js');
8
+ var Tab = require('../Tab-8fec1dba.js');
9
+ var Tabs = require('../Tabs-96e366bf.js');
10
+ var Tooltip = require('../Tooltip-a175e9f5.js');
11
+ var VerificationStatusIcon = require('../VerificationStatusIcon-a88b1f8d.js');
12
+ require('../defaultTheme-c137e17f.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-a86a6cd2.js');
18
19
 
19
20
 
20
21
 
@@ -24,3 +25,4 @@ exports.Popover = Popover.Popover;
24
25
  exports.Tab = Tab.Tab;
25
26
  exports.Tabs = Tabs.Tabs;
26
27
  exports.Tooltip = Tooltip.Tooltip;
28
+ exports.VerificationStatusIcon = VerificationStatusIcon.VerificationStatusIcon;
@@ -1322,7 +1322,7 @@ function styleInject(css, ref) {
1322
1322
  }
1323
1323
 
1324
1324
  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"};
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-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
1326
  styleInject(css_248z);
1327
1327
 
1328
1328
  var _templateObject;
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-761050a9.js');
4
+ require('../../defaultTheme-c137e17f.js');
5
5
  require('styled-components');
6
6
  require('react');
7
+ require('polished');
7
8
 
8
9
 
9
10
 
@@ -1,15 +1,15 @@
1
1
  'use strict';
2
2
 
3
- var Button = require('../../Button-432f87c6.js');
4
- require('../../defaultTheme-50f2b88f.js');
3
+ var Button = require('../../Button-5071dc6b.js');
4
+ require('../../defaultTheme-c137e17f.js');
5
5
  require('styled-components');
6
6
  require('react');
7
- require('../../Popover-d3a4b72e.js');
7
+ require('../../Popover-155cbac8.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-a86a6cd2.js');
12
+ require('../../ContextMenu-bd818e55.js');
13
13
  require('../../expand-more-94585605.js');
14
14
 
15
15
 
@@ -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-dd2cf216.js');
4
+ require('../../defaultTheme-c137e17f.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 CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-0c08a1aa.js');
4
- require('../../defaultTheme-50f2b88f.js');
3
+ var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-d4147107.js');
4
+ require('../../defaultTheme-c137e17f.js');
5
5
  require('styled-components');
6
6
  require('lodash');
7
7
  require('nanoid');
@@ -9,7 +9,7 @@ require('react');
9
9
  require('../../check-555d831b.js');
10
10
  require('react-select');
11
11
  require('react-select-async-paginate');
12
- require('../../react-select-creatable.esm-c4ae6839.js');
12
+ require('../../react-select-creatable.esm-2f23d6c6.js');
13
13
  require('react-dom');
14
14
  require('../../close-ebf2f3cf.js');
15
15
  require('../../expand-more-94585605.js');
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
- var CompactStarRating = require('../../CompactStarRating-77f54a07.js');
4
- require('../../defaultTheme-50f2b88f.js');
3
+ var CompactStarRating = require('../../CompactStarRating-ca1943af.js');
4
+ require('../../defaultTheme-c137e17f.js');
5
5
  require('styled-components');
6
6
  require('react');
7
7
  require('../../check-555d831b.js');
@@ -1,22 +1,23 @@
1
1
  'use strict';
2
2
 
3
- var CompactTextInput = require('../../CompactTextInput-8750600d.js');
4
- require('../../defaultTheme-50f2b88f.js');
3
+ var CompactTextInput = require('../../CompactTextInput-c5e38aae.js');
4
+ require('../../defaultTheme-c137e17f.js');
5
5
  require('styled-components');
6
6
  require('lodash');
7
7
  require('nanoid');
8
8
  require('react');
9
9
  require('../../check-555d831b.js');
10
10
  require('../../edit-note-c47d292e.js');
11
- require('../../Alert-3e4f8be1.js');
12
- require('../../Badge-9461fc7f.js');
13
- require('../../Popover-d3a4b72e.js');
11
+ require('../../Alert-96814023.js');
12
+ require('../../Badge-fa94dca8.js');
13
+ require('../../Popover-155cbac8.js');
14
14
  require('polished');
15
15
  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');
16
+ require('../../shift-away-subtle-a86a6cd2.js');
17
+ require('../../Tab-8fec1dba.js');
18
+ require('../../Tabs-96e366bf.js');
19
+ require('../../Tooltip-a175e9f5.js');
20
+ require('../../VerificationStatusIcon-a88b1f8d.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-87614192.js');
4
+ require('../../defaultTheme-c137e17f.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-dd81f5d4.js');
4
+ require('../../defaultTheme-c137e17f.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-c004ea6d.js');
4
+ require('../../defaultTheme-c137e17f.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 TextArea = require('../../TextArea-1ed790e5.js');
4
- require('../../defaultTheme-50f2b88f.js');
3
+ var TextArea = require('../../TextArea-4d90d02c.js');
4
+ require('../../defaultTheme-c137e17f.js');
5
5
  require('styled-components');
6
6
  require('react');
7
7
  require('../../useMergedRefs-b6d2f8fc.js');
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
- var TextInput = require('../../TextInput-c0ef017d.js');
4
- require('../../defaultTheme-50f2b88f.js');
3
+ var TextInput = require('../../TextInput-e6035fb0.js');
4
+ require('../../defaultTheme-c137e17f.js');
5
5
  require('styled-components');
6
6
  require('react');
7
7
  require('nanoid');
package/inputs/index.js CHANGED
@@ -2,40 +2,41 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var ActionButton = require('../ActionButton-c3f5ed94.js');
6
- var Button = require('../Button-432f87c6.js');
7
- var Checkbox = require('../Checkbox-d80544d6.js');
8
- var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-0c08a1aa.js');
9
- var CompactStarRating = require('../CompactStarRating-77f54a07.js');
10
- var CompactTextInput = require('../CompactTextInput-8750600d.js');
11
- var MultiSelect = require('../MultiSelect-abf02057.js');
12
- var Radio = require('../Radio-70259f02.js');
13
- var TextArea = require('../TextArea-1ed790e5.js');
14
- var TextInput = require('../TextInput-c0ef017d.js');
15
- var Switch = require('../Switch-a7cbb0c0.js');
16
- require('../defaultTheme-50f2b88f.js');
5
+ var ActionButton = require('../ActionButton-761050a9.js');
6
+ var Button = require('../Button-5071dc6b.js');
7
+ var Checkbox = require('../Checkbox-dd2cf216.js');
8
+ var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-d4147107.js');
9
+ var CompactStarRating = require('../CompactStarRating-ca1943af.js');
10
+ var CompactTextInput = require('../CompactTextInput-c5e38aae.js');
11
+ var MultiSelect = require('../MultiSelect-87614192.js');
12
+ var Radio = require('../Radio-dd81f5d4.js');
13
+ var TextArea = require('../TextArea-4d90d02c.js');
14
+ var TextInput = require('../TextInput-e6035fb0.js');
15
+ var Switch = require('../Switch-c004ea6d.js');
16
+ require('../defaultTheme-c137e17f.js');
17
17
  require('styled-components');
18
18
  require('react');
19
- require('../Popover-d3a4b72e.js');
20
- require('lodash');
21
19
  require('polished');
20
+ require('../Popover-155cbac8.js');
21
+ require('lodash');
22
22
  require('@tippyjs/react');
23
- require('../shift-away-subtle-cfdf1dbe.js');
24
- require('../ContextMenu-d088833b.js');
23
+ require('../shift-away-subtle-a86a6cd2.js');
24
+ require('../ContextMenu-bd818e55.js');
25
25
  require('../expand-more-94585605.js');
26
26
  require('nanoid');
27
27
  require('../check-555d831b.js');
28
28
  require('react-select');
29
29
  require('react-select-async-paginate');
30
- require('../react-select-creatable.esm-c4ae6839.js');
30
+ require('../react-select-creatable.esm-2f23d6c6.js');
31
31
  require('react-dom');
32
32
  require('../close-ebf2f3cf.js');
33
33
  require('../edit-note-c47d292e.js');
34
- require('../Alert-3e4f8be1.js');
35
- require('../Badge-9461fc7f.js');
36
- require('../Tab-9936ddea.js');
37
- require('../Tabs-93f6362c.js');
38
- require('../Tooltip-1b7b0052.js');
34
+ require('../Alert-96814023.js');
35
+ require('../Badge-fa94dca8.js');
36
+ require('../Tab-8fec1dba.js');
37
+ require('../Tabs-96e366bf.js');
38
+ require('../Tooltip-a175e9f5.js');
39
+ require('../VerificationStatusIcon-a88b1f8d.js');
39
40
  require('../useMergedRefs-b6d2f8fc.js');
40
41
 
41
42
 
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
- var InputGroup = require('../../InputGroup-09ce9572.js');
4
- require('../../defaultTheme-50f2b88f.js');
3
+ var InputGroup = require('../../InputGroup-4c49ba30.js');
4
+ require('../../defaultTheme-c137e17f.js');
5
5
  require('styled-components');
6
6
  require('react');
7
7