@ntbjs/react-components 1.1.20 → 1.1.22

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 (60) hide show
  1. package/{ActionButton-b2345555.js → ActionButton-607bc22f.js} +1 -1
  2. package/{Alert-d69a3f95.js → Alert-7bbe87f3.js} +1 -1
  3. package/{AssetAction-b6c960c6.js → AssetAction-7afc83d9.js} +24 -24
  4. package/{AssetPreviewTopBar-b1fe3188.js → AssetPreviewTopBar-14bd42d0.js} +1 -1
  5. package/{Badge-e984e6f5.js → Badge-dc50d116.js} +1 -1
  6. package/{Button-76ed9637.js → Button-86626421.js} +45 -33
  7. package/{Checkbox-ad9c9e54.js → Checkbox-876f71f0.js} +1 -1
  8. package/{CompactAutocompleteSelect-b8ea245d.js → CompactAutocompleteSelect-32a19c92.js} +9 -9
  9. package/{CompactStarRating-c0feb5e4.js → CompactStarRating-ddbeaf93.js} +24 -21
  10. package/{CompactTextInput-d979c3a4.js → CompactTextInput-337b6320.js} +42 -40
  11. package/{ContextMenu-4eb8fdc5.js → ContextMenu-b6ba7a22.js} +1 -1
  12. package/{ContextMenuItem-c536b460.js → ContextMenuItem-30f7d64d.js} +1 -1
  13. package/{InputGroup-a89a0ea3.js → InputGroup-d25c66ad.js} +1 -1
  14. package/{Instructions-c0166fe0.js → Instructions-dd2880ae.js} +3 -3
  15. package/{MultiLevelCheckboxSelect-95f47817.js → MultiLevelCheckboxSelect-cd1ced5d.js} +12 -12
  16. package/{MultiSelect-939cb151.js → MultiSelect-0cfc8d6c.js} +2 -2
  17. package/{Popover-52d29ca6.js → Popover-5e9ab515.js} +2 -2
  18. package/{Radio-55db4781.js → Radio-8282d0d6.js} +1 -1
  19. package/{SectionSeparator-af8dc1ce.js → SectionSeparator-c9ec6fac.js} +1 -1
  20. package/{Switch-04ecd8d0.js → Switch-57f729bb.js} +1 -1
  21. package/{Tab-e43241f0.js → Tab-572141e4.js} +1 -1
  22. package/{Tabs-cfc08c6b.js → Tabs-9dbd5b85.js} +2 -2
  23. package/{TextArea-e8bb0b81.js → TextArea-a125b7b3.js} +8 -8
  24. package/{TextInput-16998faa.js → TextInput-9e62ab60.js} +1 -1
  25. package/{Tooltip-a68a7e49.js → Tooltip-5bbe5971.js} +2 -2
  26. package/{VerificationStatusIcon-7b0e23fe.js → VerificationStatusIcon-10460fe7.js} +1 -1
  27. package/data/Alert/index.js +2 -2
  28. package/data/Badge/index.js +2 -2
  29. package/data/Popover/index.js +3 -3
  30. package/data/Tab/index.js +2 -2
  31. package/data/Tabs/index.js +3 -3
  32. package/data/Tooltip/index.js +3 -3
  33. package/data/index.js +9 -9
  34. package/{defaultTheme-cd01e6c2.js → defaultTheme-06b819a9.js} +4 -4
  35. package/inputs/ActionButton/index.js +2 -2
  36. package/inputs/Button/index.js +5 -5
  37. package/inputs/Checkbox/index.js +2 -2
  38. package/inputs/CompactAutocompleteSelect/index.js +11 -11
  39. package/inputs/CompactStarRating/index.js +10 -10
  40. package/inputs/CompactTextInput/index.js +10 -10
  41. package/inputs/MultiSelect/index.js +3 -3
  42. package/inputs/Radio/index.js +2 -2
  43. package/inputs/Switch/index.js +2 -2
  44. package/inputs/TextArea/index.js +10 -10
  45. package/inputs/TextInput/index.js +2 -2
  46. package/inputs/index.js +25 -25
  47. package/layout/InputGroup/index.js +2 -2
  48. package/layout/SectionSeparator/index.js +2 -2
  49. package/layout/index.js +3 -3
  50. package/package.json +3 -3
  51. package/{react-select-creatable.esm-9e24f67f.js → react-select-creatable.esm-3c7b7450.js} +21 -6
  52. package/{shift-away-subtle-631cd794.js → shift-away-subtle-16a9f31b.js} +1 -1
  53. package/styles/config.scss +1 -0
  54. package/widgets/AssetGallery/index.js +29 -29
  55. package/widgets/AssetPreview/AssetPreviewTopBar/index.js +2 -2
  56. package/widgets/ContextMenu/ContextMenuItem/index.js +2 -2
  57. package/widgets/ContextMenu/ContextMenuItemsGroup/index.js +1 -1
  58. package/widgets/ContextMenu/index.js +2 -2
  59. package/widgets/Instructions/index.js +13 -13
  60. package/widgets/index.js +29 -29
