@ntbjs/react-components 1.1.0-beta.79 → 1.1.0-beta.80

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 (21) hide show
  1. package/{AssetGallery-4d5b23c6.js → AssetGallery-6824b3cc.js} +6 -6
  2. package/{Button-f893df21.js → Button-432f87c6.js} +1 -1
  3. package/{CompactAutocompleteSelect-05c45f9a.js → CompactAutocompleteSelect-160b1620.js} +4 -4
  4. package/{CompactTextInput-ad17303a.js → CompactTextInput-9980612c.js} +1 -1
  5. package/{Instructions-6d4bcc07.js → Instructions-34009106.js} +19 -14
  6. package/{MultiSelect-5b008b32.js → MultiSelect-9729cedf.js} +1 -1
  7. package/{Popover-cf1e9677.js → Popover-d3a4b72e.js} +1 -3
  8. package/{TextArea-e0496c6f.js → TextArea-b2af91e6.js} +32 -26
  9. package/data/Popover/index.js +2 -2
  10. package/data/index.js +1 -1
  11. package/inputs/Button/index.js +2 -2
  12. package/inputs/CompactAutocompleteSelect/index.js +3 -3
  13. package/inputs/CompactTextInput/index.js +2 -2
  14. package/inputs/MultiSelect/index.js +2 -2
  15. package/inputs/TextArea/index.js +2 -2
  16. package/inputs/index.js +8 -8
  17. package/package.json +1 -1
  18. package/{react-select-creatable.esm-2f23d6c6.js → react-select-creatable.esm-4c3da560.js} +3 -3
  19. package/widgets/AssetGallery/index.js +9 -9
  20. package/widgets/Instructions/index.js +9 -9
  21. package/widgets/index.js +10 -10
package/{AssetGallery-4d5b23c6.js → AssetGallery-6824b3cc.js} RENAMED
@@ -7,18 +7,18 @@ var TextInput = require('./TextInput-a1083be3.js');
7
7
  var ResizeObserver = require('resize-observer-polyfill');
8
8
  var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
9
9
  var ActionButton = require('./ActionButton-c3f5ed94.js');
10
- require('./Button-f893df21.js');
10
+ require('./Button-432f87c6.js');
11
11
  require('./Checkbox-012bbd3f.js');
12
- require('./CompactAutocompleteSelect-05c45f9a.js');
12
+ require('./CompactAutocompleteSelect-160b1620.js');
13
13
  require('./CompactStarRating-53593d92.js');
14
- require('./CompactTextInput-ad17303a.js');
15
- require('./MultiSelect-5b008b32.js');
14
+ require('./CompactTextInput-9980612c.js');
15
+ require('./MultiSelect-9729cedf.js');
16
16
  require('./Radio-0594409d.js');
17
- require('./TextArea-e0496c6f.js');
17
+ require('./TextArea-b2af91e6.js');
18
18
  require('./Switch-cd165c8c.js');
19
19
  require('./Alert-3e4f8be1.js');
20
20
  require('./Badge-9bcebe96.js');
21
- require('./Popover-cf1e9677.js');
21
+ require('./Popover-d3a4b72e.js');
22
22
  require('./Tab-bd0f3345.js');
23
23
  require('./Tabs-bf42275e.js');
24
24
  var Tooltip = require('./Tooltip-f4f9ab8f.js');
