@ntbjs/react-components 1.3.0-rc.56 → 1.3.0-rc.58

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/{AssetAction-ab2260b1.js → AssetAction-df8163e5.js} +8 -8
  2. package/{Button-31356436.js → Button-873454c8.js} +41 -28
  3. package/{CompactAutocompleteSelect-4be1521f.js → CompactAutocompleteSelect-b0d2ce48.js} +1 -1
  4. package/{CompactStarRating-a9082843.js → CompactStarRating-957641bf.js} +1 -1
  5. package/{CompactTextInput-f9f49740.js → CompactTextInput-05b5d847.js} +1 -1
  6. package/{Instructions-8b33b4f2.js → Instructions-48ff279a.js} +2 -2
  7. package/{MultiLevelCheckboxSelect-51cb40e1.js → MultiLevelCheckboxSelect-e2325c8f.js} +1 -1
  8. package/{Popover-c1a29454.js → Popover-52d29ca6.js} +14 -7
  9. package/{TextArea-4a3c3625.js → TextArea-7c6023fe.js} +1 -1
  10. package/data/Popover/index.js +1 -1
  11. package/data/index.js +1 -1
  12. package/inputs/Button/index.js +2 -2
  13. package/inputs/CompactAutocompleteSelect/index.js +2 -2
  14. package/inputs/CompactStarRating/index.js +2 -2
  15. package/inputs/CompactTextInput/index.js +2 -2
  16. package/inputs/TextArea/index.js +2 -2
  17. package/inputs/index.js +7 -7
  18. package/package.json +1 -1
  19. package/widgets/AssetGallery/index.js +9 -9
  20. package/widgets/Instructions/index.js +4 -4
  21. package/widgets/index.js +9 -9
package/{AssetAction-ab2260b1.js → AssetAction-df8163e5.js} RENAMED
@@ -5,13 +5,13 @@ var lodash = require('lodash');
5
5
  var React = require('react');
6
6
  var useMergedRefs = require('./useMergedRefs-b6d2f8fc.js');
7
7
  var ResizeObserver = require('resize-observer-polyfill');
8
- var MultiLevelCheckboxSelect = require('./MultiLevelCheckboxSelect-51cb40e1.js');
8
+ var MultiLevelCheckboxSelect = require('./MultiLevelCheckboxSelect-e2325c8f.js');
9
9
  var styled = require('styled-components');
10
10
  var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
11
- var Instructions = require('./Instructions-8b33b4f2.js');
11
+ var Instructions = require('./Instructions-48ff279a.js');
12
12
  var Alert = require('./Alert-1b2ff6dd.js');
13
13
  var Badge = require('./Badge-e055db69.js');
14
- var Popover = require('./Popover-c1a29454.js');
14
+ var Popover = require('./Popover-52d29ca6.js');
15
15
  require('./Tab-124fef45.js');
16
16
  require('./Tabs-62bdcdfa.js');
17
17
  var Tooltip = require('./Tooltip-4111dfdd.js');
@@ -21,14 +21,14 @@ var polished = require('polished');
21
21
  var ContextMenu = require('./ContextMenu-1b7b7cec.js');
22
22
  require('./AssetPreviewTopBar-08ca770d.js');
23
23
  var ActionButton = require('./ActionButton-f84f83eb.js');
24
- require('./Button-31356436.js');
24
+ require('./Button-873454c8.js');
25
25
  require('./Checkbox-acd15d02.js');
26
- require('./CompactAutocompleteSelect-4be1521f.js');
27
- require('./CompactStarRating-a9082843.js');
28
- require('./CompactTextInput-f9f49740.js');
26
+ require('./CompactAutocompleteSelect-b0d2ce48.js');
27
+ require('./CompactStarRating-957641bf.js');
28
+ require('./CompactTextInput-05b5d847.js');
29
29
  require('./MultiSelect-d6294329.js');
30
30
  require('./Radio-abb11971.js');
31
- require('./TextArea-4a3c3625.js');
31
+ require('./TextArea-7c6023fe.js');
32
32
  require('./TextInput-7b83f6f4.js');
33
33
  require('./Switch-66cd66ab.js');
34
34
  var ContextMenuItem = require('./ContextMenuItem-50de2150.js');
package/{Button-31356436.js → Button-873454c8.js} RENAMED
@@ -3,7 +3,7 @@
3
3
  var defaultTheme = require('./defaultTheme-cd01e6c2.js');
4
4
  var React = require('react');
5
5
  var styled = require('styled-components');
6
- var Popover = require('./Popover-c1a29454.js');
6
+ var Popover = require('./Popover-52d29ca6.js');
7
7
  var ContextMenu = require('./ContextMenu-1b7b7cec.js');
8
8
  var expandMore = require('./expand-more-d74e2bd2.js');
9
9
 
@@ -12,8 +12,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
12
12
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
13
  var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
14
14
 
