@ntbjs/react-components 1.1.23 → 1.1.24
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/{AssetAction-9b93c243.js → AssetAction-790fe46c.js} +57 -57
- package/{Button-a9afcec0.js → Button-82e91acb.js} +23 -23
- package/{Checkbox-406f005c.js → Checkbox-c441fdba.js} +2 -2
- package/{CompactAutocompleteSelect-7667888f.js → CompactAutocompleteSelect-a8ccfcad.js} +33 -33
- package/{CompactStarRating-a87f6bd6.js → CompactStarRating-3fa89ec7.js} +15 -15
- package/{CompactTextInput-ac490f47.js → CompactTextInput-483d7ff1.js} +29 -19
- package/{Instructions-70f2e97b.js → Instructions-2c2537ff.js} +12 -12
- package/{MultiLevelCheckboxSelect-1e5db4db.js → MultiLevelCheckboxSelect-375c4785.js} +6 -6
- package/{MultiSelect-c1bc3264.js → MultiSelect-0bdad346.js} +23 -23
- package/{ProgressBar-aa26a5b7.js → ProgressBar-7d31fd95.js} +6 -6
- package/{Tabs-2a6baf1c.js → Tabs-243c5e0b.js} +3 -3
- package/{TextArea-4cf36091.js → TextArea-9c459b6e.js} +77 -53
- package/{TextInput-9634d62e.js → TextInput-70cb3df7.js} +17 -17
- package/data/Tabs/index.js +1 -1
- package/data/index.js +1 -1
- package/inputs/Button/index.js +1 -1
- package/inputs/Checkbox/index.js +1 -1
- package/inputs/CompactAutocompleteSelect/index.js +3 -3
- package/inputs/CompactStarRating/index.js +2 -2
- package/inputs/CompactTextInput/index.js +2 -2
- package/inputs/MultiSelect/index.js +2 -2
- package/inputs/TextArea/index.js +2 -2
- package/inputs/TextInput/index.js +1 -1
- package/inputs/index.js +11 -11
- package/package.json +1 -1
- package/{react-select-creatable.esm-75f23ee6.js → react-select-creatable.esm-09b1be95.js} +16 -11
- package/widgets/AssetGallery/index.js +14 -14
- package/widgets/Instructions/index.js +5 -5
- package/widgets/ProgressBar/index.js +1 -1
- package/widgets/index.js +14 -14
|
@@ -5,33 +5,33 @@ var lodash = require('lodash');
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var useMergedRefs = require('./useMergedRefs-b6d2f8fc.js');
|
|
7
7
|
var ResizeObserver = require('resize-observer-polyfill');
|
|
8
|
-
var MultiLevelCheckboxSelect = require('./MultiLevelCheckboxSelect-
|
|
8
|
+
var MultiLevelCheckboxSelect = require('./MultiLevelCheckboxSelect-375c4785.js');
|
|
9
9
|
var styled = require('styled-components');
|
|
10
10
|
var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
|
|
11
|
-
var Instructions = require('./Instructions-
|
|
11
|
+
var Instructions = require('./Instructions-2c2537ff.js');
|
|
12
12
|
var Alert = require('./Alert-edd9f6a7.js');
|
|
13
13
|
var Badge = require('./Badge-00b2f311.js');
|
|
14
14
|
var Popover = require('./Popover-f00121a3.js');
|
|
15
15
|
require('./Tab-d3ee0a3b.js');
|
|
16
|
-
require('./Tabs-
|
|
16
|
+
require('./Tabs-243c5e0b.js');
|
|
17
17
|
var Tooltip = require('./Tooltip-7dc4676b.js');
|
|
18
18
|
require('./VerificationStatusIcon-f3c44ef8.js');
|
|
19
19
|
var react = require('@floating-ui/react');
|
|
20
20
|
var polished = require('polished');
|
|
21
21
|
var ContextMenu = require('./ContextMenu-9645746f.js');
|
|
22
22
|
require('./AssetPreviewTopBar-6eaa7df8.js');
|
|
23
|
-
require('./ProgressBar-
|
|
23
|
+
require('./ProgressBar-7d31fd95.js');
|
|
24
24
|
require('./InfoCard-005063b4.js');
|
|
25
25
|
var ActionButton = require('./ActionButton-5bc79370.js');
|
|
26
|
-
require('./Button-
|
|
27
|
-
require('./Checkbox-
|
|
28
|
-
require('./CompactAutocompleteSelect-
|
|
29
|
-
require('./CompactStarRating-
|
|
30
|
-
require('./CompactTextInput-
|
|
31
|
-
require('./MultiSelect-
|
|
26
|
+
require('./Button-82e91acb.js');
|
|
27
|
+
require('./Checkbox-c441fdba.js');
|
|
28
|
+
require('./CompactAutocompleteSelect-a8ccfcad.js');
|
|
29
|
+
require('./CompactStarRating-3fa89ec7.js');
|
|
30
|
+
require('./CompactTextInput-483d7ff1.js');
|
|
31
|
+
require('./MultiSelect-0bdad346.js');
|
|
32
32
|
require('./Radio-758fd8f3.js');
|
|
33
|
-
require('./TextArea-
|
|
34
|
-
require('./TextInput-
|
|
33
|
+
require('./TextArea-9c459b6e.js');
|
|
34
|
+
require('./TextInput-70cb3df7.js');
|
|
35
35
|
require('./Switch-26547abb.js');
|
|
36
36
|
var ContextMenuItem = require('./ContextMenuItem-ae252503.js');
|
|
37
37
|
|
|
@@ -184,7 +184,7 @@ var convertMsToHMS = function convertMsToHMS(ms) {
|
|
|
184
184
|
return hmsString;
|
|
185
185
|
};
|
|
186
186
|
|
|
187
|
-
var _templateObject$4, _templateObject2$3, _templateObject3$3, _templateObject4$3, _templateObject5$3, _templateObject6$2, _templateObject7$2, _templateObject8$2, _templateObject9$2,
|
|
187
|
+
var _templateObject$4, _templateObject2$3, _templateObject3$3, _templateObject4$3, _templateObject5$3, _templateObject6$2, _templateObject7$2, _templateObject8$2, _templateObject9$2, _templateObject0$2, _templateObject1$2, _templateObject10$2, _templateObject11$2, _templateObject12$2;
|
|
188
188
|
var SummaryCard$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject$4 || (_templateObject$4 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n border-radius: 4px;\n width: ", ";\n ", ";\n\n ", "\n"])), function (props) {
|
|
189
189
|
return props.width ? "".concat(props.width, "px") : '100%';
|
|
190
190
|
}, function (props) {
|
|
@@ -210,11 +210,11 @@ var Title = styled__default["default"].span.attrs(defaultTheme.applyDefaultTheme
|
|
|
210
210
|
var Description = styled__default["default"].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject9$2 || (_templateObject9$2 = defaultTheme._taggedTemplateLiteral(["\n padding: 0 16px;\n text-align: left;\n font: normal normal normal 12px/16px Roboto;\n letter-spacing: 0.24px;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n box-sizing: border-box;\n\n ", ";\n"])), function (props) {
|
|
211
211
|
return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'));
|
|
212
212
|
});
|
|
213
|
-
var Instruction = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
214
|
-
var Footer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
215
|
-
var FooterLeft = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
216
|
-
var FooterRight = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
217
|
-
styled__default["default"](react.FloatingArrow).attrs(defaultTheme.applyDefaultTheme)(
|
|
213
|
+
var Instruction = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject0$2 || (_templateObject0$2 = defaultTheme._taggedTemplateLiteral([""])));
|
|
214
|
+
var Footer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject1$2 || (_templateObject1$2 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 16px;\n"])));
|
|
215
|
+
var FooterLeft = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject10$2 || (_templateObject10$2 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: flex-start;\n\n > * {\n margin-right: 4px;\n }\n"])));
|
|
216
|
+
var FooterRight = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject11$2 || (_templateObject11$2 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: flex-end;\n\n > * {\n margin-left: 4px;\n }\n"])));
|
|
217
|
+
styled__default["default"](react.FloatingArrow).attrs(defaultTheme.applyDefaultTheme)(_templateObject12$2 || (_templateObject12$2 = defaultTheme._taggedTemplateLiteral(["\n ", "\n"])), function (props) {
|
|
218
218
|
return props.theme.themeProp('fill', props.theme.getColor('gray-700'), props.theme.getColor('white'));
|
|
219
219
|
});
|
|
220
220
|
|
|
@@ -295,7 +295,7 @@ SummaryCard.defaultProps = {
|
|
|
295
295
|
activeSummaryCard: false
|
|
296
296
|
};
|
|
297
297
|
|
|
298
|
-
var _templateObject$3, _templateObject2$2, _templateObject3$2, _templateObject4$2, _templateObject5$2, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1, _templateObject20$1, _templateObject21$1, _templateObject22$1, _templateObject23$1, _templateObject24$1, _templateObject25
|
|
298
|
+
var _templateObject$3, _templateObject2$2, _templateObject3$2, _templateObject4$2, _templateObject5$2, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject0$1, _templateObject1$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1, _templateObject20$1, _templateObject21$1, _templateObject22$1, _templateObject23$1, _templateObject24$1, _templateObject25, _templateObject26, _templateObject27;
|
|
299
299
|
var AssetGalleryWrapper$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject$3 || (_templateObject$3 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n"])), function (props) {
|
|
300
300
|
return props.disabled && styled.css(_templateObject2$2 || (_templateObject2$2 = defaultTheme._taggedTemplateLiteral(["\n cursor: not-allowed;\n "])));
|
|
301
301
|
});
|
|
@@ -318,29 +318,29 @@ var AssetGalleryCompactCard$2 = styled__default["default"].div.attrs(defaultThem
|
|
|
318
318
|
var Figure$1 = styled__default["default"].figure(_templateObject7$1 || (_templateObject7$1 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: center;\n align-items: center;\n position: relative;\n margin: 0;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n\n .lazy-load-image-background {\n display: block !important;\n }\n\n img {\n display: block;\n height: 100%;\n width: 100%;\n ", "\n }\n"])), function (props) {
|
|
319
319
|
return props.hasHeightAndWidth ? styled.css(_templateObject8$1 || (_templateObject8$1 = defaultTheme._taggedTemplateLiteral(["\n object-fit: cover;\n "]))) : styled.css(_templateObject9$1 || (_templateObject9$1 = defaultTheme._taggedTemplateLiteral(["\n object-fit: contain;\n "])));
|
|
320
320
|
});
|
|
321
|
-
var FigureOverlayBackdrop$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
321
|
+
var FigureOverlayBackdrop$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject0$1 || (_templateObject0$1 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n inset: 0;\n opacity: ", ";\n background-color: ", ";\n"])), function (props) {
|
|
322
322
|
return props.selected ? 0.6 : 0;
|
|
323
323
|
}, function (props) {
|
|
324
324
|
return props.selected ? '#ACCEF7' : 'transparent';
|
|
325
325
|
});
|
|
326
|
-
var Overlay$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
327
|
-
var OverlayBackdrop$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
328
|
-
return !props.selected ? styled.css(
|
|
326
|
+
var Overlay$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject1$1 || (_templateObject1$1 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n"])));
|
|
327
|
+
var OverlayBackdrop$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject10$1 || (_templateObject10$1 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n opacity: 0;\n transition: opacity 220ms;\n\n ", "\n ", "\n ", ":hover & {\n opacity: 1;\n }\n"])), function (props) {
|
|
328
|
+
return !props.selected ? styled.css(_templateObject11$1 || (_templateObject11$1 = defaultTheme._taggedTemplateLiteral(["\n background: radial-gradient(\n ellipse at center,\n rgba(0, 0, 0, 0.3) 27%,\n rgba(0, 0, 0, 0.5) 60%,\n rgba(0, 0, 0, 0.7) 90%\n );\n "]))) : null;
|
|
329
329
|
}, function (props) {
|
|
330
|
-
return (props.selected || props.softSelected) && styled.css(
|
|
330
|
+
return (props.selected || props.softSelected) && styled.css(_templateObject12$1 || (_templateObject12$1 = defaultTheme._taggedTemplateLiteral(["\n opacity: 1;\n "])));
|
|
331
331
|
}, Overlay$1);
|
|
332
|
-
var OverlayInfo$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
332
|
+
var OverlayInfo$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject13$1 || (_templateObject13$1 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n padding: 15px 50px 10px 12px;\n color: ", ";\n & span {\n overflow: hidden;\n word-wrap: break-word;\n }\n"])), function (props) {
|
|
333
333
|
return props.theme.getColor('gray-100');
|
|
334
334
|
});
|
|
335
|
-
var OverlayCompleted = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
335
|
+
var OverlayCompleted = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject14$1 || (_templateObject14$1 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n pointer-events: none;\n transition: border-color 120ms;\n border: 3px solid;\n ", ";\n"])), function (props) {
|
|
336
336
|
if (props.softSelected) return null;
|
|
337
337
|
return props.theme.themeProp('border-color', props.theme.getColor('emerald-500'), polished.rgba(props.theme.getColor('emerald-500'), 0.7));
|
|
338
338
|
});
|
|
339
|
-
var OverlayHasError = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
339
|
+
var OverlayHasError = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject15$1 || (_templateObject15$1 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n pointer-events: none;\n transition: border-color 120ms;\n border: 3px solid;\n ", "\n"])), function (props) {
|
|
340
340
|
if (props.softSelected) return null;
|
|
341
341
|
return props.theme.themeProp('border-color', props.theme.getColor('red-600'), polished.rgba(props.theme.getColor('red-500'), 0.7));
|
|
342
342
|
});
|
|
343
|
-
var OverlaySelected$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
343
|
+
var OverlaySelected$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject16$1 || (_templateObject16$1 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n pointer-events: none;\n transition: border-color 120ms;\n border-style: solid;\n border-width: 3px;\n\n ", ";\n"])), function (props) {
|
|
344
344
|
if (props.softSelected) {
|
|
345
345
|
return props.theme.themeProp('border-color', polished.rgba(props.theme.getColor('gray-100'), 0.5), polished.rgba(props.theme.getColor('gray-700'), 0.5));
|
|
346
346
|
}
|
|
@@ -349,35 +349,35 @@ var OverlaySelected$1 = styled__default["default"].div.attrs(defaultTheme.applyD
|
|
|
349
349
|
}
|
|
350
350
|
return props.theme.themeProp('border-color', 'transparent', 'transparent');
|
|
351
351
|
});
|
|
352
|
-
var OverlayInfoTop$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
353
|
-
var OverlayInfoTopActions$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
352
|
+
var OverlayInfoTop$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject17$1 || (_templateObject17$1 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n padding: 8px;\n display: flex;\n"])));
|
|
353
|
+
var OverlayInfoTopActions$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject18$1 || (_templateObject18$1 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n right: 0;\n padding: 4px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n transition: opacity 220ms;\n z-index: 99999;\n ", "\n\n opacity: ", ";\n"])), function (props) {
|
|
354
354
|
return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-700'));
|
|
355
355
|
}, function (props) {
|
|
356
356
|
return props.isOverlayHovered ? 1 : 0;
|
|
357
357
|
});
|
|
358
|
-
var OverlayInfoTopLeft = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
358
|
+
var OverlayInfoTopLeft = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject19$1 || (_templateObject19$1 = defaultTheme._taggedTemplateLiteral(["\n opacity: 1;\n display: ", ";\n\n ", ":hover & {\n opacity: 0;\n }\n"])), function (props) {
|
|
359
359
|
return props !== null && props !== void 0 && props.collapseExtraInfo ? 'none' : 'block';
|
|
360
360
|
}, Overlay$1);
|
|
361
|
-
var OverlayInfoTopWarning$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
361
|
+
var OverlayInfoTopWarning$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject20$1 || (_templateObject20$1 = defaultTheme._taggedTemplateLiteral(["\n margin-left: auto;\n height: 24px;\n width: 24px;\n border-radius: 50%;\n box-sizing: border-box;\n padding: ", ";\n background-color: ", ";\n opacity: 1;\n\n svg {\n width: 100%;\n color: ", ";\n }\n\n ", ":hover & {\n opacity: 0;\n }\n"])), function (props) {
|
|
362
362
|
return props.type === 'error' ? 0 : '3px 4px';
|
|
363
363
|
}, function (props) {
|
|
364
364
|
return props.type === 'error' ? props.theme.getColor('red-500') : props.theme.getColor('gray-100');
|
|
365
365
|
}, function (props) {
|
|
366
366
|
return props.type === 'error' ? props.theme.getColor('gray-100') : props.theme.getColor('gray-700');
|
|
367
367
|
}, Overlay$1);
|
|
368
|
-
var OverlayInfoBottom$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
369
|
-
var OverlayInfoBottomSelectButton$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
368
|
+
var OverlayInfoBottom$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject21$1 || (_templateObject21$1 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n padding: 8px;\n display: flex;\n"])));
|
|
369
|
+
var OverlayInfoBottomSelectButton$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject22$1 || (_templateObject22$1 = defaultTheme._taggedTemplateLiteral(["\n opacity: ", ";\n flex-shrink: 0;\n cursor: pointer;\n transition: opacity 220ms;\n height: 24px;\n\n > svg {\n width: 24px;\n height: 24px;\n transition: opacity 120ms;\n opacity: ", ";\n }\n\n ", ":hover & {\n opacity: 1;\n }\n"])), function (props) {
|
|
370
370
|
return props.selected ? 1 : 0;
|
|
371
371
|
}, function (props) {
|
|
372
372
|
return props.selected ? 1 : 0.5;
|
|
373
373
|
}, Overlay$1);
|
|
374
|
-
var OverlayInfoBottomMediaIcon$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
375
|
-
var ConsumerDefinedOverlay$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
376
|
-
styled__default["default"].div(
|
|
377
|
-
styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
374
|
+
var OverlayInfoBottomMediaIcon$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject23$1 || (_templateObject23$1 = defaultTheme._taggedTemplateLiteral(["\n margin-left: auto;\n opacity: 1;\n\n ", ":hover & {\n opacity: 0;\n }\n"])), Overlay$1);
|
|
375
|
+
var ConsumerDefinedOverlay$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject24$1 || (_templateObject24$1 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n pointer-events: none;\n"])));
|
|
376
|
+
styled__default["default"].div(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n margin: 4px;\n"])));
|
|
377
|
+
styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n ", "\n padding: 4px 8px;\n border-radius: 4px;\n"])), function (props) {
|
|
378
378
|
return props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('white'));
|
|
379
379
|
});
|
|
380
|
-
var StyledFloatingArrow$1 = styled__default["default"](react.FloatingArrow).attrs(defaultTheme.applyDefaultTheme)(
|
|
380
|
+
var StyledFloatingArrow$1 = styled__default["default"](react.FloatingArrow).attrs(defaultTheme.applyDefaultTheme)(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n ", "\n"])), function (props) {
|
|
381
381
|
return props.theme.themeProp('fill', props.theme.getColor('gray-700'), props.theme.getColor('white'));
|
|
382
382
|
});
|
|
383
383
|
|
|
@@ -800,7 +800,7 @@ var AssetGalleryCompactCard$1 = reactLazyLoadImageComponent.trackWindowScroll(Re
|
|
|
800
800
|
});
|
|
801
801
|
}));
|
|
802
802
|
|
|
803
|
-
var _templateObject$1, _templateObject2$1, _templateObject3$1, _templateObject4$1, _templateObject5$1, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24
|
|
803
|
+
var _templateObject$1, _templateObject2$1, _templateObject3$1, _templateObject4$1, _templateObject5$1, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24;
|
|
804
804
|
var AssetGalleryWrapper = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject$1 || (_templateObject$1 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n"])), function (props) {
|
|
805
805
|
return props.disabled && styled.css(_templateObject2$1 || (_templateObject2$1 = defaultTheme._taggedTemplateLiteral(["\n cursor: not-allowed;\n "])));
|
|
806
806
|
});
|
|
@@ -836,46 +836,46 @@ var ContentWrapper = styled__default["default"].div.attrs(defaultTheme.applyDefa
|
|
|
836
836
|
});
|
|
837
837
|
var Asset = styled__default["default"].div(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n position: relative;\n padding: 0 36px;\n min-height: 200px;\n box-sizing: border-box;\n\n video {\n display: block;\n }\n\n .audio {\n display: flex;\n justify-content: center;\n svg {\n width: 25%;\n }\n }\n"])));
|
|
838
838
|
var Figure = styled__default["default"].figure(_templateObject8 || (_templateObject8 = defaultTheme._taggedTemplateLiteral(["\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n margin: 0;\n\n img,\n video,\n .audio {\n display: block;\n max-height: 200px;\n width: 100%;\n box-sizing: border-box;\n\n ", "\n }\n\n .audio {\n display: flex;\n height: 200px;\n justify-content: center;\n svg {\n width: 25%;\n }\n }\n"])), function (props) {
|
|
839
|
-
return props.hasHeightAndWidth ? styled.css(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n object-fit: cover;\n "]))) : styled.css(
|
|
839
|
+
return props.hasHeightAndWidth ? styled.css(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n object-fit: cover;\n "]))) : styled.css(_templateObject0 || (_templateObject0 = defaultTheme._taggedTemplateLiteral(["\n object-fit: contain;\n "])));
|
|
840
840
|
});
|
|
841
|
-
var FigureOverlayBackdrop = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
841
|
+
var FigureOverlayBackdrop = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject1 || (_templateObject1 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n inset: 0;\n opacity: ", ";\n background-color: ", ";\n"])), function (props) {
|
|
842
842
|
return props.selected ? 0.6 : 0;
|
|
843
843
|
}, function (props) {
|
|
844
844
|
return props.selected ? '#ACCEF7' : 'transparent';
|
|
845
845
|
});
|
|
846
|
-
var Overlay = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
847
|
-
var OverlayBackdrop = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
848
|
-
return !props.selected ? styled.css(
|
|
846
|
+
var Overlay = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n"])));
|
|
847
|
+
var OverlayBackdrop = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n opacity: 0;\n transition: opacity 220ms;\n ", "\n\n ", "\n\n ", ":hover & {\n opacity: 1;\n }\n\n ", ":hover & {\n opacity: 1;\n }\n"])), function (props) {
|
|
848
|
+
return !props.selected ? styled.css(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n background: radial-gradient(\n ellipse at center,\n rgba(0, 0, 0, 0.3) 27%,\n rgba(0, 0, 0, 0.5) 60%,\n rgba(0, 0, 0, 0.7) 90%\n );\n "]))) : null;
|
|
849
849
|
}, function (props) {
|
|
850
|
-
return (props.selected || props.softSelected) && styled.css(
|
|
850
|
+
return (props.selected || props.softSelected) && styled.css(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n opacity: 1;\n "])));
|
|
851
851
|
}, Overlay, AssetGalleryGridCard$2);
|
|
852
|
-
var OverlayInfo = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
852
|
+
var OverlayInfo = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n padding: 15px 12px 10px;\n color: ", ";\n"])), function (props) {
|
|
853
853
|
return props.theme.getColor('gray-100');
|
|
854
854
|
});
|
|
855
|
-
var OverlaySelected = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
856
|
-
var OverlayInfoTop = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
857
|
-
var OverlayInfoTopVersions = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
858
|
-
var OverlayInfoTopWarning = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
855
|
+
var OverlaySelected = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n pointer-events: none;\n"])));
|
|
856
|
+
var OverlayInfoTop = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n padding: 8px;\n display: flex;\n"])));
|
|
857
|
+
var OverlayInfoTopVersions = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n opacity: 1;\n\n ", ":hover & {\n opacity: 0;\n }\n"])), AssetGalleryGridCard$2);
|
|
858
|
+
var OverlayInfoTopWarning = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n margin-left: auto;\n height: 24px;\n width: 24px;\n border-radius: 50%;\n box-sizing: border-box;\n padding: ", ";\n background-color: ", ";\n opacity: 1;\n\n svg {\n width: 100%;\n color: ", ";\n }\n\n ", ":hover & {\n opacity: 0;\n }\n"])), function (props) {
|
|
859
859
|
return props.type === 'error' ? 0 : '4px';
|
|
860
860
|
}, function (props) {
|
|
861
861
|
return props.type === 'error' ? props.theme.getColor('red-500') : props.theme.getColor('gray-100');
|
|
862
862
|
}, function (props) {
|
|
863
863
|
return props.type === 'error' ? props.theme.getColor('gray-100') : props.theme.getColor('gray-700');
|
|
864
864
|
}, AssetGalleryGridCard$2);
|
|
865
|
-
var OverlayInfoTopActions = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
865
|
+
var OverlayInfoTopActions = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n right: 0;\n padding: 4px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n transition: opacity 220ms;\n z-index: 99999;\n ", "\n\n opacity: ", ";\n"])), function (props) {
|
|
866
866
|
return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-700'));
|
|
867
867
|
}, function (props) {
|
|
868
868
|
return props.isCardHovered ? 1 : 0;
|
|
869
869
|
});
|
|
870
|
-
var OverlayInfoBottom = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
871
|
-
var OverlayInfoBottomSelectButton = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
870
|
+
var OverlayInfoBottom = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n padding: 8px;\n display: flex;\n"])));
|
|
871
|
+
var OverlayInfoBottomSelectButton = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n opacity: ", ";\n flex-shrink: 0;\n cursor: pointer;\n transition: opacity 220ms;\n\n > svg {\n width: 23px;\n height: 100%;\n transition: opacity 120ms;\n opacity: ", ";\n }\n\n ", ":hover & {\n opacity: 1;\n }\n\n ", ":hover & {\n opacity: 1;\n }\n"])), function (props) {
|
|
872
872
|
return props.selected ? 1 : 0;
|
|
873
873
|
}, function (props) {
|
|
874
874
|
return props.selected ? 1 : 0.5;
|
|
875
875
|
}, Overlay, AssetGalleryGridCard$2);
|
|
876
|
-
var OverlayInfoBottomMediaIcon = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
877
|
-
var ConsumerDefinedOverlay = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
878
|
-
var Fragment = styled__default["default"].div(
|
|
876
|
+
var OverlayInfoBottomMediaIcon = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n margin-left: auto;\n opacity: 1;\n ", ":hover & {\n opacity: 0;\n }\n"])), AssetGalleryGridCard$2);
|
|
877
|
+
var ConsumerDefinedOverlay = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n pointer-events: none;\n"])));
|
|
878
|
+
var Fragment = styled__default["default"].div(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n margin: 4px;\n"])));
|
|
879
879
|
|
|
880
880
|
var _excluded$3 = ["component", "asset"],
|
|
881
881
|
_excluded2 = ["component", "className", "subActions", "isSubActionsOpened"];
|
|
@@ -12,7 +12,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
12
12
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
13
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
14
14
|
|
|
15
|
-
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
|
|
15
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29;
|
|
16
16
|
var Button$1 = styled__default["default"].button.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n position: relative;\n border-radius: 3px;\n font-family: inherit;\n font-size: 0.875rem;\n font-weight: 400;\n padding: 12px 16px;\n cursor: pointer;\n background: ", ";\n border: 2px solid ", ";\n transition: all 250ms, opacity 200ms;\n\n &:hover,\n &.dropdown-is-active {\n background: #296c58;\n border-color: #296c58;\n }\n\n ", "\n\n && {\n ", ";\n }\n\n && {\n ", ";\n }\n\n && {\n ", ";\n }\n\n && {\n ", ";\n }\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"])), function (props) {
|
|
17
17
|
return props.theme.getColor('emerald-500');
|
|
18
18
|
}, function (props) {
|
|
@@ -44,41 +44,41 @@ var Button$1 = styled__default["default"].button.attrs(defaultTheme.applyDefault
|
|
|
44
44
|
}, function (props) {
|
|
45
45
|
return props.size === 'small' && styled.css(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n padding: 6px 16px;\n "])));
|
|
46
46
|
}, function (props) {
|
|
47
|
-
return props.size === 'large' && styled.css(
|
|
47
|
+
return props.size === 'large' && styled.css(_templateObject0 || (_templateObject0 = defaultTheme._taggedTemplateLiteral(["\n padding: 16px 16px;\n "])));
|
|
48
48
|
}, function (props) {
|
|
49
|
-
return props.singleAction && styled.css(
|
|
49
|
+
return props.singleAction && styled.css(_templateObject1 || (_templateObject1 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n gap: ", "px;\n border-radius: 3px !important;\n transition: all 250ms, opacity 200ms;\n "])), props.singleActionGap);
|
|
50
50
|
}, function (props) {
|
|
51
|
-
return props.width && styled.css(
|
|
51
|
+
return props.width && styled.css(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n min-width: ", "px;\n justify-content: center;\n "])), props.width);
|
|
52
52
|
});
|
|
53
|
-
var ButtonContent = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
54
|
-
return props.size === 'small' && styled.css(
|
|
53
|
+
var ButtonContent = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n align-items: center;\n transform: scale(1);\n opacity: 1;\n transition: all 200ms;\n\n > svg {\n width: 100%;\n max-width: 16px;\n max-height: 16px;\n margin-right: 8px;\n\n ", ";\n\n ", ";\n }\n\n ", "\n\n ", ";\n"])), function (props) {
|
|
54
|
+
return props.size === 'small' && styled.css(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n max-width: 13px;\n max-height: 13px;\n "])));
|
|
55
55
|
}, function (props) {
|
|
56
|
-
return props.size === 'x-small' && styled.css(
|
|
56
|
+
return props.size === 'x-small' && styled.css(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n max-width: 11px;\n max-height: 11px;\n "])));
|
|
57
57
|
}, function (props) {
|
|
58
|
-
return props.$loading && styled.css(
|
|
58
|
+
return props.$loading && styled.css(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n transform: scale(0.95);\n opacity: 0;\n "])));
|
|
59
59
|
}, function (props) {
|
|
60
|
-
return props.singleAction && styled.css(
|
|
60
|
+
return props.singleAction && styled.css(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n svg {\n width: 100% !important;\n height: 100% !important;\n margin-right: 24px;\n }\n "])));
|
|
61
61
|
});
|
|
62
|
-
var LoadingIndicator = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
63
|
-
return props.$loading && styled.css(
|
|
62
|
+
var LoadingIndicator = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n height: 100%;\n width: 100%;\n top: 0;\n left: 0;\n padding: 4px;\n background: inherit;\n opacity: 0;\n transition: opacity 200ms;\n box-sizing: border-box;\n\n ", "\n"])), function (props) {
|
|
63
|
+
return props.$loading && styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n opacity: 1;\n "])));
|
|
64
64
|
});
|
|
65
|
-
var LoadingIndicatorSvg = styled__default["default"].svg.attrs(defaultTheme.applyDefaultTheme)(
|
|
66
|
-
var LoadingIndicatorSvgCircle = styled__default["default"].circle.attrs(defaultTheme.applyDefaultTheme)(
|
|
67
|
-
var ButtonWrapper = styled__default["default"].span.attrs(defaultTheme.applyDefaultTheme)(
|
|
68
|
-
var MainButtonWrapper = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
69
|
-
return (props.activeDropdown || props.dropdownItems) && !props.outlined && styled.css(
|
|
65
|
+
var LoadingIndicatorSvg = styled__default["default"].svg.attrs(defaultTheme.applyDefaultTheme)(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n height: 100%;\n color: inherit;\n transform: rotate(-88deg);\n"])));
|
|
66
|
+
var LoadingIndicatorSvgCircle = styled__default["default"].circle.attrs(defaultTheme.applyDefaultTheme)(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n transition: stroke-dashoffset 300ms linear;\n stroke-dasharray: 113;\n"])));
|
|
67
|
+
var ButtonWrapper = styled__default["default"].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n white-space: nowrap;\n display: flex;\n"])));
|
|
68
|
+
var MainButtonWrapper = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n border-radius: 3px;\n ", ";\n"])), function (props) {
|
|
69
|
+
return (props.activeDropdown || props.dropdownItems) && !props.outlined && styled.css(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n background: ", ";\n "])), props.secondary ? props.theme.getColor('gray-200') : props.theme.getColor('emerald-500'));
|
|
70
70
|
});
|
|
71
|
-
var MainButtonContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
72
|
-
return (props.activeDropdown || props.dropdownItems) && styled.css(
|
|
71
|
+
var MainButtonContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n display: inline-block;\n button {\n ", ";\n\n ", ";\n }\n"])), function (props) {
|
|
72
|
+
return (props.activeDropdown || props.dropdownItems) && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n "])));
|
|
73
73
|
}, function (props) {
|
|
74
|
-
return (props.activeDropdown || props.dropdownItems) && props.outlined && styled.css(
|
|
74
|
+
return (props.activeDropdown || props.dropdownItems) && props.outlined && styled.css(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n border-right: none;\n "])));
|
|
75
75
|
});
|
|
76
|
-
var MainButtonContainerSingle = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
77
|
-
return props.singleAction && styled.css(
|
|
76
|
+
var MainButtonContainerSingle = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n display: inline-block;\n width: 100%;\n ", ";\n\n button {\n ", ";\n }\n"])), function (props) {
|
|
77
|
+
return props.singleAction && styled.css(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n border-radius: 3px !important;\n transition: all 250ms, opacity 200ms;\n "])));
|
|
78
78
|
}, function (props) {
|
|
79
|
-
return (props.activeDropdown || props.dropdownItems) && styled.css(
|
|
79
|
+
return (props.activeDropdown || props.dropdownItems) && styled.css(_templateObject28 || (_templateObject28 = defaultTheme._taggedTemplateLiteral(["\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n "])));
|
|
80
80
|
});
|
|
81
|
-
var DropdownButtonContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
81
|
+
var DropdownButtonContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject29 || (_templateObject29 = defaultTheme._taggedTemplateLiteral(["\n display: inline-block;\n\n button {\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n\n ", ";\n }\n\n svg {\n color: inherit;\n height: 7px;\n width: 12px;\n\n ", ";\n }\n"])), function (props) {
|
|
82
82
|
return !props.singleAction && 'border-left: none';
|
|
83
83
|
}, function (props) {
|
|
84
84
|
return !props.singleAction && 'margin-bottom: 1px';
|
|
@@ -11,7 +11,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
11
11
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
12
12
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
13
13
|
|
|
14
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9,
|
|
14
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0;
|
|
15
15
|
var checkboxSize = '18px';
|
|
16
16
|
var Checkbox$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n"])));
|
|
17
17
|
var CheckIcon = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0;\n transform: scale(0.1);\n transition: all 200ms;\n position: absolute;\n width: 12px;\n top: 4px;\n left: 3px;\n color: ", ";\n\n svg {\n width: 100%;\n display: block;\n }\n"])), function (props) {
|
|
@@ -39,7 +39,7 @@ var CheckboxVisualLabel = styled__default["default"].div.attrs(defaultTheme.appl
|
|
|
39
39
|
var Description = styled__default["default"].p.attrs(defaultTheme.applyDefaultTheme)(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n margin: 0.375rem 0 0 0;\n font-size: 0.75rem;\n line-height: 1.333;\n\n ", ";\n\n ", "\n"])), function (props) {
|
|
40
40
|
return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
|
|
41
41
|
}, function (props) {
|
|
42
|
-
return props.error && styled.css(
|
|
42
|
+
return props.error && styled.css(_templateObject0 || (_templateObject0 = defaultTheme._taggedTemplateLiteral(["\n content: 'error';\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
|
|
43
43
|
});
|
|
44
44
|
|
|
45
45
|
var Checkbox = React__default["default"].forwardRef(function Checkbox(_ref, forwardedRef) {
|
|
@@ -8,13 +8,13 @@ require('./Alert-edd9f6a7.js');
|
|
|
8
8
|
require('./Badge-00b2f311.js');
|
|
9
9
|
require('./Popover-f00121a3.js');
|
|
10
10
|
require('./Tab-d3ee0a3b.js');
|
|
11
|
-
require('./Tabs-
|
|
11
|
+
require('./Tabs-243c5e0b.js');
|
|
12
12
|
var Tooltip = require('./Tooltip-7dc4676b.js');
|
|
13
13
|
require('./VerificationStatusIcon-f3c44ef8.js');
|
|
14
14
|
var styled = require('styled-components');
|
|
15
15
|
var Select = require('react-select');
|
|
16
16
|
var reactSelectAsyncPaginate = require('react-select-async-paginate');
|
|
17
|
-
var reactSelectCreatable_esm = require('./react-select-creatable.esm-
|
|
17
|
+
var reactSelectCreatable_esm = require('./react-select-creatable.esm-09b1be95.js');
|
|
18
18
|
var close = require('./close-1751121a.js');
|
|
19
19
|
var expandMore = require('./expand-more-d74e2bd2.js');
|
|
20
20
|
|
|
@@ -24,7 +24,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
24
24
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
25
25
|
var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
|
|
26
26
|
|
|
27
|
-
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, _templateObject37
|
|
27
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _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, _templateObject37;
|
|
28
28
|
var fadeIn = styled.keyframes(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n from {\n background-color: ", ";\n }\n to {\n background-color: ", ";\n }\n"])), function (props) {
|
|
29
29
|
return props.theme.themeProp('rgba(48, 130, 106, 0)', 'rgba(191, 224, 213, 0)');
|
|
30
30
|
}, function (props) {
|
|
@@ -53,38 +53,38 @@ var Label = styled__default["default"].label.attrs(defaultTheme.applyDefaultThem
|
|
|
53
53
|
}, function (props) {
|
|
54
54
|
return props.disabled && styled.css(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n cursor: not-allowed;\n "])));
|
|
55
55
|
});
|
|
56
|
-
var InputContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
57
|
-
var SuccessContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
56
|
+
var InputContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject0 || (_templateObject0 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n width: 100%;\n height: 19px;\n"])));
|
|
57
|
+
var SuccessContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject1 || (_templateObject1 = defaultTheme._taggedTemplateLiteral(["\n opacity: 1;\n pointer-events: none;\n display: flex;\n opacity: ", ";\n animation: ", " 0.5s ease-in-out;\n transition: opacity 0.5s ease-in-out;\n margin-right: 5px;\n ", "\n > svg {\n width: 13px;\n }\n"])), function (props) {
|
|
58
58
|
return props.fadeIn ? 0 : 1;
|
|
59
59
|
}, function (props) {
|
|
60
60
|
return props.fadeIn ? fadeOutCheck : fadeInCheck;
|
|
61
61
|
}, function (props) {
|
|
62
62
|
return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'));
|
|
63
63
|
});
|
|
64
|
-
var AsyncCreatableAutocompleteSelect = styled__default["default"](AsyncCreatableSelectPaginate).attrs(defaultTheme.applyDefaultTheme)(
|
|
65
|
-
return props.disabled && styled.css(
|
|
64
|
+
var AsyncCreatableAutocompleteSelect = styled__default["default"](AsyncCreatableSelectPaginate).attrs(defaultTheme.applyDefaultTheme)(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n &&:hover:not(:focus) {\n ", "\n }\n"])), sharedStyle, function (props) {
|
|
65
|
+
return props.disabled && styled.css(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n cursor: not-allowed;\n "])));
|
|
66
66
|
}, function (props) {
|
|
67
|
-
return props.disabled && styled.css(
|
|
67
|
+
return props.disabled && styled.css(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n background: none !important;\n cursor: not-allowed;\n "])));
|
|
68
68
|
});
|
|
69
|
-
var AsyncAutocompleteSelect = styled__default["default"](reactSelectAsyncPaginate.AsyncPaginate).attrs(defaultTheme.applyDefaultTheme)(
|
|
70
|
-
return props.disabled && styled.css(
|
|
69
|
+
var AsyncAutocompleteSelect = styled__default["default"](reactSelectAsyncPaginate.AsyncPaginate).attrs(defaultTheme.applyDefaultTheme)(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n &&:hover:not(:focus) {\n ", "\n }\n"])), sharedStyle, function (props) {
|
|
70
|
+
return props.disabled && styled.css(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n "])));
|
|
71
71
|
}, function (props) {
|
|
72
|
-
return props.disabled && styled.css(
|
|
72
|
+
return props.disabled && styled.css(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n background: none !important;\n cursor: not-allowed;\n "])));
|
|
73
73
|
});
|
|
74
|
-
var AutocompletSelect = styled__default["default"](Select__default["default"]).attrs(defaultTheme.applyDefaultTheme)(
|
|
75
|
-
return props.disabled && styled.css(
|
|
74
|
+
var AutocompletSelect = styled__default["default"](Select__default["default"]).attrs(defaultTheme.applyDefaultTheme)(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n &&:hover:not(:focus) {\n ", "\n }\n"])), sharedStyle, function (props) {
|
|
75
|
+
return props.disabled && styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n "])));
|
|
76
76
|
}, function (props) {
|
|
77
|
-
return props.disabled && styled.css(
|
|
77
|
+
return props.disabled && styled.css(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n background: none !important;\n cursor: not-allowed;\n "])));
|
|
78
78
|
});
|
|
79
|
-
var AutocompletCreatableSelect = styled__default["default"](reactSelectCreatable_esm.CreatableSelect$1).attrs(defaultTheme.applyDefaultTheme)(
|
|
80
|
-
return props.disabled && styled.css(
|
|
79
|
+
var AutocompletCreatableSelect = styled__default["default"](reactSelectCreatable_esm.CreatableSelect$1).attrs(defaultTheme.applyDefaultTheme)(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n"])), sharedStyle, function (props) {
|
|
80
|
+
return props.disabled && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n "])));
|
|
81
81
|
});
|
|
82
|
-
var Control = styled__default["default"](Select.components.Control).attrs(defaultTheme.applyDefaultTheme)(
|
|
82
|
+
var Control = styled__default["default"](Select.components.Control).attrs(defaultTheme.applyDefaultTheme)(_templateObject21 || (_templateObject21 = 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) {
|
|
83
83
|
return props.edit && props.theme.themeProp('background', 'rgba(39,39,42, 0.7)', 'rgba(244,244,245, 0.3)');
|
|
84
84
|
}, function (props) {
|
|
85
85
|
return props.edit && props.theme.themeProp('border-color', 'rgba(39,39,42, 0.7)', 'rgba(228,228,231, 0.3)');
|
|
86
86
|
}, function (props) {
|
|
87
|
-
return props.type && styled.css(
|
|
87
|
+
return props.type && styled.css(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n animation: ", " 0.5s ease-in-out;\n "])), function (props) {
|
|
88
88
|
return props.type === 'success' ? fadeIn : fadeOut;
|
|
89
89
|
});
|
|
90
90
|
}, function (props) {
|
|
@@ -110,45 +110,45 @@ var Control = styled__default["default"](Select.components.Control).attrs(defaul
|
|
|
110
110
|
}, function (props) {
|
|
111
111
|
return props.type === 'error' && !props.isFocused && props.theme.themeProp('background', '#901d1d', '#f7d5d0');
|
|
112
112
|
});
|
|
113
|
-
var Option = styled__default["default"](Select.components.Option).attrs(defaultTheme.applyDefaultTheme)(
|
|
113
|
+
var Option = styled__default["default"](Select.components.Option).attrs(defaultTheme.applyDefaultTheme)(_templateObject23 || (_templateObject23 = 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) {
|
|
114
114
|
return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
|
|
115
115
|
}, function (props) {
|
|
116
|
-
return props.isFocused && styled.css(
|
|
116
|
+
return props.isFocused && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('background-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-200')));
|
|
117
117
|
}, function (props) {
|
|
118
|
-
return props.isSelected && styled.css(
|
|
118
|
+
return props.isSelected && styled.css(_templateObject25 || (_templateObject25 = 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')));
|
|
119
119
|
}, function (props) {
|
|
120
|
-
return props.isFocused && props.isSelected && styled.css(
|
|
120
|
+
return props.isFocused && props.isSelected && styled.css(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('background-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-200')));
|
|
121
121
|
});
|
|
122
|
-
var Placeholder = styled__default["default"](Select.components.Placeholder).attrs(defaultTheme.applyDefaultTheme)(
|
|
123
|
-
return (props.type === 'error' || props.type === 'warning') && styled.css(
|
|
122
|
+
var Placeholder = styled__default["default"](Select.components.Placeholder).attrs(defaultTheme.applyDefaultTheme)(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n && {\n ", "\n ", ";\n }\n"])), function (props) {
|
|
123
|
+
return (props.type === 'error' || props.type === 'warning') && styled.css(_templateObject28 || (_templateObject28 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700')));
|
|
124
124
|
}, function (props) {
|
|
125
125
|
return (props.type === 'error' || props.type === 'warning') && props.theme.themeProp('opacity', '0.6', '0.6');
|
|
126
126
|
});
|
|
127
|
-
var SingleValue = styled__default["default"](Select.components.SingleValue).attrs(defaultTheme.applyDefaultTheme)(
|
|
127
|
+
var SingleValue = styled__default["default"](Select.components.SingleValue).attrs(defaultTheme.applyDefaultTheme)(_templateObject29 || (_templateObject29 = defaultTheme._taggedTemplateLiteral(["\n && {\n ", ";\n }\n"])), function (props) {
|
|
128
128
|
return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
|
|
129
129
|
});
|
|
130
|
-
var Input = styled__default["default"](Select.components.Input).attrs(defaultTheme.applyDefaultTheme)(
|
|
130
|
+
var Input = styled__default["default"](Select.components.Input).attrs(defaultTheme.applyDefaultTheme)(_templateObject30 || (_templateObject30 = defaultTheme._taggedTemplateLiteral(["\n && {\n margin: 0;\n padding: 0;\n padding-left: 2px;\n ", "\n }\n"])), function (props) {
|
|
131
131
|
return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
|
|
132
132
|
});
|
|
133
|
-
var Menu = styled__default["default"](Select.components.Menu).attrs(defaultTheme.applyDefaultTheme)(
|
|
133
|
+
var Menu = styled__default["default"](Select.components.Menu).attrs(defaultTheme.applyDefaultTheme)(_templateObject31 || (_templateObject31 = defaultTheme._taggedTemplateLiteral(["\n && {\n ", ";\n }\n"])), function (props) {
|
|
134
134
|
return props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('white'));
|
|
135
135
|
});
|
|
136
|
-
var ValueContainer = styled__default["default"](Select.components.ValueContainer).attrs(defaultTheme.applyDefaultTheme)(
|
|
137
|
-
var ClearIndicator = styled__default["default"](Select.components.ClearIndicator).attrs(defaultTheme.applyDefaultTheme)(
|
|
136
|
+
var ValueContainer = styled__default["default"](Select.components.ValueContainer).attrs(defaultTheme.applyDefaultTheme)(_templateObject32 || (_templateObject32 = defaultTheme._taggedTemplateLiteral(["\n && {\n padding: 0;\n }\n"])));
|
|
137
|
+
var ClearIndicator = styled__default["default"](Select.components.ClearIndicator).attrs(defaultTheme.applyDefaultTheme)(_templateObject33 || (_templateObject33 = defaultTheme._taggedTemplateLiteral(["\n && {\n display: ", ";\n padding: 0;\n cursor: pointer;\n ", ";\n }\n"])), function (props) {
|
|
138
138
|
return props.isFocused ? 'flex' : 'none';
|
|
139
139
|
}, function (props) {
|
|
140
140
|
return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
|
|
141
141
|
});
|
|
142
|
-
var DropdownIndicator = styled__default["default"](Select.components.DropdownIndicator).attrs(defaultTheme.applyDefaultTheme)(
|
|
142
|
+
var DropdownIndicator = styled__default["default"](Select.components.DropdownIndicator).attrs(defaultTheme.applyDefaultTheme)(_templateObject34 || (_templateObject34 = 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) {
|
|
143
143
|
return props.isFocused ? 'flex' : 'none';
|
|
144
144
|
}, function (props) {
|
|
145
145
|
return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
|
|
146
146
|
});
|
|
147
|
-
var DropdownIndicatorIcon = styled__default["default"](expandMore.SvgExpandMore).attrs(defaultTheme.applyDefaultTheme)(
|
|
148
|
-
var ClearIndicatorIcon = styled__default["default"](close.SvgClose).attrs(defaultTheme.applyDefaultTheme)(
|
|
147
|
+
var DropdownIndicatorIcon = styled__default["default"](expandMore.SvgExpandMore).attrs(defaultTheme.applyDefaultTheme)(_templateObject35 || (_templateObject35 = defaultTheme._taggedTemplateLiteral(["\n width: 12px;\n"])));
|
|
148
|
+
var ClearIndicatorIcon = styled__default["default"](close.SvgClose).attrs(defaultTheme.applyDefaultTheme)(_templateObject36 || (_templateObject36 = defaultTheme._taggedTemplateLiteral(["\n width: 8px;\n margin-right: 4px;\n ", ";\n stroke-width: 2px;\n"])), function (props) {
|
|
149
149
|
return props.theme.themeProp('stroke', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
|
|
150
150
|
});
|
|
151
|
-
var IndicatorSeparator = styled__default["default"](Select.components.IndicatorSeparator).attrs(defaultTheme.applyDefaultTheme)(
|
|
151
|
+
var IndicatorSeparator = styled__default["default"](Select.components.IndicatorSeparator).attrs(defaultTheme.applyDefaultTheme)(_templateObject37 || (_templateObject37 = defaultTheme._taggedTemplateLiteral(["\n && {\n display: ", ";\n margin: 4px;\n ", ";\n }\n"])), function (props) {
|
|
152
152
|
return props.isFocused ? 'flex' : 'none';
|
|
153
153
|
}, function (props) {
|
|
154
154
|
return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
|