@ntbjs/react-components 1.3.0-rc.51 → 1.3.0-rc.52

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 (17) hide show
  1. package/{AssetAction-f2805c53.js → AssetAction-927542de.js} +6 -6
  2. package/{CompactAutocompleteSelect-e292eb05.js → CompactAutocompleteSelect-4be1521f.js} +1 -1
  3. package/{CompactTextInput-a7f53772.js → CompactTextInput-f9f49740.js} +34 -32
  4. package/{Instructions-f4db12e3.js → Instructions-f996c3a8.js} +1 -1
  5. package/{MultiLevelCheckboxSelect-a42d6f02.js → MultiLevelCheckboxSelect-d361b5fa.js} +1 -1
  6. package/{MultiSelect-e8c76d36.js → MultiSelect-d6294329.js} +1 -1
  7. package/{TextInput-4391304e.js → TextInput-75a84b3c.js} +1 -1
  8. package/inputs/CompactAutocompleteSelect/index.js +2 -2
  9. package/inputs/CompactTextInput/index.js +1 -1
  10. package/inputs/MultiSelect/index.js +2 -2
  11. package/inputs/TextInput/index.js +1 -1
  12. package/inputs/index.js +6 -6
  13. package/package.json +1 -1
  14. package/{react-select-creatable.esm-b7c87391.js → react-select-creatable.esm-9e24f67f.js} +38 -143
  15. package/widgets/AssetGallery/index.js +8 -8
  16. package/widgets/Instructions/index.js +3 -3
  17. package/widgets/index.js +8 -8
package/{AssetAction-f2805c53.js → AssetAction-927542de.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-a42d6f02.js');
8
+ var MultiLevelCheckboxSelect = require('./MultiLevelCheckboxSelect-d361b5fa.js');
9
9
  var styled = require('styled-components');
10
10
  var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
11
- var Instructions = require('./Instructions-f4db12e3.js');
11
+ var Instructions = require('./Instructions-f996c3a8.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');
@@ -23,13 +23,13 @@ require('./AssetPreviewTopBar-08ca770d.js');
23
23
  var ActionButton = require('./ActionButton-f84f83eb.js');
24
24
  require('./Button-eafd62c9.js');
25
25
  require('./Checkbox-acd15d02.js');
26
- require('./CompactAutocompleteSelect-e292eb05.js');
26
+ require('./CompactAutocompleteSelect-4be1521f.js');
27
27
  require('./CompactStarRating-71e54f17.js');
28
- require('./CompactTextInput-a7f53772.js');
29
- require('./MultiSelect-e8c76d36.js');
28
+ require('./CompactTextInput-f9f49740.js');
29
+ require('./MultiSelect-d6294329.js');
30
30
  require('./Radio-abb11971.js');
31
31
  require('./TextArea-5bff1145.js');
32
- require('./TextInput-4391304e.js');
32
+ require('./TextInput-75a84b3c.js');
33
33
  require('./Switch-66cd66ab.js');
34
34
  var ContextMenuItem = require('./ContextMenuItem-50de2150.js');
35
35
 
package/{CompactAutocompleteSelect-e292eb05.js → CompactAutocompleteSelect-4be1521f.js} RENAMED
@@ -14,7 +14,7 @@ require('./VerificationStatusIcon-3a74c2ab.js');
14
14
  var styled = require('styled-components');
15
15
  var Select = require('react-select');
16
16
  var reactSelectAsyncPaginate = require('react-select-async-paginate');
17
- var reactSelectCreatable_esm = require('./react-select-creatable.esm-b7c87391.js');
17
+ var reactSelectCreatable_esm = require('./react-select-creatable.esm-9e24f67f.js');
18
18
  var close = require('./close-1751121a.js');
19
19
  var expandMore = require('./expand-more-d74e2bd2.js');
20
20
 
package/{CompactTextInput-a7f53772.js → CompactTextInput-f9f49740.js} RENAMED
@@ -50,7 +50,7 @@ function SvgLink(props) {
50
50
  })));
51
51
  }
52
52
 
