@ntbjs/react-components 1.1.0-beta.52 → 1.1.0-beta.54

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 (15) hide show
  1. package/{AssetGallery-d9a19f1b.js → AssetGallery-a1437499.js} +4 -4
  2. package/{CompactStarRating-364ca893.js → CompactStarRating-942afff1.js} +6 -2
  3. package/{CompactTextInput-08cbe4e5.js → CompactTextInput-6519bc80.js} +6 -2
  4. package/{Instructions-d8ab91c2.js → Instructions-a1a904c4.js} +7 -3
  5. package/{MultiSelect-2cbc13b3.js → MultiSelect-5b008b32.js} +60 -44
  6. package/{TextArea-8cffb1e7.js → TextArea-a5226b8d.js} +6 -2
  7. package/inputs/CompactStarRating/index.js +1 -1
  8. package/inputs/CompactTextInput/index.js +1 -1
  9. package/inputs/MultiSelect/index.js +2 -1
  10. package/inputs/TextArea/index.js +1 -1
  11. package/inputs/index.js +4 -4
  12. package/package.json +1 -1
  13. package/widgets/AssetGallery/index.js +5 -5
  14. package/widgets/Instructions/index.js +2 -2
  15. package/widgets/index.js +6 -6
package/{AssetGallery-d9a19f1b.js → AssetGallery-a1437499.js} RENAMED
@@ -10,11 +10,11 @@ var ActionButton = require('./ActionButton-c3f5ed94.js');
10
10
  require('./AutocompleteSelect-45be3cb4.js');
11
11
  require('./Button-dd271c4b.js');
12
12
  require('./Checkbox-012bbd3f.js');
13
- require('./CompactStarRating-364ca893.js');
14
- require('./CompactTextInput-08cbe4e5.js');
15
- require('./MultiSelect-2cbc13b3.js');
13
+ require('./CompactStarRating-942afff1.js');
14
+ require('./CompactTextInput-6519bc80.js');
15
+ require('./MultiSelect-5b008b32.js');
16
16
  require('./Radio-0594409d.js');
17
- require('./TextArea-8cffb1e7.js');
17
+ require('./TextArea-a5226b8d.js');
18
18
  require('./Switch-cd165c8c.js');
19
19
  require('./Alert-3e4f8be1.js');
20
20
  require('./Badge-9bcebe96.js');
package/{CompactStarRating-364ca893.js → CompactStarRating-942afff1.js} RENAMED
@@ -108,8 +108,9 @@ var CompactStarRating = React__default['default'].forwardRef(function CompactSta
108
108
  error = _ref.error,
109
109
  warning = _ref.warning,
110
110
  readOnly = _ref.readOnly,
111
+ hidden = _ref.hidden,
111
112
  getRatingProp = _ref.getRating,
112
- props = defaultTheme._objectWithoutProperties(_ref, ["label", "icon", "iconFill", "max", "defaultValue", "value", "name", "viewEmpty", "onChange", "onBlur", "error", "warning", "readOnly", "getRating"]);
113
+ props = defaultTheme._objectWithoutProperties(_ref, ["label", "icon", "iconFill", "max", "defaultValue", "value", "name", "viewEmpty", "onChange", "onBlur", "error", "warning", "readOnly", "hidden", "getRating"]);
113
114
 
114
115
  var stars = Array.from(Array(max).keys());
115
116
 
@@ -209,6 +210,7 @@ var CompactStarRating = React__default['default'].forwardRef(function CompactSta
209
210
  }
210
211
  };
211
212
 
213
+ if (hidden) return null;
212
214
  return React__default['default'].createElement(CompactStarRating$1, defaultTheme._extends({
213
215
  ref: forwardedRef,
214
216
  onChange: onChange,
@@ -233,7 +235,8 @@ CompactStarRating.defaultProps = {
233
235
  defaultValue: 0,
234
236
  viewEmpty: true,
235
237
  icon: React__default['default'].createElement(SvgStar, null),
236
- iconFill: React__default['default'].createElement(SvgStarFilled, null)
238
+ iconFill: React__default['default'].createElement(SvgStarFilled, null),
239
+ hidden: false
237
240
  };
238
241
  CompactStarRating.propTypes = process.env.NODE_ENV !== "production" ? {
239
242
  value: defaultTheme.PropTypes.number,
@@ -249,6 +252,7 @@ CompactStarRating.propTypes = process.env.NODE_ENV !== "production" ? {
249
252
  error: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.bool, defaultTheme.PropTypes.string]),
250
253
  warning: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.bool, defaultTheme.PropTypes.string]),
251
254
  readOnly: defaultTheme.PropTypes.bool,
255
+ hidden: defaultTheme.PropTypes.bool,
252
256
  getRating: defaultTheme.PropTypes.func
253
257
  } : {};
254
258
 