15
- 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;
16
- var Button$1 = styled__default["default"].button.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n position: relative;\n border-radius: 3px;\n font-family: inherit;\n font-size: 0.875rem;\n font-weight: 400;\n padding: 12px 16px;\n cursor: pointer;\n background: ", ";\n border: 2px solid ", ";\n transition: all 250ms, opacity 200ms;\n\n &:hover,\n &.dropdown-is-active {\n background: #296c58;\n border-color: #296c58;\n }\n\n ", "\n\n && {\n ", ";\n }\n\n && {\n ", ";\n }\n\n && {\n ", ";\n }\n\n && {\n ", ";\n }\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"])), function (props) {
15
+ 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 Button$1 = styled__default["default"].button.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n position: relative;\n border-radius: 3px;\n font-family: inherit;\n font-size: 0.875rem;\n font-weight: 400;\n padding: 12px 16px;\n cursor: pointer;\n background: ", ";\n border: 2px solid ", ";\n transition: all 250ms, opacity 200ms;\n\n &:hover,\n &.dropdown-is-active {\n background: #296c58;\n border-color: #296c58;\n }\n\n ", "\n\n && {\n ", ";\n }\n\n && {\n ", ";\n }\n\n && {\n ", ";\n }\n\n && {\n ", ";\n }\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"])), function (props) {
17
17
  return props.theme.getColor('emerald-500');
18
18
  }, function (props) {
19
19
  return props.theme.getColor('emerald-500');
@@ -46,43 +46,45 @@ var Button$1 = styled__default["default"].button.attrs(defaultTheme.applyDefault
46
46
  }, function (props) {
47
47
  return props.size === 'large' && styled.css(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n padding: 16px 16px;\n "])));
48
48
  }, function (props) {
49
- return props.singleAction && styled.css(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n gap: 34px;\n border-radius: 3px !important;\n transition: all 250ms, opacity 200ms;\n "])));
49
+ return props.singleAction && styled.css(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n gap: ", "px;\n border-radius: 3px !important;\n transition: all 250ms, opacity 200ms;\n "])), props.singleActionGap);
50
+ }, function (props) {
51
+ return props.width && styled.css(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n min-width: ", "px;\n justify-content: center;\n "])), props.width);
50
52
  });
51
- var ButtonContent = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n align-items: center;\n transform: scale(1);\n opacity: 1;\n transition: all 200ms;\n\n > svg {\n width: 100%;\n max-width: 16px;\n max-height: 16px;\n margin-right: 8px;\n\n ", ";\n\n ", ";\n }\n\n ", "\n\n ", ";\n"])), function (props) {
52
- return props.size === 'small' && styled.css(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n max-width: 13px;\n max-height: 13px;\n "])));
53
+ var ButtonContent = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n align-items: center;\n transform: scale(1);\n opacity: 1;\n transition: all 200ms;\n\n > svg {\n width: 100%;\n max-width: 16px;\n max-height: 16px;\n margin-right: 8px;\n\n ", ";\n\n ", ";\n }\n\n ", "\n\n ", ";\n"])), function (props) {
54
+ return props.size === 'small' && styled.css(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n max-width: 13px;\n max-height: 13px;\n "])));
53
55
  }, function (props) {
54
- return props.size === 'x-small' && styled.css(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n max-width: 11px;\n max-height: 11px;\n "])));
56
+ return props.size === 'x-small' && styled.css(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n max-width: 11px;\n max-height: 11px;\n "])));
55
57
  }, function (props) {
56
- return props.$loading && styled.css(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n transform: scale(0.95);\n opacity: 0;\n "])));
58
+ return props.$loading && styled.css(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n transform: scale(0.95);\n opacity: 0;\n "])));
57
59
  }, function (props) {
58
- return props.singleAction && styled.css(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n svg {\n width: 100% !important;\n height: 100% !important;\n margin-right: 24px;\n }\n "])));
60
+ return props.singleAction && styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n svg {\n width: 100% !important;\n height: 100% !important;\n margin-right: 24px;\n }\n "])));
59
61
  });
60
- var LoadingIndicator = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n height: 100%;\n width: 100%;\n top: 0;\n left: 0;\n padding: 4px;\n background: inherit;\n opacity: 0;\n transition: opacity 200ms;\n box-sizing: border-box;\n\n ", "\n"])), function (props) {
61
- return props.$loading && styled.css(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n opacity: 1;\n "])));
62
+ var LoadingIndicator = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n height: 100%;\n width: 100%;\n top: 0;\n left: 0;\n padding: 4px;\n background: inherit;\n opacity: 0;\n transition: opacity 200ms;\n box-sizing: border-box;\n\n ", "\n"])), function (props) {
63
+ return props.$loading && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n opacity: 1;\n "])));
62
64
  });
63
- var LoadingIndicatorSvg = styled__default["default"].svg.attrs(defaultTheme.applyDefaultTheme)(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n height: 100%;\n color: inherit;\n transform: rotate(-88deg);\n"])));
64
- var LoadingIndicatorSvgCircle = styled__default["default"].circle.attrs(defaultTheme.applyDefaultTheme)(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n transition: stroke-dashoffset 300ms linear;\n stroke-dasharray: 113;\n"])));
65
- var ButtonWrapper = styled__default["default"].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n white-space: nowrap;\n display: flex;\n"])));
66
- var MainButtonWrapper = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n border-radius: 3px;\n ", ";\n"])), function (props) {
67
- return (props.activeDropdown || props.dropdownItems) && !props.outlined && styled.css(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n background: ", ";\n "])), props.secondary ? props.theme.getColor('gray-200') : props.theme.getColor('emerald-500'));
65
+ var LoadingIndicatorSvg = styled__default["default"].svg.attrs(defaultTheme.applyDefaultTheme)(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n height: 100%;\n color: inherit;\n transform: rotate(-88deg);\n"])));
66
+ var LoadingIndicatorSvgCircle = styled__default["default"].circle.attrs(defaultTheme.applyDefaultTheme)(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n transition: stroke-dashoffset 300ms linear;\n stroke-dasharray: 113;\n"])));
67
+ var ButtonWrapper = styled__default["default"].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n white-space: nowrap;\n display: flex;\n"])));
68
+ var MainButtonWrapper = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n border-radius: 3px;\n ", ";\n"])), function (props) {
69
+ return (props.activeDropdown || props.dropdownItems) && !props.outlined && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n background: ", ";\n "])), props.secondary ? props.theme.getColor('gray-200') : props.theme.getColor('emerald-500'));
68
70
  });
69
- var MainButtonContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n display: inline-block;\n button {\n ", ";\n\n ", ";\n }\n"])), function (props) {
70
- return (props.activeDropdown || props.dropdownItems) && styled.css(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n "])));
71
+ var MainButtonContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n display: inline-block;\n button {\n ", ";\n\n ", ";\n }\n"])), function (props) {
72
+ return (props.activeDropdown || props.dropdownItems) && styled.css(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n "])));
71
73
  }, function (props) {
72
- return (props.activeDropdown || props.dropdownItems) && props.outlined && styled.css(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n border-right: none;\n "])));
74
+ return (props.activeDropdown || props.dropdownItems) && props.outlined && styled.css(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n border-right: none;\n "])));
73
75
  });
74
- var MainButtonContainerSingle = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n display: inline-block;\n width: 100%;\n ", ";\n\n button {\n ", ";\n }\n"])), function (props) {
75
- return props.singleAction && styled.css(_templateObject28 || (_templateObject28 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n border-radius: 3px !important;\n transition: all 250ms, opacity 200ms;\n "])));
76
+ var MainButtonContainerSingle = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject28 || (_templateObject28 = defaultTheme._taggedTemplateLiteral(["\n display: inline-block;\n width: 100%;\n ", ";\n\n button {\n ", ";\n }\n"])), function (props) {
77
+ return props.singleAction && styled.css(_templateObject29 || (_templateObject29 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n border-radius: 3px !important;\n transition: all 250ms, opacity 200ms;\n "])));
76
78
  }, function (props) {
77
- return (props.activeDropdown || props.dropdownItems) && styled.css(_templateObject29 || (_templateObject29 = defaultTheme._taggedTemplateLiteral(["\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n "])));
79
+ return (props.activeDropdown || props.dropdownItems) && styled.css(_templateObject30 || (_templateObject30 = defaultTheme._taggedTemplateLiteral(["\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n "])));
78
80
  });
79
- var DropdownButtonContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject30 || (_templateObject30 = defaultTheme._taggedTemplateLiteral(["\n display: inline-block;\n\n button {\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n\n ", ";\n }\n\n svg {\n color: inherit;\n height: 7px;\n width: 12px;\n\n ", ";\n }\n"])), function (props) {
81
+ var DropdownButtonContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject31 || (_templateObject31 = defaultTheme._taggedTemplateLiteral(["\n display: inline-block;\n\n button {\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n\n ", ";\n }\n\n svg {\n color: inherit;\n height: 7px;\n width: 12px;\n\n ", ";\n }\n"])), function (props) {
80
82
  return !props.singleAction && 'border-left: none';
81
83
  }, function (props) {
82
84
  return !props.singleAction && 'margin-bottom: 1px';
83
85
  });
84
86
 
85
- var _excluded = ["onClickEffect", "singleAction", "activeDropdown", "dropdownItems", "secondary", "outlined", "block", "icon", "size", "disabled", "loading", "className", "children"];
87
+ var _excluded = ["onClickEffect", "singleAction", "activeDropdown", "dropdownItems", "secondary", "outlined", "block", "icon", "size", "disabled", "loading", "className", "children", "singleActionGap", "width"];
86
88
  var Button = React__default["default"].forwardRef(function Button(_ref, forwardedRef) {
87
89
  var onClickEffect = _ref.onClickEffect,
88
90
  _ref$singleAction = _ref.singleAction,
@@ -100,6 +102,9 @@ var Button = React__default["default"].forwardRef(function Button(_ref, forwarde
100
102
  loading = _ref.loading,
101
103
  className = _ref.className,
102
104
  children = _ref.children,
105
+ _ref$singleActionGap = _ref.singleActionGap,
106
+ singleActionGap = _ref$singleActionGap === void 0 ? 34 : _ref$singleActionGap,
107
+ width = _ref.width,
103
108
  props = defaultTheme._objectWithoutProperties(_ref, _excluded);
104
109
  var _useState = React.useState(loading || false),
105
110
  _useState2 = defaultTheme._slicedToArray(_useState, 2),
@@ -110,6 +115,7 @@ var Button = React__default["default"].forwardRef(function Button(_ref, forwarde
110
115
  loadingStep = _useState4[0],
111
116
  setLoadingStep = _useState4[1];
112
117
  var loadingInterval = React.useRef(0);
118
+ console.log('singleActionGap', singleActionGap);
113
119
  var _useState5 = React.useState(false),
114
120
  _useState6 = defaultTheme._slicedToArray(_useState5, 2),
115
121
  dropdownIsActive = _useState6[0],
@@ -170,7 +176,8 @@ var Button = React__default["default"].forwardRef(function Button(_ref, forwarde
170
176
  size: size,
171
177
  disabled: disabled,
172
178
  className: className,
173
- "aria-busy": disabled
179
+ "aria-busy": disabled,
180
+ width: width
174
181
  }, props), React__default["default"].createElement(ButtonContent, {
175
182
  $loading: loadingState,
176
183
  size: size
@@ -204,6 +211,7 @@ var Button = React__default["default"].forwardRef(function Button(_ref, forwarde
204
211
  }, React__default["default"].createElement(Button$1, {
205
212
  ref: forwardedRef,
206
213
  singleAction: singleAction,
214
+ singleActionGap: singleActionGap,
207
215
  dropdownItems: dropdownItems,
208
216
  secondary: secondary,
209
217
  outlined: outlined,
@@ -211,7 +219,8 @@ var Button = React__default["default"].forwardRef(function Button(_ref, forwarde
211
219
  size: size,
212
220
  disabled: disabled,
213
221
  onClick: handleDropdownButtonClick,
214
- className: dropdownIsActive ? 'dropdown-is-active' : ''
222
+ className: dropdownIsActive ? 'dropdown-is-active' : '',
223
+ width: width
215
224
  }, React__default["default"].createElement(expandMore.SvgExpandMore, null))))) : React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(MainButtonContainerSingle, {
216
225
  dropdownItems: dropdownItems,
217
226
  secondary: secondary,
@@ -228,6 +237,7 @@ var Button = React__default["default"].forwardRef(function Button(_ref, forwarde
228
237
  }, React__default["default"].createElement(Button$1, {
229
238
  ref: forwardedRef,
230
239
  singleAction: singleAction,
240
+ singleActionGap: singleActionGap,
231
241
  dropdownItems: dropdownItems,
232
242
  secondary: secondary,
233
243
  outlined: outlined,
@@ -235,7 +245,8 @@ var Button = React__default["default"].forwardRef(function Button(_ref, forwarde
235
245
  size: size,
236
246
  disabled: disabled,
237
247
  onClick: handleDropdownButtonClick,
238
- className: dropdownIsActive ? 'dropdown-is-active' : ''
248
+ className: dropdownIsActive ? 'dropdown-is-active' : '',
249
+ width: width
239
250
  }, React__default["default"].createElement(ButtonContent, {
240
251
  $loading: loadingState,
241
252
  size: size,
@@ -255,7 +266,9 @@ Button.propTypes = process.env.NODE_ENV !== "production" ? {
255
266
  disabled: defaultTheme.PropTypes.bool,
256
267
  loading: defaultTheme.PropTypes.bool,
257
268
  className: defaultTheme.PropTypes.string,
258
- children: defaultTheme.PropTypes.any.isRequired
269
+ children: defaultTheme.PropTypes.any.isRequired,
270
+ singleActionGap: defaultTheme.PropTypes.number,
271
+ width: defaultTheme.PropTypes.number
259
272
  } : {};
260
273
 
261
274
  exports.Button = Button;
package/{CompactAutocompleteSelect-4be1521f.js → CompactAutocompleteSelect-b0d2ce48.js} RENAMED
@@ -6,7 +6,7 @@ var nanoid = require('nanoid');
6
6
  var React = require('react');
7
7
  require('./Alert-1b2ff6dd.js');
8
8
  require('./Badge-e055db69.js');
9
- require('./Popover-c1a29454.js');
9
+ require('./Popover-52d29ca6.js');
10
10
  require('./Tab-124fef45.js');
11
11
  require('./Tabs-62bdcdfa.js');
12
12
  var Tooltip = require('./Tooltip-4111dfdd.js');
package/{CompactStarRating-a9082843.js → CompactStarRating-957641bf.js} RENAMED
@@ -4,7 +4,7 @@ var defaultTheme = require('./defaultTheme-cd01e6c2.js');
4
4
  var React = require('react');
5
5
  require('./Alert-1b2ff6dd.js');
6
6
  require('./Badge-e055db69.js');
7
- require('./Popover-c1a29454.js');
7
+ require('./Popover-52d29ca6.js');
8
8
  require('./Tab-124fef45.js');
9
9
  require('./Tabs-62bdcdfa.js');
10
10
  var Tooltip = require('./Tooltip-4111dfdd.js');
package/{CompactTextInput-f9f49740.js → CompactTextInput-05b5d847.js} RENAMED
@@ -7,7 +7,7 @@ var React = require('react');
7
7
  var editNote = require('./edit-note-cefe2215.js');
8
8
  require('./Alert-1b2ff6dd.js');
9
9
  require('./Badge-e055db69.js');
10
- var Popover = require('./Popover-c1a29454.js');
10
+ var Popover = require('./Popover-52d29ca6.js');
11
11
  require('./Tab-124fef45.js');
12
12
  require('./Tabs-62bdcdfa.js');
13
13
  var Tooltip = require('./Tooltip-4111dfdd.js');
package/{Instructions-8b33b4f2.js → Instructions-48ff279a.js} RENAMED
@@ -3,8 +3,8 @@
3
3
  var defaultTheme = require('./defaultTheme-cd01e6c2.js');
4
4
  var lodash = require('lodash');
5
5
  var React = require('react');
6
- var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-4be1521f.js');
7
- var TextArea = require('./TextArea-4a3c3625.js');
6
+ var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-b0d2ce48.js');
7
+ var TextArea = require('./TextArea-7c6023fe.js');
8
8
  var styled = require('styled-components');
9
9
 
10
10
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
package/{MultiLevelCheckboxSelect-51cb40e1.js → MultiLevelCheckboxSelect-e2325c8f.js} RENAMED
@@ -5,7 +5,7 @@ var React = require('react');
5
5
  var styled = require('styled-components');
6
6
  require('./Alert-1b2ff6dd.js');
7
7
  require('./Badge-e055db69.js');
8
- var Popover = require('./Popover-c1a29454.js');
8
+ var Popover = require('./Popover-52d29ca6.js');
9
9
  require('./Tab-124fef45.js');
10
10
  require('./Tabs-62bdcdfa.js');
11
11
  require('./Tooltip-4111dfdd.js');
package/{Popover-c1a29454.js → Popover-52d29ca6.js} RENAMED
@@ -16,9 +16,11 @@ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
16
16
  var TippyTooltip__default = /*#__PURE__*/_interopDefaultLegacy(TippyTooltip);
17
17
  var maxSize__default = /*#__PURE__*/_interopDefaultLegacy(maxSize);
18
18
 
19
- var _templateObject, _templateObject2, _templateObject3;
20
- var Popover$1 = styled__default["default"](TippyTooltip__default["default"]).attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n font-family: ", ";\n font-size: 1rem;\n font-weight: 400;\n color: inherit;\n border-radius: 0;\n line-height: inherit;\n max-height: inherit;\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n .tippy-content {\n padding: 0;\n max-height: inherit;\n\n > div {\n max-height: inherit;\n }\n }\n\n .tippy-arrow {\n ", "\n }\n\n && > .tippy-arrow::before {\n position: absolute;\n border-color: transparent;\n border-style: solid;\n }\n\n & > .tippy-arrow::after {\n content: '';\n position: absolute;\n border-color: transparent;\n border-style: solid;\n }\n\n &[data-placement^='top'] {\n & > .tippy-arrow:before {\n bottom: -16px;\n left: -5px;\n border-width: 15px 13px 0;\n ", "\n }\n\n & > .tippy-arrow:after {\n bottom: -15px;\n left: -5px;\n border-width: 15px 13px 0;\n border-top-color: initial;\n transform-origin: center top;\n }\n }\n\n &[data-placement^='right'] {\n & > .tippy-arrow:before {\n bottom: -5px;\n left: -16px;\n border-width: 13px 15px 13px 0;\n ", "\n }\n\n & > .tippy-arrow:after {\n bottom: -5px;\n left: -15px;\n border-width: 13px 15px 13px 0;\n border-right-color: initial;\n transform-origin: center top;\n }\n }\n\n &[data-placement^='bottom'] {\n & > .tippy-arrow:before {\n top: -16px;\n left: -5px;\n border-width: 0 13px 15px 13px;\n ", "\n }\n\n & > .tippy-arrow:after {\n top: -14.5px;\n left: -5px;\n border-width: 0 13px 15px 13px;\n border-bottom-color: initial;\n transform-origin: center top;\n }\n }\n\n &[data-placement^='left'] {\n & > .tippy-arrow::before {\n bottom: -5px;\n right: -16px;\n border-width: 13px 0 13px 15px;\n ", "\n }\n\n & > .tippy-arrow::after {\n bottom: -5px;\n right: -15px;\n border-width: 13px 0 13px 15px;\n border-left-color: initial;\n transform-origin: center top;\n }\n }\n"])), function (props) {
19
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4;
20
+ var Popover$1 = styled__default["default"](TippyTooltip__default["default"]).attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n font-family: ", ";\n font-size: 1rem;\n font-weight: 400;\n color: inherit;\n border-radius: 0;\n line-height: inherit;\n max-height: inherit;\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n .tippy-content {\n padding: 0;\n max-height: inherit;\n\n > div {\n max-height: inherit;\n }\n }\n\n .tippy-arrow {\n ", "\n }\n\n && > .tippy-arrow::before {\n position: absolute;\n border-color: transparent;\n border-style: solid;\n }\n\n & > .tippy-arrow::after {\n content: '';\n position: absolute;\n border-color: transparent;\n border-style: solid;\n }\n\n &[data-placement^='top'] {\n & > .tippy-arrow:before {\n bottom: -16px;\n left: -5px;\n border-width: 15px 13px 0;\n ", "\n }\n\n & > .tippy-arrow:after {\n bottom: -15px;\n left: -5px;\n border-width: 15px 13px 0;\n border-top-color: initial;\n transform-origin: center top;\n }\n }\n\n &[data-placement^='right'] {\n & > .tippy-arrow:before {\n bottom: -5px;\n left: -16px;\n border-width: 13px 15px 13px 0;\n ", "\n }\n\n & > .tippy-arrow:after {\n bottom: -5px;\n left: -15px;\n border-width: 13px 15px 13px 0;\n border-right-color: initial;\n transform-origin: center top;\n }\n }\n\n &[data-placement^='bottom'] {\n & > .tippy-arrow:before {\n top: -16px;\n left: -5px;\n border-width: 0 13px 15px 13px;\n ", "\n }\n\n & > .tippy-arrow:after {\n top: -14.5px;\n left: -5px;\n border-width: 0 13px 15px 13px;\n border-bottom-color: initial;\n transform-origin: center top;\n }\n }\n\n &[data-placement^='left'] {\n & > .tippy-arrow::before {\n bottom: -5px;\n right: -16px;\n border-width: 13px 0 13px 15px;\n ", "\n }\n\n & > .tippy-arrow::after {\n bottom: -5px;\n right: -15px;\n border-width: 13px 0 13px 15px;\n border-left-color: initial;\n transform-origin: center top;\n }\n }\n"])), function (props) {
21
21
  return props.theme.primaryFontFamily;
22
+ }, function (props) {
23
+ return props.maxWidth && styled.css(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n max-width: ", ";\n "])), props.maxWidth);
22
24
  }, function (props) {
23
25
  return props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('white'));
24
26
  }, function (props) {
@@ -26,13 +28,13 @@ var Popover$1 = styled__default["default"](TippyTooltip__default["default"]).att
26
28
  }, function (props) {
27
29
  return props.theme.themeProp('border', "1px solid ".concat(props.theme.getColor('gray-800')), "1px solid ".concat(props.theme.getColor('gray-300')));
28
30
  }, function (props) {
29
- return props.contextMenu && styled.css(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n border-radius: 4px;\n\n ", "\n\n ", "\n "])), function (props) {
31
+ return props.contextMenu && styled.css(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n border-radius: 4px;\n\n ", "\n\n ", "\n "])), function (props) {
30
32
  return props.theme.themeProp('border', 'none', 'none');
31
33
  }, function (props) {
32
34
  return props.theme.themeProp('box-shadow', "none", "0 1px 6px ".concat(polished.rgba(props.theme.getColor('gray-900'), 0.3)));
33
35
  });
34
36
  }, function (props) {
35
- return props.contextMenuSublevel && styled.css(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n &[data-placement^='right-start'],\n &[data-placement^='left-start'] {\n margin-top: -4px;\n }\n\n &[data-placement^='left'] {\n margin-right: -6px;\n }\n\n &[data-placement^='right'] {\n margin-left: -6px;\n }\n "])));
37
+ return props.contextMenuSublevel && styled.css(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n &[data-placement^='right-start'],\n &[data-placement^='left-start'] {\n margin-top: -4px;\n }\n\n &[data-placement^='left'] {\n margin-right: -6px;\n }\n\n &[data-placement^='right'] {\n margin-left: -6px;\n }\n "])));
36
38
  }, function (props) {
37
39
  return props.theme.themeProp('color', props.theme.getColor('gray-700'), props.theme.getColor('white'), 1);
38
40
  }, function (props) {
@@ -45,7 +47,7 @@ var Popover$1 = styled__default["default"](TippyTooltip__default["default"]).att
45
47
  return props.theme.themeProp('border-left-color', props.theme.getColor('gray-800'), props.theme.getColor('gray-300'), 1);
46
48
  });
47
49
 
48
- var _excluded = ["content", "interactive", "placement", "duration", "trigger", "offset", "arrow", "visible", "contextMenu", "contextMenuSublevel", "children", "modifiers"];
50
+ var _excluded = ["content", "interactive", "placement", "duration", "trigger", "offset", "arrow", "visible", "contextMenu", "contextMenuSublevel", "children", "modifiers", "maxWidth"];
49
51
  var Popover = React__default["default"].forwardRef(function Popover(_ref, ref) {
50
52
  var _ref$content = _ref.content,
51
53
  content = _ref$content === void 0 ? 'Tooltip' : _ref$content,
@@ -61,7 +63,8 @@ var Popover = React__default["default"].forwardRef(function Popover(_ref, ref) {
61
63
  offset = _ref$offset === void 0 ? [0, 8] : _ref$offset,
62
64
  _ref$arrow = _ref.arrow,
63
65
  arrow = _ref$arrow === void 0 ? true : _ref$arrow,
64
- visible = _ref.visible,
66
+ _ref$visible = _ref.visible,
67
+ visible = _ref$visible === void 0 ? undefined : _ref$visible,
65
68
  _ref$contextMenu = _ref.contextMenu,
66
69
  contextMenu = _ref$contextMenu === void 0 ? false : _ref$contextMenu,
67
70
  _ref$contextMenuSuble = _ref.contextMenuSublevel,
@@ -69,6 +72,8 @@ var Popover = React__default["default"].forwardRef(function Popover(_ref, ref) {
69
72
  children = _ref.children,
70
73
  _ref$modifiers = _ref.modifiers,
71
74
  modifiers = _ref$modifiers === void 0 ? [] : _ref$modifiers,
75
+ _ref$maxWidth = _ref.maxWidth,
76
+ maxWidth = _ref$maxWidth === void 0 ? 'none' : _ref$maxWidth,
72
77
  props = defaultTheme._objectWithoutProperties(_ref, _excluded);
73
78
  var errorOffset = React.useMemo(function () {
74
79
  return arrow ? 15 : 0;
@@ -119,7 +124,8 @@ var Popover = React__default["default"].forwardRef(function Popover(_ref, ref) {
119
124
  }
120
125
  }].concat(defaultTheme._toConsumableArray(modifiers))
121
126
  },
122
- onShown: contextMenu ? handleContextMenuItemClick : undefined
127
+ onShown: contextMenu ? handleContextMenuItemClick : undefined,
128
+ maxWidth: maxWidth
123
129
  }, props), children));
124
130
  });
125
131
  Popover.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -132,6 +138,7 @@ Popover.propTypes = process.env.NODE_ENV !== "production" ? {
132
138
  arrow: defaultTheme.PropTypes.bool,
133
139
  visible: defaultTheme.PropTypes.bool,
134
140
  modifiers: defaultTheme.PropTypes.array,
141
+ maxWidth: defaultTheme.PropTypes.string,
135
142
  contextMenu: defaultTheme.PropTypes.bool,
136
143
  contextMenuSublevel: defaultTheme.PropTypes.bool,
137
144
  children: defaultTheme.PropTypes.node.isRequired
package/{TextArea-4a3c3625.js → TextArea-7c6023fe.js} RENAMED
@@ -7,7 +7,7 @@ var useMergedRefs = require('./useMergedRefs-b6d2f8fc.js');
7
7
  var nanoid = require('nanoid');
8
8
  require('./Alert-1b2ff6dd.js');
9
9
  require('./Badge-e055db69.js');
10
- require('./Popover-c1a29454.js');
10
+ require('./Popover-52d29ca6.js');
11
11
  require('./Tab-124fef45.js');
12
12
  require('./Tabs-62bdcdfa.js');
13
13
  var Tooltip = require('./Tooltip-4111dfdd.js');
package/data/Popover/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Popover = require('../../Popover-c1a29454.js');
3
+ var Popover = require('../../Popover-52d29ca6.js');
4
4
  require('../../defaultTheme-cd01e6c2.js');
5
5
  require('styled-components');
6
6
  require('lodash');
package/data/index.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var Alert = require('../Alert-1b2ff6dd.js');
6
6
  var Badge = require('../Badge-e055db69.js');
7
- var Popover = require('../Popover-c1a29454.js');
7
+ var Popover = require('../Popover-52d29ca6.js');
8
8
  var Tab = require('../Tab-124fef45.js');
9
9
  var Tabs = require('../Tabs-62bdcdfa.js');
10
10
  var Tooltip = require('../Tooltip-4111dfdd.js');
package/inputs/Button/index.js CHANGED
@@ -1,10 +1,10 @@
1
1
  'use strict';
2
2
 
3
- var Button = require('../../Button-31356436.js');
3
+ var Button = require('../../Button-873454c8.js');
4
4
  require('../../defaultTheme-cd01e6c2.js');
5
5
  require('styled-components');
6
6
  require('react');
7
- require('../../Popover-c1a29454.js');
7
+ require('../../Popover-52d29ca6.js');
8
8
  require('lodash');
9
9
  require('polished');
10
10
  require('@tippyjs/react');
package/inputs/CompactAutocompleteSelect/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-4be1521f.js');
3
+ var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-b0d2ce48.js');
4
4
  require('../../defaultTheme-cd01e6c2.js');
5
5
  require('styled-components');
6
6
  require('lodash');
@@ -8,7 +8,7 @@ require('nanoid');
8
8
  require('react');
9
9
  require('../../Alert-1b2ff6dd.js');
10
10
  require('../../Badge-e055db69.js');
11
- require('../../Popover-c1a29454.js');
11
+ require('../../Popover-52d29ca6.js');
12
12
  require('polished');
13
13
  require('@tippyjs/react');
14
14
  require('../../shift-away-subtle-631cd794.js');
package/inputs/CompactStarRating/index.js CHANGED
@@ -1,13 +1,13 @@
1
1
  'use strict';
2
2
 
3
- var CompactStarRating = require('../../CompactStarRating-a9082843.js');
3
+ var CompactStarRating = require('../../CompactStarRating-957641bf.js');
4
4
  require('../../defaultTheme-cd01e6c2.js');
5
5
  require('styled-components');
6
6
  require('react');
7
7
  require('../../Alert-1b2ff6dd.js');
8
8
  require('lodash');
9
9
  require('../../Badge-e055db69.js');
10
- require('../../Popover-c1a29454.js');
10
+ require('../../Popover-52d29ca6.js');
11
11
  require('polished');
12
12
  require('@tippyjs/react');
13
13
  require('../../shift-away-subtle-631cd794.js');
package/inputs/CompactTextInput/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var CompactTextInput = require('../../CompactTextInput-f9f49740.js');
3
+ var CompactTextInput = require('../../CompactTextInput-05b5d847.js');
4
4
  require('../../defaultTheme-cd01e6c2.js');
5
5
  require('styled-components');
6
6
  require('lodash');
@@ -9,7 +9,7 @@ require('react');
9
9
  require('../../edit-note-cefe2215.js');
10
10
  require('../../Alert-1b2ff6dd.js');
11
11
  require('../../Badge-e055db69.js');
12
- require('../../Popover-c1a29454.js');
12
+ require('../../Popover-52d29ca6.js');
13
13
  require('polished');
14
14
  require('@tippyjs/react');
15
15
  require('../../shift-away-subtle-631cd794.js');
package/inputs/TextArea/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var TextArea = require('../../TextArea-4a3c3625.js');
3
+ var TextArea = require('../../TextArea-7c6023fe.js');
4
4
  require('../../defaultTheme-cd01e6c2.js');
5
5
  require('styled-components');
6
6
  require('react');
@@ -9,7 +9,7 @@ require('../../useMergedRefs-b6d2f8fc.js');
9
9
  require('nanoid');
10
10
  require('../../Alert-1b2ff6dd.js');
11
11
  require('../../Badge-e055db69.js');
12
- require('../../Popover-c1a29454.js');
12
+ require('../../Popover-52d29ca6.js');
13
13
  require('polished');
14
14
  require('@tippyjs/react');
15
15
  require('../../shift-away-subtle-631cd794.js');
package/inputs/index.js CHANGED
@@ -3,22 +3,22 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var ActionButton = require('../ActionButton-f84f83eb.js');
6
- var Button = require('../Button-31356436.js');
6
+ var Button = require('../Button-873454c8.js');
7
7
  var Checkbox = require('../Checkbox-acd15d02.js');
8
- var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-4be1521f.js');
9
- var CompactStarRating = require('../CompactStarRating-a9082843.js');
10
- var CompactTextInput = require('../CompactTextInput-f9f49740.js');
8
+ var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-b0d2ce48.js');
9
+ var CompactStarRating = require('../CompactStarRating-957641bf.js');
10
+ var CompactTextInput = require('../CompactTextInput-05b5d847.js');
11
11
  var MultiSelect = require('../MultiSelect-d6294329.js');
12
12
  var Radio = require('../Radio-abb11971.js');
13
- var TextArea = require('../TextArea-4a3c3625.js');
13
+ var TextArea = require('../TextArea-7c6023fe.js');
14
14
  var TextInput = require('../TextInput-7b83f6f4.js');
15
15
  var Switch = require('../Switch-66cd66ab.js');
16
- var MultiLevelCheckboxSelect = require('../MultiLevelCheckboxSelect-51cb40e1.js');
16
+ var MultiLevelCheckboxSelect = require('../MultiLevelCheckboxSelect-e2325c8f.js');
17
17
  require('../defaultTheme-cd01e6c2.js');
18
18
  require('styled-components');
19
19
  require('react');
20
20
  require('polished');
21
- require('../Popover-c1a29454.js');
21
+ require('../Popover-52d29ca6.js');
22
22
  require('lodash');
23
23
  require('@tippyjs/react');
24
24
  require('../shift-away-subtle-631cd794.js');
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ntbjs/react-components",
3
- "version": "1.3.0-rc.56",
3
+ "version": "1.3.0-rc.58",
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,16 +1,16 @@
1
1
  'use strict';
2
2
 
3
- var AssetAction = require('../../AssetAction-ab2260b1.js');
3
+ var AssetAction = require('../../AssetAction-df8163e5.js');
4
4
  require('../../defaultTheme-cd01e6c2.js');
5
5
  require('styled-components');
6
6
  require('lodash');
7
7
  require('react');
8
8
  require('../../useMergedRefs-b6d2f8fc.js');
9
9
  require('resize-observer-polyfill');
10
- require('../../MultiLevelCheckboxSelect-51cb40e1.js');
10
+ require('../../MultiLevelCheckboxSelect-e2325c8f.js');
11
11
  require('../../Alert-1b2ff6dd.js');
12
12
  require('../../Badge-e055db69.js');
13
- require('../../Popover-c1a29454.js');
13
+ require('../../Popover-52d29ca6.js');
14
14
  require('polished');
15
15
  require('@tippyjs/react');
16
16
  require('../../shift-away-subtle-631cd794.js');
@@ -27,21 +27,21 @@ require('../../InputGroup-08332f2d.js');
27
27
  require('../../SectionSeparator-aeccca17.js');
28
28
  require('../../close-1751121a.js');
29
29
  require('react-lazy-load-image-component');
30
- require('../../Instructions-8b33b4f2.js');
31
- require('../../CompactAutocompleteSelect-4be1521f.js');
30
+ require('../../Instructions-48ff279a.js');
31
+ require('../../CompactAutocompleteSelect-b0d2ce48.js');
32
32
  require('react-select');
33
33
  require('react-select-async-paginate');
34
34
  require('../../react-select-creatable.esm-9e24f67f.js');
35
35
  require('react-dom');
36
36
  require('../../expand-more-d74e2bd2.js');
37
- require('../../TextArea-4a3c3625.js');
37
+ require('../../TextArea-7c6023fe.js');
38
38
  require('@floating-ui/react');
39
39
  require('../../ContextMenu-1b7b7cec.js');
40
40
  require('../../AssetPreviewTopBar-08ca770d.js');
41
41
  require('../../ActionButton-f84f83eb.js');
42
- require('../../Button-31356436.js');
43
- require('../../CompactStarRating-a9082843.js');
44
- require('../../CompactTextInput-f9f49740.js');
42
+ require('../../Button-873454c8.js');
43
+ require('../../CompactStarRating-957641bf.js');
44
+ require('../../CompactTextInput-05b5d847.js');
45
45
  require('../../MultiSelect-d6294329.js');
46
46
  require('../../Radio-abb11971.js');
47
47
  require('../../Switch-66cd66ab.js');
package/widgets/Instructions/index.js CHANGED
@@ -1,15 +1,15 @@
1
1
  'use strict';
2
2
 
3
- var Instructions = require('../../Instructions-8b33b4f2.js');
3
+ var Instructions = require('../../Instructions-48ff279a.js');
4
4
  require('../../defaultTheme-cd01e6c2.js');
5
5
  require('styled-components');
6
6
  require('lodash');
7
7
  require('react');
8
- require('../../CompactAutocompleteSelect-4be1521f.js');
8
+ require('../../CompactAutocompleteSelect-b0d2ce48.js');
9
9
  require('nanoid');
10
10
  require('../../Alert-1b2ff6dd.js');
11
11
  require('../../Badge-e055db69.js');
12
- require('../../Popover-c1a29454.js');
12
+ require('../../Popover-52d29ca6.js');
13
13
  require('polished');
14
14
  require('@tippyjs/react');
15
15
  require('../../shift-away-subtle-631cd794.js');
@@ -24,7 +24,7 @@ require('../../react-select-creatable.esm-9e24f67f.js');
24
24
  require('react-dom');
25
25
  require('../../close-1751121a.js');
26
26
  require('../../expand-more-d74e2bd2.js');
27
- require('../../TextArea-4a3c3625.js');
27
+ require('../../TextArea-7c6023fe.js');
28
28
  require('../../useMergedRefs-b6d2f8fc.js');
29
29
  require('../../edit-note-cefe2215.js');
30
30
 
package/widgets/index.js CHANGED
@@ -2,20 +2,20 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var AssetAction = require('../AssetAction-ab2260b1.js');
5
+ var AssetAction = require('../AssetAction-df8163e5.js');
6
6
  var ContextMenu = require('../ContextMenu-1b7b7cec.js');
7
7
  var AssetPreviewTopBar = require('../AssetPreviewTopBar-08ca770d.js');
8
- var Instructions = require('../Instructions-8b33b4f2.js');
8
+ var Instructions = require('../Instructions-48ff279a.js');
9
9
  require('../defaultTheme-cd01e6c2.js');
10
10
  require('styled-components');
11
11
  require('lodash');
12
12
  require('react');
13
13
  require('../useMergedRefs-b6d2f8fc.js');
14
14
  require('resize-observer-polyfill');
15
- require('../MultiLevelCheckboxSelect-51cb40e1.js');
15
+ require('../MultiLevelCheckboxSelect-e2325c8f.js');
16
16
  require('../Alert-1b2ff6dd.js');
17
17
  require('../Badge-e055db69.js');
18
- require('../Popover-c1a29454.js');
18
+ require('../Popover-52d29ca6.js');
19
19
  require('polished');
20
20
  require('@tippyjs/react');
21
21
  require('../shift-away-subtle-631cd794.js');
@@ -34,18 +34,18 @@ require('../close-1751121a.js');
34
34
  require('react-lazy-load-image-component');
35
35
  require('@floating-ui/react');
36
36
  require('../ActionButton-f84f83eb.js');
37
- require('../Button-31356436.js');
37
+ require('../Button-873454c8.js');
38
38
  require('../expand-more-d74e2bd2.js');
39
- require('../CompactAutocompleteSelect-4be1521f.js');
39
+ require('../CompactAutocompleteSelect-b0d2ce48.js');
40
40
  require('react-select');
41
41
  require('react-select-async-paginate');
42
42
  require('../react-select-creatable.esm-9e24f67f.js');
43
43
  require('react-dom');
44
- require('../CompactStarRating-a9082843.js');
45
- require('../CompactTextInput-f9f49740.js');
44
+ require('../CompactStarRating-957641bf.js');
45
+ require('../CompactTextInput-05b5d847.js');
46
46
  require('../MultiSelect-d6294329.js');
47
47
  require('../Radio-abb11971.js');
48
- require('../TextArea-4a3c3625.js');
48
+ require('../TextArea-7c6023fe.js');
49
49
  require('../Switch-66cd66ab.js');
50
50
  require('../ContextMenuItem-50de2150.js');
51
51