@ntbjs/react-components 1.1.22 → 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/{ActionButton-607bc22f.js → ActionButton-5bc79370.js} +1 -1
- package/{Alert-7bbe87f3.js → Alert-edd9f6a7.js} +1 -1
- package/{AssetAction-7afc83d9.js → AssetAction-790fe46c.js} +71 -69
- package/{AssetPreviewTopBar-14bd42d0.js → AssetPreviewTopBar-6eaa7df8.js} +1 -1
- package/{Badge-dc50d116.js → Badge-00b2f311.js} +1 -1
- package/{Button-86626421.js → Button-82e91acb.js} +26 -26
- package/{Checkbox-876f71f0.js → Checkbox-c441fdba.js} +3 -3
- package/{CompactAutocompleteSelect-32a19c92.js → CompactAutocompleteSelect-a8ccfcad.js} +40 -40
- package/{CompactStarRating-ddbeaf93.js → CompactStarRating-3fa89ec7.js} +22 -22
- package/{CompactTextInput-337b6320.js → CompactTextInput-483d7ff1.js} +36 -26
- package/{ContextMenu-b6ba7a22.js → ContextMenu-9645746f.js} +1 -1
- package/{ContextMenuItem-30f7d64d.js → ContextMenuItem-ae252503.js} +1 -1
- package/InfoCard-005063b4.js +86 -0
- package/{InputGroup-d25c66ad.js → InputGroup-3598e37c.js} +1 -1
- package/{Instructions-dd2880ae.js → Instructions-2c2537ff.js} +13 -13
- package/{MultiLevelCheckboxSelect-cd1ced5d.js → MultiLevelCheckboxSelect-375c4785.js} +15 -15
- package/{MultiSelect-0cfc8d6c.js → MultiSelect-0bdad346.js} +24 -24
- package/{Popover-5e9ab515.js → Popover-f00121a3.js} +2 -2
- package/ProgressBar-7d31fd95.js +154 -0
- package/{Radio-8282d0d6.js → Radio-758fd8f3.js} +1 -1
- package/{SectionSeparator-c9ec6fac.js → SectionSeparator-43e1647d.js} +1 -1
- package/{Switch-57f729bb.js → Switch-26547abb.js} +1 -1
- package/{Tab-572141e4.js → Tab-d3ee0a3b.js} +1 -1
- package/{Tabs-9dbd5b85.js → Tabs-243c5e0b.js} +5 -5
- package/{TextArea-a125b7b3.js → TextArea-9c459b6e.js} +84 -60
- package/{TextInput-9e62ab60.js → TextInput-70cb3df7.js} +18 -18
- package/{Tooltip-5bbe5971.js → Tooltip-7dc4676b.js} +2 -2
- package/{VerificationStatusIcon-10460fe7.js → VerificationStatusIcon-f3c44ef8.js} +1 -1
- package/arrow-forward-d7c77ae3.js +37 -0
- package/data/Alert/index.js +2 -2
- package/data/Badge/index.js +2 -2
- package/data/Popover/index.js +3 -3
- package/data/Tab/index.js +2 -2
- package/data/Tabs/index.js +3 -3
- package/data/Tooltip/index.js +3 -3
- package/data/index.js +9 -9
- package/{defaultTheme-06b819a9.js → defaultTheme-24ea5c47.js} +1 -1
- package/icons/arrow-forward.svg +3 -0
- package/icons/index.js +2 -0
- package/inputs/ActionButton/index.js +2 -2
- package/inputs/Button/index.js +5 -5
- package/inputs/Checkbox/index.js +2 -2
- package/inputs/CompactAutocompleteSelect/index.js +11 -11
- package/inputs/CompactStarRating/index.js +10 -10
- package/inputs/CompactTextInput/index.js +10 -10
- package/inputs/MultiSelect/index.js +3 -3
- package/inputs/Radio/index.js +2 -2
- package/inputs/Switch/index.js +2 -2
- package/inputs/TextArea/index.js +10 -10
- package/inputs/TextInput/index.js +2 -2
- package/inputs/index.js +25 -25
- package/layout/InputGroup/index.js +2 -2
- package/layout/SectionSeparator/index.js +2 -2
- package/layout/index.js +3 -3
- package/package.json +2 -1
- package/{react-select-creatable.esm-3c7b7450.js → react-select-creatable.esm-09b1be95.js} +17 -12
- package/{shift-away-subtle-16a9f31b.js → shift-away-subtle-dce50395.js} +1 -1
- package/styles/config.scss +2 -0
- package/widgets/AssetGallery/index.js +32 -29
- package/widgets/AssetPreview/AssetPreviewTopBar/index.js +2 -2
- package/widgets/ContextMenu/ContextMenuItem/index.js +2 -2
- package/widgets/ContextMenu/ContextMenuItemsGroup/index.js +1 -1
- package/widgets/ContextMenu/index.js +2 -2
- package/widgets/InfoCard/index.js +11 -0
- package/widgets/Instructions/index.js +13 -13
- package/widgets/ProgressBar/index.js +11 -0
- package/widgets/index.js +34 -29
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var defaultTheme = require('./defaultTheme-
|
|
3
|
+
var defaultTheme = require('./defaultTheme-24ea5c47.js');
|
|
4
4
|
var lodash = require('lodash');
|
|
5
5
|
var nanoid = require('nanoid');
|
|
6
6
|
var React = require('react');
|
|
7
|
-
require('./Alert-
|
|
8
|
-
require('./Badge-
|
|
9
|
-
require('./Popover-
|
|
10
|
-
require('./Tab-
|
|
11
|
-
require('./Tabs-
|
|
12
|
-
var Tooltip = require('./Tooltip-
|
|
13
|
-
require('./VerificationStatusIcon-
|
|
7
|
+
require('./Alert-edd9f6a7.js');
|
|
8
|
+
require('./Badge-00b2f311.js');
|
|
9
|
+
require('./Popover-f00121a3.js');
|
|
10
|
+
require('./Tab-d3ee0a3b.js');
|
|
11
|
+
require('./Tabs-243c5e0b.js');
|
|
12
|
+
var Tooltip = require('./Tooltip-7dc4676b.js');
|
|
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'));
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var defaultTheme = require('./defaultTheme-
|
|
3
|
+
var defaultTheme = require('./defaultTheme-24ea5c47.js');
|
|
4
4
|
var React = require('react');
|
|
5
|
-
require('./Alert-
|
|
6
|
-
require('./Badge-
|
|
7
|
-
require('./Popover-
|
|
8
|
-
require('./Tab-
|
|
9
|
-
require('./Tabs-
|
|
10
|
-
var Tooltip = require('./Tooltip-
|
|
11
|
-
require('./VerificationStatusIcon-
|
|
5
|
+
require('./Alert-edd9f6a7.js');
|
|
6
|
+
require('./Badge-00b2f311.js');
|
|
7
|
+
require('./Popover-f00121a3.js');
|
|
8
|
+
require('./Tab-d3ee0a3b.js');
|
|
9
|
+
require('./Tabs-243c5e0b.js');
|
|
10
|
+
var Tooltip = require('./Tooltip-7dc4676b.js');
|
|
11
|
+
require('./VerificationStatusIcon-f3c44ef8.js');
|
|
12
12
|
var styled = require('styled-components');
|
|
13
13
|
|
|
14
14
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -59,7 +59,7 @@ function SvgStar(props) {
|
|
|
59
59
|
})));
|
|
60
60
|
}
|
|
61
61
|
|
|
62
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20
|
|
62
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20;
|
|
63
63
|
var fadeIn = styled.keyframes(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n from {\n background-color: ", ";\n }\n to {\n background-color: ", ";\n }\n"])), function (props) {
|
|
64
64
|
return props.theme.themeProp('rgba(48, 130, 106, 0)', 'rgba(191, 224, 213, 0)');
|
|
65
65
|
}, function (props) {
|
|
@@ -84,25 +84,25 @@ var labelWidth = styled__default["default"].div.attrs(defaultTheme.applyDefaultT
|
|
|
84
84
|
}, function (props) {
|
|
85
85
|
return props.disabled && styled.css(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n cursor: not-allowed;\n "])));
|
|
86
86
|
});
|
|
87
|
-
var SuccessContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
87
|
+
var SuccessContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject0 || (_templateObject0 = 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) {
|
|
88
88
|
return props.fadeIn ? 0 : 1;
|
|
89
89
|
}, function (props) {
|
|
90
90
|
return props.fadeIn ? fadeOutCheck : fadeInCheck;
|
|
91
91
|
}, function (props) {
|
|
92
92
|
return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'));
|
|
93
93
|
});
|
|
94
|
-
var starsWidth = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
95
|
-
return props.readOnly && styled.css(
|
|
94
|
+
var starsWidth = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject1 || (_templateObject1 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n width: 66.66%;\n border-radius: 3px;\n height: 24px;\n align-items: center;\n padding-left: 8px;\n box-sizing: border-box;\n border: 1px solid;\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n &&:not(:hover):not(:focus) {\n ", ";\n ", ";\n }\n &&:hover:not(:focus) {\n ", "\n\n ", ";\n\n ", ";\n\n ", ";\n }\n"])), function (props) {
|
|
95
|
+
return props.readOnly && styled.css(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n border: none;\n "])));
|
|
96
96
|
}, function (props) {
|
|
97
97
|
return props.theme.themeProp('border-color', props.theme.getColor('gray-900'), props.theme.getColor('white'));
|
|
98
98
|
}, function (props) {
|
|
99
|
-
return props.type === 'success' && styled.css(
|
|
99
|
+
return props.type === 'success' && styled.css(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n animation: ", " 0.5s ease-in-out;\n "])), function (props) {
|
|
100
100
|
return props.success ? fadeIn : fadeOut;
|
|
101
101
|
});
|
|
102
102
|
}, function (props) {
|
|
103
|
-
return props.type === 'error' && styled.css(
|
|
103
|
+
return props.type === 'error' && styled.css(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n ", "\n "])), props.theme.themeProp('background', '#7F1B1B', '#FBEAE6'), props.theme.themeProp('border-color', '#7f1b1b', '#FBEAE6'));
|
|
104
104
|
}, function (props) {
|
|
105
|
-
return props.type === 'warning' && styled.css(
|
|
105
|
+
return props.type === 'warning' && styled.css(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n ", "\n "])), props.theme.themeProp('background', '#634E01', '#FFFDE8'), props.theme.themeProp('border-color', '#2F2402 ', '#FFFDE8'));
|
|
106
106
|
}, function (props) {
|
|
107
107
|
return props.edit && props.theme.themeProp('background', 'rgba(39,39,42, 0.7)', 'rgba(244,244,245, 0.3)');
|
|
108
108
|
}, function (props) {
|
|
@@ -116,7 +116,7 @@ var starsWidth = styled__default["default"].div.attrs(defaultTheme.applyDefaultT
|
|
|
116
116
|
}, function (props) {
|
|
117
117
|
return props.type === 'error' && !props.readOnly && props.theme.themeProp('background', '#901d1d', '#f7d5d0');
|
|
118
118
|
});
|
|
119
|
-
var Star = styled__default["default"].button.attrs(defaultTheme.applyDefaultTheme)(
|
|
119
|
+
var Star = styled__default["default"].button.attrs(defaultTheme.applyDefaultTheme)(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n background: none;\n border: none;\n cursor: pointer;\n padding: 0;\n\n svg {\n height: 12px;\n padding-left: 4px;\n transition: color 250ms;\n }\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", "\n\n ", "\n"])), function (props) {
|
|
120
120
|
return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'));
|
|
121
121
|
}, function (props) {
|
|
122
122
|
return props.type === 'warning' && props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'));
|
|
@@ -125,11 +125,11 @@ var Star = styled__default["default"].button.attrs(defaultTheme.applyDefaultThem
|
|
|
125
125
|
}, function (props) {
|
|
126
126
|
return props.hover && props.theme.themeProp('color', props.theme.getColor('orange-500'), props.theme.getColor('orange-500'));
|
|
127
127
|
}, function (props) {
|
|
128
|
-
return props.readOnly && styled.css(
|
|
128
|
+
return props.readOnly && styled.css(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n pointer-events: none;\n "])));
|
|
129
129
|
}, function (props) {
|
|
130
|
-
return props.disabled && styled.css(
|
|
130
|
+
return props.disabled && styled.css(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n button {\n cursor: not-allowed;\n }\n > * {\n cursor: not-allowed;\n }\n "])));
|
|
131
131
|
});
|
|
132
|
-
var StarFill = styled__default["default"].button.attrs(defaultTheme.applyDefaultTheme)(
|
|
132
|
+
var StarFill = styled__default["default"].button.attrs(defaultTheme.applyDefaultTheme)(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n background: none;\n border: none;\n cursor: pointer;\n padding: 0;\n\n svg {\n height: 12px;\n padding-left: 4px;\n transition: color 250ms;\n }\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", "\n\n ", "\n"])), function (props) {
|
|
133
133
|
return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'));
|
|
134
134
|
}, function (props) {
|
|
135
135
|
return props.type === 'error' && props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'));
|
|
@@ -138,11 +138,11 @@ var StarFill = styled__default["default"].button.attrs(defaultTheme.applyDefault
|
|
|
138
138
|
}, function (props) {
|
|
139
139
|
return props.hover && props.theme.themeProp('color', props.theme.getColor('orange-500'), props.theme.getColor('orange-500'));
|
|
140
140
|
}, function (props) {
|
|
141
|
-
return props.readOnly && styled.css(
|
|
141
|
+
return props.readOnly && styled.css(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n pointer-events: none;\n "])));
|
|
142
142
|
}, function (props) {
|
|
143
|
-
return props.disabled && styled.css(
|
|
143
|
+
return props.disabled && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n button {\n cursor: not-allowed;\n }\n > * {\n cursor: not-allowed;\n }\n "])));
|
|
144
144
|
});
|
|
145
|
-
styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
145
|
+
styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n opacity: 1;\n pointer-events: none;\n margin-left: auto;\n opacity: ", ";\n animation: ", " 0.5s ease-in-out;\n transition: opacity 0.5s ease-in-out;\n ", "\n > svg {\n width: 13px;\n }\n"])), function (props) {
|
|
146
146
|
return props.type === 'success' ? 0 : 1;
|
|
147
147
|
}, function (props) {
|
|
148
148
|
return props.type === 'success' ? fadeOutCheck : fadeInCheck;
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var defaultTheme = require('./defaultTheme-
|
|
3
|
+
var defaultTheme = require('./defaultTheme-24ea5c47.js');
|
|
4
4
|
var lodash = require('lodash');
|
|
5
5
|
var nanoid = require('nanoid');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var editNote = require('./edit-note-cefe2215.js');
|
|
8
|
-
require('./Alert-
|
|
9
|
-
require('./Badge-
|
|
10
|
-
var Popover = require('./Popover-
|
|
11
|
-
require('./Tab-
|
|
12
|
-
require('./Tabs-
|
|
13
|
-
var Tooltip = require('./Tooltip-
|
|
14
|
-
require('./VerificationStatusIcon-
|
|
8
|
+
require('./Alert-edd9f6a7.js');
|
|
9
|
+
require('./Badge-00b2f311.js');
|
|
10
|
+
var Popover = require('./Popover-f00121a3.js');
|
|
11
|
+
require('./Tab-d3ee0a3b.js');
|
|
12
|
+
require('./Tabs-243c5e0b.js');
|
|
13
|
+
var Tooltip = require('./Tooltip-7dc4676b.js');
|
|
14
|
+
require('./VerificationStatusIcon-f3c44ef8.js');
|
|
15
15
|
var styled = require('styled-components');
|
|
16
16
|
|
|
17
17
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -50,7 +50,7 @@ function SvgLink(props) {
|
|
|
50
50
|
})));
|
|
51
51
|
}
|
|
52
52
|
|
|
53
|
-
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;
|
|
53
|
+
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;
|
|
54
54
|
var fadeIn = styled.keyframes(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n from {\n background-color: ", ";\n }\n to {\n background-color: ", ";\n }\n"])), function (props) {
|
|
55
55
|
return props.theme.themeProp('rgba(48, 130, 106, 0)', 'rgba(191, 224, 213, 0)');
|
|
56
56
|
}, function (props) {
|
|
@@ -75,32 +75,32 @@ var readOnlyBackground = styled.css(_templateObject8 || (_templateObject8 = defa
|
|
|
75
75
|
var CompactTextInput$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n height: 24px;\n font-family: ", ";\n"])), function (props) {
|
|
76
76
|
return props.theme.primaryFontFamily;
|
|
77
77
|
});
|
|
78
|
-
var Label = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme)(
|
|
78
|
+
var Label = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject0 || (_templateObject0 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n flex-basis: 33.33%;\n font-size: 0.875rem;\n line-height: 1rem;\n justify-content: space-between;\n height: 19px;\n display: flex;\n align-items: center;\n ", "\n"])), function (props) {
|
|
79
79
|
return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'));
|
|
80
80
|
}, function (props) {
|
|
81
|
-
return props.disabled && styled.css(
|
|
81
|
+
return props.disabled && styled.css(_templateObject1 || (_templateObject1 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n cursor: not-allowed;\n "])));
|
|
82
82
|
});
|
|
83
|
-
var InputContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
83
|
+
var InputContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n position: relative;\n height: 19px;\n flex-basis: ", ";\n"])), function (props) {
|
|
84
84
|
return props.$hasLabel ? '66.66%' : '100%';
|
|
85
85
|
});
|
|
86
|
-
var SuccessContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
86
|
+
var SuccessContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject11 || (_templateObject11 = 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) {
|
|
87
87
|
return props.fadeIn ? 0 : 1;
|
|
88
88
|
}, function (props) {
|
|
89
89
|
return props.fadeIn ? fadeOutCheck : fadeInCheck;
|
|
90
90
|
}, function (props) {
|
|
91
91
|
return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'));
|
|
92
92
|
});
|
|
93
|
-
var InputSuccessContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
93
|
+
var InputSuccessContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n opacity: 1;\n pointer-events: none;\n display: flex;\n justify-content: flex-end;\n opacity: ", ";\n animation: ", " 0.5s ease-in-out;\n transition: opacity 0.5s ease-in-out;\n position: relative;\n margin-top: -20px;\n margin-right: 8px;\n ", "\n > svg {\n width: 13px;\n }\n"])), function (props) {
|
|
94
94
|
return props.fadeIn ? 0 : 1;
|
|
95
95
|
}, function (props) {
|
|
96
96
|
return props.fadeIn ? fadeOutCheck : fadeInCheck;
|
|
97
97
|
}, function (props) {
|
|
98
98
|
return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'));
|
|
99
99
|
});
|
|
100
|
-
var InputIconContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
101
|
-
return props.theme.themeProp('background', styled.css(
|
|
100
|
+
var InputIconContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0;\n pointer-events: none;\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n padding: 5px 10px 0 0;\n ", ";\n\n display: flex;\n align-items: center;\n position: absolute;\n right: 0;\n top: 0;\n bottom: 0;\n color: ", ";\n\n ", "\n\n ", "\n\n > svg {\n width: 12px;\n }\n"])), function (props) {
|
|
101
|
+
return props.theme.themeProp('background', styled.css(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n linear-gradient(-90deg,\n ", " 55%,\n transparent)\n "])), function (props) {
|
|
102
102
|
return props.type === 'error' ? '#901d1d' : props.type === 'warning' ? '#816600' : props.theme.getColor('gray-700');
|
|
103
|
-
}), styled.css(
|
|
103
|
+
}), styled.css(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n linear-gradient(-90deg,\n ", " 55%,\n transparent)\n "])), function (props) {
|
|
104
104
|
return props.type === 'error' ? '#f7d5d0' : props.type === 'warning' ? '#fffebf' : props.theme.getColor('gray-100');
|
|
105
105
|
}));
|
|
106
106
|
}, function (props) {
|
|
@@ -110,7 +110,15 @@ var InputIconContainer = styled__default["default"].div.attrs(defaultTheme.apply
|
|
|
110
110
|
}, function (props) {
|
|
111
111
|
return props.type === 'error' && props.theme.themeProp('color', '#CB968F', '#CB968F');
|
|
112
112
|
});
|
|
113
|
-
var Input = styled__default["default"].input.attrs(defaultTheme.applyDefaultTheme)(
|
|
113
|
+
var Input = styled__default["default"].input.attrs(defaultTheme.applyDefaultTheme)(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n box-sizing: border-box;\n height: 22px;\n width: 100%;\n display: block;\n font-size: 0.875rem;\n line-height: 1rem;\n font-family: inherit;\n padding: 1px 10px;\n border-radius: 3px;\n border: 1px solid transparent;\n\n", "\n\n ", "\n\n ", "\n\n ", "\n\n\n ", "\n\n\n \n \n\n ", ";\n\n \n\n\n &&:not(:hover):not(:focus) {\n\n ", "\n \n \n\n ", ";\n \n ", "\n }\n\n &&:hover:not(:focus) {\n\n ", "\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n\n ", "\n & + ", " {\n opacity: 1;\n \n }\n }\n\n ", "\n ", "\n\n }\n\n &&:focus {\n ", ";\n\n ", ";\n \n ", ";\n\n ", ";\n outline: none;\n\n ", ";\n\n ", ";\n }\n\n &&::placeholder {\n color: inherit;\n opacity: 0.6;\n }\n\n ", "\n"])), function (props) {
|
|
114
|
+
if (props.type === 'error') {
|
|
115
|
+
return styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n ", " !important;\n "])), props.theme.themeProp('background', '#7f1b1b', '#FEE2E2'));
|
|
116
|
+
} else if (props.type === 'warning') {
|
|
117
|
+
return styled.css(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n ", " !important;\n "])), props.theme.themeProp('background', '#634E01', '#FFFDE8'));
|
|
118
|
+
} else {
|
|
119
|
+
return props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white'));
|
|
120
|
+
}
|
|
121
|
+
}, function (props) {
|
|
114
122
|
return props.readOnly && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n cursor: default;\n "])));
|
|
115
123
|
}, function (props) {
|
|
116
124
|
return props.disabled && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n "])));
|
|
@@ -120,16 +128,18 @@ var Input = styled__default["default"].input.attrs(defaultTheme.applyDefaultThem
|
|
|
120
128
|
});
|
|
121
129
|
}, function (props) {
|
|
122
130
|
return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
|
|
123
|
-
}, function (props) {
|
|
124
|
-
return props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white'));
|
|
125
|
-
}, function (props) {
|
|
126
|
-
return props.type === 'warning' && props.theme.themeProp('background', '#634E01', '#FFFDE8');
|
|
127
|
-
}, function (props) {
|
|
128
|
-
return props.type === 'error' && props.theme.themeProp('background', '#7f1b1b', '#FBEAE6');
|
|
129
131
|
}, function (props) {
|
|
130
132
|
return props.hasLink && styled.css(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n &&:not(:focus),\n &&:read-only {\n ", "\n }\n &&:read-only {\n cursor: default;\n }\n "])), linkColor);
|
|
131
133
|
}, function (props) {
|
|
132
|
-
|
|
134
|
+
if (props.edit) {
|
|
135
|
+
if (props.type === 'error') {
|
|
136
|
+
return props.theme.themeProp('background', '#7f1b1b', '#FEE2E2');
|
|
137
|
+
} else if (props.type === 'warning') {
|
|
138
|
+
return props.theme.themeProp('background', '#634E01', '#FFFDE8');
|
|
139
|
+
} else {
|
|
140
|
+
return props.theme.themeProp('background', 'rgba(39,39,42, 0.7)', 'rgba(244,244,245, 0.3)');
|
|
141
|
+
}
|
|
142
|
+
}
|
|
133
143
|
}, function (props) {
|
|
134
144
|
return props.edit && props.theme.themeProp('border-color', 'rgba(39,39,42, 0.7)', 'rgba(228,228,231, 0.3)');
|
|
135
145
|
}, function (props) {
|
|
@@ -269,7 +279,7 @@ var CompactTextInput = React__default["default"].forwardRef(function CompactText
|
|
|
269
279
|
disabled: disabled
|
|
270
280
|
}, label, React__default["default"].createElement(SuccessContainer, null, type === 'loading' && loadingIcon, type === 'success' && successIcon)), React__default["default"].createElement(InputContainer, {
|
|
271
281
|
$hasLabel: !lodash.isEmpty(label)
|
|
272
|
-
}, !memoizedDescriptionToolTip && !link && input(), memoizedDescriptionToolTip && !link && React__default["default"].createElement("div", null, React__default["default"].createElement(Tooltip.Tooltip, {
|
|
282
|
+
}, !memoizedDescriptionToolTip && !link && React__default["default"].createElement("div", null, input()), memoizedDescriptionToolTip && !link && React__default["default"].createElement("div", null, React__default["default"].createElement(Tooltip.Tooltip, {
|
|
273
283
|
content: memoizedDescriptionToolTip,
|
|
274
284
|
key: "tooltip1",
|
|
275
285
|
placement: "bottom-end",
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var defaultTheme = require('./defaultTheme-24ea5c47.js');
|
|
4
|
+
var React = require('react');
|
|
5
|
+
var styled = require('styled-components');
|
|
6
|
+
var arrowForward = require('./arrow-forward-d7c77ae3.js');
|
|
7
|
+
|
|
8
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
9
|
+
|
|
10
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
11
|
+
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
12
|
+
|
|
13
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
|
|
14
|
+
var Container = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n font-family: ", ";\n font-size: 1rem;\n font-weight: 500;\n ", ";\n height: ", ";\n border-radius: 3px;\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 5px 0;\n"])), function (props) {
|
|
15
|
+
return props.theme.primaryFontFamily;
|
|
16
|
+
}, function (props) {
|
|
17
|
+
return props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-200'));
|
|
18
|
+
}, function (props) {
|
|
19
|
+
return props.height ? "".concat(props.height, "px") : '50px';
|
|
20
|
+
});
|
|
21
|
+
var MetricsContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n width: 70%;\n gap: 5px;\n padding-left: 15px;\n"])));
|
|
22
|
+
var IconTotalContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 10px;\n"])));
|
|
23
|
+
var Total = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n font-size: 1.22rem;\n font-weight: 700;\n ", ";\n"])), function (props) {
|
|
24
|
+
return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'));
|
|
25
|
+
});
|
|
26
|
+
var Label = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n font-size: 0.875rem;\n font-weight: 400;\n opacity: 0.8;\n ", ";\n"])), function (props) {
|
|
27
|
+
return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-500'));
|
|
28
|
+
});
|
|
29
|
+
var IconContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n align-items: center;\n width: 18px;\n margin-top: -0.05rem;\n"])));
|
|
30
|
+
var Link = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n font-size: 0.875rem;\n font-weight: 400;\n width: 30%;\n opacity: 0.7;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n margin-right: 20px;\n cursor: pointer;\n height: 100%;\n gap: 10px;\n svg {\n transition: transform 0.2s ease-in-out;\n }\n &:hover svg {\n transform: translateX(2px);\n }\n"])));
|
|
31
|
+
var ButtonLink = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject8 || (_templateObject8 = defaultTheme._taggedTemplateLiteral(["\n font-size: 0.875rem;\n font-weight: 500;\n height: 100%;\n display: flex;\n align-items: center;\n white-space: nowrap;\n opacity: ", ";\n transition: color 0.2s ease-in-out;\n ", ";\n"])), function (props) {
|
|
32
|
+
return props.isHovered ? 1 : 0.8;
|
|
33
|
+
}, function (props) {
|
|
34
|
+
return props.isHovered ? props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black')) : props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'));
|
|
35
|
+
});
|
|
36
|
+
var StyledArrowIcon = styled__default["default"](arrowForward.SvgArrowForward).attrs(defaultTheme.applyDefaultTheme)(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n height: 15px;\n margin-right: 10px;\n opacity: ", ";\n transition: transform 0.2s ease-in-out, fill 0.2s ease-in-out;\n transform: ", ";\n\n ", ";\n"])), function (props) {
|
|
37
|
+
return props.isHovered ? 1 : 0.8;
|
|
38
|
+
}, function (props) {
|
|
39
|
+
return props.isHovered ? 'translateX(2px)' : 'translateX(0)';
|
|
40
|
+
}, function (props) {
|
|
41
|
+
return props.isHovered ? props.theme.themeProp('fill', props.theme.getColor('white'), props.theme.getColor('black')) : props.theme.themeProp('fill', props.theme.getColor('white'), props.theme.getColor('black'));
|
|
42
|
+
});
|
|
43
|
+
|
|
44
|
+
var _excluded = ["icon", "total", "label", "linkLabel", "onClick", "height"];
|
|
45
|
+
var InfoCard = React__default["default"].forwardRef(function InfoCard(_ref, forwardedRef) {
|
|
46
|
+
var icon = _ref.icon,
|
|
47
|
+
total = _ref.total,
|
|
48
|
+
label = _ref.label,
|
|
49
|
+
linkLabel = _ref.linkLabel,
|
|
50
|
+
onClick = _ref.onClick,
|
|
51
|
+
height = _ref.height,
|
|
52
|
+
props = defaultTheme._objectWithoutProperties(_ref, _excluded);
|
|
53
|
+
var _useState = React.useState(false),
|
|
54
|
+
_useState2 = defaultTheme._slicedToArray(_useState, 2),
|
|
55
|
+
isLinkHovered = _useState2[0],
|
|
56
|
+
setIsLinkHovered = _useState2[1];
|
|
57
|
+
var handleLinkClick = function handleLinkClick(e) {
|
|
58
|
+
return onClick(e);
|
|
59
|
+
};
|
|
60
|
+
return React__default["default"].createElement(Container, defaultTheme._extends({
|
|
61
|
+
height: height,
|
|
62
|
+
ref: forwardedRef
|
|
63
|
+
}, props), React__default["default"].createElement(MetricsContainer, null, React__default["default"].createElement(IconTotalContainer, null, React__default["default"].createElement(IconContainer, null, icon), React__default["default"].createElement(Total, null, total)), React__default["default"].createElement(Label, null, label)), linkLabel && onClick && React__default["default"].createElement(Link, {
|
|
64
|
+
onClick: handleLinkClick,
|
|
65
|
+
onMouseEnter: function onMouseEnter() {
|
|
66
|
+
return setIsLinkHovered(true);
|
|
67
|
+
},
|
|
68
|
+
onMouseLeave: function onMouseLeave() {
|
|
69
|
+
return setIsLinkHovered(false);
|
|
70
|
+
}
|
|
71
|
+
}, React__default["default"].createElement(ButtonLink, {
|
|
72
|
+
isHovered: isLinkHovered
|
|
73
|
+
}, linkLabel), React__default["default"].createElement(StyledArrowIcon, {
|
|
74
|
+
isHovered: isLinkHovered
|
|
75
|
+
})));
|
|
76
|
+
});
|
|
77
|
+
InfoCard.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
78
|
+
icon: defaultTheme.PropTypes.element.isRequired,
|
|
79
|
+
total: defaultTheme.PropTypes.number.isRequired,
|
|
80
|
+
label: defaultTheme.PropTypes.string.isRequired,
|
|
81
|
+
linkLabel: defaultTheme.PropTypes.string,
|
|
82
|
+
onClick: defaultTheme.PropTypes.func,
|
|
83
|
+
height: defaultTheme.PropTypes.number
|
|
84
|
+
} : {};
|
|
85
|
+
|
|
86
|
+
exports.InfoCard = InfoCard;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var defaultTheme = require('./defaultTheme-
|
|
3
|
+
var defaultTheme = require('./defaultTheme-24ea5c47.js');
|
|
4
4
|
var lodash = require('lodash');
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-
|
|
7
|
-
var TextArea = require('./TextArea-
|
|
6
|
+
var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-a8ccfcad.js');
|
|
7
|
+
var TextArea = require('./TextArea-9c459b6e.js');
|
|
8
8
|
var styled = require('styled-components');
|
|
9
9
|
|
|
10
10
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -104,17 +104,17 @@ var Instructions = React__default["default"].forwardRef(function Instructions(_r
|
|
|
104
104
|
customMessage = _useState8[0],
|
|
105
105
|
setCustomMessage = _useState8[1];
|
|
106
106
|
var _useState9 = React.useState(lightBackground),
|
|
107
|
-
|
|
108
|
-
background =
|
|
109
|
-
setBackground =
|
|
110
|
-
var
|
|
107
|
+
_useState0 = defaultTheme._slicedToArray(_useState9, 2),
|
|
108
|
+
background = _useState0[0],
|
|
109
|
+
setBackground = _useState0[1];
|
|
110
|
+
var _useState1 = React.useState(true),
|
|
111
|
+
_useState10 = defaultTheme._slicedToArray(_useState1, 2),
|
|
112
|
+
initialHover = _useState10[0],
|
|
113
|
+
setInitialHover = _useState10[1];
|
|
114
|
+
var _useState11 = React.useState(),
|
|
111
115
|
_useState12 = defaultTheme._slicedToArray(_useState11, 2),
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
var _useState13 = React.useState(),
|
|
115
|
-
_useState14 = defaultTheme._slicedToArray(_useState13, 2),
|
|
116
|
-
currentValue = _useState14[0],
|
|
117
|
-
setCurrentValue = _useState14[1];
|
|
116
|
+
currentValue = _useState12[0],
|
|
117
|
+
setCurrentValue = _useState12[1];
|
|
118
118
|
React.useEffect(function () {
|
|
119
119
|
if (lodash.isFunction(subscribeCurrentValueProp)) {
|
|
120
120
|
subscribeCurrentValueProp(currentValue);
|