package/{CompactTextInput-08cbe4e5.js → CompactTextInput-6519bc80.js} RENAMED
@@ -136,10 +136,11 @@ var CompactTextInput = React__default['default'].forwardRef(function CompactText
136
136
  error = _ref2.error,
137
137
  warning = _ref2.warning,
138
138
  bold = _ref2.bold,
139
+ hidden = _ref2.hidden,
139
140
  onChangeProp = _ref2.onChange,
140
141
  onFocusProp = _ref2.onFocus,
141
142
  onBlurProp = _ref2.onBlur,
142
- props = defaultTheme._objectWithoutProperties(_ref2, ["label", "type", "name", "defaultValue", "value", "placeholder", "link", "linkTarget", "autoSelect", "readOnly", "error", "warning", "bold", "onChange", "onFocus", "onBlur"]);
143
+ props = defaultTheme._objectWithoutProperties(_ref2, ["label", "type", "name", "defaultValue", "value", "placeholder", "link", "linkTarget", "autoSelect", "readOnly", "error", "warning", "bold", "hidden", "onChange", "onFocus", "onBlur"]);
143
144
 
144
145
  var _useState = React.useState(nanoid.nanoid()),
145
146
  _useState2 = defaultTheme._slicedToArray(_useState, 1),
@@ -180,6 +181,7 @@ var CompactTextInput = React__default['default'].forwardRef(function CompactText
180
181
 
181
182
  setShowPopover(false);
182
183
  }, [onBlurProp]);
184
+ if (hidden) return null;
183
185
  return React__default['default'].createElement(CompactTextInput$1, props, label && React__default['default'].createElement(Label, {
184
186
  htmlFor: uniqueId
185
187
  }, label), React__default['default'].createElement(ConditionalWrapper, {
@@ -249,6 +251,7 @@ CompactTextInput.propTypes = process.env.NODE_ENV !== "production" ? {
249
251
  error: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.bool, defaultTheme.PropTypes.string]),
250
252
  warning: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.bool, defaultTheme.PropTypes.string]),
251
253
  bold: defaultTheme.PropTypes.bool,
254
+ hidden: defaultTheme.PropTypes.bool,
252
255
  onChange: defaultTheme.PropTypes.func,
253
256
  onFocus: defaultTheme.PropTypes.func,
254
257
  onBlur: defaultTheme.PropTypes.func
@@ -260,7 +263,8 @@ CompactTextInput.defaultProps = {
260
263
  bold: false,
261
264
  readOnly: false,
262
265
  error: false,
263
- warning: false
266
+ warning: false,
267
+ hidden: false
264
268
  };
265
269
 
266
270
  exports.CompactTextInput = CompactTextInput;
package/{Instructions-d8ab91c2.js → Instructions-a1a904c4.js} RENAMED
@@ -3,7 +3,7 @@
3
3
  var defaultTheme = require('./defaultTheme-50f2b88f.js');
4
4
  var React = require('react');
5
5
  var styled = require('styled-components');
6
- var TextArea = require('./TextArea-8cffb1e7.js');
6
+ var TextArea = require('./TextArea-a5226b8d.js');
7
7
  var AutocompleteSelect = require('./AutocompleteSelect-45be3cb4.js');
8
8
  var warningCircle = require('./warning-circle-24522402.js');
9
9
  var lodash = require('lodash');
