@ntbjs/react-components 1.1.26 → 1.1.27

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.
Files changed (22) hide show
  1. package/{AssetAction-529207b8.js → AssetAction-a47d4cb3.js} +7 -7
  2. package/{CompactAutocompleteSelect-56f502f6.js → CompactAutocompleteSelect-4c2eb20c.js} +1 -1
  3. package/{CompactStarRating-a17e419a.js → CompactStarRating-a3d5af80.js} +1 -1
  4. package/{CompactTextInput-966c1f28.js → CompactTextInput-1e61fdbd.js} +1 -1
  5. package/{Instructions-9fc0287e.js → Instructions-a273c2ae.js} +2 -2
  6. package/{MultiLevelCheckboxSelect-a45b51b1.js → MultiLevelCheckboxSelect-5c4cd6d5.js} +2 -2
  7. package/{SectionSeparator-43e1647d.js → SectionSeparator-98ec5164.js} +11 -7
  8. package/{Tabs-20c4effe.js → Tabs-b3a62023.js} +11 -10
  9. package/{TextArea-db4bad70.js → TextArea-2395b45a.js} +76 -68
  10. package/data/Tabs/index.js +1 -1
  11. package/data/index.js +1 -1
  12. package/inputs/CompactAutocompleteSelect/index.js +2 -2
  13. package/inputs/CompactStarRating/index.js +2 -2
  14. package/inputs/CompactTextInput/index.js +2 -2
  15. package/inputs/TextArea/index.js +2 -2
  16. package/inputs/index.js +7 -7
  17. package/layout/SectionSeparator/index.js +1 -1
  18. package/layout/index.js +1 -1
  19. package/package.json +1 -1
  20. package/widgets/AssetGallery/index.js +9 -9
  21. package/widgets/Instructions/index.js +4 -4
  22. package/widgets/index.js +9 -9
package/{AssetAction-529207b8.js → AssetAction-a47d4cb3.js} RENAMED
@@ -5,15 +5,15 @@ 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-a45b51b1.js');
8
+ var MultiLevelCheckboxSelect = require('./MultiLevelCheckboxSelect-5c4cd6d5.js');
9
9
  var styled = require('styled-components');
10
10
  var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
11
- var Instructions = require('./Instructions-9fc0287e.js');
11
+ var Instructions = require('./Instructions-a273c2ae.js');
12
12
  var Alert = require('./Alert-edd9f6a7.js');
13
13
  var Badge = require('./Badge-00b2f311.js');
14
14
  var Popover = require('./Popover-f00121a3.js');
15
15
  require('./Tab-d3ee0a3b.js');
16
- require('./Tabs-20c4effe.js');
16
+ require('./Tabs-b3a62023.js');
17
17
  var Tooltip = require('./Tooltip-7dc4676b.js');
18
18
  require('./VerificationStatusIcon-f3c44ef8.js');
19
19
  var react = require('@floating-ui/react');
@@ -25,12 +25,12 @@ require('./InfoCard-005063b4.js');
25
25
  var ActionButton = require('./ActionButton-5bc79370.js');
26
26
  require('./Button-82e91acb.js');
27
27
  require('./Checkbox-c441fdba.js');
28
- require('./CompactAutocompleteSelect-56f502f6.js');
29
- require('./CompactStarRating-a17e419a.js');
30
- require('./CompactTextInput-966c1f28.js');
28
+ require('./CompactAutocompleteSelect-4c2eb20c.js');
29
+ require('./CompactStarRating-a3d5af80.js');
30
+ require('./CompactTextInput-1e61fdbd.js');
31
31
  require('./MultiSelect-0bdad346.js');
32
32
  require('./Radio-758fd8f3.js');
33
- require('./TextArea-db4bad70.js');
33
+ require('./TextArea-2395b45a.js');
34
34
  require('./TextInput-70cb3df7.js');
35
35
  require('./Switch-26547abb.js');
36
36
  var ContextMenuItem = require('./ContextMenuItem-ae252503.js');
package/{CompactAutocompleteSelect-56f502f6.js → CompactAutocompleteSelect-4c2eb20c.js} RENAMED
@@ -8,7 +8,7 @@ require('./Alert-edd9f6a7.js');
8
8
  require('./Badge-00b2f311.js');
9
9
  require('./Popover-f00121a3.js');
10
10
  require('./Tab-d3ee0a3b.js');
11
- require('./Tabs-20c4effe.js');
11
+ require('./Tabs-b3a62023.js');
12
12
  var Tooltip = require('./Tooltip-7dc4676b.js');
13
13
  require('./VerificationStatusIcon-f3c44ef8.js');
14
14
  var styled = require('styled-components');
package/{CompactStarRating-a17e419a.js → CompactStarRating-a3d5af80.js} RENAMED
@@ -6,7 +6,7 @@ require('./Alert-edd9f6a7.js');
6
6
  require('./Badge-00b2f311.js');
7
7
  require('./Popover-f00121a3.js');
8
8
  require('./Tab-d3ee0a3b.js');
9
- require('./Tabs-20c4effe.js');
9
+ require('./Tabs-b3a62023.js');
10
10
  var Tooltip = require('./Tooltip-7dc4676b.js');
11
11
  require('./VerificationStatusIcon-f3c44ef8.js');
12
12
  var styled = require('styled-components');
package/{CompactTextInput-966c1f28.js → CompactTextInput-1e61fdbd.js} RENAMED
@@ -9,7 +9,7 @@ require('./Alert-edd9f6a7.js');
9
9
  require('./Badge-00b2f311.js');
10
10
  var Popover = require('./Popover-f00121a3.js');
11
11
  require('./Tab-d3ee0a3b.js');