53
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34;
53
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35;
54
54
  var fadeIn = styled.keyframes(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n from {\n background-color: ", ";\n }\n to {\n background-color: ", ";\n }\n"])), function (props) {
55
55
  return props.theme.themeProp('rgba(48, 130, 106, 0)', 'rgba(191, 224, 213, 0)');
56
56
  }, function (props) {
@@ -63,42 +63,44 @@ var fadeOut = styled.keyframes(_templateObject2 || (_templateObject2 = defaultTh
63
63
  });
64
64
  var fadeInCheck = styled.keyframes(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n from {\n opacity: 0\n }\n to {\n opacity: 1\n }\n"])));
65
65
  var fadeOutCheck = styled.keyframes(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n from {\n opacity: 1\n }\n to {\n opacity: 0\n }\n"])));
66
- var linkColor = styled.css(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n ", "\n"])), function (props) {
67
- return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('emerald-500'));
66
+ var linkColor = styled.css(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n"])), function (props) {
67
+ return props.theme.themeProp('color', '#ACCDC3', props.theme.getColor('emerald-500'));
68
+ }, function (props) {
69
+ return !props.disabled && styled.css(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n &:hover {\n text-decoration: underline;\n }\n "])));
68
70
  });
69
- var commonAnchorTagStyle = styled.css(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n a,\n && {\n font-size: 0.875rem;\n text-decoration: underline;\n }\n"])));
70
- var readOnlyBackground = styled.css(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n ", "\n"])), function (props) {
71
+ var commonAnchorTagStyle = styled.css(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n a,\n && {\n font-size: 0.875rem;\n text-decoration: none;\n }\n"])));
72
+ var readOnlyBackground = styled.css(_templateObject8 || (_templateObject8 = defaultTheme._taggedTemplateLiteral(["\n ", "\n"])), function (props) {
71
73
  return props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white'));
72
74
  });
73
- var CompactTextInput$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject8 || (_templateObject8 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n height: 24px;\n font-family: ", ";\n"])), function (props) {
75
+ var CompactTextInput$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n height: 24px;\n font-family: ", ";\n"])), function (props) {
74
76
  return props.theme.primaryFontFamily;
75
77
  });
76
- var Label = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n flex-basis: 33.33%;\n font-size: 0.875rem;\n line-height: 1rem;\n justify-content: space-between;\n height: 19px;\n display: flex;\n align-items: center;\n ", "\n"])), function (props) {
78
+ var Label = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n flex-basis: 33.33%;\n font-size: 0.875rem;\n line-height: 1rem;\n justify-content: space-between;\n height: 19px;\n display: flex;\n align-items: center;\n ", "\n"])), function (props) {
77
79
  return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'));
78
80
  }, function (props) {
79
- return props.disabled && styled.css(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n cursor: not-allowed;\n "])));
81
+ return props.disabled && styled.css(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n cursor: not-allowed;\n "])));
80
82
  });
81
- var InputContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n position: relative;\n height: 19px;\n flex-basis: ", ";\n"])), function (props) {
83
+ var InputContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n position: relative;\n height: 19px;\n flex-basis: ", ";\n"])), function (props) {
82
84
  return props.$hasLabel ? '66.66%' : '100%';
83
85
  });
84
- var SuccessContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n opacity: 1;\n pointer-events: none;\n display: flex;\n opacity: ", ";\n animation: ", " 0.5s ease-in-out;\n transition: opacity 0.5s ease-in-out;\n margin-right: 5px;\n ", "\n > svg {\n width: 13px;\n }\n"])), function (props) {
86
+ var SuccessContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n opacity: 1;\n pointer-events: none;\n display: flex;\n opacity: ", ";\n animation: ", " 0.5s ease-in-out;\n transition: opacity 0.5s ease-in-out;\n margin-right: 5px;\n ", "\n > svg {\n width: 13px;\n }\n"])), function (props) {
85
87
  return props.fadeIn ? 0 : 1;
86
88
  }, function (props) {
87
89
  return props.fadeIn ? fadeOutCheck : fadeInCheck;
88
90
  }, function (props) {
89
91
  return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'));
90
92
  });
91
- var InputSuccessContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n opacity: 1;\n pointer-events: none;\n display: flex;\n justify-content: flex-end;\n opacity: ", ";\n animation: ", " 0.5s ease-in-out;\n transition: opacity 0.5s ease-in-out;\n position: relative;\n margin-top: -20px;\n margin-right: 8px;\n ", "\n > svg {\n width: 13px;\n }\n"])), function (props) {
93
+ var InputSuccessContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n opacity: 1;\n pointer-events: none;\n display: flex;\n justify-content: flex-end;\n opacity: ", ";\n animation: ", " 0.5s ease-in-out;\n transition: opacity 0.5s ease-in-out;\n position: relative;\n margin-top: -20px;\n margin-right: 8px;\n ", "\n > svg {\n width: 13px;\n }\n"])), function (props) {
92
94
  return props.fadeIn ? 0 : 1;
93
95
  }, function (props) {
94
96
  return props.fadeIn ? fadeOutCheck : fadeInCheck;
95
97
  }, function (props) {
96
98
  return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'));
97
99
  });
98
- var InputIconContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0;\n pointer-events: none;\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n padding: 5px 10px 0 0;\n ", ";\n\n display: flex;\n align-items: center;\n position: absolute;\n right: 0;\n top: 0;\n bottom: 0;\n color: ", ";\n\n ", "\n\n ", "\n\n > svg {\n width: 12px;\n }\n"])), function (props) {
99
- return props.theme.themeProp('background', styled.css(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n linear-gradient(-90deg,\n ", " 55%,\n transparent)\n "])), function (props) {
100
+ var InputIconContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0;\n pointer-events: none;\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n padding: 5px 10px 0 0;\n ", ";\n\n display: flex;\n align-items: center;\n position: absolute;\n right: 0;\n top: 0;\n bottom: 0;\n color: ", ";\n\n ", "\n\n ", "\n\n > svg {\n width: 12px;\n }\n"])), function (props) {
101
+ return props.theme.themeProp('background', styled.css(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n linear-gradient(-90deg,\n ", " 55%,\n transparent)\n "])), function (props) {
100
102
  return props.type === 'error' ? '#901d1d' : props.type === 'warning' ? '#816600' : props.theme.getColor('gray-700');
101
- }), styled.css(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n linear-gradient(-90deg,\n ", " 55%,\n transparent)\n "])), function (props) {
103
+ }), styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n linear-gradient(-90deg,\n ", " 55%,\n transparent)\n "])), function (props) {
102
104
  return props.type === 'error' ? '#f7d5d0' : props.type === 'warning' ? '#fffebf' : props.theme.getColor('gray-100');
103
105
  }));
104
106
  }, function (props) {
@@ -108,12 +110,12 @@ var InputIconContainer = styled__default["default"].div.attrs(defaultTheme.apply
108
110
  }, function (props) {
109
111
  return props.type === 'error' && props.theme.themeProp('color', '#CB968F', '#CB968F');
110
112
  });