@@ -33,6 +33,7 @@ var Instructions = React__default['default'].forwardRef(function Instructions(_r
33
33
  selectedOption = _ref.selectedOption,
34
34
  loadOptions = _ref.loadOptions,
35
35
  readOnly = _ref.readOnly,
36
+ hidden = _ref.hidden,
36
37
  name = _ref.name,
37
38
  lightBackground = _ref.lightBackground,
38
39
  autoSelect = _ref.autoSelect,
@@ -44,7 +45,7 @@ var Instructions = React__default['default'].forwardRef(function Instructions(_r
44
45
  availableOptions = _ref.availableOptions,
45
46
  loadingMessageFunc = _ref.loadingMessageFunc,
46
47
  placeholder = _ref.placeholder,
47
- props = defaultTheme._objectWithoutProperties(_ref, ["clickToAdd", "customAddMessage", "selectedOption", "loadOptions", "readOnly", "name", "lightBackground", "autoSelect", "subscribeCurrentValue", "onChange", "onFocus", "onBlur", "onUpdateCallback", "availableOptions", "loadingMessageFunc", "placeholder"]);
48
+ props = defaultTheme._objectWithoutProperties(_ref, ["clickToAdd", "customAddMessage", "selectedOption", "loadOptions", "readOnly", "hidden", "name", "lightBackground", "autoSelect", "subscribeCurrentValue", "onChange", "onFocus", "onBlur", "onUpdateCallback", "availableOptions", "loadingMessageFunc", "placeholder"]);
48
49
 
49
50
  var _useState = React.useState(false),
50
51
  _useState2 = defaultTheme._slicedToArray(_useState, 2),
@@ -163,6 +164,7 @@ var Instructions = React__default['default'].forwardRef(function Instructions(_r
163
164
  loadingMessage: loadingMessageFunc,
164
165
  placeholder: placeholder
165
166
  };
167
+ if (hidden) return null;
166
168
  return React__default['default'].createElement(Instructions$1, defaultTheme._extends({
167
169
  ref: forwardedRef,
168
170
  initialHover: initialHover,
@@ -192,7 +194,8 @@ var Instructions = React__default['default'].forwardRef(function Instructions(_r
192
194
  Instructions.defaultProps = {
193
195
  clickToAdd: false,
194
196
  lightBackground: false,
195
- autoSelect: true
197
+ autoSelect: true,
198
+ hidden: false
196
199
  };
197
200
  Instructions.propTypes = process.env.NODE_ENV !== "production" ? {
198
201
  name: defaultTheme.PropTypes.string,
@@ -204,6 +207,7 @@ Instructions.propTypes = process.env.NODE_ENV !== "production" ? {
204
207
  customAddMessage: defaultTheme.PropTypes.string,
205
208
  autoSelect: defaultTheme.PropTypes.bool,
206
209
  readOnly: defaultTheme.PropTypes.bool,
210
+ hidden: defaultTheme.PropTypes.bool,
207
211
  availableOptions: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.object),
208
212
  lightBackground: defaultTheme.PropTypes.bool,
209
213
  options: defaultTheme.PropTypes.array,
package/{MultiSelect-2cbc13b3.js → MultiSelect-5b008b32.js} RENAMED
@@ -2,6 +2,7 @@
2
2
 
3
3
  var defaultTheme = require('./defaultTheme-50f2b88f.js');
4
4
  var React = require('react');
5
+ var nanoid = require('nanoid');
5
6
  var styled = require('styled-components');
6
7
  var close = require('./close-ebf2f3cf.js');
7
8
  var Select = require('react-select');
@@ -14,29 +15,32 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
15
  var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
15
16
  var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
16
17
 
17
- 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;
18
+ 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;
18
19
  var AsyncCreatableSelectPaginate = reactSelectAsyncPaginate.withAsyncPaginate(reactSelectCreatable_esm.CreatableSelect$1);
19
20
  var showMoreHeight = 114;
20
21
  var sharedStyle = styled.css(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n font-family: ", ";\n font-size: 12px;\n font-weight: 400;\n position: relative;\n"])), function (props) {
21
22
  return props.theme.primaryFontFamily;
22
23
  });
23
- var MultiSelect$1 = styled__default['default'](Select__default['default']).attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n ", "\n"])), sharedStyle);
24
- var CreatableMultiSelect = styled__default['default'](reactSelectCreatable_esm.CreatableSelect$1).attrs(defaultTheme.applyDefaultTheme)(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n ", "\n"])), sharedStyle);
25
- var AsyncCreatableMultiSelect = styled__default['default'](AsyncCreatableSelectPaginate).attrs(defaultTheme.applyDefaultTheme)(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n ", "\n"])), sharedStyle);
26
- var AsyncMultiSelect = styled__default['default'](reactSelectAsyncPaginate.AsyncPaginate).attrs(defaultTheme.applyDefaultTheme)(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n ", "\n"])), sharedStyle);
27
- var MultiSelectWrapper = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n position: relative;\n"])));
28
- var Control = styled__default['default'](Select.components.Control).attrs(defaultTheme.applyDefaultTheme)(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n && {\n align-items: flex-start;\n background: transparent;\n border: none;\n box-shadow: none;\n }\n\n :hover {\n cursor: ", ";\n }\n"])), function (props) {
24
+ var Label = styled__default['default'].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n flex-basis: 33.33%;\n font-size: 0.875rem;\n line-height: 1rem;\n cursor: pointer;\n height: 19px;\n display: flex;\n align-items: center;\n"])), function (props) {
25
+ return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
26
+ });
27
+ var MultiSelect$1 = styled__default['default'](Select__default['default']).attrs(defaultTheme.applyDefaultTheme)(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n ", "\n"])), sharedStyle);
28
+ var CreatableMultiSelect = styled__default['default'](reactSelectCreatable_esm.CreatableSelect$1).attrs(defaultTheme.applyDefaultTheme)(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n ", "\n"])), sharedStyle);
29
+ var AsyncCreatableMultiSelect = styled__default['default'](AsyncCreatableSelectPaginate).attrs(defaultTheme.applyDefaultTheme)(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n ", "\n"])), sharedStyle);
30
+ var AsyncMultiSelect = styled__default['default'](reactSelectAsyncPaginate.AsyncPaginate).attrs(defaultTheme.applyDefaultTheme)(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n ", "\n"])), sharedStyle);
31
+ var MultiSelectWrapper = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n position: relative;\n"])));
32
+ var Control = styled__default['default'](Select.components.Control).attrs(defaultTheme.applyDefaultTheme)(_templateObject8 || (_templateObject8 = defaultTheme._taggedTemplateLiteral(["\n && {\n align-items: flex-start;\n background: transparent;\n border: none;\n box-shadow: none;\n }\n\n :hover {\n cursor: ", ";\n }\n"])), function (props) {
29
33
  return !props.isDisabled && props.focused || props.readOnly ? 'default' : 'pointer';
30
34
  });
31
- var ValueContainer = styled__default['default'](Select.components.ValueContainer)(_templateObject8 || (_templateObject8 = defaultTheme._taggedTemplateLiteral(["\n && {\n align-items: flex-start;\n gap: 8px;\n padding: 0;\n\n max-height: ", " !important;\n\n ", "\n }\n"])), function (props) {
35
+ var ValueContainer = styled__default['default'](Select.components.ValueContainer)(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n && {\n align-items: flex-start;\n gap: 8px;\n padding: 0;\n\n max-height: ", " !important;\n\n ", "\n }\n"])), function (props) {
32
36
  return props.showMore ? props.error || props.warning ? '100%' : showMoreHeight + 16 + 'px' : '100%';
33
37
  }, function (props) {
34
- return (props.error || props.warning) && styled.css(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n border: 1px solid;\n border-radius: 3px;\n padding: 4px;\n\n border-color: ", ";\n "])), function (props) {
38
+ return (props.error || props.warning) && styled.css(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n border: 1px solid;\n border-radius: 3px;\n padding: 4px;\n\n border-color: ", ";\n "])), function (props) {
35
39
  return props.error ? props.theme.getColor('red-500') : props.warning ? props.theme.getColor('orange-500') : 'inherit';
36
40
  });
37
41
  });
38
- var MultiValueWrapper = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n && {\n border-radius: 3px;\n margin: 0;\n }\n"])));
39
- var MultiValue = styled__default['default'](Select.components.MultiValue).attrs(defaultTheme.applyDefaultTheme)(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n && {\n border-radius: 3px;\n margin: 0;\n\n ", "\n\n ", "\n\n > div {\n align-items: center;\n display: flex;\n font-size: 12px;\n min-height: 26px;\n\n :first-of-type {\n padding: ", ";\n }\n\n :last-child:not(:only-child) {\n padding: 0 8px 0 5px;\n height: 100%;\n width: fit-content;\n }\n\n :last-child:not(:only-child):hover {\n background-color: ", ";\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n cursor: pointer;\n }\n\n svg {\n stroke: white;\n stroke-width: 2px;\n width: 8px;\n }\n\n :hover {\n cursor: pointer;\n }\n }\n"])), function (props) {
42
+ var MultiValueWrapper = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n && {\n border-radius: 3px;\n margin: 0;\n }\n"])));
43
+ var MultiValue = styled__default['default'](Select.components.MultiValue).attrs(defaultTheme.applyDefaultTheme)(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n && {\n border-radius: 3px;\n margin: 0;\n\n ", "\n\n ", "\n\n > div {\n align-items: center;\n display: flex;\n font-size: 12px;\n min-height: 26px;\n\n :first-of-type {\n padding: ", ";\n }\n\n :last-child:not(:only-child) {\n padding: 0 8px 0 5px;\n height: 100%;\n width: fit-content;\n }\n\n :last-child:not(:only-child):hover {\n background-color: ", ";\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n cursor: pointer;\n }\n\n svg {\n stroke: white;\n stroke-width: 2px;\n width: 8px;\n }\n\n :hover {\n cursor: pointer;\n }\n }\n"])), function (props) {
40
44
  return props.theme.themeProp('background-color', props.theme.getColor('gray-600'), props.theme.getColor('gray-800'));
41
45
  }, function (props) {
42
46
  return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-100'));
@@ -45,50 +49,51 @@ var MultiValue = styled__default['default'](Select.components.MultiValue).attrs(
45
49
  }, function (props) {
46
50
  return props.theme.getColor('red-500');
47
51
  });
48
- var MultiValueRemove = styled__default['default'](Select.components.MultiValueRemove).attrs(defaultTheme.applyDefaultTheme)(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral([""])));
49
- var Input = styled__default['default'](Select.components.Input).attrs(defaultTheme.applyDefaultTheme)(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n align-self: center;\n font-size: ", ";\n min-width: 150px;\n\n ", "\n\n ", "\n }\n"])), function (props) {
52
+ var MultiValueRemove = styled__default['default'](Select.components.MultiValueRemove).attrs(defaultTheme.applyDefaultTheme)(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral([""])));
53
+ var Input = styled__default['default'](Select.components.Input).attrs(defaultTheme.applyDefaultTheme)(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n align-self: center;\n font-size: ", ";\n min-width: 150px;\n\n ", "\n\n ", "\n }\n"])), function (props) {
50
54
  return props.$focused ? '14px' : '12px';
51
55
  }, function (props) {
52
56
  return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'));
53
57
  }, function (props) {
54
- return !props.$focused && styled.css(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n ", "\n\n :before {\n height: 100%;\n white-space: nowrap;\n width: fit-content;\n content: '", "';\n }\n "])), function (props) {
58
+ return !props.$focused && styled.css(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n ", "\n\n :before {\n height: 100%;\n white-space: nowrap;\n width: fit-content;\n content: '", "';\n }\n "])), function (props) {
55
59
  return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
56
60
  }, function (props) {
57
61
  return props.edittext;
58
62
  });
59
63
  });
60
- var DropdownMenu = styled__default['default'](Select.components.Menu).attrs(defaultTheme.applyDefaultTheme)(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n font-size: 14px;\n\n ", "\n\n ", "\n"])), function (props) {
64
+ var DropdownMenu = styled__default['default'](Select.components.Menu).attrs(defaultTheme.applyDefaultTheme)(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n font-size: 14px;\n\n ", "\n\n ", "\n"])), function (props) {
61
65
  return props.theme.themeProp('background-color', props.theme.getColor('gray-600'), props.theme.getColor('white'));
62
66
  }, function (props) {
63
67
  return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'));
64
68
  });
65
- var sharedOptionStyle = styled.css(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n ", "\n\n ", "\n\n ", "\n\n :hover {\n cursor: pointer;\n }\n"])), function (props) {
66
- return props.isFocused && styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('background-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-200')));
69
+ var sharedOptionStyle = styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n ", "\n\n ", "\n\n ", "\n\n :hover {\n cursor: pointer;\n }\n"])), function (props) {
70
+ return props.isFocused && styled.css(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('background-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-200')));
67
71
  }, function (props) {
68
- return props.isSelected && styled.css(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n ", "\n\n ", "\n "])), props.theme.themeProp('background-color', 'transparent', 'transparent'), props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900')));
72
+ return props.isSelected && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n ", "\n\n ", "\n "])), props.theme.themeProp('background-color', 'transparent', 'transparent'), props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900')));
69
73
  }, function (props) {
70
- return props.isFocused && props.isSelected && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('background-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-200')));
74
+ return props.isFocused && props.isSelected && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('background-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-200')));
71
75
  });
72
- var Option = styled__default['default'](Select.components.Option).attrs(defaultTheme.applyDefaultTheme)(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n ", "\n"])), sharedOptionStyle);
73
- var SelectedOption$1 = styled__default['default'](Select.components.Option).attrs(defaultTheme.applyDefaultTheme)(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n ", "\n\n display: flex !important;\n justify-content: space-between;\n"])), sharedOptionStyle);
74
- var DropdownOptionDeleteIcon = styled__default['default'](close.SvgClose).attrs(defaultTheme.applyDefaultTheme)(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n stroke-width: 1px;\n width: 8px;\n\n ", "\n"])), function (props) {
76
+ var Option = styled__default['default'](Select.components.Option).attrs(defaultTheme.applyDefaultTheme)(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n ", "\n"])), sharedOptionStyle);
77
+ var SelectedOption$1 = styled__default['default'](Select.components.Option).attrs(defaultTheme.applyDefaultTheme)(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n ", "\n\n display: flex !important;\n justify-content: space-between;\n"])), sharedOptionStyle);
78
+ var DropdownOptionDeleteIcon = styled__default['default'](close.SvgClose).attrs(defaultTheme.applyDefaultTheme)(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n stroke-width: 1px;\n width: 8px;\n\n ", "\n"])), function (props) {
75
79
  return props.theme.themeProp('stroke', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'));
76
80
  });
77
- var ShowMoreWrapper = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n align-items: end;\n display: flex;\n flex-direction: column;\n height: 100%;\n left: 0;\n position: absolute;\n max-height: ", "px;\n top: 0;\n width: 100%;\n\n ", "\n\n :hover {\n cursor: pointer;\n text-decoration: underline;\n }\n"])), showMoreHeight + 16, function (props) {
81
+ var ShowMoreWrapper = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n align-items: end;\n display: flex;\n flex-direction: column;\n height: 100%;\n left: 0;\n position: absolute;\n max-height: ", "px;\n top: 0;\n width: 100%;\n\n ", "\n\n :hover {\n cursor: pointer;\n text-decoration: underline;\n }\n"])), showMoreHeight + 16, function (props) {
78
82
  return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('emerald-500'));
79
83
  });
80
- var ShowMoreOverlay = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n align-items: end;\n display: block;\n height: 100%;\n max-height: ", "px;\n left: 0;\n top: 0;\n width: 100%;\n\n ", "\n"])), showMoreHeight, function (props) {
84
+ var ShowMoreOverlay = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n align-items: end;\n display: block;\n height: 100%;\n max-height: ", "px;\n left: 0;\n top: 0;\n width: 100%;\n\n ", "\n"])), showMoreHeight, function (props) {
81
85
  return props.theme.themeProp('background', 'transparent linear-gradient(180deg, #12121200 0%, #12121230 40%, #12121279 70%, #121212 95%, #121212 100%) 0% 0% no-repeat padding-box', 'transparent linear-gradient(180deg, #fefefe00 0%, #fefefe30 40%, #fefefe79 70%, #fefefe 95%, #fefefe 100%) 0% 0% no-repeat padding-box');
82
86
  });
83
- var ShowMoreText = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n font-size: 0.875rem;\n width: 100%;\n ", "\n"])), function (props) {
87
+ var ShowMoreText = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n font-size: 0.875rem;\n width: 100%;\n ", "\n"])), function (props) {
84
88
  return props.theme.themeProp('background-color', '#121212', '#fefefe');
85
89
  });
86
- var ErrorMessage = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n color: ", ";\n font-size: 0.75rem;\n margin-top: 8px;\n padding: 0 12px;\n"])), function (props) {
90
+ var ErrorMessage = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n color: ", ";\n font-size: 0.75rem;\n margin-top: 8px;\n padding: 0 12px;\n"])), function (props) {
87
91
  return props.error ? props.theme.getColor('red-500') : props.warning ? props.theme.getColor('orange-500') : 'inherit';
88
92
  });
89
93
 
90
94
  var MultiSelect = React__default['default'].forwardRef(function MultiSelect(_ref, forwardedRef) {
91
- var selectedOptions = _ref.selectedOptions,
95
+ var label = _ref.label,
96
+ selectedOptions = _ref.selectedOptions,
92
97
  availableOptions = _ref.availableOptions,
93
98
  loadOptions = _ref.loadOptions,
94
99
  loadingMessageFunc = _ref.loadingMessageFunc,
@@ -102,30 +107,35 @@ var MultiSelect = React__default['default'].forwardRef(function MultiSelect(_ref
102
107
  displayTotalOnShowMore = _ref.displayTotalOnShowMore,
103
108
  creatable = _ref.creatable,
104
109
  readOnly = _ref.readOnly,
110
+ hidden = _ref.hidden,
105
111
  disabled = _ref.disabled,
106
112
  error = _ref.error,
107
113
  warning = _ref.warning,
108
- props = defaultTheme._objectWithoutProperties(_ref, ["selectedOptions", "availableOptions", "loadOptions", "loadingMessageFunc", "onUpdateCallback", "editText", "createNewOptionMessageFunc", "noOptionsMessageFunc", "onMultiValueClick", "showMore", "showMoreText", "displayTotalOnShowMore", "creatable", "readOnly", "disabled", "error", "warning"]);
114
+ props = defaultTheme._objectWithoutProperties(_ref, ["label", "selectedOptions", "availableOptions", "loadOptions", "loadingMessageFunc", "onUpdateCallback", "editText", "createNewOptionMessageFunc", "noOptionsMessageFunc", "onMultiValueClick", "showMore", "showMoreText", "displayTotalOnShowMore", "creatable", "readOnly", "hidden", "disabled", "error", "warning"]);
109
115
 
110
- var _useState = React.useState(selectedOptions),
111
- _useState2 = defaultTheme._slicedToArray(_useState, 2),
112
- selected = _useState2[0],
113
- setSelected = _useState2[1];
116
+ var _useState = React.useState(nanoid.nanoid()),
117
+ _useState2 = defaultTheme._slicedToArray(_useState, 1),
118
+ uniqueId = _useState2[0];
114
119
 
115
- var _useState3 = React.useState(false),
120
+ var _useState3 = React.useState(selectedOptions),
116
121
  _useState4 = defaultTheme._slicedToArray(_useState3, 2),
117
- focused = _useState4[0],
118
- setFocused = _useState4[1];
122
+ selected = _useState4[0],
123
+ setSelected = _useState4[1];
119
124
 
120
- var _useState5 = React.useState(error || warning ? false : showMore),
125
+ var _useState5 = React.useState(false),
121
126
  _useState6 = defaultTheme._slicedToArray(_useState5, 2),
122
- displayShowMore = _useState6[0],
123
- setDisplayShowMore = _useState6[1];
127
+ focused = _useState6[0],
128
+ setFocused = _useState6[1];
124
129
 
125
- var _useState7 = React.useState(0),
130
+ var _useState7 = React.useState(error || warning ? false : showMore),
126
131
  _useState8 = defaultTheme._slicedToArray(_useState7, 2),
127
- cacheUnique = _useState8[0],
128
- setCacheUnique = _useState8[1];
132
+ displayShowMore = _useState8[0],
133
+ setDisplayShowMore = _useState8[1];
134
+
135
+ var _useState9 = React.useState(0),
136
+ _useState10 = defaultTheme._slicedToArray(_useState9, 2),
137
+ cacheUnique = _useState10[0],
138
+ setCacheUnique = _useState10[1];
129
139
 
130
140
  React.useEffect(function () {
131
141
  setSelected(selectedOptions);
@@ -148,12 +158,14 @@ var MultiSelect = React__default['default'].forwardRef(function MultiSelect(_ref
148
158
  }, []);
149
159
  var ValueContainer$1 = React.useMemo(function () {
150
160
  var ValueContainerWrapper = function ValueContainerWrapper(innerProps) {
151
- return React__default['default'].createElement(ValueContainer, defaultTheme._extends({
161
+ return React__default['default'].createElement(React__default['default'].Fragment, null, label && React__default['default'].createElement(Label, {
162
+ htmlFor: uniqueId
163
+ }, label), React__default['default'].createElement(ValueContainer, defaultTheme._extends({
152
164
  showMore: displayShowMore,
153
165
  error: error,
154
166
  warning: warning,
155
167
  className: "multi-select-values-container"
156
- }, innerProps));
168
+ }, innerProps)));
157
169
  };
158
170
 
159
171
  ValueContainerWrapper.displayName = 'ValueContainerWrapper';
@@ -291,6 +303,7 @@ var MultiSelect = React__default['default'].forwardRef(function MultiSelect(_ref
291
303
  }
292
304
  }
293
305
  };
306
+ if (hidden) return null;
294
307
  return React__default['default'].createElement(MultiSelectWrapper, {
295
308
  error: error,
296
309
  warning: warning
@@ -302,6 +315,7 @@ var MultiSelect = React__default['default'].forwardRef(function MultiSelect(_ref
302
315
  }, error ? error : warning));
303
316
  });
304
317
  MultiSelect.propTypes = process.env.NODE_ENV !== "production" ? {
318
+ label: defaultTheme.PropTypes.string,
305
319
  availableOptions: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.object),
306
320
  selectedOptions: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.object),
307
321
  loadOptions: defaultTheme.PropTypes.func,
@@ -316,6 +330,7 @@ MultiSelect.propTypes = process.env.NODE_ENV !== "production" ? {
316
330
  showMoreText: defaultTheme.PropTypes.string,
317
331
  displayTotalOnShowMore: defaultTheme.PropTypes.bool,
318
332
  readOnly: defaultTheme.PropTypes.bool,
333
+ hidden: defaultTheme.PropTypes.bool,
319
334
  disabled: defaultTheme.PropTypes.bool,
320
335
  error: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.bool, defaultTheme.PropTypes.string]),
321
336
  warning: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.bool, defaultTheme.PropTypes.string])
@@ -335,7 +350,8 @@ MultiSelect.defaultProps = {
335
350
  creatable: false,
336
351
  error: false,
337
352
  warning: false,
338
- showMoreText: 'Show more'
353
+ showMoreText: 'Show more',
354
+ hidden: false
339
355
  };
340
356
 
341
357
  var _MultiValueRemove = function _MultiValueRemove(innerProps) {
package/{TextArea-8cffb1e7.js → TextArea-a5226b8d.js} RENAMED
@@ -87,6 +87,7 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
87
87
  placeholder = _ref.placeholder,
88
88
  required = _ref.required,
89
89
  disabled = _ref.disabled,
90
+ hidden = _ref.hidden,
90
91
  readOnly = _ref.readOnly,
91
92
  autoComplete = _ref.autoComplete,
92
93
  description = _ref.description,
@@ -102,7 +103,7 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
102
103
  noBorder = _ref.noBorder,
103
104
  warningAlert = _ref.warningAlert,
104
105
  errorAlert = _ref.errorAlert,
105
- rest = defaultTheme._objectWithoutProperties(_ref, ["value", "defaultValue", "name", "label", "placeholder", "required", "disabled", "readOnly", "autoComplete", "description", "error", "warning", "icon", "rows", "className", "style", "onChange", "onBlur", "lightBackground", "noBorder", "warningAlert", "errorAlert"]);
106
+ rest = defaultTheme._objectWithoutProperties(_ref, ["value", "defaultValue", "name", "label", "placeholder", "required", "disabled", "hidden", "readOnly", "autoComplete", "description", "error", "warning", "icon", "rows", "className", "style", "onChange", "onBlur", "lightBackground", "noBorder", "warningAlert", "errorAlert"]);
106
107
 
107
108
  var _useState = React.useState(nanoid.nanoid()),
108
109
  _useState2 = defaultTheme._slicedToArray(_useState, 1),
@@ -137,6 +138,7 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
137
138
 
138
139
  return null;
139
140
  }, [description, error, warning]);
141
+ if (hidden) return null;
140
142
  return React__default['default'].createElement(TextInput, {
141
143
  disabled: disabled,
142
144
  readOnly: readOnly,
@@ -183,7 +185,8 @@ TextArea.defaultProps = {
183
185
  noBorder: false,
184
186
  readOnly: false,
185
187
  warningAlert: false,
186
- errorAlert: false
188
+ errorAlert: false,
189
+ hidden: false
187
190
  };
188
191
  TextArea.propTypes = process.env.NODE_ENV !== "production" ? {
189
192
  value: defaultTheme.PropTypes.string,
@@ -193,6 +196,7 @@ TextArea.propTypes = process.env.NODE_ENV !== "production" ? {
193
196
  placeholder: defaultTheme.PropTypes.string,
194
197
  required: defaultTheme.PropTypes.bool,
195
198
  disabled: defaultTheme.PropTypes.bool,
199
+ hidden: defaultTheme.PropTypes.bool,
196
200
  readOnly: defaultTheme.PropTypes.bool,
197
201
  autoComplete: defaultTheme.PropTypes.string,
198
202
  description: defaultTheme.PropTypes.string,
package/inputs/CompactStarRating/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var CompactStarRating = require('../../CompactStarRating-364ca893.js');
3
+ var CompactStarRating = require('../../CompactStarRating-942afff1.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-08cbe4e5.js');
3
+ var CompactTextInput = require('../../CompactTextInput-6519bc80.js');
4
4
  require('../../defaultTheme-50f2b88f.js');
5
5
  require('styled-components');
6
6
  require('react');
package/inputs/MultiSelect/index.js CHANGED
@@ -1,9 +1,10 @@
1
1
  'use strict';
2
2
 
3
- var MultiSelect = require('../../MultiSelect-2cbc13b3.js');
3
+ var MultiSelect = require('../../MultiSelect-5b008b32.js');
4
4
  require('../../defaultTheme-50f2b88f.js');
5
5
  require('styled-components');
6
6
  require('react');
7
+ require('nanoid');
7
8
  require('../../close-ebf2f3cf.js');
8
9
  require('react-select');
9
10
  require('../../react-select-creatable.esm-2f23d6c6.js');
package/inputs/TextArea/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var TextArea = require('../../TextArea-8cffb1e7.js');
3
+ var TextArea = require('../../TextArea-a5226b8d.js');
4
4
  require('../../defaultTheme-50f2b88f.js');
5
5
  require('styled-components');
6
6
  require('react');
package/inputs/index.js CHANGED
@@ -6,11 +6,11 @@ var ActionButton = require('../ActionButton-c3f5ed94.js');
6
6
  var AutocompleteSelect = require('../AutocompleteSelect-45be3cb4.js');
7
7
  var Button = require('../Button-dd271c4b.js');
8
8
  var Checkbox = require('../Checkbox-012bbd3f.js');
9
- var CompactStarRating = require('../CompactStarRating-364ca893.js');
10
- var CompactTextInput = require('../CompactTextInput-08cbe4e5.js');
11
- var MultiSelect = require('../MultiSelect-2cbc13b3.js');
9
+ var CompactStarRating = require('../CompactStarRating-942afff1.js');
10
+ var CompactTextInput = require('../CompactTextInput-6519bc80.js');
11
+ var MultiSelect = require('../MultiSelect-5b008b32.js');
12
12
  var Radio = require('../Radio-0594409d.js');
13
- var TextArea = require('../TextArea-8cffb1e7.js');
13
+ var TextArea = require('../TextArea-a5226b8d.js');
14
14
  var TextInput = require('../TextInput-a1083be3.js');
15
15
  var Switch = require('../Switch-cd165c8c.js');
16
16
  require('../defaultTheme-50f2b88f.js');
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ntbjs/react-components",
3
- "version": "1.1.0-beta.52",
3
+ "version": "1.1.0-beta.54",
4
4
  "description": "NTBs common front-end design utilities and React components.",
5
5
  "scripts": {
6
6
  "build": "cross-env NODE_ENV=production rollup -c",
package/widgets/AssetGallery/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var AssetGallery = require('../../AssetGallery-d9a19f1b.js');
3
+ var AssetGallery = require('../../AssetGallery-a1437499.js');
4
4
  require('../../defaultTheme-50f2b88f.js');
5
5
  require('styled-components');
6
6
  require('react');
@@ -25,16 +25,16 @@ require('@tippyjs/react');
25
25
  require('../../shift-away-subtle-cfdf1dbe.js');
26
26
  require('../../ContextMenu-d088833b.js');
27
27
  require('../../Checkbox-012bbd3f.js');
28
- require('../../CompactStarRating-364ca893.js');
29
- require('../../CompactTextInput-08cbe4e5.js');
28
+ require('../../CompactStarRating-942afff1.js');
29
+ require('../../CompactTextInput-6519bc80.js');
30
30
  require('../../Alert-3e4f8be1.js');
31
31
  require('../../Badge-9bcebe96.js');
32
32
  require('../../Tab-bd0f3345.js');
33
33
  require('../../Tabs-371d1fd0.js');
34
34
  require('../../Tooltip-e4e5e0e5.js');
35
- require('../../MultiSelect-2cbc13b3.js');
35
+ require('../../MultiSelect-5b008b32.js');
36
36
  require('../../Radio-0594409d.js');
37
- require('../../TextArea-8cffb1e7.js');
37
+ require('../../TextArea-a5226b8d.js');
38
38
  require('../../Switch-cd165c8c.js');
39
39
  require('../../warning-circle-24522402.js');
40
40
 
package/widgets/Instructions/index.js CHANGED
@@ -1,10 +1,10 @@
1
1
  'use strict';
2
2
 
3
- var Instructions = require('../../Instructions-d8ab91c2.js');
3
+ var Instructions = require('../../Instructions-a1a904c4.js');
4
4
  require('../../defaultTheme-50f2b88f.js');
5
5
  require('styled-components');
6
6
  require('react');
7
- require('../../TextArea-8cffb1e7.js');
7
+ require('../../TextArea-a5226b8d.js');
8
8
  require('nanoid');
9
9
  require('lodash');
10
10
  require('../../edit-note-c47d292e.js');
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-d9a19f1b.js');
5
+ var AssetGallery = require('../AssetGallery-a1437499.js');
6
6
  var ContextMenu = require('../ContextMenu-d088833b.js');
7
7
  var AssetPreviewTopBar = require('../AssetPreviewTopBar-159b9885.js');
8
- var Instructions = require('../Instructions-d8ab91c2.js');
8
+ var Instructions = require('../Instructions-a1a904c4.js');
9
9
  require('../defaultTheme-50f2b88f.js');
10
10
  require('styled-components');
11
11
  require('react');
@@ -29,16 +29,16 @@ require('polished');
29
29
  require('@tippyjs/react');
30
30
  require('../shift-away-subtle-cfdf1dbe.js');
31
31
  require('../Checkbox-012bbd3f.js');
32
- require('../CompactStarRating-364ca893.js');
33
- require('../CompactTextInput-08cbe4e5.js');
32
+ require('../CompactStarRating-942afff1.js');
33
+ require('../CompactTextInput-6519bc80.js');
34
34
  require('../Alert-3e4f8be1.js');
35
35
  require('../Badge-9bcebe96.js');
36
36
  require('../Tab-bd0f3345.js');
37
37
  require('../Tabs-371d1fd0.js');
38
38
  require('../Tooltip-e4e5e0e5.js');
39
- require('../MultiSelect-2cbc13b3.js');
39
+ require('../MultiSelect-5b008b32.js');
40
40
  require('../Radio-0594409d.js');
41
- require('../TextArea-8cffb1e7.js');
41
+ require('../TextArea-a5226b8d.js');
42
42
  require('../Switch-cd165c8c.js');
43
43
  require('../warning-circle-24522402.js');
44
44