12
- require('./Tabs-20c4effe.js');
12
+ require('./Tabs-b3a62023.js');
13
13
  var Tooltip = require('./Tooltip-7dc4676b.js');
14
14
  require('./VerificationStatusIcon-f3c44ef8.js');
15
15
  var styled = require('styled-components');
package/{Instructions-9fc0287e.js → Instructions-a273c2ae.js} RENAMED
@@ -3,8 +3,8 @@
3
3
  var defaultTheme = require('./defaultTheme-24ea5c47.js');
4
4
  var lodash = require('lodash');
5
5
  var React = require('react');
6
- var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-56f502f6.js');
7
- var TextArea = require('./TextArea-db4bad70.js');
6
+ var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-4c2eb20c.js');
7
+ var TextArea = require('./TextArea-2395b45a.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 }; }
package/{MultiLevelCheckboxSelect-a45b51b1.js → MultiLevelCheckboxSelect-5c4cd6d5.js} RENAMED
@@ -7,14 +7,14 @@ require('./Alert-edd9f6a7.js');
7
7
  require('./Badge-00b2f311.js');
8
8
  var Popover = require('./Popover-f00121a3.js');
9
9
  require('./Tab-d3ee0a3b.js');
10
- require('./Tabs-20c4effe.js');
10
+ require('./Tabs-b3a62023.js');
11
11
  require('./Tooltip-7dc4676b.js');
12
12
  require('./VerificationStatusIcon-f3c44ef8.js');
13
13
  var Checkbox = require('./Checkbox-c441fdba.js');
14
14
  var lodash = require('lodash');
15
15
  var TextInput = require('./TextInput-70cb3df7.js');
16
16
  require('./InputGroup-3598e37c.js');
17
- var SectionSeparator = require('./SectionSeparator-43e1647d.js');
17
+ var SectionSeparator = require('./SectionSeparator-98ec5164.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 }; }
package/{SectionSeparator-43e1647d.js → SectionSeparator-98ec5164.js} RENAMED
@@ -10,28 +10,32 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
10
10
  var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
11
11
 
12
12
  var _templateObject;
13
- var SectionSeparator$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n height: ", ";\n width: ", ";\n\n ", "\n"])), function (props) {
13
+ var SectionSeparator$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n height: ", ";\n width: ", ";\n\n ", "\n\n ", "\n"])), function (props) {
14
14
  return props.vertical ? '100%' : '1px';
15
15
  }, function (props) {
16
16
  return props.vertical ? '1px' : '100%';
17
+ }, function (props) {
18
+ return props.vertical ? "margin-left: ".concat(props.margin, "px; margin-right: ").concat(props.margin, "px;") : "margin-top: ".concat(props.margin, "px; margin-bottom: ").concat(props.margin, "px;");
17
19
  }, function (props) {
18
20
  return props.theme.themeProp('background-color', props.theme.getColor('gray-800'), props.theme.getColor('gray-200'));
19
21
  });
20
22
 
21
- var _excluded = ["vertical"];
23
+ var _excluded = ["vertical", "margin"];
22
24
  var SectionSeparator = React__default["default"].forwardRef(function SectionSeparator(_ref, forwardedRef) {
23
- var vertical = _ref.vertical,
25
+ var _ref$vertical = _ref.vertical,
26
+ vertical = _ref$vertical === void 0 ? false : _ref$vertical,
27
+ _ref$margin = _ref.margin,
28
+ margin = _ref$margin === void 0 ? 0 : _ref$margin,
24
29
  props = defaultTheme._objectWithoutProperties(_ref, _excluded);
25
30
  return React__default["default"].createElement(SectionSeparator$1, defaultTheme._extends({
26
31
  vertical: vertical,
32
+ margin: margin,
27
33
  ref: forwardedRef
28
34
  }, props));
29
35
  });
30
36
  SectionSeparator.propTypes = process.env.NODE_ENV !== "production" ? {
31
- vertical: defaultTheme.PropTypes.bool
37
+ vertical: defaultTheme.PropTypes.bool,
38
+ margin: defaultTheme.PropTypes.number
32
39
  } : {};
33
- SectionSeparator.defaultProps = {
34
- vertical: false
35
- };
36
40
 
37
41
  exports.SectionSeparator = SectionSeparator;
package/{Tabs-20c4effe.js → Tabs-b3a62023.js} RENAMED
@@ -53,9 +53,12 @@ var TabHeaderBorder = styled__default["default"].div.attrs(defaultTheme.applyDef
53
53
  var _excluded = ["children", "defaultMinHeight", "customPadding", "onTabClick"];
54
54
  var Tabs = React__default["default"].forwardRef(function Tabs(_ref, forwardedRef) {
55
55
  var children = _ref.children,
56
- defaultMinHeight = _ref.defaultMinHeight,
57
- customPadding = _ref.customPadding,
58
- onTabClick = _ref.onTabClick,
56
+ _ref$defaultMinHeight = _ref.defaultMinHeight,
57
+ defaultMinHeight = _ref$defaultMinHeight === void 0 ? '' : _ref$defaultMinHeight,
58
+ _ref$customPadding = _ref.customPadding,
59
+ customPadding = _ref$customPadding === void 0 ? 0 : _ref$customPadding,
60
+ _ref$onTabClick = _ref.onTabClick,
61
+ onTabClick = _ref$onTabClick === void 0 ? function () {} : _ref$onTabClick,
59
62
  props = defaultTheme._objectWithoutProperties(_ref, _excluded);
60
63
  var _useState = React.useState(0),
61
64
  _useState2 = defaultTheme._slicedToArray(_useState, 2),
@@ -102,9 +105,11 @@ var Tabs = React__default["default"].forwardRef(function Tabs(_ref, forwardedRef
102
105
  if (tab.trigger && tab.trigger.props && tab.trigger.props.children) {
103
106
  triggerText = tab.trigger.props.children;
104
107
  }
105
- onTabClick(defaultTheme._objectSpread2(defaultTheme._objectSpread2({}, tab), {}, {
106
- triggerText: triggerText
107
- }));
108
+ if (onTabClick) {
109
+ onTabClick(defaultTheme._objectSpread2(defaultTheme._objectSpread2({}, tab), {}, {
110
+ triggerText: triggerText
111
+ }));
112
+ }
108
113
  };
109
114
  return React__default["default"].createElement(Tabs$1, defaultTheme._extends({
110
115
  ref: forwardedRef
@@ -136,10 +141,6 @@ var Tabs = React__default["default"].forwardRef(function Tabs(_ref, forwardedRef
136
141
  }, tab.content);
137
142
  })));
138
143
  });
139
- Tabs.defaultProps = {
140
- defaultMinHeight: '',
141
- customPadding: 0
142
- };
143
144
  Tabs.propTypes = process.env.NODE_ENV !== "production" ? {
144
145
  children: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.array, defaultTheme.PropTypes.object]),