package/{ActionButton-b2345555.js → ActionButton-607bc22f.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-cd01e6c2.js');
3
+ var defaultTheme = require('./defaultTheme-06b819a9.js');
4
4
  var React = require('react');
5
5
  var styled = require('styled-components');
6
6
  var polished = require('polished');
package/{Alert-d69a3f95.js → Alert-7bbe87f3.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-cd01e6c2.js');
3
+ var defaultTheme = require('./defaultTheme-06b819a9.js');
4
4
  var React = require('react');
5
5
  var styled = require('styled-components');
6
6
  var lodash = require('lodash');
package/{AssetAction-b6c960c6.js → AssetAction-7afc83d9.js} RENAMED
@@ -1,37 +1,37 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-cd01e6c2.js');
3
+ var defaultTheme = require('./defaultTheme-06b819a9.js');
4
4
  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-95f47817.js');
8
+ var MultiLevelCheckboxSelect = require('./MultiLevelCheckboxSelect-cd1ced5d.js');
9
9
  var styled = require('styled-components');
10
10
  var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
11
- var Instructions = require('./Instructions-c0166fe0.js');
12
- var Alert = require('./Alert-d69a3f95.js');
13
- var Badge = require('./Badge-e984e6f5.js');
14
- var Popover = require('./Popover-52d29ca6.js');
15
- require('./Tab-e43241f0.js');
16
- require('./Tabs-cfc08c6b.js');
17
- var Tooltip = require('./Tooltip-a68a7e49.js');
18
- require('./VerificationStatusIcon-7b0e23fe.js');
11
+ var Instructions = require('./Instructions-dd2880ae.js');
12
+ var Alert = require('./Alert-7bbe87f3.js');
13
+ var Badge = require('./Badge-dc50d116.js');
14
+ var Popover = require('./Popover-5e9ab515.js');
15
+ require('./Tab-572141e4.js');
16
+ require('./Tabs-9dbd5b85.js');
17
+ var Tooltip = require('./Tooltip-5bbe5971.js');
18
+ require('./VerificationStatusIcon-10460fe7.js');
19
19
  var react = require('@floating-ui/react');
20
20
  var polished = require('polished');
21
- var ContextMenu = require('./ContextMenu-4eb8fdc5.js');
22
- require('./AssetPreviewTopBar-b1fe3188.js');
23
- var ActionButton = require('./ActionButton-b2345555.js');
24
- require('./Button-76ed9637.js');
25
- require('./Checkbox-ad9c9e54.js');
26
- require('./CompactAutocompleteSelect-b8ea245d.js');
27
- require('./CompactStarRating-c0feb5e4.js');
28
- require('./CompactTextInput-d979c3a4.js');
29
- require('./MultiSelect-939cb151.js');
30
- require('./Radio-55db4781.js');
31
- require('./TextArea-e8bb0b81.js');
32
- require('./TextInput-16998faa.js');
33
- require('./Switch-04ecd8d0.js');
34
- var ContextMenuItem = require('./ContextMenuItem-c536b460.js');
21
+ var ContextMenu = require('./ContextMenu-b6ba7a22.js');
22
+ require('./AssetPreviewTopBar-14bd42d0.js');
23
+ var ActionButton = require('./ActionButton-607bc22f.js');
24
+ require('./Button-86626421.js');
25
+ require('./Checkbox-876f71f0.js');
26
+ require('./CompactAutocompleteSelect-32a19c92.js');
27
+ require('./CompactStarRating-ddbeaf93.js');
28
+ require('./CompactTextInput-337b6320.js');
29
+ require('./MultiSelect-0cfc8d6c.js');
30
+ require('./Radio-8282d0d6.js');
31
+ require('./TextArea-a125b7b3.js');
32
+ require('./TextInput-9e62ab60.js');
33
+ require('./Switch-57f729bb.js');
34
+ var ContextMenuItem = require('./ContextMenuItem-30f7d64d.js');
35
35
 
36
36
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
37
37
 
package/{AssetPreviewTopBar-b1fe3188.js → AssetPreviewTopBar-14bd42d0.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-cd01e6c2.js');
3
+ var defaultTheme = require('./defaultTheme-06b819a9.js');
4
4
  var React = require('react');
5
5
  var styled = require('styled-components');
6
6
  var close = require('./close-1751121a.js');
package/{Badge-e984e6f5.js → Badge-dc50d116.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-cd01e6c2.js');
3
+ var defaultTheme = require('./defaultTheme-06b819a9.js');
4
4
  var React = require('react');
5
5
  var styled = require('styled-components');
6
6
 
package/{Button-76ed9637.js → Button-86626421.js} RENAMED
@@ -1,10 +1,10 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-cd01e6c2.js');
3
+ var defaultTheme = require('./defaultTheme-06b819a9.js');
4
4
  var React = require('react');
5
5
  var styled = require('styled-components');
6
- var Popover = require('./Popover-52d29ca6.js');
7
- var ContextMenu = require('./ContextMenu-4eb8fdc5.js');
6
+ var Popover = require('./Popover-5e9ab515.js');
7
+ var ContextMenu = require('./ContextMenu-b6ba7a22.js');
8
8
  var expandMore = require('./expand-more-d74e2bd2.js');
9
9
 
10
10
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -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');
@@ -30,11 +30,11 @@ var Button$1 = styled__default["default"].button.attrs(defaultTheme.applyDefault
30
30
  return props.theme.getColor('gray-300');
31
31
  });
32
32
  }, function (props) {
33
- return props.outlined && styled.css(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n background: transparent;\n transition: none;\n\n ", "\n\n ", "\n\n &:hover,\n &.dropdown-is-active {\n background-color: #296c58;\n\n ", "\n\n ", "\n }\n "])), props.theme.themeProp('border-color', props.theme.getColor('emerald-400'), props.theme.getColor('emerald-500')), props.theme.themeProp('color', props.theme.getColor('emerald-400'), props.theme.getColor('emerald-500')), props.theme.themeProp('border-color', props.theme.getColor('emerald-400'), '#296c58'), props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-200')));
33
+ return props.outlined && styled.css(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n background: transparent;\n transition: none;\n\n ", "\n\n ", "\n\n &:hover,\n &.dropdown-is-active {\n background-color: #296c58;\n\n ", "\n\n ", "\n }\n "])), props.theme.themeProp('border-color', props.theme.getColor('emerald-400'), props.theme.getColor('emerald-500')), props.theme.themeProp('color', props.theme.getColor('emerald-400'), props.theme.getColor('emerald-500')), props.theme.themeProp('border-color', props.theme.getColor('emerald-600'), props.theme.getColor('emerald-600')), props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-200')));
34
34
  }, function (props) {
35
- return props.outlined && props.secondary && styled.css(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n ", "\n\n ", "\n\n &:hover,\n &.dropdown-is-active {\n background: ", ";\n\n ", "\n\n ", "\n }\n "])), props.theme.themeProp('border-color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700')), props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700')), props.theme.getColor('gray-300'), props.theme.themeProp('border-color', props.theme.getColor('gray-300'), props.theme.getColor('gray-300')), props.theme.themeProp('color', props.theme.getColor('gray-700'), props.theme.getColor('gray-700')));
35
+ return props.outlined && props.secondary && styled.css(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n ", "\n\n ", "\n\n &:hover,\n &.dropdown-is-active {\n background: ", ";\n\n ", "\n\n ", "\n }\n "])), props.theme.themeProp('border-color', props.theme.getColor('gray-400'), props.theme.getColor('gray-700')), props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700')), props.theme.getColor('gray-300'), props.theme.themeProp('border-color', props.theme.getColor('gray-300'), props.theme.getColor('gray-300')), props.theme.themeProp('color', props.theme.getColor('gray-700'), props.theme.getColor('gray-700')));
36
36
  }, function (props) {
37
- return props.outlined && props.secondary && props.dropdownItems && styled.css(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n &:hover,\n &.dropdown-is-active {\n ", "\n }\n "])), props.theme.themeProp('border-color', props.theme.getColor('gray-300'), props.theme.getColor('gray-700')));
37
+ return props.outlined && props.secondary && props.dropdownItems && styled.css(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n &:hover,\n &.dropdown-is-active {\n ", "\n }\n "])), props.theme.themeProp('border-color', props.theme.getColor('gray-300'), props.theme.getColor('gray-300')));
38
38
  }, function (props) {
39
39
  return props.block && styled.css(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n width: 100%;\n "])));
40
40
  }, function (props) {
@@ -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),
@@ -170,7 +175,8 @@ var Button = React__default["default"].forwardRef(function Button(_ref, forwarde
170
175
  size: size,
171
176
  disabled: disabled,
172
177
  className: className,
173
- "aria-busy": disabled
178
+ "aria-busy": disabled,
179
+ width: width
174
180
  }, props), React__default["default"].createElement(ButtonContent, {
175
181
  $loading: loadingState,
176
182
  size: size
@@ -204,6 +210,7 @@ var Button = React__default["default"].forwardRef(function Button(_ref, forwarde
204
210
  }, React__default["default"].createElement(Button$1, {
205
211
  ref: forwardedRef,
206
212
  singleAction: singleAction,
213
+ singleActionGap: singleActionGap,
207
214
  dropdownItems: dropdownItems,
208
215
  secondary: secondary,
209
216
  outlined: outlined,
@@ -211,7 +218,8 @@ var Button = React__default["default"].forwardRef(function Button(_ref, forwarde
211
218
  size: size,
212
219
  disabled: disabled,
213
220
  onClick: handleDropdownButtonClick,
214
- className: dropdownIsActive ? 'dropdown-is-active' : ''
221
+ className: dropdownIsActive ? 'dropdown-is-active' : '',
222
+ width: width
215
223
  }, React__default["default"].createElement(expandMore.SvgExpandMore, null))))) : React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(MainButtonContainerSingle, {
216
224
  dropdownItems: dropdownItems,
217
225
  secondary: secondary,
@@ -228,6 +236,7 @@ var Button = React__default["default"].forwardRef(function Button(_ref, forwarde
228
236
  }, React__default["default"].createElement(Button$1, {
229
237
  ref: forwardedRef,
230
238
  singleAction: singleAction,
239
+ singleActionGap: singleActionGap,
231
240
  dropdownItems: dropdownItems,
232
241
  secondary: secondary,
233
242
  outlined: outlined,
@@ -235,7 +244,8 @@ var Button = React__default["default"].forwardRef(function Button(_ref, forwarde
235
244
  size: size,
236
245
  disabled: disabled,
237
246
  onClick: handleDropdownButtonClick,
238
- className: dropdownIsActive ? 'dropdown-is-active' : ''
247
+ className: dropdownIsActive ? 'dropdown-is-active' : '',
248
+ width: width
239
249
  }, React__default["default"].createElement(ButtonContent, {
240
250
  $loading: loadingState,
241
251
  size: size,
@@ -255,7 +265,9 @@ Button.propTypes = process.env.NODE_ENV !== "production" ? {
255
265
  disabled: defaultTheme.PropTypes.bool,
256
266
  loading: defaultTheme.PropTypes.bool,
257
267
  className: defaultTheme.PropTypes.string,
258
- children: defaultTheme.PropTypes.any.isRequired
268
+ children: defaultTheme.PropTypes.any.isRequired,
269
+ singleActionGap: defaultTheme.PropTypes.number,
270
+ width: defaultTheme.PropTypes.number
259
271
  } : {};
260
272
 
261
273
  exports.Button = Button;
package/{Checkbox-ad9c9e54.js → Checkbox-876f71f0.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-cd01e6c2.js');
3
+ var defaultTheme = require('./defaultTheme-06b819a9.js');
4
4
  var React = require('react');
5
5
  var nanoid = require('nanoid');
6
6
  var lodash = require('lodash');
package/{CompactAutocompleteSelect-b8ea245d.js → CompactAutocompleteSelect-32a19c92.js} RENAMED
@@ -1,20 +1,20 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-cd01e6c2.js');
3
+ var defaultTheme = require('./defaultTheme-06b819a9.js');
4
4
  var lodash = require('lodash');
5
5
  var nanoid = require('nanoid');
6
6
  var React = require('react');
7
- require('./Alert-d69a3f95.js');
8
- require('./Badge-e984e6f5.js');
9
- require('./Popover-52d29ca6.js');
10
- require('./Tab-e43241f0.js');
11
- require('./Tabs-cfc08c6b.js');
12
- var Tooltip = require('./Tooltip-a68a7e49.js');
13
- require('./VerificationStatusIcon-7b0e23fe.js');
7
+ require('./Alert-7bbe87f3.js');
8
+ require('./Badge-dc50d116.js');
9
+ require('./Popover-5e9ab515.js');
10
+ require('./Tab-572141e4.js');
11
+ require('./Tabs-9dbd5b85.js');
12
+ var Tooltip = require('./Tooltip-5bbe5971.js');
13
+ require('./VerificationStatusIcon-10460fe7.js');
14
14
  var styled = require('styled-components');
15
15
  var Select = require('react-select');
16
16
  var reactSelectAsyncPaginate = require('react-select-async-paginate');
17
- var reactSelectCreatable_esm = require('./react-select-creatable.esm-9e24f67f.js');
17
+ var reactSelectCreatable_esm = require('./react-select-creatable.esm-3c7b7450.js');
18
18
  var close = require('./close-1751121a.js');
19
19
  var expandMore = require('./expand-more-d74e2bd2.js');
20
20
 
package/{CompactStarRating-c0feb5e4.js → CompactStarRating-ddbeaf93.js} RENAMED
@@ -1,14 +1,14 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-cd01e6c2.js');
3
+ var defaultTheme = require('./defaultTheme-06b819a9.js');
4
4
  var React = require('react');
5
- require('./Alert-d69a3f95.js');
6
- require('./Badge-e984e6f5.js');
7
- require('./Popover-52d29ca6.js');
8
- require('./Tab-e43241f0.js');
9
- require('./Tabs-cfc08c6b.js');
10
- var Tooltip = require('./Tooltip-a68a7e49.js');
11
- require('./VerificationStatusIcon-7b0e23fe.js');
5
+ require('./Alert-7bbe87f3.js');
6
+ require('./Badge-dc50d116.js');
7
+ require('./Popover-5e9ab515.js');
8
+ require('./Tab-572141e4.js');
9
+ require('./Tabs-9dbd5b85.js');
10
+ var Tooltip = require('./Tooltip-5bbe5971.js');
11
+ require('./VerificationStatusIcon-10460fe7.js');
12
12
  var styled = require('styled-components');
13
13
 
14
14
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -59,7 +59,7 @@ function SvgStar(props) {
59
59
  })));
60
60
  }
61
61
 
62
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
62
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22;
63
63
  var fadeIn = styled.keyframes(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n from {\n background-color: ", ";\n }\n to {\n background-color: ", ";\n }\n"])), function (props) {
64
64
  return props.theme.themeProp('rgba(48, 130, 106, 0)', 'rgba(191, 224, 213, 0)');
65
65
  }, function (props) {
@@ -91,16 +91,18 @@ var SuccessContainer = styled__default["default"].div.attrs(defaultTheme.applyDe
91
91
  }, function (props) {
92
92
  return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'));
93
93
  });
94
- var starsWidth = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n width: 66.66%;\n border-radius: 3px;\n height: 24px;\n align-items: center;\n padding-left: 8px;\n box-sizing: border-box;\n border: 1px solid;\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n &&:not(:hover):not(:focus) {\n ", ";\n ", ";\n }\n &&:hover:not(:focus) {\n ", "\n\n ", ";\n\n ", ";\n\n ", ";\n }\n"])), function (props) {
94
+ var starsWidth = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n width: 66.66%;\n border-radius: 3px;\n height: 24px;\n align-items: center;\n padding-left: 8px;\n box-sizing: border-box;\n border: 1px solid;\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n &&:not(:hover):not(:focus) {\n ", ";\n ", ";\n }\n &&:hover:not(:focus) {\n ", "\n\n ", ";\n\n ", ";\n\n ", ";\n }\n"])), function (props) {
95
+ return props.readOnly && styled.css(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n border: none;\n "])));
96
+ }, function (props) {
95
97
  return props.theme.themeProp('border-color', props.theme.getColor('gray-900'), props.theme.getColor('white'));
96
98
  }, function (props) {
97
- return props.type === 'success' && styled.css(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n animation: ", " 0.5s ease-in-out;\n "])), function (props) {
99
+ return props.type === 'success' && styled.css(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n animation: ", " 0.5s ease-in-out;\n "])), function (props) {
98
100
  return props.success ? fadeIn : fadeOut;
99
101
  });
100
102
  }, function (props) {
101
- return props.type === 'error' && styled.css(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n ", "\n "])), props.theme.themeProp('background', '#7F1B1B', '#FBEAE6'), props.theme.themeProp('border-color', '#7f1b1b', '#FBEAE6'));
103
+ return props.type === 'error' && styled.css(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n ", "\n "])), props.theme.themeProp('background', '#7F1B1B', '#FBEAE6'), props.theme.themeProp('border-color', '#7f1b1b', '#FBEAE6'));
102
104
  }, function (props) {
103
- return props.type === 'warning' && styled.css(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n ", "\n "])), props.theme.themeProp('background', '#634E01', '#FFFDE8'), props.theme.themeProp('border-color', '#2F2402 ', '#FFFDE8'));
105
+ return props.type === 'warning' && styled.css(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n ", "\n "])), props.theme.themeProp('background', '#634E01', '#FFFDE8'), props.theme.themeProp('border-color', '#2F2402 ', '#FFFDE8'));
104
106
  }, function (props) {
105
107
  return props.edit && props.theme.themeProp('background', 'rgba(39,39,42, 0.7)', 'rgba(244,244,245, 0.3)');
106
108
  }, function (props) {
@@ -114,7 +116,7 @@ var starsWidth = styled__default["default"].div.attrs(defaultTheme.applyDefaultT
114
116
  }, function (props) {
115
117
  return props.type === 'error' && !props.readOnly && props.theme.themeProp('background', '#901d1d', '#f7d5d0');
116
118
  });
117
- var Star = styled__default["default"].button.attrs(defaultTheme.applyDefaultTheme)(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n background: none;\n border: none;\n cursor: pointer;\n padding: 0;\n\n svg {\n height: 12px;\n padding-left: 4px;\n transition: color 250ms;\n }\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", "\n\n ", "\n"])), function (props) {
119
+ var Star = styled__default["default"].button.attrs(defaultTheme.applyDefaultTheme)(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n background: none;\n border: none;\n cursor: pointer;\n padding: 0;\n\n svg {\n height: 12px;\n padding-left: 4px;\n transition: color 250ms;\n }\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", "\n\n ", "\n"])), function (props) {
118
120
  return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'));
119
121
  }, function (props) {
120
122
  return props.type === 'warning' && props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'));
@@ -123,11 +125,11 @@ var Star = styled__default["default"].button.attrs(defaultTheme.applyDefaultThem
123
125
  }, function (props) {
124
126
  return props.hover && props.theme.themeProp('color', props.theme.getColor('orange-500'), props.theme.getColor('orange-500'));
125
127
  }, function (props) {
126
- return props.readOnly && styled.css(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n pointer-events: none;\n "])));
128
+ return props.readOnly && styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n pointer-events: none;\n "])));
127
129
  }, function (props) {
128
- return props.disabled && styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n button {\n cursor: not-allowed;\n }\n > * {\n cursor: not-allowed;\n }\n "])));
130
+ return props.disabled && styled.css(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n button {\n cursor: not-allowed;\n }\n > * {\n cursor: not-allowed;\n }\n "])));
129
131
  });
130
- var StarFill = styled__default["default"].button.attrs(defaultTheme.applyDefaultTheme)(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n background: none;\n border: none;\n cursor: pointer;\n padding: 0;\n\n svg {\n height: 12px;\n padding-left: 4px;\n transition: color 250ms;\n }\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", "\n\n ", "\n"])), function (props) {
132
+ var StarFill = styled__default["default"].button.attrs(defaultTheme.applyDefaultTheme)(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n background: none;\n border: none;\n cursor: pointer;\n padding: 0;\n\n svg {\n height: 12px;\n padding-left: 4px;\n transition: color 250ms;\n }\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", "\n\n ", "\n"])), function (props) {
131
133
  return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'));
132
134
  }, function (props) {
133
135
  return props.type === 'error' && props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'));
@@ -136,11 +138,11 @@ var StarFill = styled__default["default"].button.attrs(defaultTheme.applyDefault
136
138
  }, function (props) {
137
139
  return props.hover && props.theme.themeProp('color', props.theme.getColor('orange-500'), props.theme.getColor('orange-500'));
138
140
  }, function (props) {
139
- return props.readOnly && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n pointer-events: none;\n "])));
141
+ return props.readOnly && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n pointer-events: none;\n "])));
140
142
  }, function (props) {
141
- return props.disabled && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n button {\n cursor: not-allowed;\n }\n > * {\n cursor: not-allowed;\n }\n "])));
143
+ return props.disabled && styled.css(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n button {\n cursor: not-allowed;\n }\n > * {\n cursor: not-allowed;\n }\n "])));
142
144
  });
143
- styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n opacity: 1;\n pointer-events: none;\n margin-left: auto;\n opacity: ", ";\n animation: ", " 0.5s ease-in-out;\n transition: opacity 0.5s ease-in-out;\n ", "\n > svg {\n width: 13px;\n }\n"])), function (props) {
145
+ styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n opacity: 1;\n pointer-events: none;\n margin-left: auto;\n opacity: ", ";\n animation: ", " 0.5s ease-in-out;\n transition: opacity 0.5s ease-in-out;\n ", "\n > svg {\n width: 13px;\n }\n"])), function (props) {
144
146
  return props.type === 'success' ? 0 : 1;
145
147
  }, function (props) {
146
148
  return props.type === 'success' ? fadeOutCheck : fadeInCheck;
@@ -265,7 +267,8 @@ var CompactStarRating = React__default["default"].forwardRef(function CompactSta
265
267
  disabled: disabled
266
268
  }, label, React__default["default"].createElement(SuccessContainer, null, type === 'loading' && loadingIcon, type === 'success' && successIcon)), React__default["default"].createElement(starsWidth, {
267
269
  edit: edit,
268
- type: type
270
+ type: type,
271
+ readOnly: readOnly
269
272
  }, stars.map(function (key) {
270
273
  return React__default["default"].createElement("div", {
271
274
  key: key