@ntbjs/react-components 1.1.27 → 1.1.29
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-5bc79370.js → ActionButton-41ea1bda.js} +1 -1
- package/{Alert-edd9f6a7.js → Alert-6e35a197.js} +1 -1
- package/{AssetAction-a47d4cb3.js → AssetAction-8e86002e.js} +26 -26
- package/{AssetPreviewTopBar-6eaa7df8.js → AssetPreviewTopBar-d8887502.js} +1 -1
- package/{Badge-00b2f311.js → Badge-a0b1a4e4.js} +1 -1
- package/{Button-82e91acb.js → Button-cb9afe67.js} +13 -5
- package/{Checkbox-c441fdba.js → Checkbox-153048de.js} +1 -1
- package/{CompactAutocompleteSelect-4c2eb20c.js → CompactAutocompleteSelect-d87f259e.js} +9 -9
- package/{CompactStarRating-a3d5af80.js → CompactStarRating-224afe96.js} +8 -8
- package/{CompactTextInput-1e61fdbd.js → CompactTextInput-f951e9e5.js} +8 -8
- package/{ContextMenu-9645746f.js → ContextMenu-5198c59f.js} +1 -1
- package/{ContextMenuItem-ae252503.js → ContextMenuItem-fdb31645.js} +1 -1
- package/{InfoCard-005063b4.js → InfoCard-11f0ca7f.js} +9 -9
- package/{InputGroup-3598e37c.js → InputGroup-3dfa0822.js} +1 -1
- package/{Instructions-a273c2ae.js → Instructions-fa82c59d.js} +3 -3
- package/{MultiLevelCheckboxSelect-5c4cd6d5.js → MultiLevelCheckboxSelect-ac6eb537.js} +12 -12
- package/{MultiSelect-0bdad346.js → MultiSelect-efaecd6e.js} +2 -2
- package/{Popover-f00121a3.js → Popover-3bad6306.js} +2 -2
- package/{ProgressBar-7d31fd95.js → ProgressBar-e6a86080.js} +9 -9
- package/{Radio-758fd8f3.js → Radio-57777d52.js} +1 -1
- package/{SectionSeparator-98ec5164.js → SectionSeparator-b9da17f3.js} +1 -1
- package/{Switch-26547abb.js → Switch-8892872d.js} +1 -1
- package/{Tab-d3ee0a3b.js → Tab-a4efa5a2.js} +1 -1
- package/{Tabs-b3a62023.js → Tabs-33a888fb.js} +2 -2
- package/{TextArea-2395b45a.js → TextArea-2b00a334.js} +8 -8
- package/{TextInput-70cb3df7.js → TextInput-49dfb522.js} +1 -1
- package/{Tooltip-7dc4676b.js → Tooltip-ddd4ac6b.js} +2 -2
- package/{VerificationStatusIcon-f3c44ef8.js → VerificationStatusIcon-b92fe0ae.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-24ea5c47.js → defaultTheme-e27880d7.js} +1 -1
- 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 +1 -1
- package/{react-select-creatable.esm-09b1be95.js → react-select-creatable.esm-9bb6a785.js} +7 -5
- package/{shift-away-subtle-dce50395.js → shift-away-subtle-d02f851e.js} +1 -1
- package/styles/config.scss +1 -0
- package/widgets/AssetGallery/index.js +31 -31
- 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 +2 -2
- package/widgets/Instructions/index.js +13 -13
- package/widgets/ProgressBar/index.js +2 -2
- package/widgets/index.js +31 -31
|
@@ -1,39 +1,39 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var defaultTheme = require('./defaultTheme-
|
|
3
|
+
var defaultTheme = require('./defaultTheme-e27880d7.js');
|
|
4
4
|
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-ac6eb537.js');
|
|
9
9
|
var styled = require('styled-components');
|
|
10
10
|
var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
|
|
11
|
-
var Instructions = require('./Instructions-
|
|
12
|
-
var Alert = require('./Alert-
|
|
13
|
-
var Badge = require('./Badge-
|
|
14
|
-
var Popover = require('./Popover-
|
|
15
|
-
require('./Tab-
|
|
16
|
-
require('./Tabs-
|
|
17
|
-
var Tooltip = require('./Tooltip-
|
|
18
|
-
require('./VerificationStatusIcon-
|
|
11
|
+
var Instructions = require('./Instructions-fa82c59d.js');
|
|
12
|
+
var Alert = require('./Alert-6e35a197.js');
|
|
13
|
+
var Badge = require('./Badge-a0b1a4e4.js');
|
|
14
|
+
var Popover = require('./Popover-3bad6306.js');
|
|
15
|
+
require('./Tab-a4efa5a2.js');
|
|
16
|
+
require('./Tabs-33a888fb.js');
|
|
17
|
+
var Tooltip = require('./Tooltip-ddd4ac6b.js');
|
|
18
|
+
require('./VerificationStatusIcon-b92fe0ae.js');
|
|
19
19
|
var react = require('@floating-ui/react');
|
|
20
20
|
var polished = require('polished');
|
|
21
|
-
var ContextMenu = require('./ContextMenu-
|
|
22
|
-
require('./AssetPreviewTopBar-
|
|
23
|
-
require('./ProgressBar-
|
|
24
|
-
require('./InfoCard-
|
|
25
|
-
var ActionButton = require('./ActionButton-
|
|
26
|
-
require('./Button-
|
|
27
|
-
require('./Checkbox-
|
|
28
|
-
require('./CompactAutocompleteSelect-
|
|
29
|
-
require('./CompactStarRating-
|
|
30
|
-
require('./CompactTextInput-
|
|
31
|
-
require('./MultiSelect-
|
|
32
|
-
require('./Radio-
|
|
33
|
-
require('./TextArea-
|
|
34
|
-
require('./TextInput-
|
|
35
|
-
require('./Switch-
|
|
36
|
-
var ContextMenuItem = require('./ContextMenuItem-
|
|
21
|
+
var ContextMenu = require('./ContextMenu-5198c59f.js');
|
|
22
|
+
require('./AssetPreviewTopBar-d8887502.js');
|
|
23
|
+
require('./ProgressBar-e6a86080.js');
|
|
24
|
+
require('./InfoCard-11f0ca7f.js');
|
|
25
|
+
var ActionButton = require('./ActionButton-41ea1bda.js');
|
|
26
|
+
require('./Button-cb9afe67.js');
|
|
27
|
+
require('./Checkbox-153048de.js');
|
|
28
|
+
require('./CompactAutocompleteSelect-d87f259e.js');
|
|
29
|
+
require('./CompactStarRating-224afe96.js');
|
|
30
|
+
require('./CompactTextInput-f951e9e5.js');
|
|
31
|
+
require('./MultiSelect-efaecd6e.js');
|
|
32
|
+
require('./Radio-57777d52.js');
|
|
33
|
+
require('./TextArea-2b00a334.js');
|
|
34
|
+
require('./TextInput-49dfb522.js');
|
|
35
|
+
require('./Switch-8892872d.js');
|
|
36
|
+
var ContextMenuItem = require('./ContextMenuItem-fdb31645.js');
|
|
37
37
|
|
|
38
38
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
39
39
|
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var defaultTheme = require('./defaultTheme-
|
|
3
|
+
var defaultTheme = require('./defaultTheme-e27880d7.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var styled = require('styled-components');
|
|
6
|
-
var Popover = require('./Popover-
|
|
7
|
-
var ContextMenu = require('./ContextMenu-
|
|
6
|
+
var Popover = require('./Popover-3bad6306.js');
|
|
7
|
+
var ContextMenu = require('./ContextMenu-5198c59f.js');
|
|
8
8
|
var expandMore = require('./expand-more-d74e2bd2.js');
|
|
9
9
|
|
|
10
10
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -13,8 +13,10 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
13
13
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
14
14
|
|
|
15
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
|
-
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:
|
|
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: ", "px 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
|
+
}, function (props) {
|
|
19
|
+
return props.border;
|
|
18
20
|
}, function (props) {
|
|
19
21
|
return props.theme.getColor('emerald-500');
|
|
20
22
|
}, function (props) {
|
|
@@ -84,7 +86,7 @@ var DropdownButtonContainer = styled__default["default"].div.attrs(defaultTheme.
|
|
|
84
86
|
return !props.singleAction && 'margin-bottom: 1px';
|
|
85
87
|
});
|
|
86
88
|
|
|
87
|
-
var _excluded = ["onClickEffect", "singleAction", "activeDropdown", "dropdownItems", "secondary", "outlined", "block", "icon", "size", "disabled", "loading", "className", "children", "singleActionGap", "width"];
|
|
89
|
+
var _excluded = ["onClickEffect", "singleAction", "activeDropdown", "dropdownItems", "secondary", "outlined", "block", "icon", "size", "disabled", "loading", "className", "children", "singleActionGap", "width", "border"];
|
|
88
90
|
var Button = React__default["default"].forwardRef(function Button(_ref, forwardedRef) {
|
|
89
91
|
var onClickEffect = _ref.onClickEffect,
|
|
90
92
|
_ref$singleAction = _ref.singleAction,
|
|
@@ -105,6 +107,8 @@ var Button = React__default["default"].forwardRef(function Button(_ref, forwarde
|
|
|
105
107
|
_ref$singleActionGap = _ref.singleActionGap,
|
|
106
108
|
singleActionGap = _ref$singleActionGap === void 0 ? 34 : _ref$singleActionGap,
|
|
107
109
|
width = _ref.width,
|
|
110
|
+
_ref$border = _ref.border,
|
|
111
|
+
border = _ref$border === void 0 ? 2 : _ref$border,
|
|
108
112
|
props = defaultTheme._objectWithoutProperties(_ref, _excluded);
|
|
109
113
|
var _useState = React.useState(loading || false),
|
|
110
114
|
_useState2 = defaultTheme._slicedToArray(_useState, 2),
|
|
@@ -167,6 +171,7 @@ var Button = React__default["default"].forwardRef(function Button(_ref, forwarde
|
|
|
167
171
|
}, React__default["default"].createElement(Button$1, defaultTheme._extends({
|
|
168
172
|
ref: forwardedRef,
|
|
169
173
|
onClick: onClickEffect,
|
|
174
|
+
border: border,
|
|
170
175
|
singleAction: singleAction,
|
|
171
176
|
dropdownItems: dropdownItems,
|
|
172
177
|
secondary: secondary,
|
|
@@ -214,6 +219,7 @@ var Button = React__default["default"].forwardRef(function Button(_ref, forwarde
|
|
|
214
219
|
dropdownItems: dropdownItems,
|
|
215
220
|
secondary: secondary,
|
|
216
221
|
outlined: outlined,
|
|
222
|
+
border: border,
|
|
217
223
|
block: block,
|
|
218
224
|
size: size,
|
|
219
225
|
disabled: disabled,
|
|
@@ -240,6 +246,7 @@ var Button = React__default["default"].forwardRef(function Button(_ref, forwarde
|
|
|
240
246
|
dropdownItems: dropdownItems,
|
|
241
247
|
secondary: secondary,
|
|
242
248
|
outlined: outlined,
|
|
249
|
+
border: border,
|
|
243
250
|
block: block,
|
|
244
251
|
size: size,
|
|
245
252
|
disabled: disabled,
|
|
@@ -259,6 +266,7 @@ Button.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
259
266
|
dropdownItems: defaultTheme.PropTypes.node,
|
|
260
267
|
secondary: defaultTheme.PropTypes.bool,
|
|
261
268
|
outlined: defaultTheme.PropTypes.bool,
|
|
269
|
+
border: defaultTheme.PropTypes.number,
|
|
262
270
|
block: defaultTheme.PropTypes.bool,
|
|
263
271
|
icon: defaultTheme.PropTypes.element,
|
|
264
272
|
size: defaultTheme.PropTypes.oneOf(['x-small', 'small', 'normal', 'large']),
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var defaultTheme = require('./defaultTheme-
|
|
3
|
+
var defaultTheme = require('./defaultTheme-e27880d7.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-6e35a197.js');
|
|
8
|
+
require('./Badge-a0b1a4e4.js');
|
|
9
|
+
require('./Popover-3bad6306.js');
|
|
10
|
+
require('./Tab-a4efa5a2.js');
|
|
11
|
+
require('./Tabs-33a888fb.js');
|
|
12
|
+
var Tooltip = require('./Tooltip-ddd4ac6b.js');
|
|
13
|
+
require('./VerificationStatusIcon-b92fe0ae.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-9bb6a785.js');
|
|
18
18
|
var close = require('./close-1751121a.js');
|
|
19
19
|
var expandMore = require('./expand-more-d74e2bd2.js');
|
|
20
20
|
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var defaultTheme = require('./defaultTheme-
|
|
3
|
+
var defaultTheme = require('./defaultTheme-e27880d7.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-6e35a197.js');
|
|
6
|
+
require('./Badge-a0b1a4e4.js');
|
|
7
|
+
require('./Popover-3bad6306.js');
|
|
8
|
+
require('./Tab-a4efa5a2.js');
|
|
9
|
+
require('./Tabs-33a888fb.js');
|
|
10
|
+
var Tooltip = require('./Tooltip-ddd4ac6b.js');
|
|
11
|
+
require('./VerificationStatusIcon-b92fe0ae.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 }; }
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var defaultTheme = require('./defaultTheme-
|
|
3
|
+
var defaultTheme = require('./defaultTheme-e27880d7.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-6e35a197.js');
|
|
9
|
+
require('./Badge-a0b1a4e4.js');
|
|
10
|
+
var Popover = require('./Popover-3bad6306.js');
|
|
11
|
+
require('./Tab-a4efa5a2.js');
|
|
12
|
+
require('./Tabs-33a888fb.js');
|
|
13
|
+
var Tooltip = require('./Tooltip-ddd4ac6b.js');
|
|
14
|
+
require('./VerificationStatusIcon-b92fe0ae.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 }; }
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var defaultTheme = require('./defaultTheme-
|
|
3
|
+
var defaultTheme = require('./defaultTheme-e27880d7.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var styled = require('styled-components');
|
|
6
6
|
var arrowForward = require('./arrow-forward-d7c77ae3.js');
|
|
@@ -14,7 +14,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
|
|
|
14
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
15
|
return props.theme.primaryFontFamily;
|
|
16
16
|
}, function (props) {
|
|
17
|
-
return props.theme.themeProp('background', props.theme.getColor('gray-
|
|
17
|
+
return props.theme.themeProp('background', props.theme.getColor('gray-800'), props.theme.getColor('gray-50'));
|
|
18
18
|
}, function (props) {
|
|
19
19
|
return props.height ? "".concat(props.height, "px") : '50px';
|
|
20
20
|
});
|
|
@@ -29,16 +29,16 @@ var Label = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)
|
|
|
29
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
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
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
|
|
32
|
+
return props.$isHovered ? 1 : 0.8;
|
|
33
33
|
}, function (props) {
|
|
34
|
-
return 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
35
|
});
|
|
36
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
|
|
37
|
+
return props.$isHovered ? 1 : 0.8;
|
|
38
38
|
}, function (props) {
|
|
39
|
-
return props
|
|
39
|
+
return props.$isHovered ? 'translateX(2px)' : 'translateX(0)';
|
|
40
40
|
}, function (props) {
|
|
41
|
-
return 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
42
|
});
|
|
43
43
|
|
|
44
44
|
var _excluded = ["icon", "total", "label", "linkLabel", "onClick", "height"];
|
|
@@ -69,9 +69,9 @@ var InfoCard = React__default["default"].forwardRef(function InfoCard(_ref, forw
|
|
|
69
69
|
return setIsLinkHovered(false);
|
|
70
70
|
}
|
|
71
71
|
}, React__default["default"].createElement(ButtonLink, {
|
|
72
|
-
isHovered: isLinkHovered
|
|
72
|
+
$isHovered: isLinkHovered
|
|
73
73
|
}, linkLabel), React__default["default"].createElement(StyledArrowIcon, {
|
|
74
|
-
isHovered: isLinkHovered
|
|
74
|
+
$isHovered: isLinkHovered
|
|
75
75
|
})));
|
|
76
76
|
});
|
|
77
77
|
InfoCard.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var defaultTheme = require('./defaultTheme-
|
|
3
|
+
var defaultTheme = require('./defaultTheme-e27880d7.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-d87f259e.js');
|
|
7
|
+
var TextArea = require('./TextArea-2b00a334.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-e27880d7.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-6e35a197.js');
|
|
7
|
+
require('./Badge-a0b1a4e4.js');
|
|
8
|
+
var Popover = require('./Popover-3bad6306.js');
|
|
9
|
+
require('./Tab-a4efa5a2.js');
|
|
10
|
+
require('./Tabs-33a888fb.js');
|
|
11
|
+
require('./Tooltip-ddd4ac6b.js');
|
|
12
|
+
require('./VerificationStatusIcon-b92fe0ae.js');
|
|
13
|
+
var Checkbox = require('./Checkbox-153048de.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-49dfb522.js');
|
|
16
|
+
require('./InputGroup-3dfa0822.js');
|
|
17
|
+
var SectionSeparator = require('./SectionSeparator-b9da17f3.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-e27880d7.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-9bb6a785.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-e27880d7.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-d02f851e.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,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var defaultTheme = require('./defaultTheme-
|
|
3
|
+
var defaultTheme = require('./defaultTheme-e27880d7.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var styled = require('styled-components');
|
|
6
6
|
var arrowForward = require('./arrow-forward-d7c77ae3.js');
|
|
@@ -47,7 +47,7 @@ styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateOb
|
|
|
47
47
|
return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700'));
|
|
48
48
|
});
|
|
49
49
|
var ProgressBarTrack = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n width: 100%;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: center;\n border-radius: 3px;\n height: 100%;\n ", "\n"])), function (props) {
|
|
50
|
-
return props.theme.themeProp('background', props.theme.getColor('gray-
|
|
50
|
+
return props.theme.themeProp('background', props.theme.getColor('gray-800'), props.theme.getColor('gray-50'));
|
|
51
51
|
});
|
|
52
52
|
var Completed = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject8 || (_templateObject8 = defaultTheme._taggedTemplateLiteral(["\n font-size: 1.2rem;\n font-weight: 400;\n height: 100%;\n border-radius: 3px;\n display: flex;\n align-items: center;\n width: 96px;\n ", ";\n"])), function (props) {
|
|
53
53
|
return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-800'));
|
|
@@ -65,16 +65,16 @@ var ProgressBarFill = styled__default["default"].div.attrs(defaultTheme.applyDef
|
|
|
65
65
|
});
|
|
66
66
|
var Link = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n font-size: 0.875rem;\n font-weight: 400;\n width: 15%;\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"])));
|
|
67
67
|
var ButtonLink = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n font-size: 0.875rem;\n font-weight: 500;\n height: 100%;\n display: flex;\n align-items: center;\n opacity: ", ";\n transition: color 0.2s ease-in-out;\n ", ";\n"])), function (props) {
|
|
68
|
-
return props
|
|
68
|
+
return props.$isHovered ? 1 : 0.8;
|
|
69
69
|
}, function (props) {
|
|
70
|
-
return props
|
|
70
|
+
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'));
|
|
71
71
|
});
|
|
72
72
|
var StyledArrowIcon = styled__default["default"](arrowForward.SvgArrowForward).attrs(defaultTheme.applyDefaultTheme)(_templateObject12 || (_templateObject12 = 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) {
|
|
73
|
-
return props
|
|
73
|
+
return props.$isHovered ? 1 : 0.8;
|
|
74
74
|
}, function (props) {
|
|
75
|
-
return props
|
|
75
|
+
return props.$isHovered ? 'translateX(2px)' : 'translateX(0)';
|
|
76
76
|
}, function (props) {
|
|
77
|
-
return props
|
|
77
|
+
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'));
|
|
78
78
|
});
|
|
79
79
|
|
|
80
80
|
var _excluded = ["totalAssets", "completedAssets", "percentageText", "barColor", "height", "label", "type", "linkText", "onClick"];
|
|
@@ -134,9 +134,9 @@ var ProgressBar = function ProgressBar(_ref) {
|
|
|
134
134
|
return setIsLinkHovered(false);
|
|
135
135
|
}
|
|
136
136
|
}, React__default["default"].createElement(ButtonLink, {
|
|
137
|
-
isHovered: isLinkHovered
|
|
137
|
+
$isHovered: isLinkHovered
|
|
138
138
|
}, linkText), React__default["default"].createElement(StyledArrowIcon, {
|
|
139
|
-
isHovered: isLinkHovered
|
|
139
|
+
$isHovered: isLinkHovered
|
|
140
140
|
})))));
|
|
141
141
|
};
|
|
142
142
|
ProgressBar.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var defaultTheme = require('./defaultTheme-
|
|
3
|
+
var defaultTheme = require('./defaultTheme-e27880d7.js');
|
|
4
4
|
var lodash = require('lodash');
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var Tab = require('./Tab-
|
|
6
|
+
var Tab = require('./Tab-a4efa5a2.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-e27880d7.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-6e35a197.js');
|
|
9
|
+
require('./Badge-a0b1a4e4.js');
|
|
10
|
+
require('./Popover-3bad6306.js');
|
|
11
|
+
require('./Tab-a4efa5a2.js');
|
|
12
|
+
require('./Tabs-33a888fb.js');
|
|
13
|
+
var Tooltip = require('./Tooltip-ddd4ac6b.js');
|
|
14
|
+
require('./VerificationStatusIcon-b92fe0ae.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-e27880d7.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-d02f851e.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-6e35a197.js');
|
|
4
|
+
require('../../defaultTheme-e27880d7.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('react');
|
|
7
7
|
require('lodash');
|
package/data/Badge/index.js
CHANGED