@ntbjs/react-components 1.1.20 → 1.1.21
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-616f8573.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-0edc6fa9.js} +8 -8
- 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,37 +1,37 @@
|
|
|
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 useMergedRefs = require('./useMergedRefs-b6d2f8fc.js');
|
|
7
7
|
var ResizeObserver = require('resize-observer-polyfill');
|
|
8
|
-
var MultiLevelCheckboxSelect = require('./MultiLevelCheckboxSelect-
|
|
8
|
+
var MultiLevelCheckboxSelect = require('./MultiLevelCheckboxSelect-cd1ced5d.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-dd2880ae.js');
|
|
12
|
+
var Alert = require('./Alert-7bbe87f3.js');
|
|
13
|
+
var Badge = require('./Badge-dc50d116.js');
|
|
14
|
+
var Popover = require('./Popover-5e9ab515.js');
|
|
15
|
+
require('./Tab-572141e4.js');
|
|
16
|
+
require('./Tabs-9dbd5b85.js');
|
|
17
|
+
var Tooltip = require('./Tooltip-5bbe5971.js');
|
|
18
|
+
require('./VerificationStatusIcon-10460fe7.js');
|
|
19
19
|
var react = require('@floating-ui/react');
|
|
20
20
|
var polished = require('polished');
|
|
21
|
-
var ContextMenu = require('./ContextMenu-
|
|
22
|
-
require('./AssetPreviewTopBar-
|
|
23
|
-
var ActionButton = require('./ActionButton-
|
|
24
|
-
require('./Button-
|
|
25
|
-
require('./Checkbox-
|
|
26
|
-
require('./CompactAutocompleteSelect-
|
|
27
|
-
require('./CompactStarRating-
|
|
28
|
-
require('./CompactTextInput-
|
|
29
|
-
require('./MultiSelect-
|
|
30
|
-
require('./Radio-
|
|
31
|
-
require('./TextArea-
|
|
32
|
-
require('./TextInput-
|
|
33
|
-
require('./Switch-
|
|
34
|
-
var ContextMenuItem = require('./ContextMenuItem-
|
|
21
|
+
var ContextMenu = require('./ContextMenu-b6ba7a22.js');
|
|
22
|
+
require('./AssetPreviewTopBar-14bd42d0.js');
|
|
23
|
+
var ActionButton = require('./ActionButton-607bc22f.js');
|
|
24
|
+
require('./Button-86626421.js');
|
|
25
|
+
require('./Checkbox-876f71f0.js');
|
|
26
|
+
require('./CompactAutocompleteSelect-32a19c92.js');
|
|
27
|
+
require('./CompactStarRating-0edc6fa9.js');
|
|
28
|
+
require('./CompactTextInput-337b6320.js');
|
|
29
|
+
require('./MultiSelect-0cfc8d6c.js');
|
|
30
|
+
require('./Radio-8282d0d6.js');
|
|
31
|
+
require('./TextArea-a125b7b3.js');
|
|
32
|
+
require('./TextInput-9e62ab60.js');
|
|
33
|
+
require('./Switch-57f729bb.js');
|
|
34
|
+
var ContextMenuItem = require('./ContextMenuItem-30f7d64d.js');
|
|
35
35
|
|
|
36
36
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
37
37
|
|
|
@@ -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
|
-
var Popover = require('./Popover-
|
|
7
|
-
var ContextMenu = require('./ContextMenu-
|
|
6
|
+
var Popover = require('./Popover-5e9ab515.js');
|
|
7
|
+
var ContextMenu = require('./ContextMenu-b6ba7a22.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 }; }
|
|
@@ -12,8 +12,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
12
12
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
13
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
14
14
|
|
|
15
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30;
|
|
16
|
-
var Button$1 = styled__default["default"].button.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n position: relative;\n border-radius: 3px;\n font-family: inherit;\n font-size: 0.875rem;\n font-weight: 400;\n padding: 12px 16px;\n cursor: pointer;\n background: ", ";\n border: 2px solid ", ";\n transition: all 250ms, opacity 200ms;\n\n &:hover,\n &.dropdown-is-active {\n background: #296c58;\n border-color: #296c58;\n }\n\n ", "\n\n && {\n ", ";\n }\n\n && {\n ", ";\n }\n\n && {\n ", ";\n }\n\n && {\n ", ";\n }\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"])), function (props) {
|
|
15
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31;
|
|
16
|
+
var Button$1 = styled__default["default"].button.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n position: relative;\n border-radius: 3px;\n font-family: inherit;\n font-size: 0.875rem;\n font-weight: 400;\n padding: 12px 16px;\n cursor: pointer;\n background: ", ";\n border: 2px solid ", ";\n transition: all 250ms, opacity 200ms;\n\n &:hover,\n &.dropdown-is-active {\n background: #296c58;\n border-color: #296c58;\n }\n\n ", "\n\n && {\n ", ";\n }\n\n && {\n ", ";\n }\n\n && {\n ", ";\n }\n\n && {\n ", ";\n }\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"])), function (props) {
|
|
17
17
|
return props.theme.getColor('emerald-500');
|
|
18
18
|
}, function (props) {
|
|
19
19
|
return props.theme.getColor('emerald-500');
|
|
@@ -30,11 +30,11 @@ var Button$1 = styled__default["default"].button.attrs(defaultTheme.applyDefault
|
|
|
30
30
|
return props.theme.getColor('gray-300');
|
|
31
31
|
});
|
|
32
32
|
}, function (props) {
|
|
33
|
-
return props.outlined && styled.css(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n background: transparent;\n transition: none;\n\n ", "\n\n ", "\n\n &:hover,\n &.dropdown-is-active {\n background-color: #296c58;\n\n ", "\n\n ", "\n }\n "])), props.theme.themeProp('border-color', props.theme.getColor('emerald-400'), props.theme.getColor('emerald-500')), props.theme.themeProp('color', props.theme.getColor('emerald-400'), props.theme.getColor('emerald-500')), props.theme.themeProp('border-color', props.theme.getColor('emerald-
|
|
33
|
+
return props.outlined && styled.css(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n background: transparent;\n transition: none;\n\n ", "\n\n ", "\n\n &:hover,\n &.dropdown-is-active {\n background-color: #296c58;\n\n ", "\n\n ", "\n }\n "])), props.theme.themeProp('border-color', props.theme.getColor('emerald-400'), props.theme.getColor('emerald-500')), props.theme.themeProp('color', props.theme.getColor('emerald-400'), props.theme.getColor('emerald-500')), props.theme.themeProp('border-color', props.theme.getColor('emerald-600'), props.theme.getColor('emerald-600')), props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-200')));
|
|
34
34
|
}, function (props) {
|
|
35
|
-
return props.outlined && props.secondary && styled.css(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n ", "\n\n ", "\n\n &:hover,\n &.dropdown-is-active {\n background: ", ";\n\n ", "\n\n ", "\n }\n "])), props.theme.themeProp('border-color', props.theme.getColor('gray-
|
|
35
|
+
return props.outlined && props.secondary && styled.css(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n ", "\n\n ", "\n\n &:hover,\n &.dropdown-is-active {\n background: ", ";\n\n ", "\n\n ", "\n }\n "])), props.theme.themeProp('border-color', props.theme.getColor('gray-400'), props.theme.getColor('gray-700')), props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700')), props.theme.getColor('gray-300'), props.theme.themeProp('border-color', props.theme.getColor('gray-300'), props.theme.getColor('gray-300')), props.theme.themeProp('color', props.theme.getColor('gray-700'), props.theme.getColor('gray-700')));
|
|
36
36
|
}, function (props) {
|
|
37
|
-
return props.outlined && props.secondary && props.dropdownItems && styled.css(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n &:hover,\n &.dropdown-is-active {\n ", "\n }\n "])), props.theme.themeProp('border-color', props.theme.getColor('gray-300'), props.theme.getColor('gray-
|
|
37
|
+
return props.outlined && props.secondary && props.dropdownItems && styled.css(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n &:hover,\n &.dropdown-is-active {\n ", "\n }\n "])), props.theme.themeProp('border-color', props.theme.getColor('gray-300'), props.theme.getColor('gray-300')));
|
|
38
38
|
}, function (props) {
|
|
39
39
|
return props.block && styled.css(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n width: 100%;\n "])));
|
|
40
40
|
}, function (props) {
|
|
@@ -46,43 +46,45 @@ var Button$1 = styled__default["default"].button.attrs(defaultTheme.applyDefault
|
|
|
46
46
|
}, function (props) {
|
|
47
47
|
return props.size === 'large' && styled.css(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n padding: 16px 16px;\n "])));
|
|
48
48
|
}, function (props) {
|
|
49
|
-
return props.singleAction && styled.css(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n gap:
|
|
49
|
+
return props.singleAction && styled.css(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n gap: ", "px;\n border-radius: 3px !important;\n transition: all 250ms, opacity 200ms;\n "])), props.singleActionGap);
|
|
50
|
+
}, function (props) {
|
|
51
|
+
return props.width && styled.css(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n min-width: ", "px;\n justify-content: center;\n "])), props.width);
|
|
50
52
|
});
|
|
51
|
-
var ButtonContent = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
52
|
-
return props.size === 'small' && styled.css(
|
|
53
|
+
var ButtonContent = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n align-items: center;\n transform: scale(1);\n opacity: 1;\n transition: all 200ms;\n\n > svg {\n width: 100%;\n max-width: 16px;\n max-height: 16px;\n margin-right: 8px;\n\n ", ";\n\n ", ";\n }\n\n ", "\n\n ", ";\n"])), function (props) {
|
|
54
|
+
return props.size === 'small' && styled.css(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n max-width: 13px;\n max-height: 13px;\n "])));
|
|
53
55
|
}, function (props) {
|
|
54
|
-
return props.size === 'x-small' && styled.css(
|
|
56
|
+
return props.size === 'x-small' && styled.css(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n max-width: 11px;\n max-height: 11px;\n "])));
|
|
55
57
|
}, function (props) {
|
|
56
|
-
return props.$loading && styled.css(
|
|
58
|
+
return props.$loading && styled.css(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n transform: scale(0.95);\n opacity: 0;\n "])));
|
|
57
59
|
}, function (props) {
|
|
58
|
-
return props.singleAction && styled.css(
|
|
60
|
+
return props.singleAction && styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n svg {\n width: 100% !important;\n height: 100% !important;\n margin-right: 24px;\n }\n "])));
|
|
59
61
|
});
|
|
60
|
-
var LoadingIndicator = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
61
|
-
return props.$loading && styled.css(
|
|
62
|
+
var LoadingIndicator = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n height: 100%;\n width: 100%;\n top: 0;\n left: 0;\n padding: 4px;\n background: inherit;\n opacity: 0;\n transition: opacity 200ms;\n box-sizing: border-box;\n\n ", "\n"])), function (props) {
|
|
63
|
+
return props.$loading && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n opacity: 1;\n "])));
|
|
62
64
|
});
|
|
63
|
-
var LoadingIndicatorSvg = styled__default["default"].svg.attrs(defaultTheme.applyDefaultTheme)(
|
|
64
|
-
var LoadingIndicatorSvgCircle = styled__default["default"].circle.attrs(defaultTheme.applyDefaultTheme)(
|
|
65
|
-
var ButtonWrapper = styled__default["default"].span.attrs(defaultTheme.applyDefaultTheme)(
|
|
66
|
-
var MainButtonWrapper = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
67
|
-
return (props.activeDropdown || props.dropdownItems) && !props.outlined && styled.css(
|
|
65
|
+
var LoadingIndicatorSvg = styled__default["default"].svg.attrs(defaultTheme.applyDefaultTheme)(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n height: 100%;\n color: inherit;\n transform: rotate(-88deg);\n"])));
|
|
66
|
+
var LoadingIndicatorSvgCircle = styled__default["default"].circle.attrs(defaultTheme.applyDefaultTheme)(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n transition: stroke-dashoffset 300ms linear;\n stroke-dasharray: 113;\n"])));
|
|
67
|
+
var ButtonWrapper = styled__default["default"].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n white-space: nowrap;\n display: flex;\n"])));
|
|
68
|
+
var MainButtonWrapper = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n border-radius: 3px;\n ", ";\n"])), function (props) {
|
|
69
|
+
return (props.activeDropdown || props.dropdownItems) && !props.outlined && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n background: ", ";\n "])), props.secondary ? props.theme.getColor('gray-200') : props.theme.getColor('emerald-500'));
|
|
68
70
|
});
|
|
69
|
-
var MainButtonContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
70
|
-
return (props.activeDropdown || props.dropdownItems) && styled.css(
|
|
71
|
+
var MainButtonContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n display: inline-block;\n button {\n ", ";\n\n ", ";\n }\n"])), function (props) {
|
|
72
|
+
return (props.activeDropdown || props.dropdownItems) && styled.css(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n "])));
|
|
71
73
|
}, function (props) {
|
|
72
|
-
return (props.activeDropdown || props.dropdownItems) && props.outlined && styled.css(
|
|
74
|
+
return (props.activeDropdown || props.dropdownItems) && props.outlined && styled.css(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n border-right: none;\n "])));
|
|
73
75
|
});
|
|
74
|
-
var MainButtonContainerSingle = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
75
|
-
return props.singleAction && styled.css(
|
|
76
|
+
var MainButtonContainerSingle = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject28 || (_templateObject28 = defaultTheme._taggedTemplateLiteral(["\n display: inline-block;\n width: 100%;\n ", ";\n\n button {\n ", ";\n }\n"])), function (props) {
|
|
77
|
+
return props.singleAction && styled.css(_templateObject29 || (_templateObject29 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n border-radius: 3px !important;\n transition: all 250ms, opacity 200ms;\n "])));
|
|
76
78
|
}, function (props) {
|
|
77
|
-
return (props.activeDropdown || props.dropdownItems) && styled.css(
|
|
79
|
+
return (props.activeDropdown || props.dropdownItems) && styled.css(_templateObject30 || (_templateObject30 = defaultTheme._taggedTemplateLiteral(["\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n "])));
|
|
78
80
|
});
|
|
79
|
-
var DropdownButtonContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
81
|
+
var DropdownButtonContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject31 || (_templateObject31 = defaultTheme._taggedTemplateLiteral(["\n display: inline-block;\n\n button {\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n\n ", ";\n }\n\n svg {\n color: inherit;\n height: 7px;\n width: 12px;\n\n ", ";\n }\n"])), function (props) {
|
|
80
82
|
return !props.singleAction && 'border-left: none';
|
|
81
83
|
}, function (props) {
|
|
82
84
|
return !props.singleAction && 'margin-bottom: 1px';
|
|
83
85
|
});
|
|
84
86
|
|
|
85
|
-
var _excluded = ["onClickEffect", "singleAction", "activeDropdown", "dropdownItems", "secondary", "outlined", "block", "icon", "size", "disabled", "loading", "className", "children"];
|
|
87
|
+
var _excluded = ["onClickEffect", "singleAction", "activeDropdown", "dropdownItems", "secondary", "outlined", "block", "icon", "size", "disabled", "loading", "className", "children", "singleActionGap", "width"];
|
|
86
88
|
var Button = React__default["default"].forwardRef(function Button(_ref, forwardedRef) {
|
|
87
89
|
var onClickEffect = _ref.onClickEffect,
|
|
88
90
|
_ref$singleAction = _ref.singleAction,
|
|
@@ -100,6 +102,9 @@ var Button = React__default["default"].forwardRef(function Button(_ref, forwarde
|
|
|
100
102
|
loading = _ref.loading,
|
|
101
103
|
className = _ref.className,
|
|
102
104
|
children = _ref.children,
|
|
105
|
+
_ref$singleActionGap = _ref.singleActionGap,
|
|
106
|
+
singleActionGap = _ref$singleActionGap === void 0 ? 34 : _ref$singleActionGap,
|
|
107
|
+
width = _ref.width,
|
|
103
108
|
props = defaultTheme._objectWithoutProperties(_ref, _excluded);
|
|
104
109
|
var _useState = React.useState(loading || false),
|
|
105
110
|
_useState2 = defaultTheme._slicedToArray(_useState, 2),
|
|
@@ -170,7 +175,8 @@ var Button = React__default["default"].forwardRef(function Button(_ref, forwarde
|
|
|
170
175
|
size: size,
|
|
171
176
|
disabled: disabled,
|
|
172
177
|
className: className,
|
|
173
|
-
"aria-busy": disabled
|
|
178
|
+
"aria-busy": disabled,
|
|
179
|
+
width: width
|
|
174
180
|
}, props), React__default["default"].createElement(ButtonContent, {
|
|
175
181
|
$loading: loadingState,
|
|
176
182
|
size: size
|
|
@@ -204,6 +210,7 @@ var Button = React__default["default"].forwardRef(function Button(_ref, forwarde
|
|
|
204
210
|
}, React__default["default"].createElement(Button$1, {
|
|
205
211
|
ref: forwardedRef,
|
|
206
212
|
singleAction: singleAction,
|
|
213
|
+
singleActionGap: singleActionGap,
|
|
207
214
|
dropdownItems: dropdownItems,
|
|
208
215
|
secondary: secondary,
|
|
209
216
|
outlined: outlined,
|
|
@@ -211,7 +218,8 @@ var Button = React__default["default"].forwardRef(function Button(_ref, forwarde
|
|
|
211
218
|
size: size,
|
|
212
219
|
disabled: disabled,
|
|
213
220
|
onClick: handleDropdownButtonClick,
|
|
214
|
-
className: dropdownIsActive ? 'dropdown-is-active' : ''
|
|
221
|
+
className: dropdownIsActive ? 'dropdown-is-active' : '',
|
|
222
|
+
width: width
|
|
215
223
|
}, React__default["default"].createElement(expandMore.SvgExpandMore, null))))) : React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(MainButtonContainerSingle, {
|
|
216
224
|
dropdownItems: dropdownItems,
|
|
217
225
|
secondary: secondary,
|
|
@@ -228,6 +236,7 @@ var Button = React__default["default"].forwardRef(function Button(_ref, forwarde
|
|
|
228
236
|
}, React__default["default"].createElement(Button$1, {
|
|
229
237
|
ref: forwardedRef,
|
|
230
238
|
singleAction: singleAction,
|
|
239
|
+
singleActionGap: singleActionGap,
|
|
231
240
|
dropdownItems: dropdownItems,
|
|
232
241
|
secondary: secondary,
|
|
233
242
|
outlined: outlined,
|
|
@@ -235,7 +244,8 @@ var Button = React__default["default"].forwardRef(function Button(_ref, forwarde
|
|
|
235
244
|
size: size,
|
|
236
245
|
disabled: disabled,
|
|
237
246
|
onClick: handleDropdownButtonClick,
|
|
238
|
-
className: dropdownIsActive ? 'dropdown-is-active' : ''
|
|
247
|
+
className: dropdownIsActive ? 'dropdown-is-active' : '',
|
|
248
|
+
width: width
|
|
239
249
|
}, React__default["default"].createElement(ButtonContent, {
|
|
240
250
|
$loading: loadingState,
|
|
241
251
|
size: size,
|
|
@@ -255,7 +265,9 @@ Button.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
255
265
|
disabled: defaultTheme.PropTypes.bool,
|
|
256
266
|
loading: defaultTheme.PropTypes.bool,
|
|
257
267
|
className: defaultTheme.PropTypes.string,
|
|
258
|
-
children: defaultTheme.PropTypes.any.isRequired
|
|
268
|
+
children: defaultTheme.PropTypes.any.isRequired,
|
|
269
|
+
singleActionGap: defaultTheme.PropTypes.number,
|
|
270
|
+
width: defaultTheme.PropTypes.number
|
|
259
271
|
} : {};
|
|
260
272
|
|
|
261
273
|
exports.Button = Button;
|
|
@@ -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 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-7bbe87f3.js');
|
|
8
|
+
require('./Badge-dc50d116.js');
|
|
9
|
+
require('./Popover-5e9ab515.js');
|
|
10
|
+
require('./Tab-572141e4.js');
|
|
11
|
+
require('./Tabs-9dbd5b85.js');
|
|
12
|
+
var Tooltip = require('./Tooltip-5bbe5971.js');
|
|
13
|
+
require('./VerificationStatusIcon-10460fe7.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-3c7b7450.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-06b819a9.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-7bbe87f3.js');
|
|
6
|
+
require('./Badge-dc50d116.js');
|
|
7
|
+
require('./Popover-5e9ab515.js');
|
|
8
|
+
require('./Tab-572141e4.js');
|
|
9
|
+
require('./Tabs-9dbd5b85.js');
|
|
10
|
+
var Tooltip = require('./Tooltip-5bbe5971.js');
|
|
11
|
+
require('./VerificationStatusIcon-10460fe7.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-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) {
|