@ntbjs/react-components 1.2.0-rc.92 → 1.2.0-rc.94
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/{AssetGallery-c894b0c9.js → AssetGallery-6dd55b64.js} +1 -1
- package/{CompactAutocompleteSelect-c982847f.js → CompactAutocompleteSelect-28353593.js} +22 -28
- package/{Instructions-53ab2ab1.js → Instructions-6658da76.js} +1 -1
- package/inputs/CompactAutocompleteSelect/index.js +1 -1
- package/inputs/index.js +1 -1
- package/package.json +1 -1
- package/widgets/AssetGallery/index.js +2 -2
- package/widgets/Instructions/index.js +2 -2
- package/widgets/index.js +3 -3
|
@@ -19,7 +19,7 @@ require('./VerificationStatusIcon-f831c83f.js');
|
|
|
19
19
|
var ActionButton = require('./ActionButton-1a0e7adc.js');
|
|
20
20
|
require('./Button-b057997e.js');
|
|
21
21
|
require('./Checkbox-53f14dc1.js');
|
|
22
|
-
require('./CompactAutocompleteSelect-
|
|
22
|
+
require('./CompactAutocompleteSelect-28353593.js');
|
|
23
23
|
require('./CompactStarRating-ad593265.js');
|
|
24
24
|
require('./CompactTextInput-f63edb86.js');
|
|
25
25
|
require('./MultiSelect-0dfdb663.js');
|
|
@@ -15,7 +15,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
15
15
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
16
16
|
var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
|
|
17
17
|
|
|
18
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36
|
|
18
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36;
|
|
19
19
|
var fadeIn = styled.keyframes(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n from {\n background-color: ", ";\n }\n to {\n background-color: ", ";\n }\n"])), function (props) {
|
|
20
20
|
return props.theme.themeProp('rgba(48, 130, 106, 0)', 'rgba(191, 224, 213, 0)');
|
|
21
21
|
}, function (props) {
|
|
@@ -28,7 +28,6 @@ var fadeOut = styled.keyframes(_templateObject2 || (_templateObject2 = defaultTh
|
|
|
28
28
|
});
|
|
29
29
|
var fadeInCheck = styled.keyframes(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n from {\n opacity: 0\n }\n to {\n opacity: 1\n }\n"])));
|
|
30
30
|
var fadeOutCheck = styled.keyframes(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n from {\n opacity: 1\n }\n to {\n opacity: 0\n }\n"])));
|
|
31
|
-
var AsyncCreatableSelectPaginate = reactSelectAsyncPaginate.withAsyncPaginate(reactSelectCreatable_esm.CreatableSelect$1);
|
|
32
31
|
var sharedStyle = styled.css(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n font-family: ", ";\n font-size: 0.875rem;\n line-height: 1rem;\n width: 100%;\n display: block;\n box-shadow: 'none';\n flex-basis: ", ";\n"])), function (props) {
|
|
33
32
|
return props.theme.primaryFontFamily;
|
|
34
33
|
}, function (props) {
|
|
@@ -52,30 +51,25 @@ styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateOb
|
|
|
52
51
|
}, function (props) {
|
|
53
52
|
return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'));
|
|
54
53
|
});
|
|
55
|
-
styled__default["default"](
|
|
56
|
-
return props.disabled && styled.css(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n
|
|
54
|
+
var AsyncAutocompleteSelect = styled__default["default"](reactSelectAsyncPaginate.AsyncPaginate).attrs(defaultTheme.applyDefaultTheme)(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n &&:hover:not(:focus) {\n ", "\n }\n"])), sharedStyle, function (props) {
|
|
55
|
+
return props.disabled && styled.css(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n "])));
|
|
57
56
|
}, function (props) {
|
|
58
57
|
return props.disabled && styled.css(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n background: none !important;\n cursor: not-allowed;\n "])));
|
|
59
58
|
});
|
|
60
|
-
|
|
59
|
+
styled__default["default"](Select__default["default"]).attrs(defaultTheme.applyDefaultTheme)(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n &&:hover:not(:focus) {\n ", "\n }\n"])), sharedStyle, function (props) {
|
|
61
60
|
return props.disabled && styled.css(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n "])));
|
|
62
61
|
}, function (props) {
|
|
63
62
|
return props.disabled && styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n background: none !important;\n cursor: not-allowed;\n "])));
|
|
64
63
|
});
|
|
65
|
-
styled__default["default"](
|
|
64
|
+
styled__default["default"](reactSelectCreatable_esm.CreatableSelect$1).attrs(defaultTheme.applyDefaultTheme)(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n"])), sharedStyle, function (props) {
|
|
66
65
|
return props.disabled && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n "])));
|
|
67
|
-
}, function (props) {
|
|
68
|
-
return props.disabled && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n background: none !important;\n cursor: not-allowed;\n "])));
|
|
69
|
-
});
|
|
70
|
-
styled__default["default"](reactSelectCreatable_esm.CreatableSelect$1).attrs(defaultTheme.applyDefaultTheme)(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n"])), sharedStyle, function (props) {
|
|
71
|
-
return props.disabled && styled.css(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n "])));
|
|
72
66
|
});
|
|
73
|
-
styled__default["default"](Select.components.Control).attrs(defaultTheme.applyDefaultTheme)(
|
|
67
|
+
styled__default["default"](Select.components.Control).attrs(defaultTheme.applyDefaultTheme)(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n && {\n ", ";\n ", ";\n\n height: 22px;\n min-height: 22px;\n box-shadow: none;\n box-sizing: border-box;\n padding: 1px 3px 0 8.7px;\n cursor: pointer;\n border: 1px solid transparent;\n background-color: transparent;\n ", "\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", "\n ", "\n ", "\n }\n\n & .dropdown-indicator {\n display: none;\n }\n\n &:hover .dropdown-indicator {\n display: flex;\n }\n\n &&:hover {\n border-color: transparent;\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n }\n"])), function (props) {
|
|
74
68
|
return props.edit && props.theme.themeProp('background', 'rgba(39,39,42, 0.7)', 'rgba(244,244,245, 0.3)');
|
|
75
69
|
}, function (props) {
|
|
76
70
|
return props.edit && props.theme.themeProp('border-color', 'rgba(39,39,42, 0.7)', 'rgba(228,228,231, 0.3)');
|
|
77
71
|
}, function (props) {
|
|
78
|
-
return props.type && styled.css(
|
|
72
|
+
return props.type && styled.css(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n animation: ", " 0.5s ease-in-out;\n "])), function (props) {
|
|
79
73
|
return props.type === 'success' ? fadeIn : fadeOut;
|
|
80
74
|
});
|
|
81
75
|
}, function (props) {
|
|
@@ -101,45 +95,45 @@ styled__default["default"](Select.components.Control).attrs(defaultTheme.applyDe
|
|
|
101
95
|
}, function (props) {
|
|
102
96
|
return props.type === 'error' && !props.isFocused && props.theme.themeProp('background', '#901d1d', '#f7d5d0');
|
|
103
97
|
});
|
|
104
|
-
styled__default["default"](Select.components.Option).attrs(defaultTheme.applyDefaultTheme)(
|
|
98
|
+
styled__default["default"](Select.components.Option).attrs(defaultTheme.applyDefaultTheme)(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n && {\n min-height: 22px;\n height: 22px;\n display: flex;\n align-items: center;\n padding: 6px;\n cursor: pointer;\n padding: 1px 13px;\n ", "\n ", "\n ", "\n ", "\n }\n svg {\n width: 15px;\n margin: 0 9px 0 0;\n }\n a {\n display: flex;\n text-decoration: none;\n color: inherit;\n }\n"])), function (props) {
|
|
105
99
|
return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
|
|
106
100
|
}, function (props) {
|
|
107
|
-
return props.isFocused && styled.css(
|
|
101
|
+
return props.isFocused && styled.css(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('background-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-200')));
|
|
108
102
|
}, function (props) {
|
|
109
|
-
return props.isSelected && styled.css(
|
|
103
|
+
return props.isSelected && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n ", "\n\n ", "\n "])), props.theme.themeProp('background-color', 'transparent', 'transparent'), props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700')));
|
|
110
104
|
}, function (props) {
|
|
111
|
-
return props.isFocused && props.isSelected && styled.css(
|
|
105
|
+
return props.isFocused && props.isSelected && styled.css(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('background-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-200')));
|
|
112
106
|
});
|
|
113
|
-
styled__default["default"](Select.components.Placeholder).attrs(defaultTheme.applyDefaultTheme)(
|
|
114
|
-
return (props.type === 'error' || props.type === 'warning') && styled.css(
|
|
107
|
+
styled__default["default"](Select.components.Placeholder).attrs(defaultTheme.applyDefaultTheme)(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n && {\n ", "\n ", ";\n }\n"])), function (props) {
|
|
108
|
+
return (props.type === 'error' || props.type === 'warning') && styled.css(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700')));
|
|
115
109
|
}, function (props) {
|
|
116
110
|
return (props.type === 'error' || props.type === 'warning') && props.theme.themeProp('opacity', '0.6', '0.6');
|
|
117
111
|
});
|
|
118
|
-
styled__default["default"](Select.components.SingleValue).attrs(defaultTheme.applyDefaultTheme)(
|
|
112
|
+
styled__default["default"](Select.components.SingleValue).attrs(defaultTheme.applyDefaultTheme)(_templateObject28 || (_templateObject28 = defaultTheme._taggedTemplateLiteral(["\n && {\n ", ";\n }\n"])), function (props) {
|
|
119
113
|
return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
|
|
120
114
|
});
|
|
121
|
-
styled__default["default"](Select.components.Input).attrs(defaultTheme.applyDefaultTheme)(
|
|
115
|
+
styled__default["default"](Select.components.Input).attrs(defaultTheme.applyDefaultTheme)(_templateObject29 || (_templateObject29 = defaultTheme._taggedTemplateLiteral(["\n && {\n margin: 0;\n padding: 0;\n padding-left: 2px;\n ", "\n }\n"])), function (props) {
|
|
122
116
|
return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
|
|
123
117
|
});
|
|
124
|
-
styled__default["default"](Select.components.Menu).attrs(defaultTheme.applyDefaultTheme)(
|
|
118
|
+
styled__default["default"](Select.components.Menu).attrs(defaultTheme.applyDefaultTheme)(_templateObject30 || (_templateObject30 = defaultTheme._taggedTemplateLiteral(["\n && {\n ", ";\n }\n"])), function (props) {
|
|
125
119
|
return props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('white'));
|
|
126
120
|
});
|
|
127
|
-
styled__default["default"](Select.components.ValueContainer).attrs(defaultTheme.applyDefaultTheme)(
|
|
128
|
-
styled__default["default"](Select.components.ClearIndicator).attrs(defaultTheme.applyDefaultTheme)(
|
|
121
|
+
styled__default["default"](Select.components.ValueContainer).attrs(defaultTheme.applyDefaultTheme)(_templateObject31 || (_templateObject31 = defaultTheme._taggedTemplateLiteral(["\n && {\n padding: 0;\n }\n"])));
|
|
122
|
+
styled__default["default"](Select.components.ClearIndicator).attrs(defaultTheme.applyDefaultTheme)(_templateObject32 || (_templateObject32 = defaultTheme._taggedTemplateLiteral(["\n && {\n display: ", ";\n padding: 0;\n cursor: pointer;\n ", ";\n }\n"])), function (props) {
|
|
129
123
|
return props.isFocused ? 'flex' : 'none';
|
|
130
124
|
}, function (props) {
|
|
131
125
|
return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
|
|
132
126
|
});
|
|
133
|
-
styled__default["default"](Select.components.DropdownIndicator).attrs(defaultTheme.applyDefaultTheme)(
|
|
127
|
+
styled__default["default"](Select.components.DropdownIndicator).attrs(defaultTheme.applyDefaultTheme)(_templateObject33 || (_templateObject33 = defaultTheme._taggedTemplateLiteral(["\n && {\n display: ", ";\n padding: 0;\n width: 18px;\n margin-left: 2px;\n cursor: pointer;\n margin-top: 1px;\n ", ";\n }\n"])), function (props) {
|
|
134
128
|
return props.isFocused ? 'flex' : 'none';
|
|
135
129
|
}, function (props) {
|
|
136
130
|
return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
|
|
137
131
|
});
|
|
138
|
-
styled__default["default"](expandMore.SvgExpandMore).attrs(defaultTheme.applyDefaultTheme)(
|
|
139
|
-
styled__default["default"](close.SvgClose).attrs(defaultTheme.applyDefaultTheme)(
|
|
132
|
+
styled__default["default"](expandMore.SvgExpandMore).attrs(defaultTheme.applyDefaultTheme)(_templateObject34 || (_templateObject34 = defaultTheme._taggedTemplateLiteral(["\n width: 12px;\n"])));
|
|
133
|
+
styled__default["default"](close.SvgClose).attrs(defaultTheme.applyDefaultTheme)(_templateObject35 || (_templateObject35 = defaultTheme._taggedTemplateLiteral(["\n width: 8px;\n margin-right: 4px;\n ", ";\n stroke-width: 2px;\n"])), function (props) {
|
|
140
134
|
return props.theme.themeProp('stroke', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
|
|
141
135
|
});
|
|
142
|
-
styled__default["default"](Select.components.IndicatorSeparator).attrs(defaultTheme.applyDefaultTheme)(
|
|
136
|
+
styled__default["default"](Select.components.IndicatorSeparator).attrs(defaultTheme.applyDefaultTheme)(_templateObject36 || (_templateObject36 = defaultTheme._taggedTemplateLiteral(["\n && {\n display: ", ";\n margin: 4px;\n ", ";\n }\n"])), function (props) {
|
|
143
137
|
return props.isFocused ? 'flex' : 'none';
|
|
144
138
|
}, function (props) {
|
|
145
139
|
return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
|
|
@@ -4,7 +4,7 @@ var defaultTheme = require('./defaultTheme-104fcbf4.js');
|
|
|
4
4
|
var lodash = require('lodash');
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var warningCircle = require('./warning-circle-478e65cc.js');
|
|
7
|
-
var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-
|
|
7
|
+
var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-28353593.js');
|
|
8
8
|
var TextArea = require('./TextArea-092dde3a.js');
|
|
9
9
|
var styled = require('styled-components');
|
|
10
10
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-
|
|
3
|
+
var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-28353593.js');
|
|
4
4
|
require('../../defaultTheme-104fcbf4.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('react');
|
package/inputs/index.js
CHANGED
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var ActionButton = require('../ActionButton-1a0e7adc.js');
|
|
6
6
|
var Button = require('../Button-b057997e.js');
|
|
7
7
|
var Checkbox = require('../Checkbox-53f14dc1.js');
|
|
8
|
-
var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-
|
|
8
|
+
var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-28353593.js');
|
|
9
9
|
var CompactStarRating = require('../CompactStarRating-ad593265.js');
|
|
10
10
|
var CompactTextInput = require('../CompactTextInput-f63edb86.js');
|
|
11
11
|
var MultiSelect = require('../MultiSelect-0dfdb663.js');
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var AssetGallery = require('../../AssetGallery-
|
|
3
|
+
var AssetGallery = require('../../AssetGallery-6dd55b64.js');
|
|
4
4
|
require('../../defaultTheme-104fcbf4.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('lodash');
|
|
@@ -32,7 +32,7 @@ require('../../ActionButton-1a0e7adc.js');
|
|
|
32
32
|
require('../../Button-b057997e.js');
|
|
33
33
|
require('../../ContextMenu-ea917be1.js');
|
|
34
34
|
require('../../expand-more-d74e2bd2.js');
|
|
35
|
-
require('../../CompactAutocompleteSelect-
|
|
35
|
+
require('../../CompactAutocompleteSelect-28353593.js');
|
|
36
36
|
require('react-select');
|
|
37
37
|
require('react-select-async-paginate');
|
|
38
38
|
require('../../react-select-creatable.esm-2d52a2fd.js');
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var Instructions = require('../../Instructions-
|
|
3
|
+
var Instructions = require('../../Instructions-6658da76.js');
|
|
4
4
|
require('../../defaultTheme-104fcbf4.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('lodash');
|
|
7
7
|
require('react');
|
|
8
8
|
require('../../warning-circle-478e65cc.js');
|
|
9
|
-
require('../../CompactAutocompleteSelect-
|
|
9
|
+
require('../../CompactAutocompleteSelect-28353593.js');
|
|
10
10
|
require('react-select');
|
|
11
11
|
require('react-select-async-paginate');
|
|
12
12
|
require('../../react-select-creatable.esm-2d52a2fd.js');
|
package/widgets/index.js
CHANGED
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var AssetGallery = require('../AssetGallery-
|
|
5
|
+
var AssetGallery = require('../AssetGallery-6dd55b64.js');
|
|
6
6
|
var ContextMenu = require('../ContextMenu-ea917be1.js');
|
|
7
7
|
var AssetPreviewTopBar = require('../AssetPreviewTopBar-8d2cceaf.js');
|
|
8
|
-
var Instructions = require('../Instructions-
|
|
8
|
+
var Instructions = require('../Instructions-6658da76.js');
|
|
9
9
|
require('../defaultTheme-104fcbf4.js');
|
|
10
10
|
require('styled-components');
|
|
11
11
|
require('lodash');
|
|
@@ -36,7 +36,7 @@ require('../warning-circle-478e65cc.js');
|
|
|
36
36
|
require('../ActionButton-1a0e7adc.js');
|
|
37
37
|
require('../Button-b057997e.js');
|
|
38
38
|
require('../expand-more-d74e2bd2.js');
|
|
39
|
-
require('../CompactAutocompleteSelect-
|
|
39
|
+
require('../CompactAutocompleteSelect-28353593.js');
|
|
40
40
|
require('react-select');
|
|
41
41
|
require('react-select-async-paginate');
|
|
42
42
|
require('../react-select-creatable.esm-2d52a2fd.js');
|