111
- var Input = styled__default["default"].input.attrs(defaultTheme.applyDefaultTheme)(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n box-sizing: border-box;\n height: 22px;\n width: 100%;\n display: block;\n font-size: 0.875rem;\n line-height: 1rem;\n font-family: inherit;\n padding: 1px 10px;\n border-radius: 3px;\n border: 1px solid transparent;\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n ", ";\n\n ", ";\n ", ";\n\n ", ";\n\n\n &&:not(:hover):not(:focus) {\n \n ", ";\n ", ";\n \n ", "\n }\n\n &&:hover:not(:focus) {\n\n ", "\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n\n ", "\n & + ", " {\n opacity: 1;\n \n }\n }\n\n ", "\n ", "\n\n }\n\n &&:focus {\n ", ";\n\n ", ";\n \n ", ";\n\n ", ";\n outline: none;\n\n ", ";\n\n ", ";\n }\n\n &&::placeholder {\n color: inherit;\n opacity: 0.6;\n }\n\n ", "\n"])), function (props) {
112
- return props.readOnly && styled.css(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n cursor: default;\n "])));
113
+ var Input = styled__default["default"].input.attrs(defaultTheme.applyDefaultTheme)(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n box-sizing: border-box;\n height: 22px;\n width: 100%;\n display: block;\n font-size: 0.875rem;\n line-height: 1rem;\n font-family: inherit;\n padding: 1px 10px;\n border-radius: 3px;\n border: 1px solid transparent;\n\n \n\n ", "\n\n ", "\n\n ", "\n\n ", "\n ", ";\n\n ", ";\n ", ";\n\n ", ";\n\n \n\n\n &&:not(:hover):not(:focus) {\n \n ", ";\n ", ";\n \n ", "\n }\n\n &&:hover:not(:focus) {\n\n ", "\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n\n ", "\n & + ", " {\n opacity: 1;\n \n }\n }\n\n ", "\n ", "\n\n }\n\n &&:focus {\n ", ";\n\n ", ";\n \n ", ";\n\n ", ";\n outline: none;\n\n ", ";\n\n ", ";\n }\n\n &&::placeholder {\n color: inherit;\n opacity: 0.6;\n }\n\n ", "\n"])), function (props) {
114
+ return props.readOnly && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n cursor: default;\n "])));
113
115
  }, function (props) {
114
- return props.disabled && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n "])));
116
+ return props.disabled && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n "])));
115
117
  }, function (props) {
116
- return props.type === 'success' && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n animation: ", " 0.5s ease-in-out;\n "])), function (props) {
118
+ return props.type === 'success' && styled.css(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n animation: ", " 0.5s ease-in-out;\n "])), function (props) {
117
119
  return props.type === 'success' ? fadeIn : fadeOut;
118
120
  });
