@ntbjs/react-components 1.1.0-beta.98 → 1.1.2

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 (18) hide show
  1. package/{AssetGallery-884245c0.js → AssetGallery-797a8561.js} +5 -5
  2. package/{CompactAutocompleteSelect-45b12179.js → CompactAutocompleteSelect-94cee1b4.js} +21 -21
  3. package/{CompactStarRating-77f54a07.js → CompactStarRating-ec4dea7f.js} +35 -31
  4. package/{CompactTextInput-8750600d.js → CompactTextInput-49dc27db.js} +27 -27
  5. package/{Instructions-ca4e3455.js → Instructions-116f443c.js} +9 -9
  6. package/{MultiSelect-01a257b8.js → MultiSelect-abf02057.js} +1 -1
  7. package/{TextArea-1ed790e5.js → TextArea-a99b3096.js} +33 -25
  8. package/inputs/CompactAutocompleteSelect/index.js +2 -2
  9. package/inputs/CompactStarRating/index.js +1 -1
  10. package/inputs/CompactTextInput/index.js +1 -1
  11. package/inputs/MultiSelect/index.js +2 -2
  12. package/inputs/TextArea/index.js +1 -1
  13. package/inputs/index.js +6 -6
  14. package/package.json +1 -1
  15. package/{react-select-creatable.esm-7231b55e.js → react-select-creatable.esm-c4ae6839.js} +7 -4
  16. package/widgets/AssetGallery/index.js +7 -7
  17. package/widgets/Instructions/index.js +4 -4
  18. package/widgets/index.js +8 -8
package/{AssetGallery-884245c0.js → AssetGallery-797a8561.js} RENAMED
@@ -9,12 +9,12 @@ var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
9
9
  var ActionButton = require('./ActionButton-c3f5ed94.js');
10
10
  require('./Button-432f87c6.js');
11
11
  require('./Checkbox-d80544d6.js');
12
- require('./CompactAutocompleteSelect-45b12179.js');
13
- require('./CompactStarRating-77f54a07.js');
14
- require('./CompactTextInput-8750600d.js');
15
- require('./MultiSelect-01a257b8.js');
12
+ require('./CompactAutocompleteSelect-94cee1b4.js');
13
+ require('./CompactStarRating-ec4dea7f.js');
14
+ require('./CompactTextInput-49dc27db.js');
15
+ require('./MultiSelect-abf02057.js');
16
16
  require('./Radio-70259f02.js');
17
- require('./TextArea-1ed790e5.js');
17
+ require('./TextArea-a99b3096.js');
18
18
  require('./TextInput-c0ef017d.js');
19
19
  require('./Switch-a7cbb0c0.js');
20
20
  require('./Alert-3e4f8be1.js');
package/{CompactAutocompleteSelect-45b12179.js → CompactAutocompleteSelect-94cee1b4.js} RENAMED
@@ -8,7 +8,7 @@ var check = require('./check-555d831b.js');
8
8
  var styled = require('styled-components');
9
9
  var Select = require('react-select');
10
10
  var reactSelectAsyncPaginate = require('react-select-async-paginate');
11
- var reactSelectCreatable_esm = require('./react-select-creatable.esm-7231b55e.js');
11
+ var reactSelectCreatable_esm = require('./react-select-creatable.esm-c4ae6839.js');
12
12
  var close = require('./close-ebf2f3cf.js');
13
13
  var expandMore = require('./expand-more-94585605.js');
14
14
 
@@ -76,25 +76,25 @@ var AutocompletCreatableSelect = styled__default['default'](reactSelectCreatable
76
76
  var Control = styled__default['default'](Select.components.Control).attrs(defaultTheme.applyDefaultTheme)(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n && {\n ", ";\n\n height: 22px;\n min-height: 22px;\n box-shadow: none;\n box-sizing: border-box;\n padding: 1px 2.5px 0 8px;\n cursor: pointer;\n border: 1px solid transparent;\n background-color: transparent;\n ", "\n\n ", ";\n ", ";\n\n ", "\n ", "\n ", "\n }\n\n & .dropdown-indicator {\n display: none;\n }\n\n &:hover .dropdown-indicator {\n display: flex;\n }\n\n &&:hover {\n border-color: transparent;\n ", ";\n\n ", ";\n\n ", ";\n }\n"])), function (props) {
77
77
  return props.edit && props.theme.themeProp('background', '#505050', '#eff1f4');
78
78
  }, function (props) {
79
- return props.state && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n animation: ", " 0.5s ease-in-out;\n "])), function (props) {
80
- return props.state === 'success' ? fadeIn : fadeOut;
79
+ return props.type && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n animation: ", " 0.5s ease-in-out;\n "])), function (props) {
80
+ return props.type === 'success' ? fadeIn : fadeOut;
81
81
  });
82
82
  }, function (props) {
83
- return props.state === 'warning' && !props.isFocused && props.theme.themeProp('background-color', '#634e01', '#FFF36C');
83
+ return props.type === 'warning' && !props.isFocused && props.theme.themeProp('background-color', '#634e01', '#FFF36C');
84
84
  }, function (props) {
85
- return props.state === 'error' && !props.isFocused && props.theme.themeProp('background-color', '#7f1b1b', '#fbeae6');
85
+ return props.type === 'error' && !props.isFocused && props.theme.themeProp('background-color', '#7f1b1b', '#fbeae6');
86
86
  }, function (props) {
87
87
  return props.isFocused && props.theme.themeProp('border-color', props.theme.getColor('gray-600'), props.theme.getColor('gray-600'));
88
88
  }, function (props) {
89
- return props.state === 'warning' && props.isFocused && props.theme.themeProp('border-color', props.theme.getColor('signal-yellow-500'), props.theme.getColor('signal-yellow-500'));
89
+ return props.type === 'warning' && props.isFocused && props.theme.themeProp('border-color', props.theme.getColor('signal-yellow-500'), props.theme.getColor('signal-yellow-500'));
90
90
  }, function (props) {
91
- return props.state === 'error' && props.isFocused && props.theme.themeProp('border-color', props.theme.getColor('red-500'), props.theme.getColor('red-500'));
91
+ return props.type === 'error' && props.isFocused && props.theme.themeProp('border-color', props.theme.getColor('red-500'), props.theme.getColor('red-500'));
92
92
  }, function (props) {
93
93
  return !props.isFocused && props.theme.themeProp('background-color', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
94
94
  }, function (props) {
95
- return props.state === 'warning' && !props.isFocused && props.theme.themeProp('background', '#816600', '#F4E21E');
95
+ return props.type === 'warning' && !props.isFocused && props.theme.themeProp('background', '#816600', '#F4E21E');
96
96
  }, function (props) {
97
- return props.state === 'error' && !props.isFocused && props.theme.themeProp('background', '#901d1d', '#f7d5d0');
97
+ return props.type === 'error' && !props.isFocused && props.theme.themeProp('background', '#901d1d', '#f7d5d0');
98
98
  });
99
99
  var Option$1 = styled__default['default'](Select.components.Option).attrs(defaultTheme.applyDefaultTheme)(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n && {\n min-height: 22px;\n height: 22px;\n display: flex;\n align-items: center;\n padding: 6px;\n cursor: pointer;\n padding: 1px 13px;\n ", "\n ", "\n ", "\n ", "\n }\n svg {\n width: 15px;\n margin: 0 9px 0 0;\n }\n a {\n display: flex;\n text-decoration: none;\n color: inherit;\n }\n"])), function (props) {
100
100
  return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
@@ -106,9 +106,9 @@ var Option$1 = styled__default['default'](Select.components.Option).attrs(defaul
106
106
  return props.isFocused && props.isSelected && styled.css(_templateObject28 || (_templateObject28 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('background-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-200')));
107
107
  });