145
146
  backgroundColor: defaultTheme.PropTypes.string,
package/{TextArea-db4bad70.js → TextArea-2395b45a.js} RENAMED
@@ -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-20c4effe.js');
12
+ require('./Tabs-b3a62023.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,78 +20,61 @@ 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, _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;
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;
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"])));
27
- var placeholderBaseStyle = styled.css(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n ", "\n\n ", "\n"])), function (props) {
28
- return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600'));
29
- }, function (props) {
30
- return props.theme.themeProp('opacity', 0.6, 0.5);
31
- });
32
- var warningPlaceholder = styled.css(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n ", "\n"])), function (props) {
33
- return props.type === 'warning' && props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'), 1);
34
- });
35
- var errorPlaceholder = styled.css(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n ", "\n"])), function (props) {
36
- return props.type === 'error' && props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'), 1);
37
- });
38
- var warningPlaceholderHover = styled.css(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n ", "\n"])), function (props) {
39
- return props.type === 'warning' && props.theme.themeProp('color', props.theme.getColor('gray-900'), props.theme.getColor('gray-900'), 1);
40
- });
41
- var errorPlaceholderHover = styled.css(_templateObject8 || (_templateObject8 = defaultTheme._taggedTemplateLiteral(["\n ", "\n"])), function (props) {
42
- return props.type === 'error' && props.theme.themeProp('color', props.theme.getColor('red-600'), props.theme.getColor('red-600'), 1);
43
- });
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)(_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) {
27
+ var TextAreaContainter = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n"])));
28
+ var Label = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject5 || (_templateObject5 = 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
29
  return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'));
47
30
  }, function (props) {
48
- return props.disabled && styled.css(_templateObject1 || (_templateObject1 = defaultTheme._taggedTemplateLiteral(["\n cursor: not-allowed;\n "])));
31
+ return props.disabled && styled.css(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n cursor: not-allowed;\n "])));
49
32
  });
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) {
33
+ var InputIconContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject7 || (_templateObject7 = 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
34
  return props.theme.themeProp('background-color', props.theme.getColor('gray-900'), props.theme.getColor('gray-300'), '!important');
52
35
  }, function (props) {
53
- return props.disabled && styled.css(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n display: none;\n "])));
36
+ return props.disabled && styled.css(_templateObject8 || (_templateObject8 = defaultTheme._taggedTemplateLiteral(["\n display: none;\n "])));
54
37
  });
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) {
38
+ var TextInputField = styled__default["default"].textarea.attrs(defaultTheme.applyDefaultTheme)(_templateObject9 || (_templateObject9 = 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 }\n\n &:hover::placeholder {\n ", "\n\n ", "\n }\n\n &:focus::placeholder {\n ", "\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
39
  return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'));
57
40
  }, function (props) {
58
- return props.borderRadius && styled.css(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n border-radius: ", "px;\n "])), props.borderRadius);
41
+ return props.borderRadius && styled.css(_templateObject0 || (_templateObject0 = defaultTheme._taggedTemplateLiteral(["\n border-radius: ", "px;\n "])), props.borderRadius);
59
42
  }, function (props) {
60
43
  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'));
44
+ return styled.css(_templateObject1 || (_templateObject1 = 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
45
  } 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'));
46
+ return styled.css(_templateObject10 || (_templateObject10 = 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
47
  } 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')));
48
+ return styled.css(_templateObject11 || (_templateObject11 = 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
49
  } 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')));
50
+ return styled.css(_templateObject12 || (_templateObject12 = 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
51
  } 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')));
52
+ return styled.css(_templateObject13 || (_templateObject13 = 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
53
  }
71
54
  }, function (props) {
72
- return props.readOnly && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n cursor: default;\n border-color: transparent !important;\n padding: 12px 10px;\n "])));
55
+ return props.readOnly && styled.css(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n cursor: default;\n border-color: transparent !important;\n padding: 12px 10px;\n "])));
73
56
  }, function (props) {
74
- return props.disabled && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n cursor: not-allowed;\n "])));
57
+ return props.disabled && styled.css(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n cursor: not-allowed;\n "])));
75
58
  }, function (props) {
76
- return props.noBorder && !props.type && styled.css(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), function (props) {
59
+ return props.noBorder && !props.type && styled.css(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), function (props) {
77
60
  return props.theme.themeProp('border-color', props.theme.getColor('gray-900'), props.theme.getColor('white'));
78
61
  });
79
62
  }, function (props) {
80
- return props.noBorder && props.type === 'warning' && styled.css(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), function (props) {
63
+ return props.noBorder && props.type === 'warning' && styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), function (props) {
81
64
  return props.theme.themeProp('border-color', '#634E01', '#FFFDE8');
82
65
  });
83
66
  }, function (props) {
84
- return props.noBorder && props.type === 'error' && styled.css(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), function (props) {
67
+ return props.noBorder && props.type === 'error' && styled.css(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), function (props) {
85
68
  return props.theme.themeProp('border-color', '#7f1b1b', '#FBEAE6');
86
69
  });
87
70
  }, function (props) {
88
- return props.padding === 'small' && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n padding: 5px 10px;\n "])));
71
+ return props.padding === 'small' && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n padding: 5px 10px;\n "])));
89
72
  }, function (props) {
90
- return props.padding === 'medium' && styled.css(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n padding: 13px 15px;\n "])));
73
+ return props.padding === 'medium' && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n padding: 13px 15px;\n "])));
91
74
  }, function (props) {
92
- return props.padding === 'large' && styled.css(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n padding: 15px 55px;\n "])));
75
+ return props.padding === 'large' && styled.css(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n padding: 15px 55px;\n "])));
93
76
  }, function (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 "])));
77
+ return props.hasIcon && styled.css(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n padding-left: 55px;\n padding-right: 35px;\n padding-top: 13.5px;\n "])));
95
78
  }, function (props) {
96
79
  if (props.disabled) {
97
80
  return '';
@@ -117,8 +100,39 @@ var TextInputField = styled__default["default"].textarea.attrs(defaultTheme.appl
117
100
  }, function (props) {
118
101
  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')) : '';
119
102
  }, InputIconContainer, function (props) {
120
- return props.type === 'success' && styled.css(_templateObject28 || (_templateObject28 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0;\n "])));
121
- }, placeholderBaseStyle, warningPlaceholder, errorPlaceholder, warningPlaceholderHover, errorPlaceholderHover, warningPlaceholderHover, errorPlaceholderHover, function (props) {
103
+ return props.type === 'success' && styled.css(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0;\n "])));
104
+ }, function (props) {
105
+ return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600'));
106
+ }, function (props) {
107
+ return props.theme.themeProp('opacity', 0.6, 0.5);
108
+ }, function (props) {
109
+ if (props.type === 'warning') {
110
+ return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
111
+ } else if (props.type === 'error') {
112
+ return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
113
+ }
114
+ return '';
115
+ }, function (props) {
116
+ return props.theme.themeProp('opacity', 0.6, 0.5);
117
+ }, function (props) {
118
+ if (props.type === 'warning') {
119
+ return props.theme.themeProp('color', props.theme.getColor('gray-900'), props.theme.getColor('gray-900'));
120
+ } else if (props.type === 'error') {
121
+ return props.theme.themeProp('color', props.theme.getColor('red-600'), props.theme.getColor('red-600'));
122
+ } else {
123
+ return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600'));
124
+ }
125
+ }, function (props) {
126
+ return props.theme.themeProp('opacity', 0.6, 0.5);
127
+ }, function (props) {
128
+ if (props.type === 'warning') {
129
+ return props.theme.themeProp('color', props.theme.getColor('gray-900'), props.theme.getColor('gray-900'));
130
+ } else if (props.type === 'error') {
131
+ return props.theme.themeProp('color', props.theme.getColor('red-600'), props.theme.getColor('red-600'));
132
+ } else {
133
+ return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600'));
134
+ }
135
+ }, function (props) {
122
136
  if (props.readOnly) {
123
137
  if (props.type === 'error') {
124
138
  return props.theme.themeProp('background', '#7f1b1b', '#FBEAE6');
@@ -128,11 +142,11 @@ var TextInputField = styled__default["default"].textarea.attrs(defaultTheme.appl
128
142
  return '';
129
143
  }
130
144
  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'));
145
+ return styled.css(_templateObject24 || (_templateObject24 = 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
146
  } 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'));
147
+ return styled.css(_templateObject25 || (_templateObject25 = 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
148
  } 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')));
149
+ return styled.css(_templateObject26 || (_templateObject26 = 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
150
  }
137
151
  }, function (props) {
138
152
  if (props.edit) {
@@ -147,49 +161,49 @@ var TextInputField = styled__default["default"].textarea.attrs(defaultTheme.appl
147
161
  }, function (props) {
148
162
  return props.edit && props.theme.themeProp('border-color', 'rgba(39,39,42, 0.7)', 'rgba(228,228,231, 0.3)');
149
163
  }, function (props) {
150
- return props.noBorder && props.edit && styled.css(_templateObject32 || (_templateObject32 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), function (props) {
164
+ return props.noBorder && props.edit && styled.css(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), function (props) {
151
165
  return props.theme.themeProp('border-color', '#27272A', 'rgba(244,244,245, 0.3)');
152
166
  });
153
167
  });
154
- var TextInputLabel = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject33 || (_templateObject33 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 13px;\n left: 11px;\n line-height: 1.2;\n font-size: 0.875rem;\n transition: all 150ms;\n margin-botton: 50px;\n\n ", ";\n\n ", ";\n\n ", "\n\n ", "\n\n ", "\n content: \"\";\n\n ", "\n"])), function (props) {
168
+ var TextInputLabel = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject28 || (_templateObject28 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 13px;\n left: 11px;\n line-height: 1.2;\n font-size: 0.875rem;\n transition: all 150ms;\n margin-botton: 50px;\n\n ", ";\n\n ", "\n\n ", "\n\n ", "\n content: \"\";\n\n ", "\n"])), function (props) {
155
169
  return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'));
156
- }, placeholderBaseStyle, function (props) {
170
+ }, function (props) {
157
171
  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%)"));
158
172
  }, function (props) {
159
- return !props.inputIsEmpty && styled.css(_templateObject34 || (_templateObject34 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), activeLabel);
173
+ return !props.inputIsEmpty && styled.css(_templateObject29 || (_templateObject29 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), activeLabel);
160
174
  }, function (props) {
161
- return props.hasPlaceholder && styled.css(_templateObject35 || (_templateObject35 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n "])), activeLabel);
175
+ return props.hasPlaceholder && styled.css(_templateObject30 || (_templateObject30 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n "])), activeLabel);
162
176
  }, function (props) {
163
- return props.hasIcon && styled.css(_templateObject36 || (_templateObject36 = defaultTheme._taggedTemplateLiteral(["\n left: 55px;\n "])));
177
+ return props.hasIcon && styled.css(_templateObject31 || (_templateObject31 = defaultTheme._taggedTemplateLiteral(["\n left: 55px;\n "])));
164
178
  });
165
- var TextInputFieldIcon = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject37 || (_templateObject37 = 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"])));
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) {
179
+ var TextInputFieldIcon = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject32 || (_templateObject32 = 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"])));
180
+ var TextInputFieldIconAlert = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject33 || (_templateObject33 = 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) {
167
181
  return props.type === 'warning' && props.theme.themeProp('color', '#EAB308', '#2F2402');
168
182
  });
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) {
183
+ var TextInput = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject34 || (_templateObject34 = 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) {
170
184
  return props.$fieldLabel ? '66.66%' : '100%';
171
185
  }, function (props) {
172
- return props.readOnly && styled.css(_templateObject40 || (_templateObject40 = defaultTheme._taggedTemplateLiteral(["\n overflow: auto;\n "])));
186
+ return props.readOnly && styled.css(_templateObject35 || (_templateObject35 = defaultTheme._taggedTemplateLiteral(["\n overflow: auto;\n "])));
173
187
  }, function (props) {
174
- return props.disabled && styled.css(_templateObject41 || (_templateObject41 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n\n > * {\n cursor: not-allowed;\n }\n "])));
188
+ return props.disabled && styled.css(_templateObject36 || (_templateObject36 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n\n > * {\n cursor: not-allowed;\n }\n "])));
175
189
  }, TextInputLabel, activeLabel, TextInputFieldIcon, TextInputField, TextInputLabel, activeLabel, function (props) {
176
190
  return props.type === 'error' && props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500'));
177
191
  });
178
- var Description = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject42 || (_templateObject42 = 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) {
192
+ var Description = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject37 || (_templateObject37 = 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) {
179
193
  return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
180
194
  }, function (props) {
181
- return (props.type === 'warning-border' || props.type === 'warning') && styled.css(_templateObject43 || (_templateObject43 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('orange-500')));
195
+ return (props.type === 'warning-border' || props.type === 'warning') && styled.css(_templateObject38 || (_templateObject38 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('orange-500')));
182
196
  }, function (props) {
183
- return (props.type === 'error-border' || props.type === 'error') && styled.css(_templateObject44 || (_templateObject44 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
197
+ return (props.type === 'error-border' || props.type === 'error') && styled.css(_templateObject39 || (_templateObject39 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
184
198
  });
185
- var SuccessContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject45 || (_templateObject45 = defaultTheme._taggedTemplateLiteral(["\n opacity: 1;\n pointer-events: none;\n opacity: ", ";\n animation: ", " 0.5s ease-in-out;\n transition: opacity 0.5s ease-in-out;\n position: absolute;\n margin-top: -35px;\n margin-left: 5px;\n width: 15px;\n height: 15px;\n padding: 5px;\n ", "\n\n > svg {\n width: 15px;\n }\n"])), function (props) {
199
+ var SuccessContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject40 || (_templateObject40 = defaultTheme._taggedTemplateLiteral(["\n opacity: 1;\n pointer-events: none;\n opacity: ", ";\n animation: ", " 0.5s ease-in-out;\n transition: opacity 0.5s ease-in-out;\n position: absolute;\n margin-top: -35px;\n margin-left: 5px;\n width: 15px;\n height: 15px;\n padding: 5px;\n ", "\n\n > svg {\n width: 15px;\n }\n"])), function (props) {
186
200
  return props.fadeIn ? 0 : 1;
187
201
  }, function (props) {
188
202
  return props.fadeIn ? fadeOutCheck : fadeInCheck;
189
203
  }, function (props) {
190
204
  return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'));
191
205
  });
192
- var SuccessContainerLabel = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject46 || (_templateObject46 = defaultTheme._taggedTemplateLiteral(["\n opacity: 1;\n pointer-events: none;\n opacity: ", ";\n animation: ", " 0.5s ease-in-out;\n transition: opacity 0.5s ease-in-out;\n margin-right: 5px;\n margin-top: -7px;\n width: 15px;\n height: 15px;\n padding: 5px;\n ", "\n\n > svg {\n width: 13px;\n }\n"])), function (props) {
206
+ var SuccessContainerLabel = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject41 || (_templateObject41 = defaultTheme._taggedTemplateLiteral(["\n opacity: 1;\n pointer-events: none;\n opacity: ", ";\n animation: ", " 0.5s ease-in-out;\n transition: opacity 0.5s ease-in-out;\n margin-right: 5px;\n margin-top: -7px;\n width: 15px;\n height: 15px;\n padding: 5px;\n ", "\n\n > svg {\n width: 13px;\n }\n"])), function (props) {
193
207
  return props.fadeIn ? 0 : 1;
194
208
  }, function (props) {
195
209
  return props.fadeIn ? fadeOutCheck : fadeInCheck;
@@ -197,7 +211,7 @@ var SuccessContainerLabel = styled__default["default"].div.attrs(defaultTheme.ap
197
211
  return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'));
198
212
  });
199
213
 
200
- var _excluded = ["value", "defaultValue", "name", "label", "placeholder", "required", "disabled", "hidden", "readOnly", "edit", "autoComplete", "description", "type", "icon", "rows", "className", "style", "onChange", "onBlur", "noBorder", "instructionsTextArea", "loadingIcon", "successIcon", "padding", "descriptionToolTip", "borderRadius", "fieldLabel"];
214
+ var _excluded = ["value", "defaultValue", "name", "label", "placeholder", "required", "disabled", "hidden", "readOnly", "edit", "autoComplete", "description", "type", "icon", "rows", "className", "style", "onChange", "onBlur", "noBorder", "loadingIcon", "successIcon", "padding", "descriptionToolTip", "borderRadius", "fieldLabel"];
201
215
  var TextArea = React__default["default"].forwardRef(function TextArea(_ref, forwardedRef) {
202
216
  var value = _ref.value,
203
217
  defaultValue = _ref.defaultValue,
@@ -219,7 +233,6 @@ var TextArea = React__default["default"].forwardRef(function TextArea(_ref, forw
219
233
  _onChange = _ref.onChange,
220
234
  onBlur = _ref.onBlur,
221
235
  noBorder = _ref.noBorder,
222
- instructionsTextArea = _ref.instructionsTextArea,
223
236
  loadingIcon = _ref.loadingIcon,
224
237
  successIcon = _ref.successIcon,
225
238
  padding = _ref.padding,
@@ -277,7 +290,6 @@ var TextArea = React__default["default"].forwardRef(function TextArea(_ref, forw
277
290
  readOnly: readOnly,
278
291
  disabled: disabled,
279
292
  edit: edit,
280
- instructionsTextArea: instructionsTextArea,
281
293
  type: type,
282
294
  autoComplete: autoComplete,
283
295
  hasIcon: Boolean(icon),
@@ -332,7 +344,6 @@ TextArea.defaultProps = {
332
344
  hidden: false,
333
345
  type: '',
334
346
  padding: 'medium',
335
- instructionsTextArea: false,
336
347
  descriptionToolTip: '',
337
348
  isExpanded: function isExpanded() {},
338
349
  onChange: function onChange() {},
@@ -352,8 +363,6 @@ TextArea.propTypes = process.env.NODE_ENV !== "production" ? {
352
363
  edit: defaultTheme.PropTypes.bool,
353
364
  autoComplete: defaultTheme.PropTypes.string,
354
365
  description: defaultTheme.PropTypes.string,
355
- error: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.bool, defaultTheme.PropTypes.string]),
356
- warning: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.bool, defaultTheme.PropTypes.string]),
357
366
  icon: defaultTheme.PropTypes.element,
358
367
  rows: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.number, defaultTheme.PropTypes.string]),
359
368
  className: defaultTheme.PropTypes.string,
@@ -364,7 +373,6 @@ TextArea.propTypes = process.env.NODE_ENV !== "production" ? {
364
373
  noBorder: defaultTheme.PropTypes.bool,
365
374
  isExpanded: defaultTheme.PropTypes.func,
366
375
  type: defaultTheme.PropTypes.oneOf(['', 'error', 'error-border', 'warning-border', 'warning', 'loading', 'success']),
367
- instructionsTextArea: defaultTheme.PropTypes.bool,
368
376
  loadingIcon: defaultTheme.PropTypes.element,
369
377
  successIcon: defaultTheme.PropTypes.element,
370
378
  descriptionToolTip: defaultTheme.PropTypes.string,
package/data/Tabs/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Tabs = require('../../Tabs-20c4effe.js');
3
+ var Tabs = require('../../Tabs-b3a62023.js');
4
4
  require('../../defaultTheme-24ea5c47.js');
5
5
  require('styled-components');
6
6
  require('lodash');
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-20c4effe.js');
9
+ var Tabs = require('../Tabs-b3a62023.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/CompactAutocompleteSelect/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-56f502f6.js');
3
+ var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-4c2eb20c.js');
4
4
  require('../../defaultTheme-24ea5c47.js');
5
5
  require('styled-components');
6
6
  require('lodash');
@@ -14,7 +14,7 @@ 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-20c4effe.js');
17
+ require('../../Tabs-b3a62023.js');
18
18
  require('../../Tooltip-7dc4676b.js');
19
19
  require('../../VerificationStatusIcon-f3c44ef8.js');
20
20
  require('react-select');
package/inputs/CompactStarRating/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var CompactStarRating = require('../../CompactStarRating-a17e419a.js');
3
+ var CompactStarRating = require('../../CompactStarRating-a3d5af80.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-20c4effe.js');
16
+ require('../../Tabs-b3a62023.js');
17
17
  require('../../Tooltip-7dc4676b.js');
18
18
  require('../../VerificationStatusIcon-f3c44ef8.js');
19
19
 
package/inputs/CompactTextInput/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var CompactTextInput = require('../../CompactTextInput-966c1f28.js');
3
+ var CompactTextInput = require('../../CompactTextInput-1e61fdbd.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-20c4effe.js');
18
+ require('../../Tabs-b3a62023.js');
19
19
  require('../../Tooltip-7dc4676b.js');
20
20
  require('../../VerificationStatusIcon-f3c44ef8.js');
21
21
 
package/inputs/TextArea/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var TextArea = require('../../TextArea-db4bad70.js');
3
+ var TextArea = require('../../TextArea-2395b45a.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-20c4effe.js');
18
+ require('../../Tabs-b3a62023.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
@@ -5,15 +5,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var ActionButton = require('../ActionButton-5bc79370.js');
6
6
  var Button = require('../Button-82e91acb.js');
7
7
  var Checkbox = require('../Checkbox-c441fdba.js');
8
- var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-56f502f6.js');
9
- var CompactStarRating = require('../CompactStarRating-a17e419a.js');
10
- var CompactTextInput = require('../CompactTextInput-966c1f28.js');
8
+ var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-4c2eb20c.js');
9
+ var CompactStarRating = require('../CompactStarRating-a3d5af80.js');
10
+ var CompactTextInput = require('../CompactTextInput-1e61fdbd.js');
11
11
  var MultiSelect = require('../MultiSelect-0bdad346.js');
12
12
  var Radio = require('../Radio-758fd8f3.js');
13
- var TextArea = require('../TextArea-db4bad70.js');
13
+ var TextArea = require('../TextArea-2395b45a.js');
14
14
  var TextInput = require('../TextInput-70cb3df7.js');
15
15
  var Switch = require('../Switch-26547abb.js');
16
- var MultiLevelCheckboxSelect = require('../MultiLevelCheckboxSelect-a45b51b1.js');
16
+ var MultiLevelCheckboxSelect = require('../MultiLevelCheckboxSelect-5c4cd6d5.js');
17
17
  require('../defaultTheme-24ea5c47.js');
18
18
  require('styled-components');
19
19
  require('react');
@@ -29,7 +29,7 @@ require('nanoid');
29
29
  require('../Alert-edd9f6a7.js');
30
30
  require('../Badge-00b2f311.js');
31
31
  require('../Tab-d3ee0a3b.js');
32
- require('../Tabs-20c4effe.js');
32
+ require('../Tabs-b3a62023.js');
33
33
  require('../Tooltip-7dc4676b.js');
34
34
  require('../VerificationStatusIcon-f3c44ef8.js');
35
35
  require('react-select');
@@ -40,7 +40,7 @@ require('../close-1751121a.js');
40
40
  require('../edit-note-cefe2215.js');
41
41
  require('../useMergedRefs-b6d2f8fc.js');
42
42
  require('../InputGroup-3598e37c.js');
43
- require('../SectionSeparator-43e1647d.js');
43
+ require('../SectionSeparator-98ec5164.js');
44
44
 
45
45
 
46
46
 
package/layout/SectionSeparator/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var SectionSeparator = require('../../SectionSeparator-43e1647d.js');
3
+ var SectionSeparator = require('../../SectionSeparator-98ec5164.js');
4
4
  require('../../defaultTheme-24ea5c47.js');
5
5
  require('styled-components');
6
6
  require('react');
package/layout/index.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var InputGroup = require('../InputGroup-3598e37c.js');
6
- var SectionSeparator = require('../SectionSeparator-43e1647d.js');
6
+ var SectionSeparator = require('../SectionSeparator-98ec5164.js');
7
7
  require('../defaultTheme-24ea5c47.js');
8
8
  require('styled-components');
9
9
  require('react');
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ntbjs/react-components",
3
- "version": "1.1.26",
3
+ "version": "1.1.27",
4
4
  "description": "NTBs common front-end design utilities and React components.",
5
5
  "scripts": {
6
6
  "build": "cross-env NODE_ENV=production rollup -c",
package/widgets/AssetGallery/index.js CHANGED
@@ -1,13 +1,13 @@
1
1
  'use strict';
2
2
 
3
- var AssetAction = require('../../AssetAction-529207b8.js');
3
+ var AssetAction = require('../../AssetAction-a47d4cb3.js');
4
4
  require('../../defaultTheme-24ea5c47.js');
5
5
  require('styled-components');
6
6
  require('lodash');
7
7
  require('react');
8
8
  require('../../useMergedRefs-b6d2f8fc.js');
9
9
  require('resize-observer-polyfill');
10
- require('../../MultiLevelCheckboxSelect-a45b51b1.js');
10
+ require('../../MultiLevelCheckboxSelect-5c4cd6d5.js');
11
11
  require('../../Alert-edd9f6a7.js');
12
12
  require('../../Badge-00b2f311.js');
13
13
  require('../../Popover-f00121a3.js');
@@ -16,7 +16,7 @@ require('@tippyjs/react');
16
16
  require('../../shift-away-subtle-dce50395.js');
17
17
  require('popper-max-size-modifier');
18
18
  require('../../Tab-d3ee0a3b.js');
19
- require('../../Tabs-20c4effe.js');
19
+ require('../../Tabs-b3a62023.js');
20
20
  require('../../Tooltip-7dc4676b.js');
21
21
  require('../../VerificationStatusIcon-f3c44ef8.js');
22
22
  require('../../Checkbox-c441fdba.js');
@@ -24,17 +24,17 @@ require('nanoid');
24
24
  require('../../TextInput-70cb3df7.js');
25
25
  require('../../edit-note-cefe2215.js');
26
26
  require('../../InputGroup-3598e37c.js');
27
- require('../../SectionSeparator-43e1647d.js');
27
+ require('../../SectionSeparator-98ec5164.js');
28
28
  require('../../close-1751121a.js');
29
29
  require('react-lazy-load-image-component');
30
- require('../../Instructions-9fc0287e.js');
31
- require('../../CompactAutocompleteSelect-56f502f6.js');
30
+ require('../../Instructions-a273c2ae.js');
31
+ require('../../CompactAutocompleteSelect-4c2eb20c.js');
32
32
  require('react-select');
33
33
  require('react-select-async-paginate');
34
34
  require('../../react-select-creatable.esm-09b1be95.js');
35
35
  require('react-dom');
36
36
  require('../../expand-more-d74e2bd2.js');
37
- require('../../TextArea-db4bad70.js');
37
+ require('../../TextArea-2395b45a.js');
38
38
  require('@floating-ui/react');
39
39
  require('../../ContextMenu-9645746f.js');
40
40
  require('../../AssetPreviewTopBar-6eaa7df8.js');
@@ -43,8 +43,8 @@ require('../../arrow-forward-d7c77ae3.js');
43
43
  require('../../InfoCard-005063b4.js');
44
44
  require('../../ActionButton-5bc79370.js');
45
45
  require('../../Button-82e91acb.js');
46
- require('../../CompactStarRating-a17e419a.js');
47
- require('../../CompactTextInput-966c1f28.js');
46
+ require('../../CompactStarRating-a3d5af80.js');
47
+ require('../../CompactTextInput-1e61fdbd.js');
48
48
  require('../../MultiSelect-0bdad346.js');
49
49
  require('../../Radio-758fd8f3.js');
50
50
  require('../../Switch-26547abb.js');
package/widgets/Instructions/index.js CHANGED
@@ -1,11 +1,11 @@
1
1
  'use strict';
2
2
 
3
- var Instructions = require('../../Instructions-9fc0287e.js');
3
+ var Instructions = require('../../Instructions-a273c2ae.js');
4
4
  require('../../defaultTheme-24ea5c47.js');
5
5
  require('styled-components');
6
6
  require('lodash');
7
7
  require('react');
8
- require('../../CompactAutocompleteSelect-56f502f6.js');
8
+ require('../../CompactAutocompleteSelect-4c2eb20c.js');
9
9
  require('nanoid');
10
10
  require('../../Alert-edd9f6a7.js');
11
11
  require('../../Badge-00b2f311.js');
@@ -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-20c4effe.js');
18
+ require('../../Tabs-b3a62023.js');
19
19
  require('../../Tooltip-7dc4676b.js');
20
20
  require('../../VerificationStatusIcon-f3c44ef8.js');
21
21
  require('react-select');
@@ -24,7 +24,7 @@ require('../../react-select-creatable.esm-09b1be95.js');
24
24
  require('react-dom');
25
25
  require('../../close-1751121a.js');
26
26
  require('../../expand-more-d74e2bd2.js');
27
- require('../../TextArea-db4bad70.js');
27
+ require('../../TextArea-2395b45a.js');
28
28
  require('../../useMergedRefs-b6d2f8fc.js');
29
29
  require('../../edit-note-cefe2215.js');
30
30
 
package/widgets/index.js CHANGED
@@ -2,10 +2,10 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var AssetAction = require('../AssetAction-529207b8.js');
5
+ var AssetAction = require('../AssetAction-a47d4cb3.js');
6
6
  var ContextMenu = require('../ContextMenu-9645746f.js');
7
7
  var AssetPreviewTopBar = require('../AssetPreviewTopBar-6eaa7df8.js');
8
- var Instructions = require('../Instructions-9fc0287e.js');
8
+ var Instructions = require('../Instructions-a273c2ae.js');
9
9
  var ProgressBar = require('../ProgressBar-7d31fd95.js');
10
10
  var InfoCard = require('../InfoCard-005063b4.js');
11
11
  require('../defaultTheme-24ea5c47.js');
@@ -14,7 +14,7 @@ require('lodash');
14
14
  require('react');
15
15
  require('../useMergedRefs-b6d2f8fc.js');
16
16
  require('resize-observer-polyfill');
17
- require('../MultiLevelCheckboxSelect-a45b51b1.js');
17
+ require('../MultiLevelCheckboxSelect-5c4cd6d5.js');
18
18
  require('../Alert-edd9f6a7.js');
19
19
  require('../Badge-00b2f311.js');
20
20
  require('../Popover-f00121a3.js');
@@ -23,7 +23,7 @@ require('@tippyjs/react');
23
23
  require('../shift-away-subtle-dce50395.js');
24
24
  require('popper-max-size-modifier');
25
25
  require('../Tab-d3ee0a3b.js');
26
- require('../Tabs-20c4effe.js');
26
+ require('../Tabs-b3a62023.js');
27
27
  require('../Tooltip-7dc4676b.js');
28
28
  require('../VerificationStatusIcon-f3c44ef8.js');
29
29
  require('../Checkbox-c441fdba.js');
@@ -31,23 +31,23 @@ require('nanoid');
31
31
  require('../TextInput-70cb3df7.js');
32
32
  require('../edit-note-cefe2215.js');
33
33
  require('../InputGroup-3598e37c.js');
34
- require('../SectionSeparator-43e1647d.js');
34
+ require('../SectionSeparator-98ec5164.js');
35
35
  require('../close-1751121a.js');
36
36
  require('react-lazy-load-image-component');
37
37
  require('@floating-ui/react');
38
38
  require('../ActionButton-5bc79370.js');
39
39
  require('../Button-82e91acb.js');
40
40
  require('../expand-more-d74e2bd2.js');
41
- require('../CompactAutocompleteSelect-56f502f6.js');
41
+ require('../CompactAutocompleteSelect-4c2eb20c.js');
42
42
  require('react-select');
43
43
  require('react-select-async-paginate');
44
44
  require('../react-select-creatable.esm-09b1be95.js');
45
45
  require('react-dom');
46
- require('../CompactStarRating-a17e419a.js');
47
- require('../CompactTextInput-966c1f28.js');
46
+ require('../CompactStarRating-a3d5af80.js');
47
+ require('../CompactTextInput-1e61fdbd.js');
48
48
  require('../MultiSelect-0bdad346.js');
49
49
  require('../Radio-758fd8f3.js');
50
- require('../TextArea-db4bad70.js');
50
+ require('../TextArea-2395b45a.js');
51
51
  require('../Switch-26547abb.js');
52
52
  require('../ContextMenuItem-ae252503.js');
53
53
  require('../arrow-forward-d7c77ae3.js');