119
121
  }, function (props) {
@@ -125,17 +127,17 @@ var Input = styled__default["default"].input.attrs(defaultTheme.applyDefaultThem
125
127
  }, function (props) {
126
128
  return props.type === 'error' && props.theme.themeProp('background', '#7f1b1b', '#FBEAE6');
127
129
  }, function (props) {
128
- return props.hasLink && styled.css(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n &&:not(:focus),\n &&:read-only {\n text-decoration: underline;\n ", "\n }\n &&:read-only {\n cursor: default;\n }\n "])), linkColor);
130
+ return props.hasLink && styled.css(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n &&:not(:focus),\n &&:read-only {\n ", "\n }\n &&:read-only {\n cursor: default;\n }\n "])), linkColor);
129
131
  }, function (props) {
130
132
  return props.edit && props.theme.themeProp('background', 'rgba(39,39,42, 0.7)', 'rgba(244,244,245, 0.3)');
131
133
  }, function (props) {
132
134
  return props.edit && props.theme.themeProp('border-color', 'rgba(39,39,42, 0.7)', 'rgba(228,228,231, 0.3)');
133
135
  }, function (props) {
134
- return props.hasLink && styled.css(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n &&:not(:focus),\n &&:read-only {\n text-decoration: underline;\n cursor: default;\n ", "\n }\n "])), linkColor);
136
+ return props.hasLink && styled.css(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n &&:not(:focus),\n &&:read-only {\n cursor: default;\n ", "\n }\n "])), linkColor);
135
137
  }, function (props) {
136
138
  return props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
137
139
  }, function (props) {
138
- return props.readOnly && styled.css(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), readOnlyBackground);
140
+ return props.readOnly && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), readOnlyBackground);
139
141
  }, function (props) {
140
142
  return props.edit && props.theme.themeProp('border-color', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
141
143
  }, function (props) {
@@ -143,35 +145,35 @@ var Input = styled__default["default"].input.attrs(defaultTheme.applyDefaultThem
143
145
  }, function (props) {
144
146
  return props.type === 'error' && props.theme.themeProp('background', '#901d1d', '#F7D5D0');
145
147
  }, function (props) {
146
- return props.hasLink && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n cursor: pointer;\n\n &&:read-only {\n background: none !important;\n cursor: default;\n }\n "])));
148
+ return props.hasLink && styled.css(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n cursor: pointer;\n &&:read-only {\n background: none !important;\n cursor: default;\n }\n "])));
147
149
  }, InputIconContainer, function (props) {
148
- return props.disabled && styled.css(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n background: none !important;\n cursor: not-allowed;\n "])));
150
+ return props.disabled && styled.css(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n background: none !important;\n cursor: not-allowed;\n "])));
149
151
  }, function (props) {
150
- return props.disabled && props.hasLink && styled.css(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n background: none !important;\n cursor: not-allowed !important;\n "])));
152
+ return props.disabled && props.hasLink && styled.css(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n background: none !important;\n cursor: not-allowed !important;\n "])));
151
153
  }, function (props) {
152
154
  return !props.readOnly && props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
153
155
  }, function (props) {
154
- return props.readOnly && styled.css(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), readOnlyBackground);
156
+ return props.readOnly && styled.css(_templateObject28 || (_templateObject28 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), readOnlyBackground);
155
157
  }, function (props) {
156
158
  return props.type === 'error' && !props.readOnly && props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
157
159
  }, function (props) {
158
- return !props.readOnly && styled.css(_templateObject28 || (_templateObject28 = defaultTheme._taggedTemplateLiteral(["\n border-color: ", ";\n "])), function (props) {
160
+ return !props.readOnly && styled.css(_templateObject29 || (_templateObject29 = defaultTheme._taggedTemplateLiteral(["\n border-color: ", ";\n "])), function (props) {
159
161
  return props.theme.getColor('gray-600');
160
162
  });
161
163
  }, function (props) {
162
- return props.type === 'warning' && styled.css(_templateObject29 || (_templateObject29 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n "])), function (props) {
164
+ return props.type === 'warning' && styled.css(_templateObject30 || (_templateObject30 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n "])), function (props) {
163
165
  return props.theme.themeProp('border-color', '#F4E21E', '#F4E21E');
164
166
  }, props.theme.themeProp('background', 'white', 'white'), props.theme.themeProp('color', 'black', 'black'));
165
167
  }, function (props) {
166
- return props.type === 'error' && styled.css(_templateObject30 || (_templateObject30 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n "])), function (props) {
168
+ return props.type === 'error' && styled.css(_templateObject31 || (_templateObject31 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n "])), function (props) {
167
169
  return props.theme.themeProp('border-color', '#D83018', '#D83018');
168
170
  }, props.theme.themeProp('background', 'white', 'white'), props.theme.themeProp('color', 'black', 'black'));
169
171
  }, function (props) {
170
- return props.bold && styled.css(_templateObject31 || (_templateObject31 = defaultTheme._taggedTemplateLiteral(["\n font-size: 1rem;\n font-weight: 500;\n line-height: 1.0625;\n padding-top: 3px;\n padding-bottom: 2px;\n "])));
172
+ return props.bold && styled.css(_templateObject32 || (_templateObject32 = defaultTheme._taggedTemplateLiteral(["\n font-size: 1rem;\n font-weight: 500;\n line-height: 1.0625;\n padding-top: 3px;\n padding-bottom: 2px;\n "])));
171
173
  });
172
- var LinkPopoverContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject32 || (_templateObject32 = defaultTheme._taggedTemplateLiteral(["\n ", "\n\n padding: 5px 8px;\n\n svg {\n width: 18px;\n margin-right: 8px;\n }\n"])), commonAnchorTagStyle);
173
- var StyledLink = styled__default["default"].a.attrs(defaultTheme.applyDefaultTheme)(_templateObject33 || (_templateObject33 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n"])), commonAnchorTagStyle, linkColor);
174
- var ReadOnlyLinkContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject34 || (_templateObject34 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n\n border: 1px solid transparent;\n border-radius: 3px;\n padding: 0 10px 1px;\n"])), readOnlyBackground);
174
+ var LinkPopoverContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject33 || (_templateObject33 = defaultTheme._taggedTemplateLiteral(["\n ", "\n\n padding: 5px 8px;\n\n svg {\n width: 18px;\n margin-right: 8px;\n }\n"])), commonAnchorTagStyle);
175
+ var StyledLink = styled__default["default"].a.attrs(defaultTheme.applyDefaultTheme)(_templateObject34 || (_templateObject34 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n"])), commonAnchorTagStyle, linkColor);
176
+ var ReadOnlyLinkContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject35 || (_templateObject35 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n border: 1px solid transparent;\n border-radius: 3px;\n padding: 0 10px 1px;\n"])), readOnlyBackground);
175
177
 
176
178
  var _excluded = ["label", "inputType", "name", "defaultValue", "value", "placeholder", "link", "linkTarget", "linkHandler", "activeLinkHandler", "autoSelect", "readOnly", "disabled", "edit", "type", "descriptionToolTip", "bold", "hidden", "onChange", "onFocus", "onBlur", "loadingIcon", "successIcon"];
177
179
  var CompactTextInput = React__default["default"].forwardRef(function CompactTextInput(_ref, forwardedRef) {
package/{Instructions-f4db12e3.js → Instructions-f996c3a8.js} RENAMED
@@ -3,7 +3,7 @@
3
3
  var defaultTheme = require('./defaultTheme-cd01e6c2.js');
4
4
  var lodash = require('lodash');
5
5
  var React = require('react');
6
- var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-e292eb05.js');
6
+ var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-4be1521f.js');
7
7
  var TextArea = require('./TextArea-5bff1145.js');
8
8
  var styled = require('styled-components');
9
9
 
package/{MultiLevelCheckboxSelect-a42d6f02.js → MultiLevelCheckboxSelect-d361b5fa.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-4391304e.js');
15
+ var TextInput = require('./TextInput-75a84b3c.js');
16
16
  require('./InputGroup-08332f2d.js');
17
17
  var SectionSeparator = require('./SectionSeparator-aeccca17.js');
18
18
  var close = require('./close-1751121a.js');
package/{MultiSelect-e8c76d36.js → MultiSelect-d6294329.js} RENAMED
@@ -6,7 +6,7 @@ var nanoid = require('nanoid');
6
6
  var styled = require('styled-components');
7
7
  var close = require('./close-1751121a.js');
8
8
  var Select = require('react-select');
9
- var reactSelectCreatable_esm = require('./react-select-creatable.esm-b7c87391.js');
9
+ var reactSelectCreatable_esm = require('./react-select-creatable.esm-9e24f67f.js');
10
10
  var reactSelectAsyncPaginate = require('react-select-async-paginate');
11
11
 
12
12
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
package/{TextInput-4391304e.js → TextInput-75a84b3c.js} RENAMED
@@ -22,7 +22,7 @@ var Adornment = styled__default["default"].div.attrs(defaultTheme.applyDefaultTh
22
22
  }, function (props) {
23
23
  return props.theme.themeProp('border-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-400'));
24
24
  }, function (props) {
25
- return props.isPrefix ? styled.css(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n padding-right: 0;\n margin-right: -3px;\n border-right: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n "]))) : styled.css(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n padding-left: 0;\n margin-left: -3px;\n border-left: 0;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n "])));
25
+ return props.isPrefix ? styled.css(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n padding-right: 10px;\n border-right: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n "]))) : styled.css(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n padding-left: 0;\n margin-left: -3px;\n border-left: 0;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n "])));
26
26
  }, function (props) {
27
27
  return props.warning && styled.css(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n border-color: ", " !important;\n "])), props.theme.getColor('orange-500'));
28
28
  }, function (props) {
package/inputs/CompactAutocompleteSelect/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-e292eb05.js');
3
+ var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-4be1521f.js');
4
4
  require('../../defaultTheme-cd01e6c2.js');
5
5
  require('styled-components');
6
6
  require('lodash');
@@ -19,7 +19,7 @@ require('../../Tooltip-4111dfdd.js');
19
19
  require('../../VerificationStatusIcon-3a74c2ab.js');
20
20
  require('react-select');
21
21
  require('react-select-async-paginate');
22
- require('../../react-select-creatable.esm-b7c87391.js');
22
+ require('../../react-select-creatable.esm-9e24f67f.js');
23
23
  require('react-dom');
24
24
  require('../../close-1751121a.js');
25
25
  require('../../expand-more-d74e2bd2.js');
package/inputs/CompactTextInput/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var CompactTextInput = require('../../CompactTextInput-a7f53772.js');
3
+ var CompactTextInput = require('../../CompactTextInput-f9f49740.js');
4
4
  require('../../defaultTheme-cd01e6c2.js');
5
5
  require('styled-components');
6
6
  require('lodash');
package/inputs/MultiSelect/index.js CHANGED
@@ -1,13 +1,13 @@
1
1
  'use strict';
2
2
 
3
- var MultiSelect = require('../../MultiSelect-e8c76d36.js');
3
+ var MultiSelect = require('../../MultiSelect-d6294329.js');
4
4
  require('../../defaultTheme-cd01e6c2.js');
5
5
  require('styled-components');
6
6
  require('react');
7
7
  require('nanoid');
8
8
  require('../../close-1751121a.js');
9
9
  require('react-select');
10
- require('../../react-select-creatable.esm-b7c87391.js');
10
+ require('../../react-select-creatable.esm-9e24f67f.js');
11
11
  require('react-dom');
12
12
  require('react-select-async-paginate');
13
13
 
package/inputs/TextInput/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var TextInput = require('../../TextInput-4391304e.js');
3
+ var TextInput = require('../../TextInput-75a84b3c.js');
4
4
  require('../../defaultTheme-cd01e6c2.js');
5
5
  require('styled-components');
6
6
  require('react');
package/inputs/index.js CHANGED
@@ -5,15 +5,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var ActionButton = require('../ActionButton-f84f83eb.js');
6
6
  var Button = require('../Button-eafd62c9.js');
7
7
  var Checkbox = require('../Checkbox-acd15d02.js');
8
- var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-e292eb05.js');
8
+ var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-4be1521f.js');
9
9
  var CompactStarRating = require('../CompactStarRating-71e54f17.js');
10
- var CompactTextInput = require('../CompactTextInput-a7f53772.js');
11
- var MultiSelect = require('../MultiSelect-e8c76d36.js');
10
+ var CompactTextInput = require('../CompactTextInput-f9f49740.js');
11
+ var MultiSelect = require('../MultiSelect-d6294329.js');
12
12
  var Radio = require('../Radio-abb11971.js');
13
13
  var TextArea = require('../TextArea-5bff1145.js');
14
- var TextInput = require('../TextInput-4391304e.js');
14
+ var TextInput = require('../TextInput-75a84b3c.js');
15
15
  var Switch = require('../Switch-66cd66ab.js');
16
- var MultiLevelCheckboxSelect = require('../MultiLevelCheckboxSelect-a42d6f02.js');
16
+ var MultiLevelCheckboxSelect = require('../MultiLevelCheckboxSelect-d361b5fa.js');
17
17
  require('../defaultTheme-cd01e6c2.js');
18
18
  require('styled-components');
19
19
  require('react');
@@ -34,7 +34,7 @@ require('../Tooltip-4111dfdd.js');
34
34
  require('../VerificationStatusIcon-3a74c2ab.js');
35
35
  require('react-select');
36
36
  require('react-select-async-paginate');
37
- require('../react-select-creatable.esm-b7c87391.js');
37
+ require('../react-select-creatable.esm-9e24f67f.js');
38
38
  require('react-dom');
39
39
  require('../close-1751121a.js');
40
40
  require('../edit-note-cefe2215.js');
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ntbjs/react-components",
3
- "version": "1.3.0-rc.51",
3
+ "version": "1.3.0-rc.52",
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/{react-select-creatable.esm-b7c87391.js → react-select-creatable.esm-9e24f67f.js} RENAMED
@@ -1035,8 +1035,8 @@ var compat = function compat(element) {
1035
1035
  return;
1036
1036
  }
1037
1037
 
1038
- var value = element.value,
1039
- parent = element.parent;
1038
+ var value = element.value;
1039
+ var parent = element.parent;
1040
1040
  var isImplicitRule = element.column === parent.column && element.line === parent.line;
1041
1041
 
1042
1042
  while (parent.type !== 'rule') {
@@ -1294,35 +1294,14 @@ var prefixer = function prefixer(element, index, children, callback) {
1294
1294
  }
1295
1295
  };
1296
1296
 
1297
- /* import type { StylisPlugin } from './types' */
1298
-
1299
- /*
1300
- export type Options = {
1301
- nonce?: string,
1302
- stylisPlugins?: StylisPlugin[],
1303
- key: string,
1304
- container?: HTMLElement,
1305
- speedy?: boolean,
1306
- prepend?: boolean,
1307
- insertionPoint?: HTMLElement
1308
- }
1309
- */
1310
-
1311
1297
  var getServerStylisCache = isBrowser$3 ? undefined : weakMemoize(function () {
1312
1298
  return memoize(function () {
1313
- var cache = {};
1314
- return function (name) {
1315
- return cache[name];
1316
- };
1299
+ return {};
1317
1300
  });
1318
1301
  });
1319
1302
  var defaultStylisPlugins = [prefixer];
1320
1303
 
1321
- var createCache = function
1322
- /*: EmotionCache */
1323
- createCache(options
1324
- /*: Options */
1325
- ) {
1304
+ var createCache = function createCache(options) {
1326
1305
  var key = options.key;
1327
1306
 
1328
1307
  if (isBrowser$3 && key === 'css') {
@@ -1331,9 +1310,7 @@ createCache(options
1331
1310
  // note this very very intentionally targets all style elements regardless of the key to ensure
1332
1311
  // that creating a cache works inside of render of a React component
1333
1312
 
1334
- Array.prototype.forEach.call(ssrStyles, function (node
1335
- /*: HTMLStyleElement */
1336
- ) {
1313
+ Array.prototype.forEach.call(ssrStyles, function (node) {
1337
1314
  // we want to only move elements which have a space in the data-emotion attribute value
1338
1315
  // because that indicates that it is an Emotion 11 server-side rendered style elements
1339
1316
  // while we will already ignore Emotion 11 client-side inserted styles because of the :not([data-s]) part in the selector
@@ -1355,17 +1332,13 @@ createCache(options
1355
1332
 
1356
1333
  var inserted = {};
1357
1334
  var container;
1358
- /* : Node */
1359
-
1360
1335
  var nodesToHydrate = [];
1361
1336
 
1362
1337
  if (isBrowser$3) {
1363
1338
  container = options.container || document.head;
1364
1339
  Array.prototype.forEach.call( // this means we will ignore elements which don't have a space in them which
1365
1340
  // means that the style elements we're looking at are only Emotion 11 server-rendered style elements
1366
- document.querySelectorAll("style[data-emotion^=\"" + key + " \"]"), function (node
1367
- /*: HTMLStyleElement */
1368
- ) {
1341
+ document.querySelectorAll("style[data-emotion^=\"" + key + " \"]"), function (node) {
1369
1342
  var attrib = node.getAttribute("data-emotion").split(' ');
1370
1343
 
1371
1344
  for (var i = 1; i < attrib.length; i++) {
@@ -1377,17 +1350,10 @@ createCache(options
1377
1350
  }
1378
1351
 
1379
1352
  var _insert;
1380
- /*: (
1381
- selector: string,
1382
- serialized: SerializedStyles,
1383
- sheet: StyleSheet,
1384
- shouldCache: boolean
1385
- ) => string | void */
1386
-
1387
1353
 
1388
1354
  var omnipresentPlugins = [compat, removeLabel];
1389
1355
 
1390
- if (isBrowser$3) {
1356
+ if (!getServerStylisCache) {
1391
1357
  var currentSheet;
1392
1358
  var finalizingPlugins = [stringify, rulesheet(function (rule) {
1393
1359
  currentSheet.insert(rule);
@@ -1398,17 +1364,7 @@ createCache(options
1398
1364
  return serialize(compile(styles), serializer);
1399
1365
  };
1400
1366
 
1401
- _insert = function
1402
- /*: void */
1403
- insert(selector
1404
- /*: string */
1405
- , serialized
1406
- /*: SerializedStyles */
1407
- , sheet
1408
- /*: StyleSheet */
1409
- , shouldCache
1410
- /*: boolean */
1411
- ) {
1367
+ _insert = function insert(selector, serialized, sheet, shouldCache) {
1412
1368
  currentSheet = sheet;
1413
1369
 
1414
1370
  stylis(selector ? selector + "{" + serialized.styles + "}" : serialized.styles);
@@ -1428,13 +1384,7 @@ createCache(options
1428
1384
 
1429
1385
  var serverStylisCache = getServerStylisCache(stylisPlugins)(key);
1430
1386
 
1431
- var getRules = function
1432
- /*: string */
1433
- getRules(selector
1434
- /*: string */
1435
- , serialized
1436
- /*: SerializedStyles */
1437
- ) {
1387
+ var getRules = function getRules(selector, serialized) {
1438
1388
  var name = serialized.name;
1439
1389
 
1440
1390
  if (serverStylisCache[name] === undefined) {
@@ -1444,17 +1394,7 @@ createCache(options
1444
1394
  return serverStylisCache[name];
1445
1395
  };
1446
1396
 
1447
- _insert = function
1448
- /*: string | void */
1449
- _insert(selector
1450
- /*: string */
1451
- , serialized
1452
- /*: SerializedStyles */
1453
- , sheet
1454
- /*: StyleSheet */
1455
- , shouldCache
1456
- /*: boolean */
1457
- ) {
1397
+ _insert = function _insert(selector, serialized, sheet, shouldCache) {
1458
1398
  var name = serialized.name;
1459
1399
  var rules = getRules(selector, serialized);
1460
1400
 
@@ -1484,9 +1424,7 @@ createCache(options
1484
1424
  };
1485
1425
  }
1486
1426
 
1487
- var cache
1488
- /*: EmotionCache */
1489
- = {
1427
+ var cache = {
1490
1428
  key: key,
1491
1429
  sheet: new StyleSheet({
1492
1430
  key: key,
@@ -1927,10 +1865,7 @@ var isDevelopment = false;
1927
1865
 
1928
1866
  var isBrowser = typeof document !== 'undefined';
1929
1867
 
1930
- /* import { type EmotionCache } from '@emotion/utils' */
1931
- var EmotionCacheContext
1932
- /*: React.Context<EmotionCache | null> */
1933
- = /* #__PURE__ */React__namespace.createContext( // we're doing this to avoid preconstruct's dead code elimination in this one case
1868
+ var EmotionCacheContext = /* #__PURE__ */React__namespace.createContext( // we're doing this to avoid preconstruct's dead code elimination in this one case
1934
1869
  // because this module is primarily intended for the browser and node
1935
1870
  // but it's also required in react native and similar environments sometimes
1936
1871
  // and we could have a special build just for that
@@ -1942,18 +1877,8 @@ typeof HTMLElement !== 'undefined' ? /* #__PURE__ */createCache({
1942
1877
 
1943
1878
  EmotionCacheContext.Provider;
1944
1879
 
1945
- var withEmotionCache = function withEmotionCache
1946
- /* <Props, Ref: React.Ref<*>> */
1947
- (func
1948
- /*: (props: Props, cache: EmotionCache, ref: Ref) => React.Node */
1949
- )
1950
- /*: React.AbstractComponent<Props> */
1951
- {
1952
- return /*#__PURE__*/React.forwardRef(function (props
1953
- /*: Props */
1954
- , ref
1955
- /*: Ref */
1956
- ) {
1880
+ var withEmotionCache = function withEmotionCache(func) {
1881
+ return /*#__PURE__*/React.forwardRef(function (props, ref) {
1957
1882
  // the cache will never be null in the browser
1958
1883
  var cache = React.useContext(EmotionCacheContext);
1959
1884
  return func(props, cache, ref);
@@ -1961,16 +1886,8 @@ var withEmotionCache = function withEmotionCache
1961
1886
  };
1962
1887
 
1963
1888
  if (!isBrowser) {
1964
- withEmotionCache = function withEmotionCache
1965
- /* <Props> */
1966
- (func
1967
- /*: (props: Props, cache: EmotionCache) => React.Node */
1968
- )
1969
- /*: React.StatelessFunctionalComponent<Props> */
1970
- {
1971
- return function (props
1972
- /*: Props */
1973
- ) {
1889
+ withEmotionCache = function withEmotionCache(func) {
1890
+ return function (props) {
1974
1891
  var cache = React.useContext(EmotionCacheContext);
1975
1892
 
1976
1893
  if (cache === null) {
@@ -1997,19 +1914,13 @@ var ThemeContext = /* #__PURE__ */React__namespace.createContext({});
1997
1914
  var hasOwn = {}.hasOwnProperty;
1998
1915
 
1999
1916
  var typePropName = '__EMOTION_TYPE_PLEASE_DO_NOT_USE__';
2000
- var createEmotionProps = function createEmotionProps(type
2001
- /*: React.ElementType */
2002
- , props
2003
- /*: Object */
2004
- ) {
1917
+ var createEmotionProps = function createEmotionProps(type, props) {
2005
1918
 
2006
- var newProps
2007
- /*: any */
2008
- = {};
1919
+ var newProps = {};
2009
1920
 
2010
- for (var key in props) {
2011
- if (hasOwn.call(props, key)) {
2012
- newProps[key] = props[key];
1921
+ for (var _key in props) {
1922
+ if (hasOwn.call(props, _key)) {
1923
+ newProps[_key] = props[_key];
2013
1924
  }
2014
1925
  }
2015
1926
 
@@ -2046,9 +1957,7 @@ var Insertion = function Insertion(_ref) {
2046
1957
  return null;
2047
1958
  };
2048
1959
 
2049
- var Emotion = /* #__PURE__ */withEmotionCache(
2050
- /* <any, any> */
2051
- function (props, cache, ref) {
1960
+ var Emotion = /* #__PURE__ */withEmotionCache(function (props, cache, ref) {
2052
1961
  var cssProp = props.css; // so that using `css` from `emotion` and passing the result to the css prop works
2053
1962
  // not passing the registered cache to serializeStyles because it would
2054
1963
  // make certain babel optimisations not possible
@@ -2072,9 +1981,9 @@ function (props, cache, ref) {
2072
1981
  className += cache.key + "-" + serialized.name;
2073
1982
  var newProps = {};
2074
1983
 
2075
- for (var key in props) {
2076
- if (hasOwn.call(props, key) && key !== 'css' && key !== typePropName && (!isDevelopment )) {
2077
- newProps[key] = props[key];
1984
+ for (var _key2 in props) {
1985
+ if (hasOwn.call(props, _key2) && _key2 !== 'css' && _key2 !== typePropName && (!isDevelopment )) {
1986
+ newProps[_key2] = props[_key2];
2078
1987
  }
2079
1988
  }
2080
1989
 
@@ -2093,15 +2002,8 @@ function (props, cache, ref) {
2093
2002
 
2094
2003
  var Emotion$1 = Emotion;
2095
2004
 
2096
- var jsx
2097
- /*: typeof React.createElement */
2098
- = function jsx
2099
- /*: typeof React.createElement */
2100
- (type
2101
- /*: React.ElementType */
2102
- , props
2103
- /*: Object */
2104
- ) {
2005
+ var jsx = function jsx(type, props) {
2006
+ // eslint-disable-next-line prefer-rest-params
2105
2007
  var args = arguments;
2106
2008
 
2107
2009
  if (props == null || !hasOwn.call(props, 'css')) {
@@ -2120,11 +2022,13 @@ var jsx
2120
2022
  return React__namespace.createElement.apply(null, createElementArgArray);
2121
2023
  };
2122
2024
 
2123
- /* import type { Interpolation, SerializedStyles } from '@emotion/utils' */
2025
+ (function (_jsx) {
2026
+ var JSX;
2027
+
2028
+ (function (_JSX) {})(JSX || (JSX = _jsx.JSX || (_jsx.JSX = {})));
2029
+ })(jsx || (jsx = {}));
2124
2030
 
2125
- function css$2()
2126
- /*: SerializedStyles */
2127
- {
2031
+ function css$2() {
2128
2032
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
2129
2033
  args[_key] = arguments[_key];
2130
2034
  }
@@ -2132,18 +2036,7 @@ function css$2()
2132
2036
  return serializeStyles(args);
2133
2037
  }
2134
2038
 
2135
- /*
2136
- type Keyframes = {|
2137
- name: string,
2138
- styles: string,
2139
- anim: 1,
2140
- toString: () => string
2141
- |} & string
2142
- */
2143
-
2144
- var keyframes = function
2145
- /*: Keyframes */
2146
- keyframes() {
2039
+ function keyframes() {
2147
2040
  var insertable = css$2.apply(void 0, arguments);
2148
2041
  var name = "animation-" + insertable.name;
2149
2042
  return {
@@ -2154,7 +2047,7 @@ keyframes() {
2154
2047
  return "_EMO_" + this.name + "_" + this.styles + "_EMO_";
2155
2048
  }
2156
2049
  };
2157
- };
2050
+ }
2158
2051
 
2159
2052
  function _arrayWithHoles(r) {
2160
2053
  if (Array.isArray(r)) return r;
@@ -3711,7 +3604,9 @@ inline;
3711
3604
  */
3712
3605
  limitShift;
3713
3606
 
3714
- var index = typeof document !== 'undefined' ? React.useLayoutEffect : React.useEffect;
3607
+ var isClient = typeof document !== 'undefined';
3608
+
3609
+ var index = isClient ? React.useLayoutEffect : React.useEffect;
3715
3610
 
3716
3611
  var _excluded$4 = ["className", "clearValue", "cx", "getStyles", "getClassNames", "getValue", "hasValue", "isMulti", "isRtl", "options", "selectOption", "selectProps", "setValue", "theme"];
3717
3612
  // ==============================
package/widgets/AssetGallery/index.js CHANGED
@@ -1,13 +1,13 @@
1
1
  'use strict';
2
2
 
3
- var AssetAction = require('../../AssetAction-f2805c53.js');
3
+ var AssetAction = require('../../AssetAction-927542de.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-a42d6f02.js');
10
+ require('../../MultiLevelCheckboxSelect-d361b5fa.js');
11
11
  require('../../Alert-1b2ff6dd.js');
12
12
  require('../../Badge-e055db69.js');
13
13
  require('../../Popover-c1a29454.js');
@@ -21,17 +21,17 @@ require('../../Tooltip-4111dfdd.js');
21
21
  require('../../VerificationStatusIcon-3a74c2ab.js');
22
22
  require('../../Checkbox-acd15d02.js');
23
23
  require('nanoid');
24
- require('../../TextInput-4391304e.js');
24
+ require('../../TextInput-75a84b3c.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-f4db12e3.js');
31
- require('../../CompactAutocompleteSelect-e292eb05.js');
30
+ require('../../Instructions-f996c3a8.js');
31
+ require('../../CompactAutocompleteSelect-4be1521f.js');
32
32
  require('react-select');
33
33
  require('react-select-async-paginate');
34
- require('../../react-select-creatable.esm-b7c87391.js');
34
+ require('../../react-select-creatable.esm-9e24f67f.js');
35
35
  require('react-dom');
36
36
  require('../../expand-more-d74e2bd2.js');
37
37
  require('../../TextArea-5bff1145.js');
@@ -41,8 +41,8 @@ require('../../AssetPreviewTopBar-08ca770d.js');
41
41
  require('../../ActionButton-f84f83eb.js');
42
42
  require('../../Button-eafd62c9.js');
43
43
  require('../../CompactStarRating-71e54f17.js');
44
- require('../../CompactTextInput-a7f53772.js');
45
- require('../../MultiSelect-e8c76d36.js');
44
+ require('../../CompactTextInput-f9f49740.js');
45
+ require('../../MultiSelect-d6294329.js');
46
46
  require('../../Radio-abb11971.js');
47
47
  require('../../Switch-66cd66ab.js');
48
48
  require('../../ContextMenuItem-50de2150.js');
package/widgets/Instructions/index.js CHANGED
@@ -1,11 +1,11 @@
1
1
  'use strict';
2
2
 
3
- var Instructions = require('../../Instructions-f4db12e3.js');
3
+ var Instructions = require('../../Instructions-f996c3a8.js');
4
4
  require('../../defaultTheme-cd01e6c2.js');
5
5
  require('styled-components');
6
6
  require('lodash');
7
7
  require('react');
8
- require('../../CompactAutocompleteSelect-e292eb05.js');
8
+ require('../../CompactAutocompleteSelect-4be1521f.js');
9
9
  require('nanoid');
10
10
  require('../../Alert-1b2ff6dd.js');
11
11
  require('../../Badge-e055db69.js');
@@ -20,7 +20,7 @@ require('../../Tooltip-4111dfdd.js');
20
20
  require('../../VerificationStatusIcon-3a74c2ab.js');
21
21
  require('react-select');
22
22
  require('react-select-async-paginate');
23
- require('../../react-select-creatable.esm-b7c87391.js');
23
+ 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');
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-f2805c53.js');
5
+ var AssetAction = require('../AssetAction-927542de.js');
6
6
  var ContextMenu = require('../ContextMenu-1b7b7cec.js');
7
7
  var AssetPreviewTopBar = require('../AssetPreviewTopBar-08ca770d.js');
8
- var Instructions = require('../Instructions-f4db12e3.js');
8
+ var Instructions = require('../Instructions-f996c3a8.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-a42d6f02.js');
15
+ require('../MultiLevelCheckboxSelect-d361b5fa.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-4391304e.js');
29
+ require('../TextInput-75a84b3c.js');
30
30
  require('../edit-note-cefe2215.js');
31
31
  require('../InputGroup-08332f2d.js');
32
32
  require('../SectionSeparator-aeccca17.js');
@@ -36,14 +36,14 @@ require('@floating-ui/react');
36
36
  require('../ActionButton-f84f83eb.js');
37
37
  require('../Button-eafd62c9.js');
38
38
  require('../expand-more-d74e2bd2.js');
39
- require('../CompactAutocompleteSelect-e292eb05.js');
39
+ require('../CompactAutocompleteSelect-4be1521f.js');
40
40
  require('react-select');
41
41
  require('react-select-async-paginate');
42
- require('../react-select-creatable.esm-b7c87391.js');
42
+ require('../react-select-creatable.esm-9e24f67f.js');
43
43
  require('react-dom');
44
44
  require('../CompactStarRating-71e54f17.js');
45
- require('../CompactTextInput-a7f53772.js');
46
- require('../MultiSelect-e8c76d36.js');
45
+ require('../CompactTextInput-f9f49740.js');
46
+ require('../MultiSelect-d6294329.js');
47
47
  require('../Radio-abb11971.js');
48
48
  require('../TextArea-5bff1145.js');
49
49
  require('../Switch-66cd66ab.js');