108
108
  var Placeholder = styled__default['default'](Select.components.Placeholder).attrs(defaultTheme.applyDefaultTheme)(_templateObject29 || (_templateObject29 = defaultTheme._taggedTemplateLiteral(["\n && {\n ", "\n ", ";\n }\n"])), function (props) {
109
- return (props.state === 'error' || props.state === 'warning') && styled.css(_templateObject30 || (_templateObject30 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700')));
109
+ return (props.type === 'error' || props.type === 'warning') && styled.css(_templateObject30 || (_templateObject30 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700')));
110
110
  }, function (props) {
111
- return (props.state === 'error' || props.state === 'warning') && props.theme.themeProp('opacity', '0.6', '0.6');
111
+ return (props.type === 'error' || props.type === 'warning') && props.theme.themeProp('opacity', '0.6', '0.6');
112
112
  });
113
113
  var SingleValue$1 = styled__default['default'](Select.components.SingleValue).attrs(defaultTheme.applyDefaultTheme)(_templateObject31 || (_templateObject31 = defaultTheme._taggedTemplateLiteral(["\n && {\n ", ";\n }\n"])), function (props) {
114
114
  return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
@@ -155,8 +155,8 @@ var CompactAutocompleteSelect = React__default['default'].forwardRef(function Co
155
155
  edit = _ref.edit,
156
156
  disabled = _ref.disabled,
157
157
  hidden = _ref.hidden,
158
- state = _ref.state,
159
- props = defaultTheme._objectWithoutProperties(_ref, ["label", "availableOptions", "placeholder", "selectedOption", "loadOptions", "noOptionsMessageFunc", "createNewOptionMessageFunc", "onUpdateCallback", "loadingMessageFunc", "creatable", "readOnly", "edit", "disabled", "hidden", "state"]);
158
+ type = _ref.type,
159
+ props = defaultTheme._objectWithoutProperties(_ref, ["label", "availableOptions", "placeholder", "selectedOption", "loadOptions", "noOptionsMessageFunc", "createNewOptionMessageFunc", "onUpdateCallback", "loadingMessageFunc", "creatable", "readOnly", "edit", "disabled", "hidden", "type"]);
160
160
 
161
161
  var _useState = React.useState(nanoid.nanoid()),
162
162
  _useState2 = defaultTheme._slicedToArray(_useState, 1),
@@ -181,20 +181,20 @@ var CompactAutocompleteSelect = React__default['default'].forwardRef(function Co
181
181
  return React__default['default'].createElement(Control, defaultTheme._extends({
182
182
  className: "select-control",
183
183
  edit: edit,
184
- state: state
184
+ type: type
185
185
  }, props));
186
186
  };
187
187
 
188
188
  var ValueContainer$1 = React.useMemo(function () {
189
189
  var valueContainer = function valueContainer(props) {
190
190
  return React__default['default'].createElement(React__default['default'].Fragment, null, React__default['default'].createElement(ValueContainer, defaultTheme._extends({
191
- state: state
191
+ type: type
192
192
  }, props)));
193
193
  };
194
194
 
195
195
  valueContainer.displayName = 'ValueContainerWrapper';
196
196
  return valueContainer;
197
- }, [state]);
197
+ }, [type]);
198
198
  var Input$1 = React.useMemo(function () {
199
199
  var selectInput = function selectInput(props) {
200
200
  return React__default['default'].createElement(Input, defaultTheme._extends({
@@ -219,7 +219,7 @@ var CompactAutocompleteSelect = React__default['default'].forwardRef(function Co
219
219
  var Placeholder$1 = function Placeholder$1(props) {
220
220
  return React__default['default'].createElement(Placeholder, defaultTheme._extends({
221
221
  className: "select-placeholder",
222
- state: state
222
+ type: type
223
223
  }, props));
224
224
  };
225
225
 
@@ -325,10 +325,10 @@ var CompactAutocompleteSelect = React__default['default'].forwardRef(function Co
325
325
  }, React__default['default'].createElement(InputContainer, null, label && React__default['default'].createElement(Label, {
326
326
  htmlFor: uniqueId,
327
327
  disabled: disabled
328
- }, label, React__default['default'].createElement(SuccessContainer, null, state === 'loading' && React__default['default'].createElement(check._default, {
328
+ }, label, React__default['default'].createElement(SuccessContainer, null, type === 'loading' && React__default['default'].createElement(check._default, {
329
329
  color: '#b0b6b9',
330
330
  size: 15
331
- }), state === 'success' && React__default['default'].createElement(check.SvgCheck, null))), loadOptions ? creatable ? React__default['default'].createElement(AsyncCreatableAutocompleteSelect, defaultTheme._extends({
331
+ }), type === 'success' && React__default['default'].createElement(check.SvgCheck, null))), loadOptions ? creatable ? React__default['default'].createElement(AsyncCreatableAutocompleteSelect, defaultTheme._extends({
332
332
  $hasLabel: !lodash.isEmpty(label)
333
333
  }, sharedSelectProps, props)) : React__default['default'].createElement(AsyncAutocompleteSelect, defaultTheme._extends({
334
334
  $hasLabel: !lodash.isEmpty(label)
@@ -355,7 +355,7 @@ CompactAutocompleteSelect.propTypes = process.env.NODE_ENV !== "production" ? {
355
355
  onUpdateCallback: defaultTheme.PropTypes.func,
356
356
  creatable: defaultTheme.PropTypes.bool,
357
357
  disabled: defaultTheme.PropTypes.bool,
358
- state: defaultTheme.PropTypes.oneOf(['', 'error', 'warning', 'loading', 'success'])
358
+ type: defaultTheme.PropTypes.oneOf(['', 'error', 'warning', 'loading', 'success'])
359
359
  } : {};
360
360
  CompactAutocompleteSelect.defaultProps = {
361
361
  noOptionsMessageFunc: function noOptionsMessageFunc(inputValue) {
@@ -372,7 +372,7 @@ CompactAutocompleteSelect.defaultProps = {
372
372
  error: false,
373
373
  warning: false,
374
374
  hidden: false,
375
- state: ''
375
+ type: ''
376
376
  };
377
377
 
378
378
  var Option = function Option(props) {
package/{CompactStarRating-77f54a07.js → CompactStarRating-ec4dea7f.js} RENAMED
@@ -59,7 +59,7 @@ function SvgStar(props) {
59
59
  }, props), _ref);
60
60
  }
61
61
 
62
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20;
62
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
63
63
  var fadeIn = styled.keyframes(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n from {\n background-color: ", ";\n }\n to {\n background-color: ", ";\n }\n"])), function (props) {
64
64
  return props.theme.themeProp('rgba(48, 130, 106, 0)', 'rgba(191, 224, 213, 0)');
65
65
  }, function (props) {
@@ -79,63 +79,65 @@ var CompactStarRating$1 = styled__default['default'].div.attrs(defaultTheme.appl
79
79
  }, function (props) {
80
80
  return props.disabled && styled.css(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n cursor: not-allowed;\n "])));
81
81
  });
82
- var labelWidth = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject8 || (_templateObject8 = defaultTheme._taggedTemplateLiteral(["\n width: 33.33%;\n display: flex;\n align-items: center;\n text-align: left;\n font: normal normal normal 14px/16px Roboto;\n letter-spacing: 0px;\n padding: 0;\n height: 19px;\n cursor: default;\n justify-content: space-between;\n ", "\n"])), function (props) {
82
+ var labelWidth = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject8 || (_templateObject8 = defaultTheme._taggedTemplateLiteral(["\n width: 33.33%;\n display: flex;\n align-items: center;\n text-align: left;\n font: normal normal normal 14px/16px Roboto;\n letter-spacing: 0px;\n padding: 0;\n height: 19px;\n cursor: default;\n justify-content: space-between;\n ", "\n ", "\n"])), function (props) {
83
83
  return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
84
+ }, function (props) {
85
+ return props.disabled && styled.css(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n cursor: not-allowed;\n "])));
84
86
  });
85
- var SuccessContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject9 || (_templateObject9 = 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) {
87
+ var SuccessContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject10 || (_templateObject10 = 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
88
  return props.fadeIn ? 0 : 1;
87
89
  }, function (props) {
88
90
  return props.fadeIn ? fadeOutCheck : fadeInCheck;
89
91
  }, function (props) {
90
92
  return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'));
91
93
  });
92
- var starsWidth = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n width: 66.66%;\n border-radius: 3px;\n height: 24px;\n align-items: center;\n margin-left: 3px;\n padding-left: 6px;\n\n ", "\n\n ", "\n\n ", "\n &&:not(:hover):not(:focus) {\n ", ";\n }\n &&:hover:not(:focus) {\n ", "\n\n ", ";\n\n ", ";\n }\n"])), function (props) {
93
- return props.state === 'success' && styled.css(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n animation: ", " 0.5s ease-in-out;\n "])), function (props) {
94
+ var starsWidth = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n width: 66.66%;\n border-radius: 3px;\n height: 24px;\n align-items: center;\n margin-left: 3px;\n padding-left: 6px;\n\n ", "\n\n ", "\n\n ", "\n &&:not(:hover):not(:focus) {\n ", ";\n }\n &&:hover:not(:focus) {\n ", "\n\n ", ";\n\n ", ";\n }\n"])), function (props) {
95
+ return props.type === 'success' && styled.css(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n animation: ", " 0.5s ease-in-out;\n "])), function (props) {
94
96
  return props.success ? fadeIn : fadeOut;
95
97
  });
96
98
  }, function (props) {
97
- return props.state === 'error' && styled.css(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n "])), props.theme.themeProp('background', '#7F1B1B', '#FBEAE6'));
99
+ return props.type === 'error' && styled.css(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n "])), props.theme.themeProp('background', '#7F1B1B', '#FBEAE6'));
98
100
  }, function (props) {
99
- return props.state === 'warning' && styled.css(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n "])), props.theme.themeProp('background', '#634E01', '#FFFDE8'));
101
+ return props.type === 'warning' && styled.css(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n "])), props.theme.themeProp('background', '#634E01', '#FFFDE8'));
100
102
  }, function (props) {
101
103
  return props.edit && props.theme.themeProp('background', '#505050', '#eff1f4');
102
104
  }, function (props) {
103
105
  return props.edit && props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
104
106
  }, function (props) {
105
- return props.state === 'warning' && !props.readOnly && props.theme.themeProp('background', '#816600', '#fffebf');
107
+ return props.type === 'warning' && !props.readOnly && props.theme.themeProp('background', '#816600', '#fffebf');
106
108
  }, function (props) {
107
- return props.state === 'error' && !props.readOnly && props.theme.themeProp('background', '#901d1d', '#f7d5d0');
109
+ return props.type === 'error' && !props.readOnly && props.theme.themeProp('background', '#901d1d', '#f7d5d0');
108
110
  });
109
- var Star = styled__default['default'].button.attrs(defaultTheme.applyDefaultTheme)(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n background: none;\n border: none;\n cursor: pointer;\n padding: 0;\n\n svg {\n height: 12px;\n padding-left: 4px;\n transition: color 250ms;\n }\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", "\n\n ", "\n"])), function (props) {
111
+ var Star = styled__default['default'].button.attrs(defaultTheme.applyDefaultTheme)(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n background: none;\n border: none;\n cursor: pointer;\n padding: 0;\n\n svg {\n height: 12px;\n padding-left: 4px;\n transition: color 250ms;\n }\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", "\n\n ", "\n"])), function (props) {
110
112
  return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'));
111
113
  }, function (props) {
112
- return props.state === 'warning' && props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'));
114
+ return props.type === 'warning' && props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'));
113
115
  }, function (props) {
114
- return props.state === 'warning' && props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'));
116
+ return props.type === 'warning' && props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'));
115
117
  }, function (props) {
116
118
  return props.hover && props.theme.themeProp('color', props.theme.getColor('orange-500'), props.theme.getColor('orange-500'));
117
119
  }, function (props) {
118
- return props.readOnly && styled.css(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n pointer-events: none;\n "])));
120
+ return props.readOnly && styled.css(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n pointer-events: none;\n "])));
119
121
  }, function (props) {
120
- return props.disabled && styled.css(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n button {\n cursor: not-allowed;\n }\n > * {\n cursor: not-allowed;\n }\n "])));
122
+ return props.disabled && styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n button {\n cursor: not-allowed;\n }\n > * {\n cursor: not-allowed;\n }\n "])));
121
123
  });
122
- var StarFill = styled__default['default'].button.attrs(defaultTheme.applyDefaultTheme)(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n background: none;\n border: none;\n cursor: pointer;\n padding: 0;\n\n svg {\n height: 12px;\n padding-left: 4px;\n transition: color 250ms;\n }\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", "\n\n ", "\n"])), function (props) {
124
+ var StarFill = styled__default['default'].button.attrs(defaultTheme.applyDefaultTheme)(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n background: none;\n border: none;\n cursor: pointer;\n padding: 0;\n\n svg {\n height: 12px;\n padding-left: 4px;\n transition: color 250ms;\n }\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", "\n\n ", "\n"])), function (props) {
123
125
  return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'));
124
126
  }, function (props) {
125
- return props.state === 'error' && props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'));
127
+ return props.type === 'error' && props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'));
126
128
  }, function (props) {
127
- return props.state === 'warning' && props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'));
129
+ return props.type === 'warning' && props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'));
128
130
  }, function (props) {
129
131
  return props.hover && props.theme.themeProp('color', props.theme.getColor('orange-500'), props.theme.getColor('orange-500'));
130
132
  }, function (props) {
131
- return props.readOnly && styled.css(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n pointer-events: none;\n "])));
133
+ return props.readOnly && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n pointer-events: none;\n "])));
132
134
  }, function (props) {
133
- return props.disabled && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n button {\n cursor: not-allowed;\n }\n > * {\n cursor: not-allowed;\n }\n "])));
135
+ return props.disabled && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n button {\n cursor: not-allowed;\n }\n > * {\n cursor: not-allowed;\n }\n "])));
134
136
  });
135
- styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n opacity: 1;\n pointer-events: none;\n margin-left: auto;\n opacity: ", ";\n animation: ", " 0.5s ease-in-out;\n transition: opacity 0.5s ease-in-out;\n ", "\n > svg {\n width: 13px;\n }\n"])), function (props) {
136
- return props.state === 'success' ? 0 : 1;
137
+ styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n opacity: 1;\n pointer-events: none;\n margin-left: auto;\n opacity: ", ";\n animation: ", " 0.5s ease-in-out;\n transition: opacity 0.5s ease-in-out;\n ", "\n > svg {\n width: 13px;\n }\n"])), function (props) {
138
+ return props.type === 'success' ? 0 : 1;
137
139
  }, function (props) {
138
- return props.state === 'success' ? fadeOutCheck : fadeInCheck;
140
+ return props.type === 'success' ? fadeOutCheck : fadeInCheck;
139
141
  }, function (props) {
140
142
  return props.theme.themeProp('color', props.theme.getColor('emerald-200'), props.theme.getColor('emerald-500'));
141
143
  });
@@ -151,12 +153,12 @@ var CompactStarRating = React__default['default'].forwardRef(function CompactSta
151
153
  viewEmpty = _ref.viewEmpty,
152
154
  onChange = _ref.onChange,
153
155
  onBlur = _ref.onBlur,
154
- state = _ref.state,
156
+ type = _ref.type,
155
157
  disabled = _ref.disabled,
156
158
  readOnly = _ref.readOnly,
157
159
  edit = _ref.edit,
158
160
  hidden = _ref.hidden,
159
- props = defaultTheme._objectWithoutProperties(_ref, ["label", "icon", "iconFill", "max", "defaultValue", "value", "name", "viewEmpty", "onChange", "onBlur", "state", "disabled", "readOnly", "edit", "hidden"]);
161
+ props = defaultTheme._objectWithoutProperties(_ref, ["label", "icon", "iconFill", "max", "defaultValue", "value", "name", "viewEmpty", "onChange", "onBlur", "type", "disabled", "readOnly", "edit", "hidden"]);
160
162
 
161
163
  var stars = Array.from(Array(max).keys());
162
164
 
@@ -214,7 +216,7 @@ var CompactStarRating = React__default['default'].forwardRef(function CompactSta
214
216
  setHover(false);
215
217
  },
216
218
  hover: hover && key + 1 <= tempRating,
217
- state: state,
219
+ type: type,
218
220
  key: key
219
221
  }, iconFill);
220
222
  } else if (viewEmpty) {
@@ -234,7 +236,7 @@ var CompactStarRating = React__default['default'].forwardRef(function CompactSta
234
236
  setHover(false);
235
237
  },
236
238
  hover: hover && key + 1 <= tempRating,
237
- state: state,
239
+ type: type,
238
240
  key: key
239
241
  }, icon);
240
242
  }
@@ -247,12 +249,14 @@ var CompactStarRating = React__default['default'].forwardRef(function CompactSta
247
249
  disabled: disabled,
248
250
  onChange: onChange,
249
251
  onBlur: onBlur
250
- }, props), React__default['default'].createElement(labelWidth, null, label, React__default['default'].createElement(SuccessContainer, null, state === 'loading' && React__default['default'].createElement(check._default, {
252
+ }, props), React__default['default'].createElement(labelWidth, {
253
+ disabled: disabled
254
+ }, label, React__default['default'].createElement(SuccessContainer, null, type === 'loading' && React__default['default'].createElement(check._default, {
251
255
  color: '#b0b6b9',
252
256
  size: 15
253
- }), state === 'success' && React__default['default'].createElement(check.SvgCheck, null))), React__default['default'].createElement(starsWidth, {
257
+ }), type === 'success' && React__default['default'].createElement(check.SvgCheck, null))), React__default['default'].createElement(starsWidth, {
254
258
  edit: edit,
255
- state: state
259
+ type: type
256
260
  }, stars.map(function (key) {
257
261
  return React__default['default'].createElement("div", {
258
262
  key: key
@@ -272,7 +276,7 @@ CompactStarRating.defaultProps = {
272
276
  icon: React__default['default'].createElement(SvgStar, null),
273
277
  iconFill: React__default['default'].createElement(SvgStarFilled, null),
274
278
  hidden: false,
275
- state: '',
279
+ type: '',
276
280
  onChange: function onChange() {}
277
281
  };
278
282
  CompactStarRating.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -280,7 +284,7 @@ CompactStarRating.propTypes = process.env.NODE_ENV !== "production" ? {
280
284
  disabled: defaultTheme.PropTypes.bool,
281
285
  edit: defaultTheme.PropTypes.bool,
282
286
  value: defaultTheme.PropTypes.number,
283
- state: defaultTheme.PropTypes.oneOf(['', 'error', 'warning', 'loading', 'success']),
287
+ type: defaultTheme.PropTypes.oneOf(['', 'error', 'warning', 'loading', 'success']),
284
288
  defaultValue: defaultTheme.PropTypes.number,
285
289
  label: defaultTheme.PropTypes.string,
286
290
  name: defaultTheme.PropTypes.string,
package/{CompactTextInput-8750600d.js → CompactTextInput-49dc27db.js} RENAMED
@@ -94,24 +94,24 @@ var InputSuccessContainer = styled__default['default'].div.attrs(defaultTheme.ap
94
94
  });
95
95
  var InputIconContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject11 || (_templateObject11 = 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) {
96
96
  return props.theme.themeProp('background', styled.css(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n linear-gradient(-90deg,\n ", " 55%,\n transparent)\n "])), function (props) {
97
- return props.state === 'error' ? '#901d1d' : props.state === 'warning' ? '#816600' : props.theme.getColor('gray-700');
97
+ return props.type === 'error' ? '#901d1d' : props.type === 'warning' ? '#816600' : props.theme.getColor('gray-700');
98
98
  }), styled.css(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n linear-gradient(-90deg,\n ", " 55%,\n transparent)\n "])), function (props) {
99
- return props.state === 'error' ? '#f7d5d0' : props.state === 'warning' ? '#fffebf' : props.theme.getColor('gray-100');
99
+ return props.type === 'error' ? '#f7d5d0' : props.type === 'warning' ? '#fffebf' : props.theme.getColor('gray-100');
100
100
  }));
101
101
  }, function (props) {
102
102
  return props.theme.getColor('gray-400');
103
103
  }, function (props) {
104
- return props.state === 'warning' && props.theme.themeProp('color', '#C3AF43', '#C3AF43');
104
+ return props.type === 'warning' && props.theme.themeProp('color', '#C3AF43', '#C3AF43');
105
105
  }, function (props) {
106
- return props.state === 'error' && props.theme.themeProp('color', '#CB968F', '#CB968F');
106
+ return props.type === 'error' && props.theme.themeProp('color', '#CB968F', '#CB968F');
107
107
  });
108
108
  var Input = styled__default['default'].input.attrs(defaultTheme.applyDefaultTheme)(_templateObject14 || (_templateObject14 = 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\n ", "\n\n ", "\n\n ", "\n\n ", "\n padding: 1px 10px;\n ", ";\n border-radius: 3px;\n border: 1px solid transparent;\n text-overflow: ellipsis;\n\n ", ";\n\n &&:not(:hover):not(:focus) {\n ", "\n ", ";\n ", ";\n ", ";\n ", "\n }\n\n &&:hover:not(:focus) {\n ", "\n & + ", " {\n opacity: 1;\n \n }\n }\n ", ";\n\n ", "\n ", "\n\n ", ";\n\n ", ";\n }\n\n &&:focus {\n\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) {
109
109
  return props.readOnly && styled.css(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n cursor: default;\n "])));
110
110
  }, function (props) {
111
111
  return props.disabled && styled.css(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n "])));
112
112
  }, function (props) {
113
- return props.state === 'success' && styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n animation: ", " 0.5s ease-in-out;\n "])), function (props) {
114
- return props.state === 'success' ? fadeIn : fadeOut;
113
+ return props.type === 'success' && styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n animation: ", " 0.5s ease-in-out;\n "])), function (props) {
114
+ return props.type === 'success' ? fadeIn : fadeOut;
115
115
  });
116
116
  }, function (props) {
117
117
  return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
@@ -124,9 +124,9 @@ var Input = styled__default['default'].input.attrs(defaultTheme.applyDefaultThem
124
124
  }, function (props) {
125
125
  return !props.readOnly && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n background: none;\n "])));
126
126
  }, function (props) {
127
- return props.state === 'warning' && props.theme.themeProp('background', '#634e01', '#fffde8');
127
+ return props.type === 'warning' && props.theme.themeProp('background', '#634e01', '#fffde8');
128
128
  }, function (props) {
129
- return props.state === 'error' && props.theme.themeProp('background', '#7f1b1b', '#fbeae6');
129
+ return props.type === 'error' && props.theme.themeProp('background', '#7f1b1b', '#fbeae6');
130
130
  }, function (props) {
131
131
  return props.edit && props.theme.themeProp('background', '#505050', '#eff1f4');
132
132
  }, function (props) {
@@ -142,25 +142,25 @@ var Input = styled__default['default'].input.attrs(defaultTheme.applyDefaultThem
142
142
  }, function (props) {
143
143
  return props.disabled && props.hasLink && styled.css(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n background: none !important;\n cursor: not-allowed !important;\n "])));
144
144
  }, function (props) {
145
- return props.state === 'warning' && !props.readOnly && props.theme.themeProp('background', '#816600', '#fffebf');
145
+ return props.type === 'warning' && !props.readOnly && props.theme.themeProp('background', '#816600', '#fffebf');
146
146
  }, function (props) {
147
- return props.state === 'error' && !props.readOnly && props.theme.themeProp('background', '#901d1d', '#f7d5d0');
147
+ return props.type === 'error' && !props.readOnly && props.theme.themeProp('background', '#901d1d', '#f7d5d0');
148
148
  }, function (props) {
149
149
  return !props.readOnly && props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
150
150
  }, function (props) {
151
151
  return props.readOnly && props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white'));
152
152
  }, function (props) {
153
- return props.state === 'error' && !props.readOnly && props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
153
+ return props.type === 'error' && !props.readOnly && props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
154
154
  }, function (props) {
155
155
  return !props.readOnly && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n border-color: ", ";\n "])), function (props) {
156
156
  return props.theme.getColor('gray-600');
157
157
  });
158
158
  }, function (props) {
159
- return props.state === 'warning' && styled.css(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n border-color: ", ";\n "])), function (props) {
159
+ return props.type === 'warning' && styled.css(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n border-color: ", ";\n "])), function (props) {
160
160
  return props.theme.getColor('signal-yellow-500');
161
161
  });
162
162
  }, function (props) {
163
- return props.state === 'error' && styled.css(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n border-color: ", ";\n "])), function (props) {
163
+ return props.type === 'error' && styled.css(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n border-color: ", ";\n "])), function (props) {
164
164
  return props.theme.getColor('red-500');
165
165
  });
166
166
  }, function (props) {
@@ -172,7 +172,7 @@ var LinkPopoverContainer = styled__default['default'].div.attrs(defaultTheme.app
172
172
 
173
173
  var CompactTextInput = React__default['default'].forwardRef(function CompactTextInput(_ref, forwardedRef) {
174
174
  var label = _ref.label,
175
- type = _ref.type,
175
+ inputType = _ref.inputType,
176
176
  name = _ref.name,
177
177
  defaultValue = _ref.defaultValue,
178
178
  value = _ref.value,
@@ -183,14 +183,14 @@ var CompactTextInput = React__default['default'].forwardRef(function CompactText
183
183
  readOnly = _ref.readOnly,
184
184
  disabled = _ref.disabled,
185
185
  edit = _ref.edit,
186
- state = _ref.state,
186
+ type = _ref.type,
187
187
  descriptionText = _ref.descriptionText,
188
188
  bold = _ref.bold,
189
189
  hidden = _ref.hidden,
190
190
  onChangeProp = _ref.onChange,
191
191
  onFocusProp = _ref.onFocus,
192
192
  onBlurProp = _ref.onBlur,
193
- props = defaultTheme._objectWithoutProperties(_ref, ["label", "type", "name", "defaultValue", "value", "placeholder", "link", "linkTarget", "autoSelect", "readOnly", "disabled", "edit", "state", "descriptionText", "bold", "hidden", "onChange", "onFocus", "onBlur"]);
193
+ props = defaultTheme._objectWithoutProperties(_ref, ["label", "inputType", "name", "defaultValue", "value", "placeholder", "link", "linkTarget", "autoSelect", "readOnly", "disabled", "edit", "type", "descriptionText", "bold", "hidden", "onChange", "onFocus", "onBlur"]);
194
194
 
195
195
  var _useState = React.useState(nanoid.nanoid()),
196
196
  _useState2 = defaultTheme._slicedToArray(_useState, 1),
@@ -227,7 +227,7 @@ var CompactTextInput = React__default['default'].forwardRef(function CompactText
227
227
  return React__default['default'].createElement(Input, {
228
228
  ref: forwardedRef,
229
229
  id: uniqueId,
230
- type: type,
230
+ inputType: inputType,
231
231
  name: name,
232
232
  readOnly: readOnly,
233
233
  disabled: disabled,
@@ -235,7 +235,7 @@ var CompactTextInput = React__default['default'].forwardRef(function CompactText
235
235
  placeholder: placeholder,
236
236
  defaultValue: defaultValue,
237
237
  value: value,
238
- state: state,
238
+ type: type,
239
239
  bold: bold,
240
240
  hasLink: !lodash.isEmpty(link),
241
241
  onFocus: onFocus,
@@ -248,10 +248,10 @@ var CompactTextInput = React__default['default'].forwardRef(function CompactText
248
248
  return React__default['default'].createElement(CompactTextInput$1, props, label && React__default['default'].createElement(Label, {
249
249
  htmlFor: uniqueId,
250
250
  disabled: disabled
251
- }, label, React__default['default'].createElement(SuccessContainer, null, state === 'loading' && React__default['default'].createElement(check._default, {
251
+ }, label, React__default['default'].createElement(SuccessContainer, null, type === 'loading' && React__default['default'].createElement(check._default, {
252
252
  color: '#b0b6b9',
253
253
  size: 15
254
- }), state === 'success' && React__default['default'].createElement(check.SvgCheck, null))), React__default['default'].createElement(InputContainer, {
254
+ }), type === 'success' && React__default['default'].createElement(check.SvgCheck, null))), React__default['default'].createElement(InputContainer, {
255
255
  $hasLabel: !lodash.isEmpty(label)
256
256
  }, !descriptionText && !link && input(), descriptionText && React__default['default'].createElement(Tooltip.Tooltip, {
257
257
  content: descriptionText,
@@ -270,11 +270,11 @@ var CompactTextInput = React__default['default'].forwardRef(function CompactText
270
270
  zIndex: 999999,
271
271
  interactive: true
272
272
  }, input()), !descriptionText && link && readOnly && input(), !readOnly && !disabled && React__default['default'].createElement(React__default['default'].Fragment, null, React__default['default'].createElement(InputIconContainer, {
273
- state: state
274
- }, React__default['default'].createElement(editNote.SvgEditNote, null)), lodash.isEmpty(label) && React__default['default'].createElement(InputSuccessContainer, null, state === 'loading' && React__default['default'].createElement(check._default, {
273
+ type: type
274
+ }, React__default['default'].createElement(editNote.SvgEditNote, null)), lodash.isEmpty(label) && React__default['default'].createElement(InputSuccessContainer, null, type === 'loading' && React__default['default'].createElement(check._default, {
275
275
  color: '#b0b6b9',
276
276
  size: 15
277
- }), state === 'success' && React__default['default'].createElement(check.SvgCheck, {
277
+ }), type === 'success' && React__default['default'].createElement(check.SvgCheck, {
278
278
  style: {
279
279
  marginTop: '5px'
280
280
  }
@@ -283,7 +283,7 @@ var CompactTextInput = React__default['default'].forwardRef(function CompactText
283
283
  CompactTextInput.propTypes = process.env.NODE_ENV !== "production" ? {
284
284
  label: defaultTheme.PropTypes.string,
285
285
  success: defaultTheme.PropTypes.bool,
286
- type: defaultTheme.PropTypes.string,
286
+ inputType: defaultTheme.PropTypes.string,
287
287
  name: defaultTheme.PropTypes.string,
288
288
  defaultValue: defaultTheme.PropTypes.string,
289
289
  value: defaultTheme.PropTypes.string,
@@ -300,11 +300,11 @@ CompactTextInput.propTypes = process.env.NODE_ENV !== "production" ? {
300
300
  onChange: defaultTheme.PropTypes.func,
301
301
  onFocus: defaultTheme.PropTypes.func,
302
302
  onBlur: defaultTheme.PropTypes.func,
303
- state: defaultTheme.PropTypes.oneOf(['', 'error', 'warning', 'loading', 'success']),
303
+ type: defaultTheme.PropTypes.oneOf(['', 'error', 'warning', 'loading', 'success']),
304
304
  descriptionText: defaultTheme.PropTypes.string
305
305
  } : {};
306
306
  CompactTextInput.defaultProps = {
307
- type: 'text',
307
+ inputType: 'text',
308
308
  autoSelect: true,
309
309
  linkTarget: '_self',
310
310
  bold: false,
@@ -312,7 +312,7 @@ CompactTextInput.defaultProps = {
312
312
  descriptionText: '',
313
313
  edit: false,
314
314
  hidden: false,
315
- state: ''
315
+ type: ''
316
316
  };
317
317
 
318
318
  exports.CompactTextInput = CompactTextInput;
package/{Instructions-ca4e3455.js → Instructions-116f443c.js} RENAMED
@@ -4,8 +4,8 @@ var defaultTheme = require('./defaultTheme-50f2b88f.js');
4
4
  var lodash = require('lodash');
5
5
  var React = require('react');
6
6
  var warningCircle = require('./warning-circle-24522402.js');
7
- var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-45b12179.js');
8
- var TextArea = require('./TextArea-1ed790e5.js');
7
+ var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-94cee1b4.js');
8
+ var TextArea = require('./TextArea-a99b3096.js');
9
9
  var styled = require('styled-components');
10
10
 
11
11
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -44,14 +44,14 @@ var Instructions = React__default['default'].forwardRef(function Instructions(_r
44
44
  availableOptions = _ref.availableOptions,
45
45
  loadingMessageFunc = _ref.loadingMessageFunc,
46
46
  placeholder = _ref.placeholder,
47
- state = _ref.state,
47
+ type = _ref.type,
48
48
  edit = _ref.edit,
49
49
  rows = _ref.rows,
50
50
  showMore = _ref.showMore,
51
51
  showMoreText = _ref.showMoreText,
52
52
  showLessText = _ref.showLessText,
53
53
  isExpanded = _ref.isExpanded,
54
- props = defaultTheme._objectWithoutProperties(_ref, ["clickToAdd", "customAddMessage", "selectedOption", "loadOptions", "readOnly", "disabled", "hidden", "name", "lightBackground", "autoSelect", "subscribeCurrentValue", "onChange", "onFocus", "onBlur", "onUpdateCallback", "availableOptions", "loadingMessageFunc", "placeholder", "state", "edit", "rows", "showMore", "showMoreText", "showLessText", "isExpanded"]);
54
+ props = defaultTheme._objectWithoutProperties(_ref, ["clickToAdd", "customAddMessage", "selectedOption", "loadOptions", "readOnly", "disabled", "hidden", "name", "lightBackground", "autoSelect", "subscribeCurrentValue", "onChange", "onFocus", "onBlur", "onUpdateCallback", "availableOptions", "loadingMessageFunc", "placeholder", "type", "edit", "rows", "showMore", "showMoreText", "showLessText", "isExpanded"]);
55
55
 
56
56
  var _useState = React.useState(false),
57
57
  _useState2 = defaultTheme._slicedToArray(_useState, 2),
@@ -180,16 +180,16 @@ var Instructions = React__default['default'].forwardRef(function Instructions(_r
180
180
  initialHover: initialHover,
181
181
  className: isHovered && !readOnly && !disabled && 'slide-in'
182
182
  }, React__default['default'].createElement(SelectContainer, null, React__default['default'].createElement(CompactAutocompleteSelect.CompactAutocompleteSelect, defaultTheme._extends({
183
- state: state,
183
+ type: type,
184
184
  value: selectedOption,
185
185
  creatable: false,
186
186
  onChange: handleChange
187
187
  }, sharedSelectProps)))), React__default['default'].createElement(InstructionsArea, {
188
- state: state
188
+ type: type
189
189
  }, React__default['default'].createElement(TextArea.TextArea, {
190
190
  noBorder: true,
191
191
  instructionsTextArea: true,
192
- state: state,
192
+ type: type,
193
193
  lightBackground: background,
194
194
  readOnly: readOnly,
195
195
  disabled: disabled,
@@ -215,7 +215,7 @@ Instructions.defaultProps = {
215
215
  edit: false,
216
216
  disabled: false,
217
217
  readOnly: false,
218
- state: '',
218
+ type: '',
219
219
  onUpdateCallback: function onUpdateCallback() {}
220
220
  };
221
221
  Instructions.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -243,7 +243,7 @@ Instructions.propTypes = process.env.NODE_ENV !== "production" ? {
243
243
  onFocus: defaultTheme.PropTypes.func,
244
244
  onBlur: defaultTheme.PropTypes.func,
245
245
  onUpdateCallback: defaultTheme.PropTypes.func,
246
- state: defaultTheme.PropTypes.oneOf(['', 'error', 'error-border', 'warning', 'loading', 'success']),
246
+ type: defaultTheme.PropTypes.oneOf(['', 'error', 'error-border', 'warning', 'loading', 'success']),
247
247
  isExpanded: defaultTheme.PropTypes.func
248
248
  } : {};
249
249
 
package/{MultiSelect-01a257b8.js → MultiSelect-abf02057.js} RENAMED
@@ -6,7 +6,7 @@ var nanoid = require('nanoid');
6
6
  var styled = require('styled-components');
7
7
  var close = require('./close-ebf2f3cf.js');
8
8
  var Select = require('react-select');
9
- var reactSelectCreatable_esm = require('./react-select-creatable.esm-7231b55e.js');
9
+ var reactSelectCreatable_esm = require('./react-select-creatable.esm-c4ae6839.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/{TextArea-1ed790e5.js → TextArea-a99b3096.js} RENAMED
@@ -58,31 +58,31 @@ var TextInputField = styled__default['default'].textarea.attrs(defaultTheme.appl
58
58
  }, function (props) {
59
59
  return props.noBorder && styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n border-color: transparent !important;\n "])));
60
60
  }, function (props) {
61
- return props.state === 'error-border' && styled.css(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('border-color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
61
+ return props.type === 'error-border' && styled.css(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('border-color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
62
62
  }, function (props) {
63
63
  return !props.readOnly && props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
64
64
  }, function (props) {
65
- return props.state === 'warning' && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n padding: 13px 15px 13px 10px;\n ", "\n ", "\n &&:hover:not(:focus) {\n ", "\n ", "\n }\n &&:read-only:hover {\n ", "\n }\n "])), props.theme.themeProp('color', 'white', 'black'), props.theme.themeProp('background', '#634E01 ', props.theme.getColor('signal-yellow-400')), function (props) {
65
+ return props.type === 'warning' && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n padding: 13px 15px 13px 10px;\n ", "\n ", "\n &&:hover:not(:focus) {\n ", "\n ", "\n }\n &&:read-only:hover {\n ", "\n }\n "])), props.theme.themeProp('color', 'white', 'black'), props.theme.themeProp('background', '#634E01 ', props.theme.getColor('signal-yellow-400')), function (props) {
66
66
  return props.disabled && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n background: none !important;\n "])));
67
67
  }, props.theme.themeProp('background', '#816600', '#F4E21E'), props.theme.themeProp('background', props.theme.getColor('signal-yellow-500'), props.theme.getColor('signal-yellow-400')));
68
68
  }, function (props) {
69
- return props.state === 'error' && styled.css(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n padding: 13px 15px 13px 10px;\n background: ", " !important;\n :focus {\n background: white !important;\n }\n &&:hover:not(:focus) {\n background: #f7d5d0 !important;\n }\n &&:read-only:hover {\n background: ", " !important;\n }\n "])), props.theme.getColor('red-200'), props.theme.getColor('red-200'));
69
+ return props.type === 'error' && styled.css(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n padding: 13px 15px 13px 10px;\n background: ", " !important;\n :focus {\n background: white !important;\n }\n &&:hover:not(:focus) {\n background: #f7d5d0 !important;\n }\n &&:read-only:hover {\n background: ", " !important;\n }\n "])), props.theme.getColor('red-200'), props.theme.getColor('red-200'));
70
70
  }, function (props) {
71
71
  return props.lightBackground && styled.css(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n &&:hover {\n ", "\n }\n "])), props.theme.themeProp('background', '#FFFDDE', '#fffde8'), props.theme.themeProp('color', props.theme.getColor('gray-900'), props.theme.getColor('gray-900')), props.theme.themeProp('background', 'white', 'white'));
72
72
  }, function (props) {
73
73
  return props.edit && props.theme.themeProp('background', '#505050', '#eff1f4');
74
74
  }, function (props) {
75
- return props.edit && !props.state === 'warning' && props.theme.themeProp('background', '#505050', '#eff1f4');
75
+ return props.edit && !props.type === 'warning' && props.theme.themeProp('background', '#505050', '#eff1f4');
76
76
  }, function (props) {
77
- return props.edit && props.state === 'warning' && props.theme.themeProp('background', '#AD8800', '#FFF3A7');
77
+ return props.edit && props.type === 'warning' && props.theme.themeProp('background', '#AD8800', '#FFF3A7');
78
78
  }, function (props) {
79
- return props.noBorder && !props.readOnly && props.state != 'warning' ? props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100')) : 'background: transparent';
79
+ return props.noBorder && !props.readOnly && props.type != 'warning' ? props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100')) : 'background: transparent';
80
80
  }, InputIconContainer, function (props) {
81
- return props.state === 'success' && styled.css(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0;\n "])));
81
+ return props.type === 'success' && styled.css(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0;\n "])));
82
82
  }, function (props) {
83
- return props.state === 'warning' && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n border-color: ", ";\n "])), props.theme.getColor('orange-500'));
83
+ return props.type === 'warning' && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n border-color: ", ";\n "])), props.theme.getColor('orange-500'));
84
84
  }, function (props) {
85
- return props.state === 'error' && styled.css(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n border-color: ", ";\n "])), props.theme.getColor('red-500'));
85
+ return props.type === 'error' && styled.css(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n border-color: ", ";\n "])), props.theme.getColor('red-500'));
86
86
  }, function (props) {
87
87
  return props.hasIcon && styled.css(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n padding-left: 55px;\n padding-right: 25px;\n "])));
88
88
  }, function (props) {
@@ -94,13 +94,13 @@ var TextInputField = styled__default['default'].textarea.attrs(defaultTheme.appl
94
94
  }, function (props) {
95
95
  return props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
96
96
  }, function (props) {
97
- return props.state === 'warning' && styled.css(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n "])), props.theme.themeProp('background', 'white', 'white'), props.theme.themeProp('color', 'black', 'black'));
97
+ return props.type === 'warning' && styled.css(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n "])), props.theme.themeProp('background', 'white', 'white'), props.theme.themeProp('color', 'black', 'black'));
98
98
  }, function (props) {
99
- return props.state === 'error' && styled.css(_templateObject28 || (_templateObject28 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n "])), props.theme.themeProp('background', 'white', 'white'), props.theme.themeProp('color', 'black', 'black'));
99
+ return props.type === 'error' && styled.css(_templateObject28 || (_templateObject28 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n "])), props.theme.themeProp('background', 'white', 'white'), props.theme.themeProp('color', 'black', 'black'));
100
100
  }, function (props) {
101
101
  return props.edit && props.theme.themeProp('background', '#505050', '#eff1f4');
102
102
  }, function (props) {
103
- return props.edit && props.state === 'warning' && props.theme.themeProp('background', '#AD8800', '#FFF3A7');
103
+ return props.edit && props.type === 'warning' && props.theme.themeProp('background', '#AD8800', '#FFF3A7');
104
104
  });
105
105
  var TextInputLabel = styled__default['default'].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject29 || (_templateObject29 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 13px;\n left: 11px;\n line-height: 1.2;\n font-size: 0.875rem;\n transition: all 150ms;\n margin-botton: 50px;\n\n ", ";\n\n ", "\n\n ", "\n\n ", "\n content: \"\";\n\n ", "\n"])), placeholderBaseStyle, function (props) {
106
106
  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%)"));
@@ -120,14 +120,14 @@ var TextInput = styled__default['default'].div.attrs(defaultTheme.applyDefaultTh
120
120
  }, function (props) {
121
121
  return props.disabled && styled.css(_templateObject37 || (_templateObject37 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n\n > * {\n cursor: not-allowed;\n }\n "])));
122
122
  }, TextInputLabel, activeLabel, TextInputFieldIcon, TextInputField, TextInputLabel, activeLabel, function (props) {
123
- return props.state === 'error' && props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500'));
123
+ return props.type === 'error' && props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500'));
124
124
  });
125
125
  var Description = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject38 || (_templateObject38 = 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) {
126
126
  return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
127
127
  }, function (props) {
128
- return (props.state === 'warning-border' || props.state === 'warning') && styled.css(_templateObject39 || (_templateObject39 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('orange-500')));
128
+ return (props.type === 'warning-border' || props.type === 'warning') && styled.css(_templateObject39 || (_templateObject39 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('orange-500')));
129
129
  }, function (props) {
130
- return (props.state === 'error-border' || props.state === 'error') && styled.css(_templateObject40 || (_templateObject40 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
130
+ return (props.type === 'error-border' || props.type === 'error') && styled.css(_templateObject40 || (_templateObject40 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
131
131
  });
132
132
  var SuccessContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject41 || (_templateObject41 = defaultTheme._taggedTemplateLiteral(["\n opacity: 1;\n pointer-events: none;\n opacity: ", ";\n animation: ", " 0.5s ease-in-out;\n transition: opacity 0.5s ease-in-out;\n 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) {
133
133
  return props.fadeIn ? 0 : 1;
@@ -143,7 +143,7 @@ var ShowMoreText = styled__default['default'].div.attrs(defaultTheme.applyDefaul
143
143
  }, function (props) {
144
144
  return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('emerald-500'));
145
145
  }, function (props) {
146
- return props.state === 'error' && styled.css(_templateObject44 || (_templateObject44 = defaultTheme._taggedTemplateLiteral(["\n content: 'error';\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
146
+ return props.type === 'error' && styled.css(_templateObject44 || (_templateObject44 = defaultTheme._taggedTemplateLiteral(["\n content: 'error';\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
147
147
  });
148
148
 
149
149
  var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forwardedRef) {
@@ -162,7 +162,7 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
162
162
  showLessText = _ref.showLessText,
163
163
  autoComplete = _ref.autoComplete,
164
164
  description = _ref.description,
165
- state = _ref.state,
165
+ type = _ref.type,
166
166
  icon = _ref.icon,
167
167
  rows = _ref.rows,
168
168
  className = _ref.className,
@@ -173,7 +173,7 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
173
173
  noBorder = _ref.noBorder,
174
174
  instructionsTextArea = _ref.instructionsTextArea,
175
175
  isExpanded = _ref.isExpanded,
176
- rest = defaultTheme._objectWithoutProperties(_ref, ["value", "defaultValue", "name", "label", "placeholder", "required", "disabled", "hidden", "readOnly", "edit", "showMore", "showMoreText", "showLessText", "autoComplete", "description", "state", "icon", "rows", "className", "style", "onChange", "onBlur", "lightBackground", "noBorder", "instructionsTextArea", "isExpanded"]);
176
+ rest = defaultTheme._objectWithoutProperties(_ref, ["value", "defaultValue", "name", "label", "placeholder", "required", "disabled", "hidden", "readOnly", "edit", "showMore", "showMoreText", "showLessText", "autoComplete", "description", "type", "icon", "rows", "className", "style", "onChange", "onBlur", "lightBackground", "noBorder", "instructionsTextArea", "isExpanded"]);
177
177
 
178
178
  var textInputDomNode = React.useRef(null);
179
179
  var textInputRef = useMergedRefs.useMergedRefs(forwardedRef, textInputDomNode);
@@ -234,11 +234,16 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
234
234
  React.useEffect(function () {
235
235
  calculateRows();
236
236
  }, [value, defaultValue]);
237
+ var onKeyDown = React.useCallback(function (event) {
238
+ if (event.key === 'Enter') {
239
+ event.stopPropagation();
240
+ }
241
+ }, []);
237
242
  if (hidden) return null;
238
243
  return React__default['default'].createElement(TextInput, {
239
244
  disabled: disabled,
240
245
  readOnly: readOnly,
241
- state: state,
246
+ type: type,
242
247
  className: className,
243
248
  style: style
244
249
  }, React__default['default'].createElement(TextInputFieldIconAlert, null, icon), React__default['default'].createElement(TextInputField, defaultTheme._extends({
@@ -257,7 +262,7 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
257
262
  edit: edit,
258
263
  instructionsTextArea: instructionsTextArea,
259
264
  showMore: showMore,
260
- state: state,
265
+ type: type,
261
266
  autoComplete: autoComplete,
262
267
  hasIcon: Boolean(icon),
263
268
  icon: icon,
@@ -272,12 +277,15 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
272
277
 
273
278
  _onChange(e);
274
279
  },
280
+ onKeyDown: onKeyDown,
275
281
  onBlur: onBlur,
276
282
  noBorder: noBorder
277
- }, rest)), (state === 'loading' || state === 'success') && React__default['default'].createElement(SuccessContainer, null, state === 'loading' && React__default['default'].createElement(check._default, {
283
+ }, rest, {
284
+ onClick: showMore && handleTextAreaChange
285
+ })), (type === 'loading' || type === 'success') && React__default['default'].createElement(SuccessContainer, null, type === 'loading' && React__default['default'].createElement(check._default, {
278
286
  color: '#b0b6b9',
279
287
  size: 12
280
- }), state === 'success' && React__default['default'].createElement(check.SvgCheck, null)), !readOnly && noBorder && React__default['default'].createElement(InputIconContainer, {
288
+ }), type === 'success' && React__default['default'].createElement(check.SvgCheck, null)), !readOnly && noBorder && React__default['default'].createElement(InputIconContainer, {
281
289
  disabled: disabled
282
290
  }, React__default['default'].createElement(editNote.SvgEditNote, null)), label && React__default['default'].createElement(TextInputLabel, {
283
291
  htmlFor: "text-input-".concat(uniqueId),
@@ -285,7 +293,7 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
285
293
  hasIcon: Boolean(icon),
286
294
  inputIsEmpty: inputIsEmpty
287
295
  }, label, required && ' *'), typeof description === 'string' && description.length > 0 && React__default['default'].createElement(Description, {
288
- state: state
296
+ type: type
289
297
  }, description), maxContentRows > rows && showMore && React__default['default'].createElement(ShowMoreText, {
290
298
  onClick: handleTextAreaChange,
291
299
  expanded: expanded
@@ -300,7 +308,7 @@ TextArea.defaultProps = {
300
308
  showMore: false,
301
309
  showMoreText: '',
302
310
  showLessText: '',
303
- state: '',
311
+ type: '',
304
312
  padding: 'medium',
305
313
  instructionsTextArea: false,
306
314
  isExpanded: function isExpanded() {}
@@ -333,7 +341,7 @@ TextArea.propTypes = process.env.NODE_ENV !== "production" ? {
333
341
  onBlur: defaultTheme.PropTypes.func,
334
342
  noBorder: defaultTheme.PropTypes.bool,
335
343
  isExpanded: defaultTheme.PropTypes.func,
336
- state: defaultTheme.PropTypes.oneOf(['', 'error', 'error-border', 'warning', 'loading', 'success']),
344
+ type: defaultTheme.PropTypes.oneOf(['', 'error', 'error-border', 'warning', 'loading', 'success']),
337
345
  instructionsTextArea: defaultTheme.PropTypes.bool
338
346
  } : {};
339
347
 
package/inputs/CompactAutocompleteSelect/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-45b12179.js');
3
+ var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-94cee1b4.js');
4
4
  require('../../defaultTheme-50f2b88f.js');
5
5
  require('styled-components');
6
6
  require('lodash');
@@ -9,7 +9,7 @@ require('react');
9
9
  require('../../check-555d831b.js');
10
10
  require('react-select');
11
11
  require('react-select-async-paginate');
12
- require('../../react-select-creatable.esm-7231b55e.js');
12
+ require('../../react-select-creatable.esm-c4ae6839.js');
13
13
  require('react-dom');
14
14
  require('../../close-ebf2f3cf.js');
15
15
  require('../../expand-more-94585605.js');
package/inputs/CompactStarRating/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var CompactStarRating = require('../../CompactStarRating-77f54a07.js');
3
+ var CompactStarRating = require('../../CompactStarRating-ec4dea7f.js');
4
4
  require('../../defaultTheme-50f2b88f.js');
5
5
  require('styled-components');
6
6
  require('react');
package/inputs/CompactTextInput/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var CompactTextInput = require('../../CompactTextInput-8750600d.js');
3
+ var CompactTextInput = require('../../CompactTextInput-49dc27db.js');
4
4
  require('../../defaultTheme-50f2b88f.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-01a257b8.js');
3
+ var MultiSelect = require('../../MultiSelect-abf02057.js');
4
4
  require('../../defaultTheme-50f2b88f.js');
5
5
  require('styled-components');
6
6
  require('react');
7
7
  require('nanoid');
8
8
  require('../../close-ebf2f3cf.js');
9
9
  require('react-select');
10
- require('../../react-select-creatable.esm-7231b55e.js');
10
+ require('../../react-select-creatable.esm-c4ae6839.js');
11
11
  require('react-dom');
12
12
  require('react-select-async-paginate');
13
13
 
package/inputs/TextArea/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var TextArea = require('../../TextArea-1ed790e5.js');
3
+ var TextArea = require('../../TextArea-a99b3096.js');
4
4
  require('../../defaultTheme-50f2b88f.js');
5
5
  require('styled-components');
6
6
  require('react');
package/inputs/index.js CHANGED
@@ -5,12 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var ActionButton = require('../ActionButton-c3f5ed94.js');
6
6
  var Button = require('../Button-432f87c6.js');
7
7
  var Checkbox = require('../Checkbox-d80544d6.js');
8
- var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-45b12179.js');
9
- var CompactStarRating = require('../CompactStarRating-77f54a07.js');
10
- var CompactTextInput = require('../CompactTextInput-8750600d.js');
11
- var MultiSelect = require('../MultiSelect-01a257b8.js');
8
+ var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-94cee1b4.js');
9
+ var CompactStarRating = require('../CompactStarRating-ec4dea7f.js');
10
+ var CompactTextInput = require('../CompactTextInput-49dc27db.js');
11
+ var MultiSelect = require('../MultiSelect-abf02057.js');
12
12
  var Radio = require('../Radio-70259f02.js');
13
- var TextArea = require('../TextArea-1ed790e5.js');
13
+ var TextArea = require('../TextArea-a99b3096.js');
14
14
  var TextInput = require('../TextInput-c0ef017d.js');
15
15
  var Switch = require('../Switch-a7cbb0c0.js');
16
16
  require('../defaultTheme-50f2b88f.js');
@@ -27,7 +27,7 @@ require('nanoid');
27
27
  require('../check-555d831b.js');
28
28
  require('react-select');
29
29
  require('react-select-async-paginate');
30
- require('../react-select-creatable.esm-7231b55e.js');
30
+ require('../react-select-creatable.esm-c4ae6839.js');
31
31
  require('react-dom');
32
32
  require('../close-ebf2f3cf.js');
33
33
  require('../edit-note-c47d292e.js');
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ntbjs/react-components",
3
- "version": "1.1.0-beta.98",
3
+ "version": "1.1.2",
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-7231b55e.js → react-select-creatable.esm-c4ae6839.js} RENAMED
@@ -3353,8 +3353,9 @@ function observeMove(element, onMove) {
3353
3353
  let timeoutId;
3354
3354
  const root = getDocumentElement(element);
3355
3355
  function cleanup() {
3356
+ var _io;
3356
3357
  clearTimeout(timeoutId);
3357
- io && io.disconnect();
3358
+ (_io = io) == null || _io.disconnect();
3358
3359
  io = null;
3359
3360
  }
3360
3361
  function refresh(skip, threshold) {
@@ -3460,7 +3461,8 @@ function autoUpdate(reference, floating, update, options) {
3460
3461
  resizeObserver.unobserve(floating);
3461
3462
  cancelAnimationFrame(reobserveFrame);
3462
3463
  reobserveFrame = requestAnimationFrame(() => {
3463
- resizeObserver && resizeObserver.observe(floating);
3464
+ var _resizeObserver;
3465
+ (_resizeObserver = resizeObserver) == null || _resizeObserver.observe(floating);
3464
3466
  });
3465
3467
  }
3466
3468
  update();
@@ -3485,12 +3487,13 @@ function autoUpdate(reference, floating, update, options) {
3485
3487
  }
3486
3488
  update();
3487
3489
  return () => {
3490
+ var _resizeObserver2;
3488
3491
  ancestors.forEach(ancestor => {
3489
3492
  ancestorScroll && ancestor.removeEventListener('scroll', update);
3490
3493
  ancestorResize && ancestor.removeEventListener('resize', update);
3491
3494
  });
3492
- cleanupIo && cleanupIo();
3493
- resizeObserver && resizeObserver.disconnect();
3495
+ cleanupIo == null || cleanupIo();
3496
+ (_resizeObserver2 = resizeObserver) == null || _resizeObserver2.disconnect();
3494
3497
  resizeObserver = null;
3495
3498
  if (animationFrame) {
3496
3499
  cancelAnimationFrame(frameId);
package/widgets/AssetGallery/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var AssetGallery = require('../../AssetGallery-884245c0.js');
3
+ var AssetGallery = require('../../AssetGallery-797a8561.js');
4
4
  require('../../defaultTheme-50f2b88f.js');
5
5
  require('styled-components');
6
6
  require('react');
@@ -18,24 +18,24 @@ require('../../ContextMenu-d088833b.js');
18
18
  require('../../expand-more-94585605.js');
19
19
  require('../../Checkbox-d80544d6.js');
20
20
  require('nanoid');
21
- require('../../CompactAutocompleteSelect-45b12179.js');
21
+ require('../../CompactAutocompleteSelect-94cee1b4.js');
22
22
  require('../../check-555d831b.js');
23
23
  require('react-select');
24
24
  require('react-select-async-paginate');
25
- require('../../react-select-creatable.esm-7231b55e.js');
25
+ require('../../react-select-creatable.esm-c4ae6839.js');
26
26
  require('react-dom');
27
27
  require('../../close-ebf2f3cf.js');
28
- require('../../CompactStarRating-77f54a07.js');
29
- require('../../CompactTextInput-8750600d.js');
28
+ require('../../CompactStarRating-ec4dea7f.js');
29
+ require('../../CompactTextInput-49dc27db.js');
30
30
  require('../../edit-note-c47d292e.js');
31
31
  require('../../Alert-3e4f8be1.js');
32
32
  require('../../Badge-9461fc7f.js');
33
33
  require('../../Tab-9936ddea.js');
34
34
  require('../../Tabs-93f6362c.js');
35
35
  require('../../Tooltip-1b7b0052.js');
36
- require('../../MultiSelect-01a257b8.js');
36
+ require('../../MultiSelect-abf02057.js');
37
37
  require('../../Radio-70259f02.js');
38
- require('../../TextArea-1ed790e5.js');
38
+ require('../../TextArea-a99b3096.js');
39
39
  require('../../TextInput-c0ef017d.js');
40
40
  require('../../Switch-a7cbb0c0.js');
41
41
  require('../../warning-circle-24522402.js');
package/widgets/Instructions/index.js CHANGED
@@ -1,21 +1,21 @@
1
1
  'use strict';
2
2
 
3
- var Instructions = require('../../Instructions-ca4e3455.js');
3
+ var Instructions = require('../../Instructions-116f443c.js');
4
4
  require('../../defaultTheme-50f2b88f.js');
5
5
  require('styled-components');
6
6
  require('lodash');
7
7
  require('react');
8
8
  require('../../warning-circle-24522402.js');
9
- require('../../CompactAutocompleteSelect-45b12179.js');
9
+ require('../../CompactAutocompleteSelect-94cee1b4.js');
10
10
  require('nanoid');
11
11
  require('../../check-555d831b.js');
12
12
  require('react-select');
13
13
  require('react-select-async-paginate');
14
- require('../../react-select-creatable.esm-7231b55e.js');
14
+ require('../../react-select-creatable.esm-c4ae6839.js');
15
15
  require('react-dom');
16
16
  require('../../close-ebf2f3cf.js');
17
17
  require('../../expand-more-94585605.js');
18
- require('../../TextArea-1ed790e5.js');
18
+ require('../../TextArea-a99b3096.js');
19
19
  require('../../useMergedRefs-b6d2f8fc.js');
20
20
  require('../../edit-note-c47d292e.js');
21
21
 
package/widgets/index.js CHANGED
@@ -2,10 +2,10 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var AssetGallery = require('../AssetGallery-884245c0.js');
5
+ var AssetGallery = require('../AssetGallery-797a8561.js');
6
6
  var ContextMenu = require('../ContextMenu-d088833b.js');
7
7
  var AssetPreviewTopBar = require('../AssetPreviewTopBar-449e6019.js');
8
- var Instructions = require('../Instructions-ca4e3455.js');
8
+ var Instructions = require('../Instructions-116f443c.js');
9
9
  require('../defaultTheme-50f2b88f.js');
10
10
  require('styled-components');
11
11
  require('react');
@@ -22,24 +22,24 @@ require('../shift-away-subtle-cfdf1dbe.js');
22
22
  require('../expand-more-94585605.js');
23
23
  require('../Checkbox-d80544d6.js');
24
24
  require('nanoid');
25
- require('../CompactAutocompleteSelect-45b12179.js');
25
+ require('../CompactAutocompleteSelect-94cee1b4.js');
26
26
  require('../check-555d831b.js');
27
27
  require('react-select');
28
28
  require('react-select-async-paginate');
29
- require('../react-select-creatable.esm-7231b55e.js');
29
+ require('../react-select-creatable.esm-c4ae6839.js');
30
30
  require('react-dom');
31
31
  require('../close-ebf2f3cf.js');
32
- require('../CompactStarRating-77f54a07.js');
33
- require('../CompactTextInput-8750600d.js');
32
+ require('../CompactStarRating-ec4dea7f.js');
33
+ require('../CompactTextInput-49dc27db.js');
34
34
  require('../edit-note-c47d292e.js');
35
35
  require('../Alert-3e4f8be1.js');
36
36
  require('../Badge-9461fc7f.js');
37
37
  require('../Tab-9936ddea.js');
38
38
  require('../Tabs-93f6362c.js');
39
39
  require('../Tooltip-1b7b0052.js');
40
- require('../MultiSelect-01a257b8.js');
40
+ require('../MultiSelect-abf02057.js');
41
41
  require('../Radio-70259f02.js');
42
- require('../TextArea-1ed790e5.js');
42
+ require('../TextArea-a99b3096.js');
43
43
  require('../TextInput-c0ef017d.js');
44
44
  require('../Switch-a7cbb0c0.js');
45
45
  require('../warning-circle-24522402.js');