@ntbjs/react-components 1.1.23 → 1.1.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/{AssetAction-9b93c243.js → AssetAction-4b225c9f.js} +58 -58
- package/{Button-a9afcec0.js → Button-82e91acb.js} +23 -23
- package/{Checkbox-406f005c.js → Checkbox-c441fdba.js} +2 -2
- package/{CompactAutocompleteSelect-7667888f.js → CompactAutocompleteSelect-a8ccfcad.js} +33 -33
- package/{CompactStarRating-a87f6bd6.js → CompactStarRating-3fa89ec7.js} +15 -15
- package/{CompactTextInput-ac490f47.js → CompactTextInput-483d7ff1.js} +29 -19
- package/{Instructions-70f2e97b.js → Instructions-2c2537ff.js} +12 -12
- package/{MultiLevelCheckboxSelect-1e5db4db.js → MultiLevelCheckboxSelect-375c4785.js} +6 -6
- package/{MultiSelect-c1bc3264.js → MultiSelect-0bdad346.js} +23 -23
- package/{ProgressBar-aa26a5b7.js → ProgressBar-7d31fd95.js} +6 -6
- package/{Tabs-2a6baf1c.js → Tabs-243c5e0b.js} +3 -3
- package/{TextArea-4cf36091.js → TextArea-9c459b6e.js} +77 -53
- package/{TextInput-9634d62e.js → TextInput-70cb3df7.js} +17 -17
- package/data/Tabs/index.js +1 -1
- package/data/index.js +1 -1
- package/inputs/Button/index.js +1 -1
- package/inputs/Checkbox/index.js +1 -1
- package/inputs/CompactAutocompleteSelect/index.js +3 -3
- package/inputs/CompactStarRating/index.js +2 -2
- package/inputs/CompactTextInput/index.js +2 -2
- package/inputs/MultiSelect/index.js +2 -2
- package/inputs/TextArea/index.js +2 -2
- package/inputs/TextInput/index.js +1 -1
- package/inputs/index.js +11 -11
- package/package.json +1 -1
- package/{react-select-creatable.esm-75f23ee6.js → react-select-creatable.esm-09b1be95.js} +16 -11
- package/widgets/AssetGallery/index.js +14 -14
- package/widgets/Instructions/index.js +5 -5
- package/widgets/ProgressBar/index.js +1 -1
- package/widgets/index.js +14 -14
|
@@ -9,7 +9,7 @@ require('./Alert-edd9f6a7.js');
|
|
|
9
9
|
require('./Badge-00b2f311.js');
|
|
10
10
|
require('./Popover-f00121a3.js');
|
|
11
11
|
require('./Tab-d3ee0a3b.js');
|
|
12
|
-
require('./Tabs-
|
|
12
|
+
require('./Tabs-243c5e0b.js');
|
|
13
13
|
var Tooltip = require('./Tooltip-7dc4676b.js');
|
|
14
14
|
require('./VerificationStatusIcon-f3c44ef8.js');
|
|
15
15
|
var editNote = require('./edit-note-cefe2215.js');
|
|
@@ -20,7 +20,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
20
20
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
21
21
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
22
22
|
|
|
23
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46;
|
|
23
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46;
|
|
24
24
|
var fadeInCheck = styled.keyframes(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n from {\n opacity: 0\n }\n to {\n opacity: 1\n }\n"])));
|
|
25
25
|
var fadeOutCheck = styled.keyframes(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n from {\n opacity: 1\n }\n to {\n opacity: 0\n }\n"])));
|
|
26
26
|
var activeLabel = styled.css(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n font-size: 0.75rem;\n padding: 0 3px;\n top: -7px;\n letter-spacing: 0.03em;\n left: 8px !important;\n opacity: 1 !important;\n"])));
|
|
@@ -42,88 +42,112 @@ var errorPlaceholderHover = styled.css(_templateObject8 || (_templateObject8 = d
|
|
|
42
42
|
return props.type === 'error' && props.theme.themeProp('color', props.theme.getColor('red-600'), props.theme.getColor('red-600'), 1);
|
|
43
43
|
});
|
|
44
44
|
var TextAreaContainter = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n"])));
|
|
45
|
-
var Label = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme)(
|
|
45
|
+
var Label = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject0 || (_templateObject0 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n flex-basis: 33.33%;\n font-size: 0.875rem;\n line-height: 1rem;\n height: 19px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-top: 13px;\n ", "\n"])), function (props) {
|
|
46
46
|
return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'));
|
|
47
47
|
}, function (props) {
|
|
48
|
-
return props.disabled && styled.css(
|
|
48
|
+
return props.disabled && styled.css(_templateObject1 || (_templateObject1 = defaultTheme._taggedTemplateLiteral(["\n cursor: not-allowed;\n "])));
|
|
49
49
|
});
|
|
50
|
-
var InputIconContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
50
|
+
var InputIconContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0;\n pointer-events: none;\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n display: flex;\n align-items: flex-start;\n\n position: absolute;\n right: 15px;\n top: 10px;\n bottom: 0;\n > .smallPadingIcon {\n padding: 4px;\n width: 15px;\n height: 15px;\n border-radius: 5px;\n opacity: 1;\n margin-top: -5px;\n ", "\n }\n svg {\n width: 15px;\n opacity: 0.7;\n transition: opacity 250ms;\n\n ", "\n }\n"])), function (props) {
|
|
51
51
|
return props.theme.themeProp('background-color', props.theme.getColor('gray-900'), props.theme.getColor('gray-300'), '!important');
|
|
52
52
|
}, function (props) {
|
|
53
|
-
return props.disabled && styled.css(
|
|
53
|
+
return props.disabled && styled.css(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n display: none;\n "])));
|
|
54
54
|
});
|
|
55
|
-
var TextInputField = styled__default["default"].textarea.attrs(defaultTheme.applyDefaultTheme)(
|
|
56
|
-
return props.
|
|
57
|
-
}, function (props) {
|
|
58
|
-
return props.theme.themeProp('color', 'white', 'black');
|
|
55
|
+
var TextInputField = styled__default["default"].textarea.attrs(defaultTheme.applyDefaultTheme)(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n width: 100%;\n font-family: inherit;\n font-size: 0.875rem;\n border-radius: 3px;\n padding: 5px 10px;\n resize: vertical;\n z-index: 0;\n box-sizing: border-box;\n appearance: none;\n border: 1px solid;\n transition: height 550ms ease-in-out, border-color 350ms, background 350ms;\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 &&:hover:not(:focus) {\n ", "\n\n ", "\n\n ", "\n\n & + ", " {\n opacity: 1;\n ", "\n }\n }\n\n &::placeholder {\n ", "\n ", "\n ", "\n }\n\n &:hover::placeholder {\n ", "\n ", "\n }\n\n &:focus::placeholder {\n ", "\n ", "\n }\n\n &&:focus {\n outline: none;\n\n ", "\n }\n\n &&:not(:hover):not(:focus) {\n ", "\n\n ", "\n\n ", "\n }\n"])), function (props) {
|
|
56
|
+
return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'));
|
|
59
57
|
}, function (props) {
|
|
60
|
-
return props.
|
|
58
|
+
return props.borderRadius && styled.css(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n border-radius: ", "px;\n "])), props.borderRadius);
|
|
61
59
|
}, function (props) {
|
|
62
|
-
|
|
60
|
+
if (props.type === 'error') {
|
|
61
|
+
return styled.css(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n "])), props.theme.themeProp('color', 'white', 'black'), props.theme.themeProp('background', '#7f1b1b', '#FBEAE6'), props.theme.themeProp('border-color', '#7f1b1b', '#FBEAE6'));
|
|
62
|
+
} else if (props.type === 'warning') {
|
|
63
|
+
return styled.css(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n "])), props.theme.themeProp('color', 'white', 'black'), props.theme.themeProp('background', '#634E01', '#FFFDE8'), props.theme.themeProp('border-color', '#634E01', '#FFFDE8'));
|
|
64
|
+
} else if (props.type === 'error-border') {
|
|
65
|
+
return styled.css(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900')), props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white')), props.theme.themeProp('border-color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
|
|
66
|
+
} else if (props.type === 'warning-border') {
|
|
67
|
+
return styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900')), props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white')), props.theme.themeProp('border-color', props.theme.getColor('red-200'), props.theme.getColor('orange-500')));
|
|
68
|
+
} else {
|
|
69
|
+
return styled.css(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900')), props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white')), props.theme.themeProp('border-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-400')));
|
|
70
|
+
}
|
|
63
71
|
}, function (props) {
|
|
64
|
-
return props.
|
|
72
|
+
return props.readOnly && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n cursor: default;\n border-color: transparent !important;\n padding: 12px 10px;\n "])));
|
|
65
73
|
}, function (props) {
|
|
66
|
-
return props.
|
|
74
|
+
return props.disabled && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n cursor: not-allowed;\n "])));
|
|
67
75
|
}, function (props) {
|
|
68
|
-
return props.
|
|
69
|
-
}, function (props) {
|
|
70
|
-
return props.noBorder && styled.css(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), function (props) {
|
|
76
|
+
return props.noBorder && !props.type && styled.css(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), function (props) {
|
|
71
77
|
return props.theme.themeProp('border-color', props.theme.getColor('gray-900'), props.theme.getColor('white'));
|
|
72
78
|
});
|
|
73
79
|
}, function (props) {
|
|
74
|
-
return props.type === 'warning' && styled.css(
|
|
75
|
-
}, function (props) {
|
|
76
|
-
return props.type === 'error' && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n "])), props.theme.themeProp('color', 'white', 'black'), props.theme.themeProp('background', '#7f1b1b', '#FBEAE6'), props.theme.themeProp('border-color', '#7f1b1b', '#FBEAE6'));
|
|
77
|
-
}, function (props) {
|
|
78
|
-
return props.noBorder && props.type === 'warning' && styled.css(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), function (props) {
|
|
80
|
+
return props.noBorder && props.type === 'warning' && styled.css(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), function (props) {
|
|
79
81
|
return props.theme.themeProp('border-color', '#634E01', '#FFFDE8');
|
|
80
82
|
});
|
|
81
83
|
}, function (props) {
|
|
82
|
-
return props.noBorder && props.type === 'error' && styled.css(
|
|
84
|
+
return props.noBorder && props.type === 'error' && styled.css(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), function (props) {
|
|
83
85
|
return props.theme.themeProp('border-color', '#7f1b1b', '#FBEAE6');
|
|
84
86
|
});
|
|
85
87
|
}, function (props) {
|
|
86
|
-
return props.
|
|
87
|
-
}, function (props) {
|
|
88
|
-
return props.type === 'error-border' && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('border-color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
|
|
88
|
+
return props.padding === 'small' && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n padding: 5px 10px;\n "])));
|
|
89
89
|
}, function (props) {
|
|
90
|
-
return props.padding === '
|
|
90
|
+
return props.padding === 'medium' && styled.css(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n padding: 13px 15px;\n "])));
|
|
91
91
|
}, function (props) {
|
|
92
|
-
return props.padding === '
|
|
92
|
+
return props.padding === 'large' && styled.css(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n padding: 15px 55px;\n "])));
|
|
93
93
|
}, function (props) {
|
|
94
|
-
return props.
|
|
94
|
+
return props.hasIcon && styled.css(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n padding-left: 55px;\n padding-right: 35px;\n padding-top: 13.5px;\n "])));
|
|
95
95
|
}, function (props) {
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
96
|
+
if (props.disabled) {
|
|
97
|
+
return '';
|
|
98
|
+
}
|
|
99
|
+
if (props.readOnly) {
|
|
100
|
+
if (props.type === 'error') {
|
|
101
|
+
return props.theme.themeProp('background', '#7f1b1b', '#FBEAE6');
|
|
102
|
+
} else if (props.type === 'warning') {
|
|
103
|
+
return props.theme.themeProp('background', '#634E01', '#FFFDE8');
|
|
104
|
+
}
|
|
105
|
+
return '';
|
|
106
|
+
}
|
|
107
|
+
if (props.type === 'error') {
|
|
108
|
+
return props.theme.themeProp('background', '#901d1d', '#F7D5D0');
|
|
109
|
+
} else if (props.type === 'warning') {
|
|
110
|
+
return props.theme.themeProp('background', '#806403', '#FFFEBF');
|
|
111
|
+
} else if (!props.disabled) {
|
|
112
|
+
return props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
|
|
113
|
+
}
|
|
114
|
+
return '';
|
|
99
115
|
}, function (props) {
|
|
100
116
|
return props.edit && props.theme.themeProp('border-color', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
|
|
101
117
|
}, function (props) {
|
|
102
|
-
return props.type
|
|
103
|
-
}, function (props) {
|
|
104
|
-
return props.type === 'error' && props.theme.themeProp('background', '#901d1d', '#F7D5D0');
|
|
105
|
-
}, function (props) {
|
|
106
|
-
return props.noBorder && !props.readOnly && props.type != 'warning' && props.type != 'error' ? props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100')) : 'background: transparent';
|
|
118
|
+
return props.noBorder && !props.readOnly && props.type !== 'warning' && props.type !== 'error' ? props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100')) : '';
|
|
107
119
|
}, InputIconContainer, function (props) {
|
|
108
|
-
return props.type === 'success' && styled.css(
|
|
120
|
+
return props.type === 'success' && styled.css(_templateObject28 || (_templateObject28 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0;\n "])));
|
|
109
121
|
}, placeholderBaseStyle, warningPlaceholder, errorPlaceholder, warningPlaceholderHover, errorPlaceholderHover, warningPlaceholderHover, errorPlaceholderHover, function (props) {
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
return props.theme.themeProp('border-color', '#D83018', '#D83018');
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
|
|
122
|
+
if (props.readOnly) {
|
|
123
|
+
if (props.type === 'error') {
|
|
124
|
+
return props.theme.themeProp('background', '#7f1b1b', '#FBEAE6');
|
|
125
|
+
} else if (props.type === 'warning') {
|
|
126
|
+
return props.theme.themeProp('background', '#634E01', '#FFFDE8');
|
|
127
|
+
}
|
|
128
|
+
return '';
|
|
129
|
+
}
|
|
130
|
+
if (props.type === 'error') {
|
|
131
|
+
return styled.css(_templateObject29 || (_templateObject29 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n "])), props.theme.themeProp('border-color', '#D83018', '#D83018'), props.theme.themeProp('background', 'white', 'white'), props.theme.themeProp('color', 'black', 'black'));
|
|
132
|
+
} else if (props.type === 'warning') {
|
|
133
|
+
return styled.css(_templateObject30 || (_templateObject30 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n "])), props.theme.themeProp('border-color', '#F4E21E', '#F4E21E'), props.theme.themeProp('background', 'white', 'white'), props.theme.themeProp('color', 'black', 'black'));
|
|
134
|
+
} else {
|
|
135
|
+
return styled.css(_templateObject31 || (_templateObject31 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n "])), props.theme.themeProp('border-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-600')), props.theme.themeProp('background', 'transparent', props.theme.getColor('white')));
|
|
136
|
+
}
|
|
137
|
+
}, function (props) {
|
|
138
|
+
if (props.edit) {
|
|
139
|
+
if (props.type === 'error') {
|
|
140
|
+
return props.theme.themeProp('background', '#7f1b1b', '#FEE2E2');
|
|
141
|
+
} else if (props.type === 'warning') {
|
|
142
|
+
return props.theme.themeProp('background', '#634E01', '#FFFDE8');
|
|
143
|
+
} else {
|
|
144
|
+
return props.theme.themeProp('background', 'rgba(39,39,42, 0.7)', 'rgba(244,244,245, 0.3)');
|
|
145
|
+
}
|
|
146
|
+
}
|
|
123
147
|
}, function (props) {
|
|
124
148
|
return props.edit && props.theme.themeProp('border-color', 'rgba(39,39,42, 0.7)', 'rgba(228,228,231, 0.3)');
|
|
125
149
|
}, function (props) {
|
|
126
|
-
return props.noBorder && props.edit && styled.css(_templateObject32 || (_templateObject32 = defaultTheme._taggedTemplateLiteral(["\n
|
|
150
|
+
return props.noBorder && props.edit && styled.css(_templateObject32 || (_templateObject32 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), function (props) {
|
|
127
151
|
return props.theme.themeProp('border-color', '#27272A', 'rgba(244,244,245, 0.3)');
|
|
128
152
|
});
|
|
129
153
|
});
|
|
@@ -142,7 +166,7 @@ var TextInputFieldIcon = styled__default["default"].div.attrs(defaultTheme.apply
|
|
|
142
166
|
var TextInputFieldIconAlert = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject38 || (_templateObject38 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 2.8px;\n display: flex;\n padding: 0 10px 0 30px;\n opacity: 0.6;\n transition: opacity 250ms;\n ", "\n svg {\n margin-top: 12px;\n width: 15px;\n }\n"])), function (props) {
|
|
143
167
|
return props.type === 'warning' && props.theme.themeProp('color', '#EAB308', '#2F2402');
|
|
144
168
|
});
|
|
145
|
-
var TextInput = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject39 || (_templateObject39 = defaultTheme._taggedTemplateLiteral(["\n position: relative;\n flex-basis: ", ";\n\n ", "\n\n ", "\n\n
|
|
169
|
+
var TextInput = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject39 || (_templateObject39 = defaultTheme._taggedTemplateLiteral(["\n position: relative;\n flex-basis: ", ";\n\n ", "\n\n ", "\n\n &:focus-within {\n ", " {\n ", ";\n }\n\n ", " {\n svg {\n opacity: 1;\n }\n }\n }\n\n ", ":not(:placeholder-shown) + ", " {\n ", ";\n ", "\n }\n"])), function (props) {
|
|
146
170
|
return props.$fieldLabel ? '66.66%' : '100%';
|
|
147
171
|
}, function (props) {
|
|
148
172
|
return props.readOnly && styled.css(_templateObject40 || (_templateObject40 = defaultTheme._taggedTemplateLiteral(["\n overflow: auto;\n "])));
|
|
@@ -13,7 +13,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
13
13
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
14
14
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
15
15
|
|
|
16
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23
|
|
16
|
+
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;
|
|
17
17
|
var activeLabel = styled.css(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n font-size: 0.75rem;\n padding: 0 3px;\n top: -7px;\n letter-spacing: 0.03em;\n left: 8px !important;\n opacity: 1 !important;\n"])));
|
|
18
18
|
var Adornment = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n flex-shrink: 0;\n font-family: inherit;\n font-size: 0.875rem;\n line-height: initial;\n padding: 13px 10px;\n\n ", "\n ", "\n border: 1px solid;\n ", "\n border-radius: 3px;\n ", "\n box-sizing: border-box;\n appearance: none;\n transition: border-color 350ms;\n height: 2.75rem;\n\n ", "\n ", "\n"])), function (props) {
|
|
19
19
|
return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
|
|
@@ -45,13 +45,13 @@ var TextInputField = styled__default["default"].input.attrs(defaultTheme.applyDe
|
|
|
45
45
|
}, function (props) {
|
|
46
46
|
return props.noBorder || props.readOnly ? 'border-color: transparent !important' : props.theme.themeProp('border-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-400'));
|
|
47
47
|
}, function (props) {
|
|
48
|
-
return props.readOnly && styled.css(
|
|
48
|
+
return props.readOnly && styled.css(_templateObject0 || (_templateObject0 = defaultTheme._taggedTemplateLiteral(["\n user-select: text;\n cursor: default;\n "])));
|
|
49
49
|
}, function (props) {
|
|
50
|
-
return props.warning && styled.css(
|
|
50
|
+
return props.warning && styled.css(_templateObject1 || (_templateObject1 = defaultTheme._taggedTemplateLiteral(["\n border-color: ", " !important;\n "])), props.theme.getColor('orange-500'));
|
|
51
51
|
}, function (props) {
|
|
52
|
-
return props.error && styled.css(
|
|
52
|
+
return props.error && styled.css(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n border-color: ", " !important;\n "])), props.theme.getColor('red-500'));
|
|
53
53
|
}, function (props) {
|
|
54
|
-
return props.hasIcon && styled.css(
|
|
54
|
+
return props.hasIcon && styled.css(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n padding-left: 35px;\n "])));
|
|
55
55
|
}, function (props) {
|
|
56
56
|
return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600'), 1);
|
|
57
57
|
}, function (props) {
|
|
@@ -61,35 +61,35 @@ var TextInputField = styled__default["default"].input.attrs(defaultTheme.applyDe
|
|
|
61
61
|
}, InputIconContainer, function (props) {
|
|
62
62
|
return props.theme.getColor('gray-600');
|
|
63
63
|
}, function (props) {
|
|
64
|
-
return props.readOnly && styled.css(
|
|
64
|
+
return props.readOnly && styled.css(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n outline: none;\n "])));
|
|
65
65
|
});
|
|
66
|
-
var TextInputLabel = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme)(
|
|
66
|
+
var TextInputLabel = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 15px;\n left: 11px;\n line-height: 1.2;\n font-size: 0.875rem;\n transition: all 150ms;\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n\n ", "\n"])), function (props) {
|
|
67
67
|
return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600'));
|
|
68
68
|
}, function (props) {
|
|
69
69
|
return props.theme.themeProp('opacity', 0.6, 0.5);
|
|
70
70
|
}, function (props) {
|
|
71
71
|
return props.theme.themeProp('background', "linear-gradient(0deg, ".concat(props.theme.getColor('gray-900'), " calc(50% + 1px), transparent 50%)"), "linear-gradient(0deg, ".concat(props.theme.getColor('white'), " calc(50% + 1px), transparent 50%)"));
|
|
72
72
|
}, function (props) {
|
|
73
|
-
return (props.hasPlaceholder || props.hasAdornments) && styled.css(
|
|
73
|
+
return (props.hasPlaceholder || props.hasAdornments) && styled.css(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n "])), activeLabel);
|
|
74
74
|
}, function (props) {
|
|
75
|
-
return props.hasIcon && styled.css(
|
|
75
|
+
return props.hasIcon && styled.css(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n left: 35px;\n "])));
|
|
76
76
|
});
|
|
77
|
-
var TextInputFieldIcon = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
78
|
-
var TextInput$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
79
|
-
return props.disabled && styled.css(
|
|
77
|
+
var TextInputFieldIcon = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n left: 0;\n height: 2.625rem;\n display: flex;\n padding: 0 10px;\n\n svg {\n width: 15px;\n opacity: 0.6;\n transition: opacity 250ms;\n }\n"])));
|
|
78
|
+
var TextInput$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n position: relative;\n\n ", "\n\n &:focus-within {\n ", " {\n ", ";\n }\n\n ", " {\n svg {\n opacity: 1;\n }\n }\n }\n\n ", ":not(:placeholder-shown) + ", " {\n ", ";\n ", "\n\n ", "\n ", " \n } \n \n}\n"])), function (props) {
|
|
79
|
+
return props.disabled && styled.css(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n user-select: none;\n opacity: 0.5;\n cursor: not-allowed;\n > * {\n pointer-events: none;\n }\n "])));
|
|
80
80
|
}, TextInputLabel, activeLabel, TextInputFieldIcon, TextInputField, TextInputLabel, activeLabel, function (props) {
|
|
81
81
|
return props.error && props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500'));
|
|
82
82
|
}, function (props) {
|
|
83
|
-
return props.error && styled.css(
|
|
83
|
+
return props.error && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n color: ", ";\n "])), props.theme.getColor('red-500'));
|
|
84
84
|
}, function (props) {
|
|
85
|
-
return props.warning && styled.css(
|
|
85
|
+
return props.warning && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n color: ", ";\n "])), props.theme.getColor('orange-500'));
|
|
86
86
|
});
|
|
87
|
-
var Description = styled__default["default"].p.attrs(defaultTheme.applyDefaultTheme)(
|
|
87
|
+
var Description = styled__default["default"].p.attrs(defaultTheme.applyDefaultTheme)(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n margin: 8px 0 0 0;\n padding: 0 0.6875rem;\n font-size: 0.75rem;\n line-height: 1.333;\n\n ", ";\n\n ", "\n\n ", "\n"])), function (props) {
|
|
88
88
|
return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
|
|
89
89
|
}, function (props) {
|
|
90
|
-
return props.error && styled.css(
|
|
90
|
+
return props.error && styled.css(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
|
|
91
91
|
}, function (props) {
|
|
92
|
-
return props.warning && styled.css(
|
|
92
|
+
return props.warning && styled.css(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('orange-500')));
|
|
93
93
|
});
|
|
94
94
|
|
|
95
95
|
var _excluded = ["value", "defaultValue", "name", "label", "placeholder", "type", "required", "disabled", "readOnly", "autoComplete", "description", "error", "warning", "icon", "adornments", "className", "style", "onChange", "onBlur", "noBorder"];
|
package/data/Tabs/index.js
CHANGED
package/data/index.js
CHANGED
|
@@ -6,7 +6,7 @@ var Alert = require('../Alert-edd9f6a7.js');
|
|
|
6
6
|
var Badge = require('../Badge-00b2f311.js');
|
|
7
7
|
var Popover = require('../Popover-f00121a3.js');
|
|
8
8
|
var Tab = require('../Tab-d3ee0a3b.js');
|
|
9
|
-
var Tabs = require('../Tabs-
|
|
9
|
+
var Tabs = require('../Tabs-243c5e0b.js');
|
|
10
10
|
var Tooltip = require('../Tooltip-7dc4676b.js');
|
|
11
11
|
var VerificationStatusIcon = require('../VerificationStatusIcon-f3c44ef8.js');
|
|
12
12
|
require('../defaultTheme-24ea5c47.js');
|
package/inputs/Button/index.js
CHANGED
package/inputs/Checkbox/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-
|
|
3
|
+
var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-a8ccfcad.js');
|
|
4
4
|
require('../../defaultTheme-24ea5c47.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('lodash');
|
|
@@ -14,12 +14,12 @@ require('@tippyjs/react');
|
|
|
14
14
|
require('../../shift-away-subtle-dce50395.js');
|
|
15
15
|
require('popper-max-size-modifier');
|
|
16
16
|
require('../../Tab-d3ee0a3b.js');
|
|
17
|
-
require('../../Tabs-
|
|
17
|
+
require('../../Tabs-243c5e0b.js');
|
|
18
18
|
require('../../Tooltip-7dc4676b.js');
|
|
19
19
|
require('../../VerificationStatusIcon-f3c44ef8.js');
|
|
20
20
|
require('react-select');
|
|
21
21
|
require('react-select-async-paginate');
|
|
22
|
-
require('../../react-select-creatable.esm-
|
|
22
|
+
require('../../react-select-creatable.esm-09b1be95.js');
|
|
23
23
|
require('react-dom');
|
|
24
24
|
require('../../close-1751121a.js');
|
|
25
25
|
require('../../expand-more-d74e2bd2.js');
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var CompactStarRating = require('../../CompactStarRating-
|
|
3
|
+
var CompactStarRating = require('../../CompactStarRating-3fa89ec7.js');
|
|
4
4
|
require('../../defaultTheme-24ea5c47.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('react');
|
|
@@ -13,7 +13,7 @@ require('@tippyjs/react');
|
|
|
13
13
|
require('../../shift-away-subtle-dce50395.js');
|
|
14
14
|
require('popper-max-size-modifier');
|
|
15
15
|
require('../../Tab-d3ee0a3b.js');
|
|
16
|
-
require('../../Tabs-
|
|
16
|
+
require('../../Tabs-243c5e0b.js');
|
|
17
17
|
require('../../Tooltip-7dc4676b.js');
|
|
18
18
|
require('../../VerificationStatusIcon-f3c44ef8.js');
|
|
19
19
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var CompactTextInput = require('../../CompactTextInput-
|
|
3
|
+
var CompactTextInput = require('../../CompactTextInput-483d7ff1.js');
|
|
4
4
|
require('../../defaultTheme-24ea5c47.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('lodash');
|
|
@@ -15,7 +15,7 @@ require('@tippyjs/react');
|
|
|
15
15
|
require('../../shift-away-subtle-dce50395.js');
|
|
16
16
|
require('popper-max-size-modifier');
|
|
17
17
|
require('../../Tab-d3ee0a3b.js');
|
|
18
|
-
require('../../Tabs-
|
|
18
|
+
require('../../Tabs-243c5e0b.js');
|
|
19
19
|
require('../../Tooltip-7dc4676b.js');
|
|
20
20
|
require('../../VerificationStatusIcon-f3c44ef8.js');
|
|
21
21
|
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var MultiSelect = require('../../MultiSelect-
|
|
3
|
+
var MultiSelect = require('../../MultiSelect-0bdad346.js');
|
|
4
4
|
require('../../defaultTheme-24ea5c47.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('react');
|
|
7
7
|
require('nanoid');
|
|
8
8
|
require('../../close-1751121a.js');
|
|
9
9
|
require('react-select');
|
|
10
|
-
require('../../react-select-creatable.esm-
|
|
10
|
+
require('../../react-select-creatable.esm-09b1be95.js');
|
|
11
11
|
require('react-dom');
|
|
12
12
|
require('react-select-async-paginate');
|
|
13
13
|
|
package/inputs/TextArea/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var TextArea = require('../../TextArea-
|
|
3
|
+
var TextArea = require('../../TextArea-9c459b6e.js');
|
|
4
4
|
require('../../defaultTheme-24ea5c47.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('react');
|
|
@@ -15,7 +15,7 @@ require('@tippyjs/react');
|
|
|
15
15
|
require('../../shift-away-subtle-dce50395.js');
|
|
16
16
|
require('popper-max-size-modifier');
|
|
17
17
|
require('../../Tab-d3ee0a3b.js');
|
|
18
|
-
require('../../Tabs-
|
|
18
|
+
require('../../Tabs-243c5e0b.js');
|
|
19
19
|
require('../../Tooltip-7dc4676b.js');
|
|
20
20
|
require('../../VerificationStatusIcon-f3c44ef8.js');
|
|
21
21
|
require('../../edit-note-cefe2215.js');
|
package/inputs/index.js
CHANGED
|
@@ -3,17 +3,17 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var ActionButton = require('../ActionButton-5bc79370.js');
|
|
6
|
-
var Button = require('../Button-
|
|
7
|
-
var Checkbox = require('../Checkbox-
|
|
8
|
-
var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-
|
|
9
|
-
var CompactStarRating = require('../CompactStarRating-
|
|
10
|
-
var CompactTextInput = require('../CompactTextInput-
|
|
11
|
-
var MultiSelect = require('../MultiSelect-
|
|
6
|
+
var Button = require('../Button-82e91acb.js');
|
|
7
|
+
var Checkbox = require('../Checkbox-c441fdba.js');
|
|
8
|
+
var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-a8ccfcad.js');
|
|
9
|
+
var CompactStarRating = require('../CompactStarRating-3fa89ec7.js');
|
|
10
|
+
var CompactTextInput = require('../CompactTextInput-483d7ff1.js');
|
|
11
|
+
var MultiSelect = require('../MultiSelect-0bdad346.js');
|
|
12
12
|
var Radio = require('../Radio-758fd8f3.js');
|
|
13
|
-
var TextArea = require('../TextArea-
|
|
14
|
-
var TextInput = require('../TextInput-
|
|
13
|
+
var TextArea = require('../TextArea-9c459b6e.js');
|
|
14
|
+
var TextInput = require('../TextInput-70cb3df7.js');
|
|
15
15
|
var Switch = require('../Switch-26547abb.js');
|
|
16
|
-
var MultiLevelCheckboxSelect = require('../MultiLevelCheckboxSelect-
|
|
16
|
+
var MultiLevelCheckboxSelect = require('../MultiLevelCheckboxSelect-375c4785.js');
|
|
17
17
|
require('../defaultTheme-24ea5c47.js');
|
|
18
18
|
require('styled-components');
|
|
19
19
|
require('react');
|
|
@@ -29,12 +29,12 @@ require('nanoid');
|
|
|
29
29
|
require('../Alert-edd9f6a7.js');
|
|
30
30
|
require('../Badge-00b2f311.js');
|
|
31
31
|
require('../Tab-d3ee0a3b.js');
|
|
32
|
-
require('../Tabs-
|
|
32
|
+
require('../Tabs-243c5e0b.js');
|
|
33
33
|
require('../Tooltip-7dc4676b.js');
|
|
34
34
|
require('../VerificationStatusIcon-f3c44ef8.js');
|
|
35
35
|
require('react-select');
|
|
36
36
|
require('react-select-async-paginate');
|
|
37
|
-
require('../react-select-creatable.esm-
|
|
37
|
+
require('../react-select-creatable.esm-09b1be95.js');
|
|
38
38
|
require('react-dom');
|
|
39
39
|
require('../close-1751121a.js');
|
|
40
40
|
require('../edit-note-cefe2215.js');
|
package/package.json
CHANGED
|
@@ -2577,16 +2577,21 @@ const flip = function (options) {
|
|
|
2577
2577
|
const nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1;
|
|
2578
2578
|
const nextPlacement = placements[nextIndex];
|
|
2579
2579
|
if (nextPlacement) {
|
|
2580
|
-
|
|
2581
|
-
|
|
2582
|
-
|
|
2583
|
-
|
|
2584
|
-
|
|
2585
|
-
|
|
2586
|
-
|
|
2587
|
-
|
|
2588
|
-
|
|
2589
|
-
|
|
2580
|
+
var _overflowsData$;
|
|
2581
|
+
const ignoreCrossAxisOverflow = checkCrossAxis === 'alignment' ? initialSideAxis !== getSideAxis(nextPlacement) : false;
|
|
2582
|
+
const hasInitialMainAxisOverflow = ((_overflowsData$ = overflowsData[0]) == null ? void 0 : _overflowsData$.overflows[0]) > 0;
|
|
2583
|
+
if (!ignoreCrossAxisOverflow || hasInitialMainAxisOverflow) {
|
|
2584
|
+
// Try next placement and re-run the lifecycle.
|
|
2585
|
+
return {
|
|
2586
|
+
data: {
|
|
2587
|
+
index: nextIndex,
|
|
2588
|
+
overflows: overflowsData
|
|
2589
|
+
},
|
|
2590
|
+
reset: {
|
|
2591
|
+
placement: nextPlacement
|
|
2592
|
+
}
|
|
2593
|
+
};
|
|
2594
|
+
}
|
|
2590
2595
|
}
|
|
2591
2596
|
|
|
2592
2597
|
// First, find the candidates that fit on the mainAxis side of overflow,
|
|
@@ -3465,7 +3470,7 @@ function observeMove(element, onMove) {
|
|
|
3465
3470
|
// Handle <iframe>s
|
|
3466
3471
|
root: root.ownerDocument
|
|
3467
3472
|
});
|
|
3468
|
-
} catch (
|
|
3473
|
+
} catch (_e) {
|
|
3469
3474
|
io = new IntersectionObserver(handleObserve, options);
|
|
3470
3475
|
}
|
|
3471
3476
|
io.observe(element);
|