package/{Button-f893df21.js → Button-432f87c6.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 Popover = require('./Popover-cf1e9677.js');
6
+ var Popover = require('./Popover-d3a4b72e.js');
7
7
  var ContextMenu = require('./ContextMenu-d088833b.js');
8
8
  var expandMore = require('./expand-more-94585605.js');
9
9
 
package/{CompactAutocompleteSelect-05c45f9a.js → CompactAutocompleteSelect-160b1620.js} RENAMED
@@ -6,8 +6,8 @@ var nanoid = require('nanoid');
6
6
  var lodash = require('lodash');
7
7
  var styled = require('styled-components');
8
8
  var Select = require('react-select');
9
- var reactSelectCreatable_esm = require('./react-select-creatable.esm-2f23d6c6.js');
10
9
  var reactSelectAsyncPaginate = require('react-select-async-paginate');
10
+ var reactSelectCreatable_esm = require('./react-select-creatable.esm-4c3da560.js');
11
11
  var close = require('./close-ebf2f3cf.js');
12
12
  var expandMore = require('./expand-more-94585605.js');
13
13
  var checkCircleFilled = require('./check-circle-filled-1640873e.js');
@@ -55,14 +55,14 @@ var AsyncCreatableAutocompleteSelect = styled__default['default'](AsyncCreatable
55
55
  var AsyncAutocompleteSelect = styled__default['default'](reactSelectAsyncPaginate.AsyncPaginate).attrs(defaultTheme.applyDefaultTheme)(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n ", "\n"])), sharedStyle);
56
56
  var AutocompletSelect = styled__default['default'](Select__default['default']).attrs(defaultTheme.applyDefaultTheme)(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n ", "\n"])), sharedStyle);
57
57
  var AutocompletCreatableSelect = styled__default['default'](reactSelectCreatable_esm.CreatableSelect$1).attrs(defaultTheme.applyDefaultTheme)(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n ", "\n"])), sharedStyle);
58
- var Control = styled__default['default'](Select.components.Control).attrs(defaultTheme.applyDefaultTheme)(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n && {\n height: 22px;\n min-height: 22px;\n background: ", ";\n box-shadow: none;\n box-sizing: border-box;\n padding: 1px 10px;\n cursor: text;\n border: 1px solid 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 &&:not(:hover):not(:focus) {\n ", ";\n }\n\n &&:focus {\n ", ";\n }\n"])), function (props) {
58
+ var Control = styled__default['default'](Select.components.Control).attrs(defaultTheme.applyDefaultTheme)(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n && {\n height: 22px;\n min-height: 22px;\n background: ", ";\n box-shadow: none;\n box-sizing: border-box;\n padding: 1px 10px;\n cursor: pointer;\n border: 1px solid 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 &&:not(:hover):not(:focus) {\n ", ";\n }\n\n &&:focus {\n ", ";\n }\n"])), function (props) {
59
59
  return props.success ? props.theme.themeProp('background', props.theme.getColor('emerald-500'), props.theme.getColor('emerald-200')) : 'transparent';
60
60
  }, function (props) {
61
61
  return props.success && styled.css(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n animation: ", " 0.5s ease-in-out;\n "])), function (props) {
62
62
  return props.success ? fadeIn : fadeOut;
63
63
  });
64
64
  }, function (props) {
65
- return props.warning && !props.isFocused && props.theme.themeProp('background-color', '#634e01', '#fffde8');
65
+ return props.warning && !props.isFocused && props.theme.themeProp('background-color', '#634e01', '#FFF36C');
66
66
  }, function (props) {
67
67
  return props.error && !props.isFocused && props.theme.themeProp('background-color', '#7f1b1b', '#fbeae6');
68
68
  }, function (props) {
@@ -78,7 +78,7 @@ var Control = styled__default['default'](Select.components.Control).attrs(defaul
78
78
  }, function (props) {
79
79
  return props.success && props.theme.themeProp('background-color', props.theme.getColor('emerald-400'), props.theme.getColor('emerald-200'));
80
80
  }, function (props) {
81
- return props.warning && !props.isFocused && props.theme.themeProp('background', '#816600', '#fffebf');
81
+ return props.warning && !props.isFocused && props.theme.themeProp('background', '#816600', '#F4E21E');
82
82
  }, function (props) {
83
83
  return props.error && !props.isFocused && props.theme.themeProp('background', '#901d1d', '#f7d5d0');
84
84
  }, function (props) {
package/{CompactTextInput-ad17303a.js → CompactTextInput-9980612c.js} RENAMED
@@ -9,7 +9,7 @@ var editNote = require('./edit-note-c47d292e.js');
9
9
  var checkCircleFilled = require('./check-circle-filled-1640873e.js');
10
10
  require('./Alert-3e4f8be1.js');
11
11
  require('./Badge-9bcebe96.js');
12
- var Popover = require('./Popover-cf1e9677.js');
12
+ var Popover = require('./Popover-d3a4b72e.js');
13
13
  require('./Tab-bd0f3345.js');
14
14
  require('./Tabs-bf42275e.js');
15
15
  var Tooltip = require('./Tooltip-f4f9ab8f.js');
package/{Instructions-6d4bcc07.js → Instructions-34009106.js} RENAMED
@@ -1,12 +1,12 @@
1
1
  'use strict';
2
2
 
3
3
  var defaultTheme = require('./defaultTheme-50f2b88f.js');
4
+ var lodash = require('lodash');
4
5
  var React = require('react');
5
- var styled = require('styled-components');
6
- var TextArea = require('./TextArea-e0496c6f.js');
7
- var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-05c45f9a.js');
8
6
  var warningCircle = require('./warning-circle-24522402.js');
9
- var lodash = require('lodash');
7
+ var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-160b1620.js');
8
+ var TextArea = require('./TextArea-b2af91e6.js');
9
+ var styled = require('styled-components');
10
10
 
11
11
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
12
12
 
@@ -14,18 +14,16 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
14
  var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
15
15
 
16
16
  var _templateObject, _templateObject2, _templateObject3, _templateObject4;
17
- var Instructions$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n position: relative;\n flex-direction: column;\n width: 100%;\n ", ";\n"])), function (props) {
17
+ var Instructions$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n margin-top: 50px;\n display: flex;\n position: relative;\n flex-direction: column;\n ", ";\n"])), function (props) {
18
18
  return props.theme.themeProp('background', '#634E01', props.theme.getColor('signal-yellow-400'));
19
19
  });
20
- var TopBarContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n display: flex;\n justify-content: end;\n ", ";\n\n ", ";\n\n width: 100%;\n margin-top: 0;\n transition: margin-top 120ms;\n &&.slide-in {\n margin-top: -24px;\n }\n"])), function (props) {
21
- return props.theme.themeProp('background', props.theme.getColor('signal-yellow-400'), props.theme.getColor('signal-yellow-400'));
20
+ var TopBarContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n display: flex;\n width: 100%;\n margin-top: 0;\n transition: margin-top 120ms;\n &&.slide-in {\n margin-top: -24px;\n }\n ", ";\n\n ", ";\n"])), function (props) {
21
+ return props.theme.themeProp('background', '#634E01', props.theme.getColor('signal-yellow-400'));
22
22
  }, function (props) {
23
- return props.initialHover && props.theme.themeProp('background', props.theme.getColor('signal-yellow-400'), '#FFFDE8');
24
- });
25
- var SelectContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n width: 35%;\n margin-right: 3px;\n"])));
26
- var InstructionsArea = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n margin: 0;\n width: 100%;\n margin: auto;\n\n ", "\n"])), function (props) {
27
- return props.success && props.theme.themeProp('background', props.theme.getColor('emerald-500'), props.theme.getColor('emerald-300'));
23
+ return props.initialHover && props.theme.themeProp('background', '#634E01', props.theme.getColor('signal-yellow-400'));
28
24
  });
25
+ var SelectContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n width: 100%;\n margin: 0 2px;\n"])));
26
+ var InstructionsArea = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n margin: 2px 2px -1px 2px;\n"])));
29
27
 
30
28
  var Instructions = React__default['default'].forwardRef(function Instructions(_ref, forwardedRef) {
31
29
  var clickToAdd = _ref.clickToAdd,
@@ -46,7 +44,9 @@ var Instructions = React__default['default'].forwardRef(function Instructions(_r
46
44
  loadingMessageFunc = _ref.loadingMessageFunc,
47
45
  placeholder = _ref.placeholder,
48
46
  success = _ref.success,
49
- props = defaultTheme._objectWithoutProperties(_ref, ["clickToAdd", "customAddMessage", "selectedOption", "loadOptions", "readOnly", "hidden", "name", "lightBackground", "autoSelect", "subscribeCurrentValue", "onChange", "onFocus", "onBlur", "onUpdateCallback", "availableOptions", "loadingMessageFunc", "placeholder", "success"]);
47
+ error = _ref.error,
48
+ editWarning = _ref.editWarning,
49
+ props = defaultTheme._objectWithoutProperties(_ref, ["clickToAdd", "customAddMessage", "selectedOption", "loadOptions", "readOnly", "hidden", "name", "lightBackground", "autoSelect", "subscribeCurrentValue", "onChange", "onFocus", "onBlur", "onUpdateCallback", "availableOptions", "loadingMessageFunc", "placeholder", "success", "error", "editWarning"]);
50
50
 
51
51
  var _useState = React.useState(false),
52
52
  _useState2 = defaultTheme._slicedToArray(_useState, 2),
@@ -185,8 +185,10 @@ var Instructions = React__default['default'].forwardRef(function Instructions(_r
185
185
  noBorder: true,
186
186
  lightBackground: background,
187
187
  readOnly: readOnly,
188
+ errorAlert: error,
188
189
  warningAlert: !success,
189
190
  name: name,
191
+ editWarning: editWarning,
190
192
  success: success,
191
193
  value: currentValue === null ? '' : currentValue,
192
194
  onFocus: onFocus,
@@ -199,7 +201,8 @@ Instructions.defaultProps = {
199
201
  clickToAdd: false,
200
202
  lightBackground: false,
201
203
  autoSelect: true,
202
- hidden: false
204
+ hidden: false,
205
+ editWarning: false
203
206
  };
204
207
  Instructions.propTypes = process.env.NODE_ENV !== "production" ? {
205
208
  name: defaultTheme.PropTypes.string,
@@ -212,9 +215,11 @@ Instructions.propTypes = process.env.NODE_ENV !== "production" ? {
212
215
  autoSelect: defaultTheme.PropTypes.bool,
213
216
  readOnly: defaultTheme.PropTypes.bool,
214
217
  success: defaultTheme.PropTypes.bool,
218
+ error: defaultTheme.PropTypes.bool,
215
219
  hidden: defaultTheme.PropTypes.bool,
216
220
  availableOptions: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.object),
217
221
  lightBackground: defaultTheme.PropTypes.bool,
222
+ editWarning: defaultTheme.PropTypes.bool,
218
223
  options: defaultTheme.PropTypes.array,
219
224
  subscribeCurrentValue: defaultTheme.PropTypes.func,
220
225
  onChange: defaultTheme.PropTypes.func,
package/{MultiSelect-5b008b32.js → MultiSelect-9729cedf.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-2f23d6c6.js');
9
+ var reactSelectCreatable_esm = require('./react-select-creatable.esm-4c3da560.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/{Popover-cf1e9677.js → Popover-d3a4b72e.js} RENAMED
@@ -1,8 +1,8 @@
1
1
  'use strict';
2
2
 
3
3
  var defaultTheme = require('./defaultTheme-50f2b88f.js');
4
- var React = require('react');
5
4
  var lodash = require('lodash');
5
+ var React = require('react');
6
6
  var styled = require('styled-components');
7
7
  var polished = require('polished');
8
8
  var TippyTooltip = require('@tippyjs/react');
@@ -87,8 +87,6 @@ var Popover = React__default['default'].forwardRef(function Popover(_ref, ref) {
87
87
  offset: [offset[0], offset[1] + errorOffset],
88
88
  arrow: contextMenu ? false : arrow,
89
89
  visible: visible,
90
- contextMenu: contextMenu,
91
- contextMenuSublevel: contextMenuSublevel,
92
90
  onShown: contextMenu ? handleContextMenuItemClick : undefined
93
91
  }, props), children);
94
92
  });
package/{TextArea-e0496c6f.js → TextArea-b2af91e6.js} RENAMED
@@ -3,17 +3,17 @@
3
3
  var defaultTheme = require('./defaultTheme-50f2b88f.js');
4
4
  var React = require('react');
5
5
  var nanoid = require('nanoid');
6
- var styled = require('styled-components');
7
6
  var lodash = require('lodash');
8
- var editNote = require('./edit-note-c47d292e.js');
9
7
  var checkCircleFilled = require('./check-circle-filled-1640873e.js');
8
+ var editNote = require('./edit-note-c47d292e.js');
9
+ var styled = require('styled-components');
10
10
 
11
11
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
12
12
 
13
13
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
14
  var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
15
15
 
16
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31;
16
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32;
17
17
  var activeLabel = styled.css(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n font-size: 0.75rem;\n padding: 0 3px;\n top: -7px;\n letter-spacing: 0.03em;\n left: 8px !important;\n opacity: 1 !important;\n"])));
18
18
  var placeholderBaseStyle = styled.css(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n ", "\n\n ", "\n"])), function (props) {
19
19
  return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600'));
@@ -28,7 +28,7 @@ var CheckIconContainer = styled__default['default'].div.attrs(defaultTheme.apply
28
28
  });
29
29
  var Container = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral([""])));
30
30
  var OpacityBox = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral([""])));
31
- var TextInputField = styled__default['default'].textarea.attrs(defaultTheme.applyDefaultTheme)(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n width: 100%;\n font-family: inherit;\n font-size: 0.875rem;\n border-radius: 2px;\n padding: 13px 10px;\n resize: vertical;\n transition: height 0.3s ease;\n z-index: 0; \n\n ", "\n\n ", "\n \n ", "\n ", "\n ", "\n border: 1px solid;\n ", "\n ", " \n\n \n ", "\n \n\n ", " \n\n ", " \n ", "\n ", ";\n &&:hover:not(:focus) {\n ", ";\n transition: background 350ms;\n & + ", " {\n opacity: 1;\n ", ";\n transition: opacity 350ms;\n }\n }\n \n border-radius: 3px;\n box-sizing: border-box;\n appearance: none;\n transition: border-color 350ms;\n ", "\n ", "\n ", "\n\n ", "\n\n &::placeholder {\n ", "\n\n ", "\n }\n\n :focus {\n outline: none;\n ", "\n }\n\n :focus {\n outline: none;\n border-color: ", " !important\n \n"])), function (props) {
31
+ var TextInputField = styled__default['default'].textarea.attrs(defaultTheme.applyDefaultTheme)(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n width: 100%;\n font-family: inherit;\n font-size: 0.875rem;\n border-radius: 2px;\n padding: 13px 10px;\n resize: vertical;\n transition: height 0.3s ease;\n z-index: 0; \n\n ", "\n\n ", "\n \n ", "\n ", "\n ", "\n border: 1px solid;\n ", "\n ", " \n\n \n ", "\n \n\n ", " \n\n ", " \n\n ", " \n ", "\n ", ";\n &&:hover:not(:focus) {\n ", ";\n transition: background 350ms;\n & + ", " {\n opacity: 1;\n ", ";\n transition: opacity 350ms;\n }\n }\n \n border-radius: 3px;\n box-sizing: border-box;\n appearance: none;\n transition: border-color 350ms;\n ", "\n ", "\n ", "\n\n ", "\n\n &::placeholder {\n ", "\n\n ", "\n }\n\n :focus {\n outline: none;\n ", "\n }\n\n :focus {\n outline: none;\n border-color: ", " !important\n \n"])), function (props) {
32
32
  return props.expanded && styled.css(_templateObject8 || (_templateObject8 = defaultTheme._taggedTemplateLiteral(["\n height: ", "em;\n "])), props.maxHeight);
33
33
  }, function (props) {
34
34
  return props.showMore && styled.css(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n overflow: hidden;\n "])));
@@ -45,25 +45,27 @@ var TextInputField = styled__default['default'].textarea.attrs(defaultTheme.appl
45
45
  }, function (props) {
46
46
  return props.success && styled.css(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n ", "\n &&:hover {\n ", "\n }\n "])), props.theme.themeProp('background', props.theme.getColor('emerald-500'), props.theme.getColor('emerald-300')), props.theme.themeProp('background', '#64b49d !important', '#bfe0d5 !important'));
47
47
  }, function (props) {
48
- return props.warningAlert && styled.css(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n ", "\n :focus {\n background: white !important;\n }\n &&:hover:not(:focus) {\n ", "\n }\n &&:read-only:hover {\n ", "\n }\n "])), props.theme.themeProp('background', props.theme.getColor('signal-yellow-500'), props.theme.getColor('signal-yellow-400')), props.theme.themeProp('background', props.theme.getColor('signal-yellow-500'), props.theme.getColor('signal-yellow-400')), props.theme.themeProp('background', props.theme.getColor('signal-yellow-500'), props.theme.getColor('signal-yellow-400')));
48
+ return props.warningAlert && !props.editWarning && styled.css(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n ", "\n :focus {\n background: white !important;\n }\n &&:hover:not(:focus) {\n ", "\n }\n &&:read-only:hover {\n ", "\n }\n "])), props.theme.themeProp('background', props.theme.getColor('signal-yellow-500'), props.theme.getColor('signal-yellow-400')), props.theme.themeProp('background', '#fffde8', '#F4E21E'), props.theme.themeProp('background', props.theme.getColor('signal-yellow-500'), props.theme.getColor('signal-yellow-400')));
49
+ }, function (props) {
50
+ return props.warningAlert && props.editWarning && styled.css(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n ", "\n :focus {\n background: white !important;\n }\n &&:hover:not(:focus) {\n ", "\n }\n &&:read-only:hover {\n ", "\n }\n "])), props.theme.themeProp('background', '#fffde8', '#fffde8'), props.theme.themeProp('background', '#fffebf', '#fffebf'), props.theme.themeProp('background', props.theme.getColor('signal-yellow-500'), props.theme.getColor('signal-yellow-400')));
49
51
  }, function (props) {
50
- return props.errorAlert && styled.css(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\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'));
52
+ return props.errorAlert && styled.css(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\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'));
51
53
  }, function (props) {
52
- return props.lightBackground && styled.css(_templateObject14 || (_templateObject14 = 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'));
54
+ return props.lightBackground && styled.css(_templateObject15 || (_templateObject15 = 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'));
53
55
  }, function (props) {
54
56
  return props.edit && props.theme.themeProp('background', '#505050', '#eff1f4');
55
57
  }, function (props) {
56
58
  return props.noBorder && !props.readOnly && !props.warningAlert ? props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100')) : 'background: transparent';
57
59
  }, InputIconContainer, function (props) {
58
- return props.success && styled.css(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0;\n "])));
60
+ return props.success && styled.css(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0;\n "])));
59
61
  }, function (props) {
60
- return props.warning && styled.css(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n border-color: ", " !important;\n "])), props.theme.getColor('orange-500'));
62
+ return props.warning && styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n border-color: ", " !important;\n "])), props.theme.getColor('orange-500'));
61
63
  }, function (props) {
62
- return props.error && styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n border-color: ", " !important;\n "])), props.theme.getColor('red-500'));
64
+ return props.error && styled.css(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n border-color: ", " !important;\n "])), props.theme.getColor('red-500'));
63
65
  }, function (props) {
64
- return props.hasIcon && styled.css(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n padding-left: 35px;\n "])));
66
+ return props.hasIcon && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n padding-left: 35px;\n "])));
65
67
  }, function (props) {
66
- return (props.warningAlert || props.errorAlert) && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n padding-left: 55px;\n padding-top: 25px;\n padding-right: 30px;\n "])));
68
+ return (props.warningAlert || props.errorAlert) && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n padding-left: 55px;\n padding-top: 25px;\n padding-right: 30px;\n "])));
67
69
  }, function (props) {
68
70
  return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600'), 1);
69
71
  }, function (props) {
@@ -73,34 +75,34 @@ var TextInputField = styled__default['default'].textarea.attrs(defaultTheme.appl
73
75
  }, function (props) {
74
76
  return props.theme.getColor('gray-600');
75
77
  });
76
- var TextInputLabel = styled__default['default'].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject20 || (_templateObject20 = 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\n ", ";\n\n ", "\n\n ", "\n content: \"\";\n\n ", "\n"])), placeholderBaseStyle, function (props) {
78
+ var TextInputLabel = styled__default['default'].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject21 || (_templateObject21 = 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\n ", ";\n\n ", "\n\n ", "\n content: \"\";\n\n ", "\n"])), placeholderBaseStyle, function (props) {
77
79
  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%)"));
78
80
  }, function (props) {
79
- return props.hasPlaceholder && styled.css(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n ", "\n "])), activeLabel, props.error && styled.css(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n color: ", " !important;\n "])), props.theme.getColor('red-500')));
81
+ return props.hasPlaceholder && styled.css(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n ", "\n "])), activeLabel, props.error && styled.css(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n color: ", " !important;\n "])), props.theme.getColor('red-500')));
80
82
  }, function (props) {
81
- return props.hasIcon && styled.css(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n left: 35px;\n "])));
83
+ return props.hasIcon && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n left: 35px;\n "])));
82
84
  });
83
- var TextInputFieldIcon = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n left: 0;\n height: 2.625rem;\n display: flex;\n padding: 0 10px;\n\n svg {\n width: 15px;\n opacity: 0.6;\n transition: opacity 250ms;\n }\n"])));
84
- var TextInputFieldIconAlert = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 13px;\n height: 2.625rem;\n display: flex;\n padding: 0 10px 0 30px;\n svg {\n width: 15px;\n opacity: 0.6;\n transition: opacity 250ms;\n ", "\n }\n"])), function (props) {
85
+ var TextInputFieldIcon = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n left: 0;\n height: 2.625rem;\n display: flex;\n padding: 0 10px;\n\n svg {\n width: 15px;\n opacity: 0.6;\n transition: opacity 250ms;\n }\n"])));
86
+ var TextInputFieldIconAlert = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 13px;\n height: 2.625rem;\n display: flex;\n padding: 0 10px 0 30px;\n svg {\n width: 15px;\n opacity: 0.6;\n transition: opacity 250ms;\n ", "\n }\n"])), function (props) {
85
87
  return props.theme.themeProp('color', props.theme.getColor('gray-600'), props.theme.getColor('gray-600'), 1);
86
88
  });
87
- var TextInput = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n position: relative;\n\n &:focus-within {\n ", " {\n ", ";\n }\n\n ", " {\n svg {\n opacity: 1;\n }\n }\n }\n\n ", ":not(:placeholder-shown) + ", " {\n ", ";\n ", "\n }\n\n ", "\n"])), TextInputLabel, activeLabel, TextInputFieldIcon, TextInputField, TextInputLabel, activeLabel, function (props) {
89
+ var TextInput = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n position: relative;\n\n &:focus-within {\n ", " {\n ", ";\n }\n\n ", " {\n svg {\n opacity: 1;\n }\n }\n }\n\n ", ":not(:placeholder-shown) + ", " {\n ", ";\n ", "\n }\n\n ", "\n"])), TextInputLabel, activeLabel, TextInputFieldIcon, TextInputField, TextInputLabel, activeLabel, function (props) {
88
90
  return props.error && props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500'));
89
91
  }, function (props) {
90
- return props.disabled && styled.css(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n\n > * {\n cursor: not-allowed;\n }\n "])));
92
+ return props.disabled && styled.css(_templateObject28 || (_templateObject28 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n\n > * {\n cursor: not-allowed;\n }\n "])));
91
93
  });
92
- var Description = styled__default['default'].p.attrs(defaultTheme.applyDefaultTheme)(_templateObject28 || (_templateObject28 = 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"])), function (props) {
94
+ var Description = styled__default['default'].p.attrs(defaultTheme.applyDefaultTheme)(_templateObject29 || (_templateObject29 = 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"])), function (props) {
93
95
  return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
94
96
  }, function (props) {
95
- return props.error && styled.css(_templateObject29 || (_templateObject29 = defaultTheme._taggedTemplateLiteral(["\n content: 'error';\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
97
+ return props.error && styled.css(_templateObject30 || (_templateObject30 = defaultTheme._taggedTemplateLiteral(["\n content: 'error';\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
96
98
  });
97
- var ShowMoreText = styled__default['default'].p.attrs(defaultTheme.applyDefaultTheme)(_templateObject30 || (_templateObject30 = defaultTheme._taggedTemplateLiteral(["\n margin: 8px 0 0 0;\n padding: 0 0.6875rem;\n font-size: 0.75rem;\n line-height: 1.333;\n cursor: pointer;\n\n ", ";\n\n ", "\n"])), function (props) {
99
+ var ShowMoreText = styled__default['default'].p.attrs(defaultTheme.applyDefaultTheme)(_templateObject31 || (_templateObject31 = defaultTheme._taggedTemplateLiteral(["\n margin: 8px 0 0 0;\n padding: 0 0.6875rem;\n font-size: 0.75rem;\n line-height: 1.333;\n cursor: pointer;\n\n ", ";\n\n ", "\n"])), function (props) {
98
100
  return props.theme.themeProp('color', props.theme.getColor('emerald-300'), props.theme.getColor('emerald-500'));
99
101
  }, function (props) {
100
- return props.error && styled.css(_templateObject31 || (_templateObject31 = defaultTheme._taggedTemplateLiteral(["\n content: 'error';\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
102
+ return props.error && styled.css(_templateObject32 || (_templateObject32 = defaultTheme._taggedTemplateLiteral(["\n content: 'error';\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
101
103
  });
102
104
 
103
- var TextArea = React__default['default'].forwardRef(function TextArea(_ref) {
105
+ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forwardedRef) {
104
106
  var value = _ref.value,
105
107
  defaultValue = _ref.defaultValue,
106
108
  name = _ref.name,
@@ -111,6 +113,7 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref) {
111
113
  hidden = _ref.hidden,
112
114
  readOnly = _ref.readOnly,
113
115
  edit = _ref.edit,
116
+ editWarning = _ref.editWarning,
114
117
  isExpanded = _ref.isExpanded,
115
118
  maxRows = _ref.maxRows,
116
119
  showMore = _ref.showMore,
@@ -130,7 +133,7 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref) {
130
133
  noBorder = _ref.noBorder,
131
134
  warningAlert = _ref.warningAlert,
132
135
  errorAlert = _ref.errorAlert,
133
- rest = defaultTheme._objectWithoutProperties(_ref, ["value", "defaultValue", "name", "label", "placeholder", "required", "disabled", "hidden", "readOnly", "edit", "isExpanded", "maxRows", "showMore", "showMoreText", "autoComplete", "description", "success", "error", "warning", "icon", "rows", "className", "style", "onChange", "onBlur", "lightBackground", "noBorder", "warningAlert", "errorAlert"]);
136
+ rest = defaultTheme._objectWithoutProperties(_ref, ["value", "defaultValue", "name", "label", "placeholder", "required", "disabled", "hidden", "readOnly", "edit", "editWarning", "isExpanded", "maxRows", "showMore", "showMoreText", "autoComplete", "description", "success", "error", "warning", "icon", "rows", "className", "style", "onChange", "onBlur", "lightBackground", "noBorder", "warningAlert", "errorAlert"]);
134
137
 
135
138
  var textInputRef = React.useRef(null);
136
139
 
@@ -250,7 +253,7 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref) {
250
253
  className: className,
251
254
  style: style
252
255
  }, !warningAlert && !errorAlert && React__default['default'].createElement(TextInputFieldIcon, null, icon), (warningAlert || errorAlert) && React__default['default'].createElement(TextInputFieldIconAlert, null, icon), React__default['default'].createElement(Container, null, React__default['default'].createElement(OpacityBox, null, React__default['default'].createElement(TextInputField, defaultTheme._extends({
253
- ref: textInputRef,
256
+ ref: forwardedRef ? forwardedRef : textInputRef,
254
257
  rows: contentRows > rows ? contentRows : rows,
255
258
  expanded: expanded,
256
259
  maxHeight: maxHeight,
@@ -262,6 +265,7 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref) {
262
265
  disabled: disabled || readOnly,
263
266
  readOnly: readOnly,
264
267
  edit: edit,
268
+ editWarning: editWarning,
265
269
  showMore: showMore,
266
270
  success: success,
267
271
  autoComplete: autoComplete,
@@ -295,6 +299,7 @@ TextArea.defaultProps = {
295
299
  noBorder: false,
296
300
  readOnly: false,
297
301
  edit: false,
302
+ editWarning: false,
298
303
  warningAlert: false,
299
304
  errorAlert: false,
300
305
  hidden: false,
@@ -316,6 +321,7 @@ TextArea.propTypes = process.env.NODE_ENV !== "production" ? {
316
321
  showMore: defaultTheme.PropTypes.bool,
317
322
  showMoreText: defaultTheme.PropTypes.string,
318
323
  edit: defaultTheme.PropTypes.bool,
324
+ editWarning: defaultTheme.PropTypes.bool,
319
325
  autoComplete: defaultTheme.PropTypes.string,
320
326
  description: defaultTheme.PropTypes.string,
321
327
  error: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.bool, defaultTheme.PropTypes.string]),
package/data/Popover/index.js CHANGED
@@ -1,10 +1,10 @@
1
1
  'use strict';
2
2
 
3
- var Popover = require('../../Popover-cf1e9677.js');
3
+ var Popover = require('../../Popover-d3a4b72e.js');
4
4
  require('../../defaultTheme-50f2b88f.js');
5
5
  require('styled-components');
6
- require('react');
7
6
  require('lodash');
7
+ require('react');
8
8
  require('polished');
9
9
  require('@tippyjs/react');
10
10
  require('../../shift-away-subtle-cfdf1dbe.js');
package/data/index.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var Alert = require('../Alert-3e4f8be1.js');
6
6
  var Badge = require('../Badge-9bcebe96.js');
7
- var Popover = require('../Popover-cf1e9677.js');
7
+ var Popover = require('../Popover-d3a4b72e.js');
8
8
  var Tab = require('../Tab-bd0f3345.js');
9
9
  var Tabs = require('../Tabs-bf42275e.js');
10
10
  var Tooltip = require('../Tooltip-f4f9ab8f.js');
package/inputs/Button/index.js CHANGED
@@ -1,10 +1,10 @@
1
1
  'use strict';
2
2
 
3
- var Button = require('../../Button-f893df21.js');
3
+ var Button = require('../../Button-432f87c6.js');
4
4
  require('../../defaultTheme-50f2b88f.js');
5
5
  require('styled-components');
6
6
  require('react');
7
- require('../../Popover-cf1e9677.js');
7
+ require('../../Popover-d3a4b72e.js');
8
8
  require('lodash');
9
9
  require('polished');
10
10
  require('@tippyjs/react');
package/inputs/CompactAutocompleteSelect/index.js CHANGED
@@ -1,15 +1,15 @@
1
1
  'use strict';
2
2
 
3
- var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-05c45f9a.js');
3
+ var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-160b1620.js');
4
4
  require('../../defaultTheme-50f2b88f.js');
5
5
  require('styled-components');
6
6
  require('react');
7
7
  require('nanoid');
8
8
  require('lodash');
9
9
  require('react-select');
10
- require('../../react-select-creatable.esm-2f23d6c6.js');
11
- require('react-dom');
12
10
  require('react-select-async-paginate');
11
+ require('../../react-select-creatable.esm-4c3da560.js');
12
+ require('react-dom');
13
13
  require('../../close-ebf2f3cf.js');
14
14
  require('../../expand-more-94585605.js');
15
15
  require('../../check-circle-filled-1640873e.js');
package/inputs/CompactTextInput/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var CompactTextInput = require('../../CompactTextInput-ad17303a.js');
3
+ var CompactTextInput = require('../../CompactTextInput-9980612c.js');
4
4
  require('../../defaultTheme-50f2b88f.js');
5
5
  require('styled-components');
6
6
  require('react');
@@ -10,7 +10,7 @@ require('../../edit-note-c47d292e.js');
10
10
  require('../../check-circle-filled-1640873e.js');
11
11
  require('../../Alert-3e4f8be1.js');
12
12
  require('../../Badge-9bcebe96.js');
13
- require('../../Popover-cf1e9677.js');
13
+ require('../../Popover-d3a4b72e.js');
14
14
  require('polished');
15
15
  require('@tippyjs/react');
16
16
  require('../../shift-away-subtle-cfdf1dbe.js');
package/inputs/MultiSelect/index.js CHANGED
@@ -1,13 +1,13 @@
1
1
  'use strict';
2
2
 
3
- var MultiSelect = require('../../MultiSelect-5b008b32.js');
3
+ var MultiSelect = require('../../MultiSelect-9729cedf.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-2f23d6c6.js');
10
+ require('../../react-select-creatable.esm-4c3da560.js');
11
11
  require('react-dom');
12
12
  require('react-select-async-paginate');
13
13
 
package/inputs/TextArea/index.js CHANGED
@@ -1,13 +1,13 @@
1
1
  'use strict';
2
2
 
3
- var TextArea = require('../../TextArea-e0496c6f.js');
3
+ var TextArea = require('../../TextArea-b2af91e6.js');
4
4
  require('../../defaultTheme-50f2b88f.js');
5
5
  require('styled-components');
6
6
  require('react');
7
7
  require('nanoid');
8
8
  require('lodash');
9
- require('../../edit-note-c47d292e.js');
10
9
  require('../../check-circle-filled-1640873e.js');
10
+ require('../../edit-note-c47d292e.js');
11
11
 
12
12
 
13
13
 
package/inputs/index.js CHANGED
@@ -3,20 +3,20 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var ActionButton = require('../ActionButton-c3f5ed94.js');
6
- var Button = require('../Button-f893df21.js');
6
+ var Button = require('../Button-432f87c6.js');
7
7
  var Checkbox = require('../Checkbox-012bbd3f.js');
8
- var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-05c45f9a.js');
8
+ var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-160b1620.js');
9
9
  var CompactStarRating = require('../CompactStarRating-53593d92.js');
10
- var CompactTextInput = require('../CompactTextInput-ad17303a.js');
11
- var MultiSelect = require('../MultiSelect-5b008b32.js');
10
+ var CompactTextInput = require('../CompactTextInput-9980612c.js');
11
+ var MultiSelect = require('../MultiSelect-9729cedf.js');
12
12
  var Radio = require('../Radio-0594409d.js');
13
- var TextArea = require('../TextArea-e0496c6f.js');
13
+ var TextArea = require('../TextArea-b2af91e6.js');
14
14
  var TextInput = require('../TextInput-a1083be3.js');
15
15
  var Switch = require('../Switch-cd165c8c.js');
16
16
  require('../defaultTheme-50f2b88f.js');
17
17
  require('styled-components');
18
18
  require('react');
19
- require('../Popover-cf1e9677.js');
19
+ require('../Popover-d3a4b72e.js');
20
20
  require('lodash');
21
21
  require('polished');
22
22
  require('@tippyjs/react');
@@ -25,9 +25,9 @@ require('../ContextMenu-d088833b.js');
25
25
  require('../expand-more-94585605.js');
26
26
  require('nanoid');
27
27
  require('react-select');
28
- require('../react-select-creatable.esm-2f23d6c6.js');
29
- require('react-dom');
30
28
  require('react-select-async-paginate');
29
+ require('../react-select-creatable.esm-4c3da560.js');
30
+ require('react-dom');
31
31
  require('../close-ebf2f3cf.js');
32
32
  require('../check-circle-filled-1640873e.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.79",
3
+ "version": "1.1.0-beta.80",
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-2f23d6c6.js → react-select-creatable.esm-4c3da560.js} RENAMED
@@ -2572,7 +2572,7 @@ var Emotion$1 = Emotion;
2572
2572
 
2573
2573
  var pkg = {
2574
2574
  name: "@emotion/react",
2575
- version: "11.11.1",
2575
+ version: "11.11.3",
2576
2576
  main: "dist/emotion-react.cjs.js",
2577
2577
  module: "dist/emotion-react.esm.js",
2578
2578
  browser: {
@@ -2645,7 +2645,7 @@ var pkg = {
2645
2645
  "@babel/runtime": "^7.18.3",
2646
2646
  "@emotion/babel-plugin": "^11.11.0",
2647
2647
  "@emotion/cache": "^11.11.0",
2648
- "@emotion/serialize": "^1.1.2",
2648
+ "@emotion/serialize": "^1.1.3",
2649
2649
  "@emotion/use-insertion-effect-with-fallbacks": "^1.0.1",
2650
2650
  "@emotion/utils": "^1.2.1",
2651
2651
  "@emotion/weak-memoize": "^0.3.1",
@@ -2661,7 +2661,7 @@ var pkg = {
2661
2661
  },
2662
2662
  devDependencies: {
2663
2663
  "@definitelytyped/dtslint": "0.0.112",
2664
- "@emotion/css": "11.11.0",
2664
+ "@emotion/css": "11.11.2",
2665
2665
  "@emotion/css-prettifier": "1.1.3",
2666
2666
  "@emotion/server": "11.11.0",
2667
2667
  "@emotion/styled": "11.11.0",
package/widgets/AssetGallery/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var AssetGallery = require('../../AssetGallery-4d5b23c6.js');
3
+ var AssetGallery = require('../../AssetGallery-6824b3cc.js');
4
4
  require('../../defaultTheme-50f2b88f.js');
5
5
  require('styled-components');
6
6
  require('react');
@@ -11,31 +11,31 @@ require('../../edit-note-c47d292e.js');
11
11
  require('resize-observer-polyfill');
12
12
  require('react-lazy-load-image-component');
13
13
  require('../../ActionButton-c3f5ed94.js');
14
- require('../../Button-f893df21.js');
15
- require('../../Popover-cf1e9677.js');
14
+ require('../../Button-432f87c6.js');
15
+ require('../../Popover-d3a4b72e.js');
16
16
  require('polished');
17
17
  require('@tippyjs/react');
18
18
  require('../../shift-away-subtle-cfdf1dbe.js');
19
19
  require('../../ContextMenu-d088833b.js');
20
20
  require('../../expand-more-94585605.js');
21
21
  require('../../Checkbox-012bbd3f.js');
22
- require('../../CompactAutocompleteSelect-05c45f9a.js');
22
+ require('../../CompactAutocompleteSelect-160b1620.js');
23
23
  require('react-select');
24
- require('../../react-select-creatable.esm-2f23d6c6.js');
25
- require('react-dom');
26
24
  require('react-select-async-paginate');
25
+ require('../../react-select-creatable.esm-4c3da560.js');
26
+ require('react-dom');
27
27
  require('../../close-ebf2f3cf.js');
28
28
  require('../../check-circle-filled-1640873e.js');
29
29
  require('../../CompactStarRating-53593d92.js');
30
- require('../../CompactTextInput-ad17303a.js');
30
+ require('../../CompactTextInput-9980612c.js');
31
31
  require('../../Alert-3e4f8be1.js');
32
32
  require('../../Badge-9bcebe96.js');
33
33
  require('../../Tab-bd0f3345.js');
34
34
  require('../../Tabs-bf42275e.js');
35
35
  require('../../Tooltip-f4f9ab8f.js');
36
- require('../../MultiSelect-5b008b32.js');
36
+ require('../../MultiSelect-9729cedf.js');
37
37
  require('../../Radio-0594409d.js');
38
- require('../../TextArea-e0496c6f.js');
38
+ require('../../TextArea-b2af91e6.js');
39
39
  require('../../Switch-cd165c8c.js');
40
40
  require('../../warning-circle-24522402.js');
41
41
 
package/widgets/Instructions/index.js CHANGED
@@ -1,22 +1,22 @@
1
1
  'use strict';
2
2
 
3
- var Instructions = require('../../Instructions-6d4bcc07.js');
3
+ var Instructions = require('../../Instructions-34009106.js');
4
4
  require('../../defaultTheme-50f2b88f.js');
5
5
  require('styled-components');
6
+ require('lodash');
6
7
  require('react');
7
- require('../../TextArea-e0496c6f.js');
8
+ require('../../warning-circle-24522402.js');
9
+ require('../../CompactAutocompleteSelect-160b1620.js');
8
10
  require('nanoid');
9
- require('lodash');
10
- require('../../edit-note-c47d292e.js');
11
- require('../../check-circle-filled-1640873e.js');
12
- require('../../CompactAutocompleteSelect-05c45f9a.js');
13
11
  require('react-select');
14
- require('../../react-select-creatable.esm-2f23d6c6.js');
15
- require('react-dom');
16
12
  require('react-select-async-paginate');
13
+ require('../../react-select-creatable.esm-4c3da560.js');
14
+ require('react-dom');
17
15
  require('../../close-ebf2f3cf.js');
18
16
  require('../../expand-more-94585605.js');
19
- require('../../warning-circle-24522402.js');
17
+ require('../../check-circle-filled-1640873e.js');
18
+ require('../../TextArea-b2af91e6.js');
19
+ require('../../edit-note-c47d292e.js');
20
20
 
21
21
 
22
22
 
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-4d5b23c6.js');
5
+ var AssetGallery = require('../AssetGallery-6824b3cc.js');
6
6
  var ContextMenu = require('../ContextMenu-d088833b.js');
7
7
  var AssetPreviewTopBar = require('../AssetPreviewTopBar-449e6019.js');
8
- var Instructions = require('../Instructions-6d4bcc07.js');
8
+ var Instructions = require('../Instructions-34009106.js');
9
9
  require('../defaultTheme-50f2b88f.js');
10
10
  require('styled-components');
11
11
  require('react');
@@ -16,30 +16,30 @@ require('../edit-note-c47d292e.js');
16
16
  require('resize-observer-polyfill');
17
17
  require('react-lazy-load-image-component');
18
18
  require('../ActionButton-c3f5ed94.js');
19
- require('../Button-f893df21.js');
20
- require('../Popover-cf1e9677.js');
19
+ require('../Button-432f87c6.js');
20
+ require('../Popover-d3a4b72e.js');
21
21
  require('polished');
22
22
  require('@tippyjs/react');
23
23
  require('../shift-away-subtle-cfdf1dbe.js');
24
24
  require('../expand-more-94585605.js');
25
25
  require('../Checkbox-012bbd3f.js');
26
- require('../CompactAutocompleteSelect-05c45f9a.js');
26
+ require('../CompactAutocompleteSelect-160b1620.js');
27
27
  require('react-select');
28
- require('../react-select-creatable.esm-2f23d6c6.js');
29
- require('react-dom');
30
28
  require('react-select-async-paginate');
29
+ require('../react-select-creatable.esm-4c3da560.js');
30
+ require('react-dom');
31
31
  require('../close-ebf2f3cf.js');
32
32
  require('../check-circle-filled-1640873e.js');
33
33
  require('../CompactStarRating-53593d92.js');
34
- require('../CompactTextInput-ad17303a.js');
34
+ require('../CompactTextInput-9980612c.js');
35
35
  require('../Alert-3e4f8be1.js');
36
36
  require('../Badge-9bcebe96.js');
37
37
  require('../Tab-bd0f3345.js');
38
38
  require('../Tabs-bf42275e.js');
39
39
  require('../Tooltip-f4f9ab8f.js');
40
- require('../MultiSelect-5b008b32.js');
40
+ require('../MultiSelect-9729cedf.js');
41
41
  require('../Radio-0594409d.js');
42
- require('../TextArea-e0496c6f.js');
42
+ require('../TextArea-b2af91e6.js');
43
43
  require('../Switch-cd165c8c.js');
44
44
  require('../warning-circle-24522402.js');
45
45