@ntbjs/react-components 1.3.0-rc.53 → 1.3.0-rc.55

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 (12) hide show
  1. package/{AssetAction-ae261c75.js → AssetAction-b7b568c2.js} +4 -4
  2. package/{Instructions-ea85d8f8.js → Instructions-8b33b4f2.js} +1 -1
  3. package/{MultiLevelCheckboxSelect-d361b5fa.js → MultiLevelCheckboxSelect-51cb40e1.js} +1 -1
  4. package/{TextArea-0ef76397.js → TextArea-4a3c3625.js} +48 -57
  5. package/{TextInput-75a84b3c.js → TextInput-7b83f6f4.js} +7 -2
  6. package/inputs/TextArea/index.js +1 -1
  7. package/inputs/TextInput/index.js +1 -1
  8. package/inputs/index.js +3 -3
  9. package/package.json +1 -1
  10. package/widgets/AssetGallery/index.js +5 -5
  11. package/widgets/Instructions/index.js +2 -2
  12. package/widgets/index.js +5 -5
package/{AssetAction-ae261c75.js → AssetAction-b7b568c2.js} RENAMED
@@ -5,10 +5,10 @@ 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-d361b5fa.js');
8
+ var MultiLevelCheckboxSelect = require('./MultiLevelCheckboxSelect-51cb40e1.js');
9
9
  var styled = require('styled-components');
10
10
  var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
11
- var Instructions = require('./Instructions-ea85d8f8.js');
11
+ var Instructions = require('./Instructions-8b33b4f2.js');
12
12
  var Alert = require('./Alert-1b2ff6dd.js');
13
13
  var Badge = require('./Badge-e055db69.js');
14
14
  var Popover = require('./Popover-c1a29454.js');
@@ -28,8 +28,8 @@ require('./CompactStarRating-a9082843.js');
28
28
  require('./CompactTextInput-f9f49740.js');
29
29
  require('./MultiSelect-d6294329.js');
30
30
  require('./Radio-abb11971.js');
31
- require('./TextArea-0ef76397.js');
32
- require('./TextInput-75a84b3c.js');
31
+ require('./TextArea-4a3c3625.js');
32
+ require('./TextInput-7b83f6f4.js');
33
33
  require('./Switch-66cd66ab.js');
34
34
  var ContextMenuItem = require('./ContextMenuItem-50de2150.js');
35
35
 
package/{Instructions-ea85d8f8.js → Instructions-8b33b4f2.js} RENAMED
@@ -4,7 +4,7 @@ var defaultTheme = require('./defaultTheme-cd01e6c2.js');
4
4
  var lodash = require('lodash');
5
5
  var React = require('react');
6
6
  var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-4be1521f.js');
