@ntbjs/react-components 1.1.20 → 1.1.22
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-b2345555.js → ActionButton-607bc22f.js} +1 -1
- package/{Alert-d69a3f95.js → Alert-7bbe87f3.js} +1 -1
- package/{AssetAction-b6c960c6.js → AssetAction-7afc83d9.js} +24 -24
- package/{AssetPreviewTopBar-b1fe3188.js → AssetPreviewTopBar-14bd42d0.js} +1 -1
- package/{Badge-e984e6f5.js → Badge-dc50d116.js} +1 -1
- package/{Button-76ed9637.js → Button-86626421.js} +45 -33
- package/{Checkbox-ad9c9e54.js → Checkbox-876f71f0.js} +1 -1
- package/{CompactAutocompleteSelect-b8ea245d.js → CompactAutocompleteSelect-32a19c92.js} +9 -9
- package/{CompactStarRating-c0feb5e4.js → CompactStarRating-ddbeaf93.js} +24 -21
- package/{CompactTextInput-d979c3a4.js → CompactTextInput-337b6320.js} +42 -40
- package/{ContextMenu-4eb8fdc5.js → ContextMenu-b6ba7a22.js} +1 -1
- package/{ContextMenuItem-c536b460.js → ContextMenuItem-30f7d64d.js} +1 -1
- package/{InputGroup-a89a0ea3.js → InputGroup-d25c66ad.js} +1 -1
- package/{Instructions-c0166fe0.js → Instructions-dd2880ae.js} +3 -3
- package/{MultiLevelCheckboxSelect-95f47817.js → MultiLevelCheckboxSelect-cd1ced5d.js} +12 -12
- package/{MultiSelect-939cb151.js → MultiSelect-0cfc8d6c.js} +2 -2
- package/{Popover-52d29ca6.js → Popover-5e9ab515.js} +2 -2
- package/{Radio-55db4781.js → Radio-8282d0d6.js} +1 -1
- package/{SectionSeparator-af8dc1ce.js → SectionSeparator-c9ec6fac.js} +1 -1
- package/{Switch-04ecd8d0.js → Switch-57f729bb.js} +1 -1
- package/{Tab-e43241f0.js → Tab-572141e4.js} +1 -1
- package/{Tabs-cfc08c6b.js → Tabs-9dbd5b85.js} +2 -2
- package/{TextArea-e8bb0b81.js → TextArea-a125b7b3.js} +8 -8
- package/{TextInput-16998faa.js → TextInput-9e62ab60.js} +1 -1
- package/{Tooltip-a68a7e49.js → Tooltip-5bbe5971.js} +2 -2
- package/{VerificationStatusIcon-7b0e23fe.js → VerificationStatusIcon-10460fe7.js} +1 -1
- 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-cd01e6c2.js → defaultTheme-06b819a9.js} +4 -4
- 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 +3 -3
- package/{react-select-creatable.esm-9e24f67f.js → react-select-creatable.esm-3c7b7450.js} +21 -6
- package/{shift-away-subtle-631cd794.js → shift-away-subtle-16a9f31b.js} +1 -1
- package/styles/config.scss +1 -0
- package/widgets/AssetGallery/index.js +29 -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/Instructions/index.js +13 -13
- package/widgets/index.js +29 -29
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var defaultTheme = require('./defaultTheme-
|
|
3
|
+
var defaultTheme = require('./defaultTheme-06b819a9.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-7bbe87f3.js');
|
|
9
|
+
require('./Badge-dc50d116.js');
|
|
10
|
+
var Popover = require('./Popover-5e9ab515.js');
|
|
11
|
+
require('./Tab-572141e4.js');
|
|
12
|
+
require('./Tabs-9dbd5b85.js');
|
|
13
|
+
var Tooltip = require('./Tooltip-5bbe5971.js');
|
|
14
|
+
require('./VerificationStatusIcon-10460fe7.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;
|
|
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;
|
|
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) {
|
|
@@ -63,42 +63,44 @@ var fadeOut = styled.keyframes(_templateObject2 || (_templateObject2 = defaultTh
|
|
|
63
63
|
});
|
|
64
64
|
var fadeInCheck = styled.keyframes(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n from {\n opacity: 0\n }\n to {\n opacity: 1\n }\n"])));
|
|
65
65
|
var fadeOutCheck = styled.keyframes(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n from {\n opacity: 1\n }\n to {\n opacity: 0\n }\n"])));
|
|
66
|
-
var linkColor = styled.css(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n ", "\n"])), function (props) {
|
|
67
|
-
return props.theme.themeProp('color',
|
|
66
|
+
var linkColor = styled.css(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n"])), function (props) {
|
|
67
|
+
return props.theme.themeProp('color', '#ACCDC3', props.theme.getColor('emerald-500'));
|
|
68
|
+
}, function (props) {
|
|
69
|
+
return !props.disabled && styled.css(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n &:hover {\n text-decoration: underline;\n }\n "])));
|
|
68
70
|
});
|
|
69
|
-
var commonAnchorTagStyle = styled.css(
|
|
70
|
-
var readOnlyBackground = styled.css(
|
|
71
|
+
var commonAnchorTagStyle = styled.css(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n a,\n && {\n font-size: 0.875rem;\n text-decoration: none;\n }\n"])));
|
|
72
|
+
var readOnlyBackground = styled.css(_templateObject8 || (_templateObject8 = defaultTheme._taggedTemplateLiteral(["\n ", "\n"])), function (props) {
|
|
71
73
|
return props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white'));
|
|
72
74
|
});
|
|
73
|
-
var CompactTextInput$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
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) {
|
|
74
76
|
return props.theme.primaryFontFamily;
|
|
75
77
|
});
|
|
76
|
-
var Label = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme)(
|
|
78
|
+
var Label = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject10 || (_templateObject10 = 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) {
|
|
77
79
|
return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'));
|
|
78
80
|
}, function (props) {
|
|
79
|
-
return props.disabled && styled.css(
|
|
81
|
+
return props.disabled && styled.css(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n cursor: not-allowed;\n "])));
|
|
80
82
|
});
|
|
81
|
-
var InputContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
83
|
+
var InputContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n position: relative;\n height: 19px;\n flex-basis: ", ";\n"])), function (props) {
|
|
82
84
|
return props.$hasLabel ? '66.66%' : '100%';
|
|
83
85
|
});
|
|
84
|
-
var SuccessContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
86
|
+
var SuccessContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject13 || (_templateObject13 = 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) {
|
|
85
87
|
return props.fadeIn ? 0 : 1;
|
|
86
88
|
}, function (props) {
|
|
87
89
|
return props.fadeIn ? fadeOutCheck : fadeInCheck;
|
|
88
90
|
}, function (props) {
|
|
89
91
|
return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'));
|
|
90
92
|
});
|
|
91
|
-
var InputSuccessContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
93
|
+
var InputSuccessContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject14 || (_templateObject14 = 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) {
|
|
92
94
|
return props.fadeIn ? 0 : 1;
|
|
93
95
|
}, function (props) {
|
|
94
96
|
return props.fadeIn ? fadeOutCheck : fadeInCheck;
|
|
95
97
|
}, function (props) {
|
|
96
98
|
return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'));
|
|
97
99
|
});
|
|
98
|
-
var InputIconContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
99
|
-
return props.theme.themeProp('background', styled.css(
|
|
100
|
+
var InputIconContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject15 || (_templateObject15 = 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(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n linear-gradient(-90deg,\n ", " 55%,\n transparent)\n "])), function (props) {
|
|
100
102
|
return props.type === 'error' ? '#901d1d' : props.type === 'warning' ? '#816600' : props.theme.getColor('gray-700');
|
|
101
|
-
}), styled.css(
|
|
103
|
+
}), styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n linear-gradient(-90deg,\n ", " 55%,\n transparent)\n "])), function (props) {
|
|
102
104
|
return props.type === 'error' ? '#f7d5d0' : props.type === 'warning' ? '#fffebf' : props.theme.getColor('gray-100');
|
|
103
105
|
}));
|
|
104
106
|
}, function (props) {
|
|
@@ -108,12 +110,12 @@ var InputIconContainer = styled__default["default"].div.attrs(defaultTheme.apply
|
|
|
108
110
|
}, function (props) {
|
|
109
111
|
return props.type === 'error' && props.theme.themeProp('color', '#CB968F', '#CB968F');
|
|
110
112
|
});
|
|
111
|
-
var Input = styled__default["default"].input.attrs(defaultTheme.applyDefaultTheme)(
|
|
112
|
-
return props.readOnly && styled.css(
|
|
113
|
+
var Input = styled__default["default"].input.attrs(defaultTheme.applyDefaultTheme)(_templateObject18 || (_templateObject18 = 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 &&:not(:hover):not(:focus) {\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
|
+
return props.readOnly && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n cursor: default;\n "])));
|
|
113
115
|
}, function (props) {
|
|
114
|
-
return props.disabled && styled.css(
|
|
116
|
+
return props.disabled && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n "])));
|
|
115
117
|
}, function (props) {
|
|
116
|
-
return props.type === 'success' && styled.css(
|
|
118
|
+
return props.type === 'success' && styled.css(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n animation: ", " 0.5s ease-in-out;\n "])), function (props) {
|
|
117
119
|
return props.type === 'success' ? fadeIn : fadeOut;
|
|
118
120
|
});
|
|
119
121
|
}, function (props) {
|
|
@@ -125,17 +127,17 @@ var Input = styled__default["default"].input.attrs(defaultTheme.applyDefaultThem
|
|
|
125
127
|
}, function (props) {
|
|
126
128
|
return props.type === 'error' && props.theme.themeProp('background', '#7f1b1b', '#FBEAE6');
|
|
127
129
|
}, function (props) {
|
|
128
|
-
return props.hasLink && styled.css(
|
|
130
|
+
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);
|
|
129
131
|
}, function (props) {
|
|
130
132
|
return props.edit && props.theme.themeProp('background', 'rgba(39,39,42, 0.7)', 'rgba(244,244,245, 0.3)');
|
|
131
133
|
}, function (props) {
|
|
132
134
|
return props.edit && props.theme.themeProp('border-color', 'rgba(39,39,42, 0.7)', 'rgba(228,228,231, 0.3)');
|
|
133
135
|
}, function (props) {
|
|
134
|
-
return props.hasLink && styled.css(
|
|
136
|
+
return props.hasLink && styled.css(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n &&:not(:focus),\n &&:read-only {\n cursor: default;\n ", "\n }\n "])), linkColor);
|
|
135
137
|
}, function (props) {
|
|
136
138
|
return props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
|
|
137
139
|
}, function (props) {
|
|
138
|
-
return props.readOnly && styled.css(
|
|
140
|
+
return props.readOnly && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), readOnlyBackground);
|
|
139
141
|
}, function (props) {
|
|
140
142
|
return props.edit && props.theme.themeProp('border-color', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
|
|
141
143
|
}, function (props) {
|
|
@@ -143,35 +145,35 @@ var Input = styled__default["default"].input.attrs(defaultTheme.applyDefaultThem
|
|
|
143
145
|
}, function (props) {
|
|
144
146
|
return props.type === 'error' && props.theme.themeProp('background', '#901d1d', '#F7D5D0');
|
|
145
147
|
}, function (props) {
|
|
146
|
-
return props.hasLink && styled.css(
|
|
148
|
+
return props.hasLink && styled.css(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n cursor: pointer;\n &&:read-only {\n background: none !important;\n cursor: default;\n }\n "])));
|
|
147
149
|
}, InputIconContainer, function (props) {
|
|
148
|
-
return props.disabled && styled.css(
|
|
150
|
+
return props.disabled && styled.css(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n background: none !important;\n cursor: not-allowed;\n "])));
|
|
149
151
|
}, function (props) {
|
|
150
|
-
return props.disabled && props.hasLink && styled.css(
|
|
152
|
+
return props.disabled && props.hasLink && styled.css(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n background: none !important;\n cursor: not-allowed !important;\n "])));
|
|
151
153
|
}, function (props) {
|
|
152
154
|
return !props.readOnly && props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
|
|
153
155
|
}, function (props) {
|
|
154
|
-
return props.readOnly && styled.css(
|
|
156
|
+
return props.readOnly && styled.css(_templateObject28 || (_templateObject28 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), readOnlyBackground);
|
|
155
157
|
}, function (props) {
|
|
156
158
|
return props.type === 'error' && !props.readOnly && props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
|
|
157
159
|
}, function (props) {
|
|
158
|
-
return !props.readOnly && styled.css(
|
|
160
|
+
return !props.readOnly && styled.css(_templateObject29 || (_templateObject29 = defaultTheme._taggedTemplateLiteral(["\n border-color: ", ";\n "])), function (props) {
|
|
159
161
|
return props.theme.getColor('gray-600');
|
|
160
162
|
});
|
|
161
163
|
}, function (props) {
|
|
162
|
-
return props.type === 'warning' && styled.css(
|
|
164
|
+
return props.type === 'warning' && styled.css(_templateObject30 || (_templateObject30 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n "])), function (props) {
|
|
163
165
|
return props.theme.themeProp('border-color', '#F4E21E', '#F4E21E');
|
|
164
166
|
}, props.theme.themeProp('background', 'white', 'white'), props.theme.themeProp('color', 'black', 'black'));
|
|
165
167
|
}, function (props) {
|
|
166
|
-
return props.type === 'error' && styled.css(
|
|
168
|
+
return props.type === 'error' && styled.css(_templateObject31 || (_templateObject31 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n "])), function (props) {
|
|
167
169
|
return props.theme.themeProp('border-color', '#D83018', '#D83018');
|
|
168
170
|
}, props.theme.themeProp('background', 'white', 'white'), props.theme.themeProp('color', 'black', 'black'));
|
|
169
171
|
}, function (props) {
|
|
170
|
-
return props.bold && styled.css(
|
|
172
|
+
return props.bold && styled.css(_templateObject32 || (_templateObject32 = defaultTheme._taggedTemplateLiteral(["\n font-size: 1rem;\n font-weight: 500;\n line-height: 1.0625;\n padding-top: 3px;\n padding-bottom: 2px;\n "])));
|
|
171
173
|
});
|
|
172
|
-
var LinkPopoverContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
173
|
-
var StyledLink = styled__default["default"].a.attrs(defaultTheme.applyDefaultTheme)(
|
|
174
|
-
var ReadOnlyLinkContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
174
|
+
var LinkPopoverContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject33 || (_templateObject33 = defaultTheme._taggedTemplateLiteral(["\n ", "\n\n padding: 5px 8px;\n\n svg {\n width: 18px;\n margin-right: 8px;\n }\n"])), commonAnchorTagStyle);
|
|
175
|
+
var StyledLink = styled__default["default"].a.attrs(defaultTheme.applyDefaultTheme)(_templateObject34 || (_templateObject34 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n"])), commonAnchorTagStyle, linkColor);
|
|
176
|
+
var ReadOnlyLinkContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject35 || (_templateObject35 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n border: 1px solid transparent;\n border-radius: 3px;\n padding: 0 10px 1px;\n"])), readOnlyBackground);
|
|
175
177
|
|
|
176
178
|
var _excluded = ["label", "inputType", "name", "defaultValue", "value", "placeholder", "link", "linkTarget", "linkHandler", "activeLinkHandler", "autoSelect", "readOnly", "disabled", "edit", "type", "descriptionToolTip", "bold", "hidden", "onChange", "onFocus", "onBlur", "loadingIcon", "successIcon"];
|
|
177
179
|
var CompactTextInput = React__default["default"].forwardRef(function CompactTextInput(_ref, forwardedRef) {
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var defaultTheme = require('./defaultTheme-
|
|
3
|
+
var defaultTheme = require('./defaultTheme-06b819a9.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-32a19c92.js');
|
|
7
|
+
var TextArea = require('./TextArea-a125b7b3.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 }; }
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var defaultTheme = require('./defaultTheme-
|
|
3
|
+
var defaultTheme = require('./defaultTheme-06b819a9.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var styled = require('styled-components');
|
|
6
|
-
require('./Alert-
|
|
7
|
-
require('./Badge-
|
|
8
|
-
var Popover = require('./Popover-
|
|
9
|
-
require('./Tab-
|
|
10
|
-
require('./Tabs-
|
|
11
|
-
require('./Tooltip-
|
|
12
|
-
require('./VerificationStatusIcon-
|
|
13
|
-
var Checkbox = require('./Checkbox-
|
|
6
|
+
require('./Alert-7bbe87f3.js');
|
|
7
|
+
require('./Badge-dc50d116.js');
|
|
8
|
+
var Popover = require('./Popover-5e9ab515.js');
|
|
9
|
+
require('./Tab-572141e4.js');
|
|
10
|
+
require('./Tabs-9dbd5b85.js');
|
|
11
|
+
require('./Tooltip-5bbe5971.js');
|
|
12
|
+
require('./VerificationStatusIcon-10460fe7.js');
|
|
13
|
+
var Checkbox = require('./Checkbox-876f71f0.js');
|
|
14
14
|
var lodash = require('lodash');
|
|
15
|
-
var TextInput = require('./TextInput-
|
|
16
|
-
require('./InputGroup-
|
|
17
|
-
var SectionSeparator = require('./SectionSeparator-
|
|
15
|
+
var TextInput = require('./TextInput-9e62ab60.js');
|
|
16
|
+
require('./InputGroup-d25c66ad.js');
|
|
17
|
+
var SectionSeparator = require('./SectionSeparator-c9ec6fac.js');
|
|
18
18
|
var close = require('./close-1751121a.js');
|
|
19
19
|
|
|
20
20
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var defaultTheme = require('./defaultTheme-
|
|
3
|
+
var defaultTheme = require('./defaultTheme-06b819a9.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var nanoid = require('nanoid');
|
|
6
6
|
var styled = require('styled-components');
|
|
7
7
|
var close = require('./close-1751121a.js');
|
|
8
8
|
var Select = require('react-select');
|
|
9
|
-
var reactSelectCreatable_esm = require('./react-select-creatable.esm-
|
|
9
|
+
var reactSelectCreatable_esm = require('./react-select-creatable.esm-3c7b7450.js');
|
|
10
10
|
var reactSelectAsyncPaginate = require('react-select-async-paginate');
|
|
11
11
|
|
|
12
12
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var defaultTheme = require('./defaultTheme-
|
|
3
|
+
var defaultTheme = require('./defaultTheme-06b819a9.js');
|
|
4
4
|
var lodash = require('lodash');
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var styled = require('styled-components');
|
|
7
7
|
var polished = require('polished');
|
|
8
8
|
var TippyTooltip = require('@tippyjs/react');
|
|
9
|
-
require('./shift-away-subtle-
|
|
9
|
+
require('./shift-away-subtle-16a9f31b.js');
|
|
10
10
|
var maxSize = require('popper-max-size-modifier');
|
|
11
11
|
|
|
12
12
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var defaultTheme = require('./defaultTheme-
|
|
3
|
+
var defaultTheme = require('./defaultTheme-06b819a9.js');
|
|
4
4
|
var lodash = require('lodash');
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var Tab = require('./Tab-
|
|
6
|
+
var Tab = require('./Tab-572141e4.js');
|
|
7
7
|
var styled = require('styled-components');
|
|
8
8
|
|
|
9
9
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var defaultTheme = require('./defaultTheme-
|
|
3
|
+
var defaultTheme = require('./defaultTheme-06b819a9.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var lodash = require('lodash');
|
|
6
6
|
var useMergedRefs = require('./useMergedRefs-b6d2f8fc.js');
|
|
7
7
|
var nanoid = require('nanoid');
|
|
8
|
-
require('./Alert-
|
|
9
|
-
require('./Badge-
|
|
10
|
-
require('./Popover-
|
|
11
|
-
require('./Tab-
|
|
12
|
-
require('./Tabs-
|
|
13
|
-
var Tooltip = require('./Tooltip-
|
|
14
|
-
require('./VerificationStatusIcon-
|
|
8
|
+
require('./Alert-7bbe87f3.js');
|
|
9
|
+
require('./Badge-dc50d116.js');
|
|
10
|
+
require('./Popover-5e9ab515.js');
|
|
11
|
+
require('./Tab-572141e4.js');
|
|
12
|
+
require('./Tabs-9dbd5b85.js');
|
|
13
|
+
var Tooltip = require('./Tooltip-5bbe5971.js');
|
|
14
|
+
require('./VerificationStatusIcon-10460fe7.js');
|
|
15
15
|
var editNote = require('./edit-note-cefe2215.js');
|
|
16
16
|
var styled = require('styled-components');
|
|
17
17
|
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var defaultTheme = require('./defaultTheme-
|
|
3
|
+
var defaultTheme = require('./defaultTheme-06b819a9.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var styled = require('styled-components');
|
|
6
6
|
var TippyTooltip = require('@tippyjs/react');
|
|
7
|
-
require('./shift-away-subtle-
|
|
7
|
+
require('./shift-away-subtle-16a9f31b.js');
|
|
8
8
|
|
|
9
9
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
10
10
|
|
package/data/Alert/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var Alert = require('../../Alert-
|
|
4
|
-
require('../../defaultTheme-
|
|
3
|
+
var Alert = require('../../Alert-7bbe87f3.js');
|
|
4
|
+
require('../../defaultTheme-06b819a9.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('react');
|
|
7
7
|
require('lodash');
|
package/data/Badge/index.js
CHANGED
package/data/Popover/index.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var Popover = require('../../Popover-
|
|
4
|
-
require('../../defaultTheme-
|
|
3
|
+
var Popover = require('../../Popover-5e9ab515.js');
|
|
4
|
+
require('../../defaultTheme-06b819a9.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('lodash');
|
|
7
7
|
require('react');
|
|
8
8
|
require('polished');
|
|
9
9
|
require('@tippyjs/react');
|
|
10
|
-
require('../../shift-away-subtle-
|
|
10
|
+
require('../../shift-away-subtle-16a9f31b.js');
|
|
11
11
|
require('popper-max-size-modifier');
|
|
12
12
|
|
|
13
13
|
|
package/data/Tab/index.js
CHANGED
package/data/Tabs/index.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var Tabs = require('../../Tabs-
|
|
4
|
-
require('../../defaultTheme-
|
|
3
|
+
var Tabs = require('../../Tabs-9dbd5b85.js');
|
|
4
|
+
require('../../defaultTheme-06b819a9.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('lodash');
|
|
7
7
|
require('react');
|
|
8
|
-
require('../../Tab-
|
|
8
|
+
require('../../Tab-572141e4.js');
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
|
package/data/Tooltip/index.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var Tooltip = require('../../Tooltip-
|
|
4
|
-
require('../../defaultTheme-
|
|
3
|
+
var Tooltip = require('../../Tooltip-5bbe5971.js');
|
|
4
|
+
require('../../defaultTheme-06b819a9.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('react');
|
|
7
7
|
require('@tippyjs/react');
|
|
8
|
-
require('../../shift-away-subtle-
|
|
8
|
+
require('../../shift-away-subtle-16a9f31b.js');
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
|
package/data/index.js
CHANGED
|
@@ -2,20 +2,20 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var Alert = require('../Alert-
|
|
6
|
-
var Badge = require('../Badge-
|
|
7
|
-
var Popover = require('../Popover-
|
|
8
|
-
var Tab = require('../Tab-
|
|
9
|
-
var Tabs = require('../Tabs-
|
|
10
|
-
var Tooltip = require('../Tooltip-
|
|
11
|
-
var VerificationStatusIcon = require('../VerificationStatusIcon-
|
|
12
|
-
require('../defaultTheme-
|
|
5
|
+
var Alert = require('../Alert-7bbe87f3.js');
|
|
6
|
+
var Badge = require('../Badge-dc50d116.js');
|
|
7
|
+
var Popover = require('../Popover-5e9ab515.js');
|
|
8
|
+
var Tab = require('../Tab-572141e4.js');
|
|
9
|
+
var Tabs = require('../Tabs-9dbd5b85.js');
|
|
10
|
+
var Tooltip = require('../Tooltip-5bbe5971.js');
|
|
11
|
+
var VerificationStatusIcon = require('../VerificationStatusIcon-10460fe7.js');
|
|
12
|
+
require('../defaultTheme-06b819a9.js');
|
|
13
13
|
require('styled-components');
|
|
14
14
|
require('react');
|
|
15
15
|
require('lodash');
|
|
16
16
|
require('polished');
|
|
17
17
|
require('@tippyjs/react');
|
|
18
|
-
require('../shift-away-subtle-
|
|
18
|
+
require('../shift-away-subtle-16a9f31b.js');
|
|
19
19
|
require('popper-max-size-modifier');
|
|
20
20
|
|
|
21
21
|
|
|
@@ -141,8 +141,8 @@ function _objectWithoutProperties(e, t) {
|
|
|
141
141
|
r,
|
|
142
142
|
i = _objectWithoutPropertiesLoose(e, t);
|
|
143
143
|
if (Object.getOwnPropertySymbols) {
|
|
144
|
-
var
|
|
145
|
-
for (r = 0; r <
|
|
144
|
+
var n = Object.getOwnPropertySymbols(e);
|
|
145
|
+
for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
|
|
146
146
|
}
|
|
147
147
|
return i;
|
|
148
148
|
}
|
|
@@ -150,7 +150,7 @@ function _objectWithoutPropertiesLoose(r, e) {
|
|
|
150
150
|
if (null == r) return {};
|
|
151
151
|
var t = {};
|
|
152
152
|
for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
|
|
153
|
-
if (e.
|
|
153
|
+
if (-1 !== e.indexOf(n)) continue;
|
|
154
154
|
t[n] = r[n];
|
|
155
155
|
}
|
|
156
156
|
return t;
|
|
@@ -1332,7 +1332,7 @@ function styleInject(css, ref) {
|
|
|
1332
1332
|
}
|
|
1333
1333
|
|
|
1334
1334
|
var css_248z = "/**\n * Colors\n */";
|
|
1335
|
-
var importedColors = {"orange-500":"#ff9900","orange-400":"#ffcb7e","emerald-500":"#30826a","emerald-400":"#64b49d","emerald-300":"#bfe0d5","emerald-200":"#f3f9f7","gray-900":"#141313","gray-800":"#272727","gray-700":"#323232","gray-600":"#505050","gray-500":"#767676","gray-400":"#b0b6b9","gray-300":"#d9dce0","gray-200":"#eff1f4","gray-100":"#f7f8f9","cercise-500":"#5f1031","cercise-400":"#854962","cercise-300":"#d099b0","cercise-100":"#f9f3f5","red-600":"#7f1b1b","red-500":"#d83000","red-200":"#fbeae6","brown-500":"#634e01","signal-yellow-500":"#f4e21e","signal-yellow-400":"#fff36c","signal-green-500":"#00bd98","signal-green-400":"#a3ffe0","black":"#202435","white":"#ffffff"};
|
|
1335
|
+
var importedColors = {"orange-500":"#ff9900","orange-400":"#ffcb7e","emerald-600":"#296c58","emerald-500":"#30826a","emerald-400":"#64b49d","emerald-300":"#bfe0d5","emerald-200":"#f3f9f7","gray-900":"#141313","gray-800":"#272727","gray-700":"#323232","gray-600":"#505050","gray-500":"#767676","gray-400":"#b0b6b9","gray-300":"#d9dce0","gray-200":"#eff1f4","gray-100":"#f7f8f9","cercise-500":"#5f1031","cercise-400":"#854962","cercise-300":"#d099b0","cercise-100":"#f9f3f5","red-600":"#7f1b1b","red-500":"#d83000","red-200":"#fbeae6","brown-500":"#634e01","signal-yellow-500":"#f4e21e","signal-yellow-400":"#fff36c","signal-green-500":"#00bd98","signal-green-400":"#a3ffe0","black":"#202435","white":"#ffffff"};
|
|
1336
1336
|
styleInject(css_248z);
|
|
1337
1337
|
|
|
1338
1338
|
var _excluded = ["theme"];
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var ActionButton = require('../../ActionButton-
|
|
4
|
-
require('../../defaultTheme-
|
|
3
|
+
var ActionButton = require('../../ActionButton-607bc22f.js');
|
|
4
|
+
require('../../defaultTheme-06b819a9.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('react');
|
|
7
7
|
require('polished');
|
package/inputs/Button/index.js
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var Button = require('../../Button-
|
|
4
|
-
require('../../defaultTheme-
|
|
3
|
+
var Button = require('../../Button-86626421.js');
|
|
4
|
+
require('../../defaultTheme-06b819a9.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('react');
|
|
7
|
-
require('../../Popover-
|
|
7
|
+
require('../../Popover-5e9ab515.js');
|
|
8
8
|
require('lodash');
|
|
9
9
|
require('polished');
|
|
10
10
|
require('@tippyjs/react');
|
|
11
|
-
require('../../shift-away-subtle-
|
|
11
|
+
require('../../shift-away-subtle-16a9f31b.js');
|
|
12
12
|
require('popper-max-size-modifier');
|
|
13
|
-
require('../../ContextMenu-
|
|
13
|
+
require('../../ContextMenu-b6ba7a22.js');
|
|
14
14
|
require('../../expand-more-d74e2bd2.js');
|
|
15
15
|
|
|
16
16
|
|
package/inputs/Checkbox/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var Checkbox = require('../../Checkbox-
|
|
4
|
-
require('../../defaultTheme-
|
|
3
|
+
var Checkbox = require('../../Checkbox-876f71f0.js');
|
|
4
|
+
require('../../defaultTheme-06b819a9.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('react');
|
|
7
7
|
require('nanoid');
|