7
- var TextArea = require('./TextArea-0ef76397.js');
7
+ var TextArea = require('./TextArea-4a3c3625.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-d361b5fa.js → MultiLevelCheckboxSelect-51cb40e1.js} RENAMED
@@ -12,7 +12,7 @@ require('./Tooltip-4111dfdd.js');
12
12
  require('./VerificationStatusIcon-3a74c2ab.js');
13
13
  var Checkbox = require('./Checkbox-acd15d02.js');
14
14
  var lodash = require('lodash');
15
- var TextInput = require('./TextInput-75a84b3c.js');
15
+ var TextInput = require('./TextInput-7b83f6f4.js');
16
16
  require('./InputGroup-08332f2d.js');
17
17
  var SectionSeparator = require('./SectionSeparator-aeccca17.js');
18
18
  var close = require('./close-1751121a.js');
package/{TextArea-0ef76397.js → TextArea-4a3c3625.js} RENAMED
@@ -20,46 +20,38 @@ 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, _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;
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'));
27
+ var placeholderBaseStyle = styled.css(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n ", "\n\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
28
+ return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-600'));
29
+ }, function (props) {
30
+ return props.type === 'error-border' && styled.css(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('red-500'), props.theme.getColor('red-500')));
31
+ }, function (props) {
32
+ return props.type === 'warning-border' && styled.css(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('orange-500'), props.theme.getColor('orange-500')));
29
33
  }, function (props) {
30
34
  return props.theme.themeProp('opacity', 0.6, 0.5);
31
35
  });
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)(_templateObject10 || (_templateObject10 = 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) {
36
+ var TextAreaContainter = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n"])));
37
+ var Label = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject8 || (_templateObject8 = 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
38
  return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'));
47
39
  }, function (props) {
48
- return props.disabled && styled.css(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n cursor: not-allowed;\n "])));
40
+ return props.disabled && styled.css(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n cursor: not-allowed;\n "])));
49
41
  });
50
- var InputIconContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject12 || (_templateObject12 = 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) {
42
+ 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
43
  return props.theme.themeProp('background-color', props.theme.getColor('gray-900'), props.theme.getColor('gray-300'), '!important');
52
44
  }, function (props) {
53
- return props.disabled && styled.css(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n display: none;\n "])));
45
+ return props.disabled && styled.css(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n display: none;\n "])));
54
46
  });
55
- var TextInputField = styled__default["default"].textarea.attrs(defaultTheme.applyDefaultTheme)(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n width: 100%;\n font-family: inherit;\n font-size: 0.875rem;\n border-radius: 2px;\n padding: 5px 10px;\n resize: vertical;\n z-index: 0;\n border-radius: 3px;\n box-sizing: border-box;\n appearance: none;\n border: 1px solid;\n transition: height 550ms ease-in-out; border-color 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 ", "\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 ", "; \n\n\n ", ";\n transition: background 350ms;\n & + ", " {\n opacity: 1;\n ", ";\n transition: opacity 350ms;\n }\n }\n\n &::placeholder {\n \n ", "\n ", "\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 \n ", " \n \n ", "\n\n }\n\n &&:not(:hover):not(:focus) {\n ", ";\n ", ";\n\n ", "\n \n }\n"])), function (props) {
56
- return props.borderRadius && styled.css(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n border-radius: ", "px;\n "])), props.borderRadius);
47
+ 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: 2px;\n padding: 5px 10px;\n resize: vertical;\n z-index: 0;\n border-radius: 3px;\n box-sizing: border-box;\n appearance: none;\n border: 1px solid;\n transition: height 550ms ease-in-out; border-color 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 ", "\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 ", "; \n\n\n ", ";\n transition: background 350ms;\n & + ", " {\n opacity: 1;\n ", ";\n transition: opacity 350ms;\n }\n }\n\n &::placeholder {\n \n ", "\n \n }\n\n\n\n &&:focus {\n outline: none;\n ", "\n\n ", ";\n\n \n ", " \n \n ", "\n\n }\n\n &&:not(:hover):not(:focus) {\n ", ";\n ", ";\n\n ", "\n \n }\n"])), function (props) {
48
+ return props.borderRadius && styled.css(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n border-radius: ", "px;\n "])), props.borderRadius);
57
49
  }, function (props) {
58
50
  return props.theme.themeProp('color', 'white', 'black');
59
51
  }, function (props) {
60
- return props.readOnly && styled.css(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n cursor: default;\n border-color: transparent !important;\n padding: 12px 10px; ;\n "])));
52
+ return props.readOnly && styled.css(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n cursor: default;\n border-color: transparent !important;\n padding: 12px 10px; ;\n "])));
61
53
  }, function (props) {
62
- return props.disabled && styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n cursor: not-allowed;\n "])));
54
+ return props.disabled && styled.css(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n cursor: not-allowed;\n "])));
63
55
  }, function (props) {
64
56
  return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'));
65
57
  }, function (props) {
@@ -67,33 +59,33 @@ var TextInputField = styled__default["default"].textarea.attrs(defaultTheme.appl
67
59
  }, function (props) {
68
60
  return props.theme.themeProp('border-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-400'));
69
61
  }, function (props) {
70
- return props.noBorder && styled.css(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), function (props) {
62
+ return props.noBorder && styled.css(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), function (props) {
71
63
  return props.theme.themeProp('border-color', props.theme.getColor('gray-900'), props.theme.getColor('white'));
72
64
  });
73
65
  }, function (props) {
74
- return props.type === 'warning' && styled.css(_templateObject19 || (_templateObject19 = 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'));
66
+ return props.type === 'warning' && styled.css(_templateObject17 || (_templateObject17 = 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'));
75
67
  }, 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'));
68
+ return props.type === 'error' && styled.css(_templateObject18 || (_templateObject18 = 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
69
  }, function (props) {
78
- return props.noBorder && props.type === 'warning' && styled.css(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), function (props) {
70
+ return props.noBorder && props.type === 'warning' && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), function (props) {
79
71
  return props.theme.themeProp('border-color', '#634E01', '#FFFDE8');
80
72
  });
81
73
  }, function (props) {
82
- return props.noBorder && props.type === 'error' && styled.css(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), function (props) {
74
+ return props.noBorder && props.type === 'error' && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), function (props) {
83
75
  return props.theme.themeProp('border-color', '#7f1b1b', '#FBEAE6');
84
76
  });
85
77
  }, function (props) {
86
- return props.type === 'warning-border' && styled.css(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('border-color', props.theme.getColor('red-200'), props.theme.getColor('orange-500')));
78
+ return props.type === 'warning-border' && styled.css(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('border-color', props.theme.getColor('orange-500'), props.theme.getColor('orange-500')));
87
79
  }, 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')));
80
+ return props.type === 'error-border' && styled.css(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('border-color', props.theme.getColor('red-500'), props.theme.getColor('red-500')));
89
81
  }, function (props) {
90
- return props.padding === 'small' && styled.css(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n padding: 5px 10px;\n "])));
82
+ return props.padding === 'small' && styled.css(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n padding: 5px 10px;\n "])));
91
83
  }, function (props) {
92
- return props.padding === 'medium' && styled.css(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n padding: 13px 15px;\n "])));
84
+ return props.padding === 'medium' && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n padding: 13px 15px;\n "])));
93
85
  }, function (props) {
94
- return props.padding === 'large' && styled.css(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n padding: 15px 55px;\n "])));
86
+ return props.padding === 'large' && styled.css(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n padding: 15px 55px;\n "])));
95
87
  }, function (props) {
96
- return props.hasIcon && styled.css(_templateObject28 || (_templateObject28 = defaultTheme._taggedTemplateLiteral(["\n padding-left: 55px;\n padding-right: 35px;\n padding-top: 13.5px;\n "])));
88
+ return props.hasIcon && styled.css(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n padding-left: 55px;\n padding-right: 35px;\n padding-top: 13.5px;\n "])));
97
89
  }, function (props) {
98
90
  return !props.readOnly && !props.disabled && props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
99
91
  }, function (props) {
@@ -105,19 +97,17 @@ var TextInputField = styled__default["default"].textarea.attrs(defaultTheme.appl
105
97
  }, function (props) {
106
98
  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';
107
99
  }, InputIconContainer, function (props) {
108
- return props.type === 'success' && styled.css(_templateObject29 || (_templateObject29 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0;\n "])));
109
- }, placeholderBaseStyle, warningPlaceholder, errorPlaceholder, function (props) {
110
- return props.placeholder && props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'), '!important');
111
- }, warningPlaceholderHover, errorPlaceholderHover, warningPlaceholderHover, errorPlaceholderHover, function (props) {
100
+ return props.type === 'success' && styled.css(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0;\n "])));
101
+ }, placeholderBaseStyle, function (props) {
112
102
  return props.theme.themeProp('border-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-600'));
113
103
  }, function (props) {
114
104
  return props.theme.themeProp('background', 'transparent', props.theme.getColor('white'));
115
105
  }, function (props) {
116
- return props.type === 'warning' && styled.css(_templateObject30 || (_templateObject30 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n "])), function (props) {
106
+ return props.type === 'warning' && styled.css(_templateObject28 || (_templateObject28 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n "])), function (props) {
117
107
  return props.theme.themeProp('border-color', '#F4E21E', '#F4E21E');
118
108
  }, props.theme.themeProp('background', 'white', 'white'), props.theme.themeProp('color', 'black', 'black'));
119
109
  }, function (props) {
120
- return props.type === 'error' && styled.css(_templateObject31 || (_templateObject31 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n "])), function (props) {
110
+ return props.type === 'error' && styled.css(_templateObject29 || (_templateObject29 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n "])), function (props) {
121
111
  return props.theme.themeProp('border-color', '#D83018', '#D83018');
122
112
  }, props.theme.themeProp('background', 'white', 'white'), props.theme.themeProp('color', 'black', 'black'));
123
113
  }, function (props) {
@@ -125,49 +115,49 @@ var TextInputField = styled__default["default"].textarea.attrs(defaultTheme.appl
125
115
  }, function (props) {
126
116
  return props.edit && props.theme.themeProp('border-color', 'rgba(39,39,42, 0.7)', 'rgba(228,228,231, 0.3)');
127
117
  }, function (props) {
128
- return props.noBorder && props.edit && styled.css(_templateObject32 || (_templateObject32 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), function (props) {
118
+ return props.noBorder && props.edit && styled.css(_templateObject30 || (_templateObject30 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), function (props) {
129
119
  return props.theme.themeProp('border-color', '#27272A', 'rgba(244,244,245, 0.3)');
130
120
  });
131
121
  });
132
- 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) {
122
+ var TextInputLabel = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject31 || (_templateObject31 = 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) {
133
123
  return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'));
134
124
  }, placeholderBaseStyle, function (props) {
135
125
  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%)"));
136
126
  }, function (props) {
137
- return !props.inputIsEmpty && styled.css(_templateObject34 || (_templateObject34 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), activeLabel);
127
+ return !props.inputIsEmpty && styled.css(_templateObject32 || (_templateObject32 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), activeLabel);
138
128
  }, function (props) {
139
- return props.hasPlaceholder && styled.css(_templateObject35 || (_templateObject35 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n "])), activeLabel);
129
+ return props.hasPlaceholder && styled.css(_templateObject33 || (_templateObject33 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n "])), activeLabel);
140
130
  }, function (props) {
141
- return props.hasIcon && styled.css(_templateObject36 || (_templateObject36 = defaultTheme._taggedTemplateLiteral(["\n left: 55px;\n "])));
131
+ return props.hasIcon && styled.css(_templateObject34 || (_templateObject34 = defaultTheme._taggedTemplateLiteral(["\n left: 55px;\n "])));
142
132
  });
143
- 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"])));
144
- 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) {
133
+ var TextInputFieldIcon = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject35 || (_templateObject35 = 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"])));
134
+ var TextInputFieldIconAlert = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject36 || (_templateObject36 = 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) {
145
135
  return props.type === 'warning' && props.theme.themeProp('color', '#EAB308', '#2F2402');
146
136
  });
147
- 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 \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"])), function (props) {
137
+ var TextInput = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject37 || (_templateObject37 = defaultTheme._taggedTemplateLiteral(["\n position: relative;\n flex-basis: ", ";\n\n ", "\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 }\n"])), function (props) {
148
138
  return props.$fieldLabel ? '66.66%' : '100%';
149
139
  }, function (props) {
150
- return props.readOnly && styled.css(_templateObject40 || (_templateObject40 = defaultTheme._taggedTemplateLiteral(["\n overflow: auto;\n "])));
140
+ return props.readOnly && styled.css(_templateObject38 || (_templateObject38 = defaultTheme._taggedTemplateLiteral(["\n overflow: auto;\n "])));
151
141
  }, function (props) {
152
- return props.disabled && styled.css(_templateObject41 || (_templateObject41 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n\n > * {\n cursor: not-allowed;\n }\n "])));
142
+ return props.disabled && styled.css(_templateObject39 || (_templateObject39 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n\n > * {\n cursor: not-allowed;\n }\n "])));
153
143
  }, TextInputLabel, activeLabel, TextInputFieldIcon, TextInputField, TextInputLabel, activeLabel, function (props) {
154
144
  return props.type === 'error' && props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500'));
155
145
  });
156
- 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) {
146
+ var Description = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject40 || (_templateObject40 = 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) {
157
147
  return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
158
148
  }, function (props) {
159
- 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')));
149
+ return (props.type === 'warning-border' || props.type === 'warning') && styled.css(_templateObject41 || (_templateObject41 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('orange-500')));
160
150
  }, function (props) {
161
- 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')));
151
+ return (props.type === 'error-border' || props.type === 'error') && styled.css(_templateObject42 || (_templateObject42 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
162
152
  });
163
- 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) {
153
+ var SuccessContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject43 || (_templateObject43 = 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) {
164
154
  return props.fadeIn ? 0 : 1;
165
155
  }, function (props) {
166
156
  return props.fadeIn ? fadeOutCheck : fadeInCheck;
167
157
  }, function (props) {
168
158
  return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'));
169
159
  });
170
- 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) {
160
+ var SuccessContainerLabel = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject44 || (_templateObject44 = 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) {
171
161
  return props.fadeIn ? 0 : 1;
172
162
  }, function (props) {
173
163
  return props.fadeIn ? fadeOutCheck : fadeInCheck;
@@ -299,7 +289,8 @@ var TextArea = React__default["default"].forwardRef(function TextArea(_ref, forw
299
289
  htmlFor: "text-input-".concat(uniqueId),
300
290
  hasPlaceholder: Boolean(placeholder),
301
291
  hasIcon: Boolean(icon),
302
- inputIsEmpty: inputIsEmpty
292
+ inputIsEmpty: inputIsEmpty,
293
+ type: type
303
294
  }, label, required && ' *'), typeof description === 'string' && description.length > 0 && React__default["default"].createElement(Description, {
304
295
  type: type
305
296
  }, description)));
package/{TextInput-75a84b3c.js → TextInput-7b83f6f4.js} RENAMED
@@ -63,7 +63,7 @@ var TextInputField = styled__default["default"].input.attrs(defaultTheme.applyDe
63
63
  }, function (props) {
64
64
  return props.readOnly && styled.css(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n outline: none;\n "])));
65
65
  });
66
- var TextInputLabel = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject15 || (_templateObject15 = 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) {
66
+ var TextInputLabel = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject15 || (_templateObject15 = 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\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);
@@ -73,6 +73,10 @@ var TextInputLabel = styled__default["default"].label.attrs(defaultTheme.applyDe
73
73
  return (props.hasPlaceholder || props.hasAdornments) && styled.css(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n "])), activeLabel);
74
74
  }, function (props) {
75
75
  return props.hasIcon && styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n left: 35px;\n "])));
76
+ }, function (props) {
77
+ return props.warning && props.theme.themeProp('color', props.theme.getColor('orange-500'), props.theme.getColor('orange-500'));
78
+ }, function (props) {
79
+ return props.error && props.theme.themeProp('color', props.theme.getColor('red-500'), props.theme.getColor('red-500'));
76
80
  });
77
81
  var TextInputFieldIcon = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject18 || (_templateObject18 = 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
82
  var TextInput$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject19 || (_templateObject19 = 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) {
@@ -185,7 +189,8 @@ var TextInput = React__default["default"].forwardRef(function TextInput(_ref, fo
185
189
  hasPlaceholder: Boolean(placeholder),
186
190
  hasAdornments: Boolean(typeof (adornments === null || adornments === void 0 ? void 0 : adornments.prefix) === 'string' && adornments.prefix.length > 0 || typeof (adornments === null || adornments === void 0 ? void 0 : adornments.suffix) === 'string' && adornments.suffix.length > 0),
187
191
  hasIcon: Boolean(icon),
188
- error: hasError
192
+ error: hasError,
193
+ warning: hasWarning
189
194
  }, label, required && ' *'), typeof (adornments === null || adornments === void 0 ? void 0 : adornments.suffix) === 'string' && adornments.suffix.length > 0 && React__default["default"].createElement(Adornment, {
190
195
  error: hasError,
191
196
  warning: hasWarning,
package/inputs/TextArea/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var TextArea = require('../../TextArea-0ef76397.js');
3
+ var TextArea = require('../../TextArea-4a3c3625.js');
4
4
  require('../../defaultTheme-cd01e6c2.js');
5
5
  require('styled-components');
6
6
  require('react');
package/inputs/TextInput/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var TextInput = require('../../TextInput-75a84b3c.js');
3
+ var TextInput = require('../../TextInput-7b83f6f4.js');
4
4
  require('../../defaultTheme-cd01e6c2.js');
5
5
  require('styled-components');
6
6
  require('react');
package/inputs/index.js CHANGED
@@ -10,10 +10,10 @@ var CompactStarRating = require('../CompactStarRating-a9082843.js');
10
10
  var CompactTextInput = require('../CompactTextInput-f9f49740.js');
11
11
  var MultiSelect = require('../MultiSelect-d6294329.js');
12
12
  var Radio = require('../Radio-abb11971.js');
13
- var TextArea = require('../TextArea-0ef76397.js');
14
- var TextInput = require('../TextInput-75a84b3c.js');
13
+ var TextArea = require('../TextArea-4a3c3625.js');
14
+ var TextInput = require('../TextInput-7b83f6f4.js');
15
15
  var Switch = require('../Switch-66cd66ab.js');
16
- var MultiLevelCheckboxSelect = require('../MultiLevelCheckboxSelect-d361b5fa.js');
16
+ var MultiLevelCheckboxSelect = require('../MultiLevelCheckboxSelect-51cb40e1.js');
17
17
  require('../defaultTheme-cd01e6c2.js');
18
18
  require('styled-components');
19
19
  require('react');
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ntbjs/react-components",
3
- "version": "1.3.0-rc.53",
3
+ "version": "1.3.0-rc.55",
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-ae261c75.js');
3
+ var AssetAction = require('../../AssetAction-b7b568c2.js');
4
4
  require('../../defaultTheme-cd01e6c2.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-d361b5fa.js');
10
+ require('../../MultiLevelCheckboxSelect-51cb40e1.js');
11
11
  require('../../Alert-1b2ff6dd.js');
12
12
  require('../../Badge-e055db69.js');
13
13
  require('../../Popover-c1a29454.js');
@@ -21,20 +21,20 @@ require('../../Tooltip-4111dfdd.js');
21
21
  require('../../VerificationStatusIcon-3a74c2ab.js');
22
22
  require('../../Checkbox-acd15d02.js');
23
23
  require('nanoid');
24
- require('../../TextInput-75a84b3c.js');
24
+ require('../../TextInput-7b83f6f4.js');
25
25
  require('../../edit-note-cefe2215.js');
26
26
  require('../../InputGroup-08332f2d.js');
27
27
  require('../../SectionSeparator-aeccca17.js');
28
28
  require('../../close-1751121a.js');
29
29
  require('react-lazy-load-image-component');
30
- require('../../Instructions-ea85d8f8.js');
30
+ require('../../Instructions-8b33b4f2.js');
31
31
  require('../../CompactAutocompleteSelect-4be1521f.js');
32
32
  require('react-select');
33
33
  require('react-select-async-paginate');
34
34
  require('../../react-select-creatable.esm-9e24f67f.js');
35
35
  require('react-dom');
36
36
  require('../../expand-more-d74e2bd2.js');
37
- require('../../TextArea-0ef76397.js');
37
+ require('../../TextArea-4a3c3625.js');
38
38
  require('@floating-ui/react');
39
39
  require('../../ContextMenu-1b7b7cec.js');
40
40
  require('../../AssetPreviewTopBar-08ca770d.js');
package/widgets/Instructions/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Instructions = require('../../Instructions-ea85d8f8.js');
3
+ var Instructions = require('../../Instructions-8b33b4f2.js');
4
4
  require('../../defaultTheme-cd01e6c2.js');
5
5
  require('styled-components');
6
6
  require('lodash');
@@ -24,7 +24,7 @@ require('../../react-select-creatable.esm-9e24f67f.js');
24
24
  require('react-dom');
25
25
  require('../../close-1751121a.js');
26
26
  require('../../expand-more-d74e2bd2.js');
27
- require('../../TextArea-0ef76397.js');
27
+ require('../../TextArea-4a3c3625.js');
28
28
  require('../../useMergedRefs-b6d2f8fc.js');
29
29
  require('../../edit-note-cefe2215.js');
30
30
 
package/widgets/index.js CHANGED
@@ -2,17 +2,17 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var AssetAction = require('../AssetAction-ae261c75.js');
5
+ var AssetAction = require('../AssetAction-b7b568c2.js');
6
6
  var ContextMenu = require('../ContextMenu-1b7b7cec.js');
7
7
  var AssetPreviewTopBar = require('../AssetPreviewTopBar-08ca770d.js');
8
- var Instructions = require('../Instructions-ea85d8f8.js');
8
+ var Instructions = require('../Instructions-8b33b4f2.js');
9
9
  require('../defaultTheme-cd01e6c2.js');
10
10
  require('styled-components');
11
11
  require('lodash');
12
12
  require('react');
13
13
  require('../useMergedRefs-b6d2f8fc.js');
14
14
  require('resize-observer-polyfill');
15
- require('../MultiLevelCheckboxSelect-d361b5fa.js');
15
+ require('../MultiLevelCheckboxSelect-51cb40e1.js');
16
16
  require('../Alert-1b2ff6dd.js');
17
17
  require('../Badge-e055db69.js');
18
18
  require('../Popover-c1a29454.js');
@@ -26,7 +26,7 @@ require('../Tooltip-4111dfdd.js');
26
26
  require('../VerificationStatusIcon-3a74c2ab.js');
27
27
  require('../Checkbox-acd15d02.js');
28
28
  require('nanoid');
29
- require('../TextInput-75a84b3c.js');
29
+ require('../TextInput-7b83f6f4.js');
30
30
  require('../edit-note-cefe2215.js');
31
31
  require('../InputGroup-08332f2d.js');
32
32
  require('../SectionSeparator-aeccca17.js');
@@ -45,7 +45,7 @@ require('../CompactStarRating-a9082843.js');
45
45
  require('../CompactTextInput-f9f49740.js');
46
46
  require('../MultiSelect-d6294329.js');
47
47
  require('../Radio-abb11971.js');
48
- require('../TextArea-0ef76397.js');
48
+ require('../TextArea-4a3c3625.js');
49
49
  require('../Switch-66cd66ab.js');
50
50
  require('../ContextMenuItem-50de2150.js');
51
51