@ntbjs/react-components 1.2.0-rc.93 → 1.2.0-rc.94

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 (59) hide show
  1. package/{ActionButton-a9316775.js → ActionButton-1a0e7adc.js} +1 -1
  2. package/{Alert-d69a3f95.js → Alert-67936720.js} +1 -1
  3. package/{AssetGallery-3c9f19c7.js → AssetGallery-6dd55b64.js} +22 -22
  4. package/{AssetPreviewTopBar-c9e45035.js → AssetPreviewTopBar-8d2cceaf.js} +1 -1
  5. package/{Badge-cbbff6b8.js → Badge-0edffd2a.js} +1 -1
  6. package/{Button-39607724.js → Button-b057997e.js} +3 -3
  7. package/{Checkbox-ad9c9e54.js → Checkbox-53f14dc1.js} +1 -1
  8. package/{CompactAutocompleteSelect-6b0a6306.js → CompactAutocompleteSelect-28353593.js} +26 -31
  9. package/{CompactStarRating-bbe8800b.js → CompactStarRating-ad593265.js} +8 -8
  10. package/{CompactTextInput-72224756.js → CompactTextInput-f63edb86.js} +8 -8
  11. package/{ContextMenu-4eb8fdc5.js → ContextMenu-ea917be1.js} +1 -1
  12. package/{ContextMenuItem-c536b460.js → ContextMenuItem-4a376e8f.js} +1 -1
  13. package/{InputGroup-a89a0ea3.js → InputGroup-e8dd2f87.js} +1 -1
  14. package/{Instructions-2a896571.js → Instructions-6658da76.js} +3 -3
  15. package/{MultiLevelCheckboxSelect-654c291b.js → MultiLevelCheckboxSelect-552a40db.js} +12 -12
  16. package/{MultiSelect-149a817b.js → MultiSelect-0dfdb663.js} +2 -2
  17. package/{Popover-c5e425a7.js → Popover-d6cfcb7f.js} +2 -2
  18. package/{Radio-55db4781.js → Radio-5b9c83b1.js} +1 -1
  19. package/{SectionSeparator-af8dc1ce.js → SectionSeparator-3c32b45b.js} +1 -1
  20. package/{Switch-04ecd8d0.js → Switch-aa706662.js} +1 -1
  21. package/{Tab-e43241f0.js → Tab-d978a3c4.js} +1 -1
  22. package/{Tabs-21e0079f.js → Tabs-adff38d2.js} +2 -2
  23. package/{TextArea-c2620d92.js → TextArea-092dde3a.js} +8 -8
  24. package/{TextInput-9a995449.js → TextInput-af1a2a84.js} +1 -1
  25. package/{Tooltip-a68a7e49.js → Tooltip-b4907b91.js} +2 -2
  26. package/{VerificationStatusIcon-3bae6e2f.js → VerificationStatusIcon-f831c83f.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-104fcbf4.js} +4 -0
  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 +3 -3
  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 +1 -1
  51. package/{react-select-creatable.esm-66ca61dc.js → react-select-creatable.esm-2d52a2fd.js} +1 -1
  52. package/{shift-away-subtle-631cd794.js → shift-away-subtle-6d929fae.js} +1 -1
  53. package/widgets/AssetGallery/index.js +27 -27
  54. package/widgets/AssetPreview/AssetPreviewTopBar/index.js +2 -2
  55. package/widgets/ContextMenu/ContextMenuItem/index.js +2 -2
  56. package/widgets/ContextMenu/ContextMenuItemsGroup/index.js +1 -1
  57. package/widgets/ContextMenu/index.js +2 -2
  58. package/widgets/Instructions/index.js +13 -13
  59. package/widgets/index.js +29 -29
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-cd01e6c2.js');
3
+ var defaultTheme = require('./defaultTheme-104fcbf4.js');
4
4
  var React = require('react');
5
5
  var styled = require('styled-components');
6
6
  var polished = require('polished');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-cd01e6c2.js');
3
+ var defaultTheme = require('./defaultTheme-104fcbf4.js');
4
4
  var React = require('react');
5
5
  var styled = require('styled-components');
6
6
  var lodash = require('lodash');
@@ -1,34 +1,34 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-cd01e6c2.js');
3
+ var defaultTheme = require('./defaultTheme-104fcbf4.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-654c291b.js');
8
+ var MultiLevelCheckboxSelect = require('./MultiLevelCheckboxSelect-552a40db.js');
9
9
  var styled = require('styled-components');
10
10
  var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
11
11
  var warningCircle = require('./warning-circle-478e65cc.js');
12
- var Alert = require('./Alert-d69a3f95.js');
13
- var Badge = require('./Badge-cbbff6b8.js');
14
- var Popover = require('./Popover-c5e425a7.js');
15
- require('./Tab-e43241f0.js');
16
- require('./Tabs-21e0079f.js');
17
- var Tooltip = require('./Tooltip-a68a7e49.js');
18
- require('./VerificationStatusIcon-3bae6e2f.js');
19
- var ActionButton = require('./ActionButton-a9316775.js');
20
- require('./Button-39607724.js');
21
- require('./Checkbox-ad9c9e54.js');
22
- require('./CompactAutocompleteSelect-6b0a6306.js');
23
- require('./CompactStarRating-bbe8800b.js');
24
- require('./CompactTextInput-72224756.js');
25
- require('./MultiSelect-149a817b.js');
26
- require('./Radio-55db4781.js');
27
- require('./TextArea-c2620d92.js');
28
- require('./TextInput-9a995449.js');
29
- require('./Switch-04ecd8d0.js');
30
- var ContextMenu = require('./ContextMenu-4eb8fdc5.js');
31
- var ContextMenuItem = require('./ContextMenuItem-c536b460.js');
12
+ var Alert = require('./Alert-67936720.js');
13
+ var Badge = require('./Badge-0edffd2a.js');
14
+ var Popover = require('./Popover-d6cfcb7f.js');
15
+ require('./Tab-d978a3c4.js');
16
+ require('./Tabs-adff38d2.js');
17
+ var Tooltip = require('./Tooltip-b4907b91.js');
18
+ require('./VerificationStatusIcon-f831c83f.js');
19
+ var ActionButton = require('./ActionButton-1a0e7adc.js');
20
+ require('./Button-b057997e.js');
21
+ require('./Checkbox-53f14dc1.js');
22
+ require('./CompactAutocompleteSelect-28353593.js');
23
+ require('./CompactStarRating-ad593265.js');
24
+ require('./CompactTextInput-f63edb86.js');
25
+ require('./MultiSelect-0dfdb663.js');
26
+ require('./Radio-5b9c83b1.js');
27
+ require('./TextArea-092dde3a.js');
28
+ require('./TextInput-af1a2a84.js');
29
+ require('./Switch-aa706662.js');
30
+ var ContextMenu = require('./ContextMenu-ea917be1.js');
31
+ var ContextMenuItem = require('./ContextMenuItem-4a376e8f.js');
32
32
  var polished = require('polished');
33
33
 
34
34
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-cd01e6c2.js');
3
+ var defaultTheme = require('./defaultTheme-104fcbf4.js');
4
4
  var React = require('react');
5
5
  var styled = require('styled-components');
6
6
  var close = require('./close-1751121a.js');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-cd01e6c2.js');
3
+ var defaultTheme = require('./defaultTheme-104fcbf4.js');
4
4
  var React = require('react');
5
5
  var styled = require('styled-components');
6
6
 
@@ -1,10 +1,10 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-cd01e6c2.js');
3
+ var defaultTheme = require('./defaultTheme-104fcbf4.js');
4
4
  var React = require('react');
5
5
  var styled = require('styled-components');
6
- var Popover = require('./Popover-c5e425a7.js');
7
- var ContextMenu = require('./ContextMenu-4eb8fdc5.js');
6
+ var Popover = require('./Popover-d6cfcb7f.js');
7
+ var ContextMenu = require('./ContextMenu-ea917be1.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 }; }
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-cd01e6c2.js');
3
+ var defaultTheme = require('./defaultTheme-104fcbf4.js');
4
4
  var React = require('react');
5
5
  var nanoid = require('nanoid');
6
6
  var lodash = require('lodash');
@@ -1,11 +1,11 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-cd01e6c2.js');
3
+ var defaultTheme = require('./defaultTheme-104fcbf4.js');
4
4
  var React = require('react');
5
5
  var styled = require('styled-components');
6
6
  var Select = require('react-select');
7
7
  var reactSelectAsyncPaginate = require('react-select-async-paginate');
8
- var reactSelectCreatable_esm = require('./react-select-creatable.esm-66ca61dc.js');
8
+ var reactSelectCreatable_esm = require('./react-select-creatable.esm-2d52a2fd.js');
9
9
  var close = require('./close-1751121a.js');
10
10
  var expandMore = require('./expand-more-d74e2bd2.js');
11
11
 
@@ -15,7 +15,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
15
15
  var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
16
16
  var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
17
17
 
18
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39;
18
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36;
19
19
  var fadeIn = styled.keyframes(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n from {\n background-color: ", ";\n }\n to {\n background-color: ", ";\n }\n"])), function (props) {
20
20
  return props.theme.themeProp('rgba(48, 130, 106, 0)', 'rgba(191, 224, 213, 0)');
21
21
  }, function (props) {
@@ -28,7 +28,6 @@ var fadeOut = styled.keyframes(_templateObject2 || (_templateObject2 = defaultTh
28
28
  });
29
29
  var fadeInCheck = styled.keyframes(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n from {\n opacity: 0\n }\n to {\n opacity: 1\n }\n"])));
30
30
  var fadeOutCheck = styled.keyframes(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n from {\n opacity: 1\n }\n to {\n opacity: 0\n }\n"])));
31
- var AsyncCreatableSelectPaginate = reactSelectAsyncPaginate.withAsyncPaginate(reactSelectCreatable_esm.CreatableSelect$1);
32
31
  var sharedStyle = styled.css(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n font-family: ", ";\n font-size: 0.875rem;\n line-height: 1rem;\n width: 100%;\n display: block;\n box-shadow: 'none';\n flex-basis: ", ";\n"])), function (props) {
33
32
  return props.theme.primaryFontFamily;
34
33
  }, function (props) {
@@ -52,30 +51,25 @@ styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateOb
52
51
  }, function (props) {
53
52
  return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'));
54
53
  });
55
- styled__default["default"](AsyncCreatableSelectPaginate).attrs(defaultTheme.applyDefaultTheme)(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n &&:hover:not(:focus) {\n ", "\n }\n"])), sharedStyle, function (props) {
56
- return props.disabled && styled.css(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n cursor: not-allowed;\n "])));
54
+ var AsyncAutocompleteSelect = styled__default["default"](reactSelectAsyncPaginate.AsyncPaginate).attrs(defaultTheme.applyDefaultTheme)(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n &&:hover:not(:focus) {\n ", "\n }\n"])), sharedStyle, function (props) {
55
+ return props.disabled && styled.css(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n "])));
57
56
  }, function (props) {
58
57
  return props.disabled && styled.css(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n background: none !important;\n cursor: not-allowed;\n "])));
59
58
  });
60
- var AsyncAutocompleteSelect = styled__default["default"](reactSelectAsyncPaginate.AsyncPaginate).attrs(defaultTheme.applyDefaultTheme)(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n &&:hover:not(:focus) {\n ", "\n }\n"])), sharedStyle, function (props) {
59
+ styled__default["default"](Select__default["default"]).attrs(defaultTheme.applyDefaultTheme)(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n &&:hover:not(:focus) {\n ", "\n }\n"])), sharedStyle, function (props) {
61
60
  return props.disabled && styled.css(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n "])));
62
61
  }, function (props) {
63
62
  return props.disabled && styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n background: none !important;\n cursor: not-allowed;\n "])));
64
63
  });
65
- styled__default["default"](Select__default["default"]).attrs(defaultTheme.applyDefaultTheme)(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n &&:hover:not(:focus) {\n ", "\n }\n"])), sharedStyle, function (props) {
64
+ styled__default["default"](reactSelectCreatable_esm.CreatableSelect$1).attrs(defaultTheme.applyDefaultTheme)(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n"])), sharedStyle, function (props) {
66
65
  return props.disabled && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n "])));
67
- }, function (props) {
68
- return props.disabled && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n background: none !important;\n cursor: not-allowed;\n "])));
69
- });
70
- styled__default["default"](reactSelectCreatable_esm.CreatableSelect$1).attrs(defaultTheme.applyDefaultTheme)(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n"])), sharedStyle, function (props) {
71
- return props.disabled && styled.css(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n "])));
72
66
  });
73
- styled__default["default"](Select.components.Control).attrs(defaultTheme.applyDefaultTheme)(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n && {\n ", ";\n ", ";\n\n height: 22px;\n min-height: 22px;\n box-shadow: none;\n box-sizing: border-box;\n padding: 1px 3px 0 8.7px;\n cursor: pointer;\n border: 1px solid transparent;\n background-color: transparent;\n ", "\n\n ", ";\n\n ", ";\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 ", ";\n }\n"])), function (props) {
67
+ styled__default["default"](Select.components.Control).attrs(defaultTheme.applyDefaultTheme)(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n && {\n ", ";\n ", ";\n\n height: 22px;\n min-height: 22px;\n box-shadow: none;\n box-sizing: border-box;\n padding: 1px 3px 0 8.7px;\n cursor: pointer;\n border: 1px solid transparent;\n background-color: transparent;\n ", "\n\n ", ";\n\n ", ";\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 ", ";\n }\n"])), function (props) {
74
68
  return props.edit && props.theme.themeProp('background', 'rgba(39,39,42, 0.7)', 'rgba(244,244,245, 0.3)');
75
69
  }, function (props) {
76
70
  return props.edit && props.theme.themeProp('border-color', 'rgba(39,39,42, 0.7)', 'rgba(228,228,231, 0.3)');
77
71
  }, function (props) {
78
- return props.type && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n animation: ", " 0.5s ease-in-out;\n "])), function (props) {
72
+ return props.type && styled.css(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n animation: ", " 0.5s ease-in-out;\n "])), function (props) {
79
73
  return props.type === 'success' ? fadeIn : fadeOut;
80
74
  });
81
75
  }, function (props) {
@@ -101,51 +95,52 @@ styled__default["default"](Select.components.Control).attrs(defaultTheme.applyDe
101
95
  }, function (props) {
102
96
  return props.type === 'error' && !props.isFocused && props.theme.themeProp('background', '#901d1d', '#f7d5d0');
103
97
  });
104
- styled__default["default"](Select.components.Option).attrs(defaultTheme.applyDefaultTheme)(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n && {\n min-height: 22px;\n height: 22px;\n display: flex;\n align-items: center;\n padding: 6px;\n cursor: pointer;\n padding: 1px 13px;\n ", "\n ", "\n ", "\n ", "\n }\n svg {\n width: 15px;\n margin: 0 9px 0 0;\n }\n a {\n display: flex;\n text-decoration: none;\n color: inherit;\n }\n"])), function (props) {
98
+ styled__default["default"](Select.components.Option).attrs(defaultTheme.applyDefaultTheme)(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n && {\n min-height: 22px;\n height: 22px;\n display: flex;\n align-items: center;\n padding: 6px;\n cursor: pointer;\n padding: 1px 13px;\n ", "\n ", "\n ", "\n ", "\n }\n svg {\n width: 15px;\n margin: 0 9px 0 0;\n }\n a {\n display: flex;\n text-decoration: none;\n color: inherit;\n }\n"])), function (props) {
105
99
  return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
106
100
  }, function (props) {
107
- return props.isFocused && styled.css(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('background-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-200')));
101
+ return props.isFocused && styled.css(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('background-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-200')));
108
102
  }, function (props) {
109
- return props.isSelected && styled.css(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n ", "\n\n ", "\n "])), props.theme.themeProp('background-color', 'transparent', 'transparent'), props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700')));
103
+ return props.isSelected && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n ", "\n\n ", "\n "])), props.theme.themeProp('background-color', 'transparent', 'transparent'), props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700')));
110
104
  }, function (props) {
111
- return props.isFocused && props.isSelected && styled.css(_templateObject28 || (_templateObject28 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('background-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-200')));
105
+ return props.isFocused && props.isSelected && styled.css(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('background-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-200')));
112
106
  });
113
- styled__default["default"](Select.components.Placeholder).attrs(defaultTheme.applyDefaultTheme)(_templateObject29 || (_templateObject29 = defaultTheme._taggedTemplateLiteral(["\n && {\n ", "\n ", ";\n }\n"])), function (props) {
114
- return (props.type === 'error' || props.type === 'warning') && styled.css(_templateObject30 || (_templateObject30 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700')));
107
+ styled__default["default"](Select.components.Placeholder).attrs(defaultTheme.applyDefaultTheme)(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n && {\n ", "\n ", ";\n }\n"])), function (props) {
108
+ return (props.type === 'error' || props.type === 'warning') && styled.css(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700')));
115
109
  }, function (props) {
116
110
  return (props.type === 'error' || props.type === 'warning') && props.theme.themeProp('opacity', '0.6', '0.6');
117
111
  });
118
- styled__default["default"](Select.components.SingleValue).attrs(defaultTheme.applyDefaultTheme)(_templateObject31 || (_templateObject31 = defaultTheme._taggedTemplateLiteral(["\n && {\n ", ";\n }\n"])), function (props) {
112
+ styled__default["default"](Select.components.SingleValue).attrs(defaultTheme.applyDefaultTheme)(_templateObject28 || (_templateObject28 = defaultTheme._taggedTemplateLiteral(["\n && {\n ", ";\n }\n"])), function (props) {
119
113
  return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
120
114
  });
121
- styled__default["default"](Select.components.Input).attrs(defaultTheme.applyDefaultTheme)(_templateObject32 || (_templateObject32 = defaultTheme._taggedTemplateLiteral(["\n && {\n margin: 0;\n padding: 0;\n padding-left: 2px;\n ", "\n }\n"])), function (props) {
115
+ styled__default["default"](Select.components.Input).attrs(defaultTheme.applyDefaultTheme)(_templateObject29 || (_templateObject29 = defaultTheme._taggedTemplateLiteral(["\n && {\n margin: 0;\n padding: 0;\n padding-left: 2px;\n ", "\n }\n"])), function (props) {
122
116
  return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
123
117
  });
124
- styled__default["default"](Select.components.Menu).attrs(defaultTheme.applyDefaultTheme)(_templateObject33 || (_templateObject33 = defaultTheme._taggedTemplateLiteral(["\n && {\n ", ";\n }\n"])), function (props) {
118
+ styled__default["default"](Select.components.Menu).attrs(defaultTheme.applyDefaultTheme)(_templateObject30 || (_templateObject30 = defaultTheme._taggedTemplateLiteral(["\n && {\n ", ";\n }\n"])), function (props) {
125
119
  return props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('white'));
126
120
  });
127
- styled__default["default"](Select.components.ValueContainer).attrs(defaultTheme.applyDefaultTheme)(_templateObject34 || (_templateObject34 = defaultTheme._taggedTemplateLiteral(["\n && {\n padding: 0;\n }\n"])));
128
- styled__default["default"](Select.components.ClearIndicator).attrs(defaultTheme.applyDefaultTheme)(_templateObject35 || (_templateObject35 = defaultTheme._taggedTemplateLiteral(["\n && {\n display: ", ";\n padding: 0;\n cursor: pointer;\n ", ";\n }\n"])), function (props) {
121
+ styled__default["default"](Select.components.ValueContainer).attrs(defaultTheme.applyDefaultTheme)(_templateObject31 || (_templateObject31 = defaultTheme._taggedTemplateLiteral(["\n && {\n padding: 0;\n }\n"])));
122
+ styled__default["default"](Select.components.ClearIndicator).attrs(defaultTheme.applyDefaultTheme)(_templateObject32 || (_templateObject32 = defaultTheme._taggedTemplateLiteral(["\n && {\n display: ", ";\n padding: 0;\n cursor: pointer;\n ", ";\n }\n"])), function (props) {
129
123
  return props.isFocused ? 'flex' : 'none';
130
124
  }, function (props) {
131
125
  return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
132
126
  });
133
- styled__default["default"](Select.components.DropdownIndicator).attrs(defaultTheme.applyDefaultTheme)(_templateObject36 || (_templateObject36 = defaultTheme._taggedTemplateLiteral(["\n && {\n display: ", ";\n padding: 0;\n width: 18px;\n margin-left: 2px;\n cursor: pointer;\n margin-top: 1px;\n ", ";\n }\n"])), function (props) {
127
+ styled__default["default"](Select.components.DropdownIndicator).attrs(defaultTheme.applyDefaultTheme)(_templateObject33 || (_templateObject33 = defaultTheme._taggedTemplateLiteral(["\n && {\n display: ", ";\n padding: 0;\n width: 18px;\n margin-left: 2px;\n cursor: pointer;\n margin-top: 1px;\n ", ";\n }\n"])), function (props) {
134
128
  return props.isFocused ? 'flex' : 'none';
135
129
  }, function (props) {
136
130
  return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
137
131
  });
138
- styled__default["default"](expandMore.SvgExpandMore).attrs(defaultTheme.applyDefaultTheme)(_templateObject37 || (_templateObject37 = defaultTheme._taggedTemplateLiteral(["\n width: 12px;\n"])));
139
- styled__default["default"](close.SvgClose).attrs(defaultTheme.applyDefaultTheme)(_templateObject38 || (_templateObject38 = defaultTheme._taggedTemplateLiteral(["\n width: 8px;\n margin-right: 4px;\n ", ";\n stroke-width: 2px;\n"])), function (props) {
132
+ styled__default["default"](expandMore.SvgExpandMore).attrs(defaultTheme.applyDefaultTheme)(_templateObject34 || (_templateObject34 = defaultTheme._taggedTemplateLiteral(["\n width: 12px;\n"])));
133
+ styled__default["default"](close.SvgClose).attrs(defaultTheme.applyDefaultTheme)(_templateObject35 || (_templateObject35 = defaultTheme._taggedTemplateLiteral(["\n width: 8px;\n margin-right: 4px;\n ", ";\n stroke-width: 2px;\n"])), function (props) {
140
134
  return props.theme.themeProp('stroke', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
141
135
  });
142
- styled__default["default"](Select.components.IndicatorSeparator).attrs(defaultTheme.applyDefaultTheme)(_templateObject39 || (_templateObject39 = defaultTheme._taggedTemplateLiteral(["\n && {\n display: ", ";\n margin: 4px;\n ", ";\n }\n"])), function (props) {
136
+ styled__default["default"](Select.components.IndicatorSeparator).attrs(defaultTheme.applyDefaultTheme)(_templateObject36 || (_templateObject36 = defaultTheme._taggedTemplateLiteral(["\n && {\n display: ", ";\n margin: 4px;\n ", ";\n }\n"])), function (props) {
143
137
  return props.isFocused ? 'flex' : 'none';
144
138
  }, function (props) {
145
139
  return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
146
140
  });
147
141
 
148
- var CompactAutocompleteSelect = React__default["default"].forwardRef(function CompactAutocompleteSelect(props) {
142
+ var CompactAutocompleteSelect = React__default["default"].forwardRef(function CompactAutocompleteSelect(_ref) {
143
+ var props = defaultTheme._extends({}, (defaultTheme._objectDestructuringEmpty(_ref), _ref));
149
144
  var input = function input() {
150
145
  return React__default["default"].createElement(AsyncAutocompleteSelect, props);
151
146
  };
@@ -1,14 +1,14 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-cd01e6c2.js');
3
+ var defaultTheme = require('./defaultTheme-104fcbf4.js');
4
4
  var React = require('react');
5
- require('./Alert-d69a3f95.js');
6
- require('./Badge-cbbff6b8.js');
7
- require('./Popover-c5e425a7.js');
8
- require('./Tab-e43241f0.js');
9
- require('./Tabs-21e0079f.js');
10
- var Tooltip = require('./Tooltip-a68a7e49.js');
11
- require('./VerificationStatusIcon-3bae6e2f.js');
5
+ require('./Alert-67936720.js');
6
+ require('./Badge-0edffd2a.js');
7
+ require('./Popover-d6cfcb7f.js');
8
+ require('./Tab-d978a3c4.js');
9
+ require('./Tabs-adff38d2.js');
10
+ var Tooltip = require('./Tooltip-b4907b91.js');
11
+ require('./VerificationStatusIcon-f831c83f.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 }; }
@@ -1,17 +1,17 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-cd01e6c2.js');
3
+ var defaultTheme = require('./defaultTheme-104fcbf4.js');
4
4
  var lodash = require('lodash');
5
5
  var nanoid = require('nanoid');
6
6
  var React = require('react');
7
7
  var editNote = require('./edit-note-cefe2215.js');
8
- require('./Alert-d69a3f95.js');
9
- require('./Badge-cbbff6b8.js');
10
- require('./Popover-c5e425a7.js');
11
- require('./Tab-e43241f0.js');
12
- require('./Tabs-21e0079f.js');
13
- var Tooltip = require('./Tooltip-a68a7e49.js');
14
- require('./VerificationStatusIcon-3bae6e2f.js');
8
+ require('./Alert-67936720.js');
9
+ require('./Badge-0edffd2a.js');
10
+ require('./Popover-d6cfcb7f.js');
11
+ require('./Tab-d978a3c4.js');
12
+ require('./Tabs-adff38d2.js');
13
+ var Tooltip = require('./Tooltip-b4907b91.js');
14
+ require('./VerificationStatusIcon-f831c83f.js');
15
15
  var styled = require('styled-components');
16
16
 
17
17
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-cd01e6c2.js');
3
+ var defaultTheme = require('./defaultTheme-104fcbf4.js');
4
4
  var React = require('react');
5
5
  var styled = require('styled-components');
6
6
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-cd01e6c2.js');
3
+ var defaultTheme = require('./defaultTheme-104fcbf4.js');
4
4
  var React = require('react');
5
5
  var styled = require('styled-components');
6
6
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-cd01e6c2.js');
3
+ var defaultTheme = require('./defaultTheme-104fcbf4.js');
4
4
  var React = require('react');
5
5
  var styled = require('styled-components');
6
6
 
@@ -1,11 +1,11 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-cd01e6c2.js');
3
+ var defaultTheme = require('./defaultTheme-104fcbf4.js');
4
4
  var lodash = require('lodash');
5
5
  var React = require('react');
6
6
  var warningCircle = require('./warning-circle-478e65cc.js');
7
- var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-6b0a6306.js');
8
- var TextArea = require('./TextArea-c2620d92.js');
7
+ var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-28353593.js');
8
+ var TextArea = require('./TextArea-092dde3a.js');
9
9
  var styled = require('styled-components');
10
10
 
11
11
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -1,20 +1,20 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-cd01e6c2.js');
3
+ var defaultTheme = require('./defaultTheme-104fcbf4.js');
4
4
  var React = require('react');
5
5
  var styled = require('styled-components');
6
- require('./Alert-d69a3f95.js');
7
- require('./Badge-cbbff6b8.js');
8
- var Popover = require('./Popover-c5e425a7.js');
9
- require('./Tab-e43241f0.js');
10
- require('./Tabs-21e0079f.js');
11
- require('./Tooltip-a68a7e49.js');
12
- require('./VerificationStatusIcon-3bae6e2f.js');
13
- var Checkbox = require('./Checkbox-ad9c9e54.js');
6
+ require('./Alert-67936720.js');
7
+ require('./Badge-0edffd2a.js');
8
+ var Popover = require('./Popover-d6cfcb7f.js');
9
+ require('./Tab-d978a3c4.js');
10
+ require('./Tabs-adff38d2.js');
11
+ require('./Tooltip-b4907b91.js');
12
+ require('./VerificationStatusIcon-f831c83f.js');
13
+ var Checkbox = require('./Checkbox-53f14dc1.js');
14
14
  var lodash = require('lodash');
15
- var TextInput = require('./TextInput-9a995449.js');
16
- require('./InputGroup-a89a0ea3.js');
17
- var SectionSeparator = require('./SectionSeparator-af8dc1ce.js');
15
+ var TextInput = require('./TextInput-af1a2a84.js');
16
+ require('./InputGroup-e8dd2f87.js');
17
+ var SectionSeparator = require('./SectionSeparator-3c32b45b.js');
18
18
  var close = require('./close-1751121a.js');
19
19
 
20
20
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -1,12 +1,12 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-cd01e6c2.js');
3
+ var defaultTheme = require('./defaultTheme-104fcbf4.js');
4
4
  var React = require('react');
5
5
  var nanoid = require('nanoid');
6
6
  var styled = require('styled-components');
7
7
  var close = require('./close-1751121a.js');
8
8
  var Select = require('react-select');
9
- var reactSelectCreatable_esm = require('./react-select-creatable.esm-66ca61dc.js');
9
+ var reactSelectCreatable_esm = require('./react-select-creatable.esm-2d52a2fd.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 }; }
@@ -1,12 +1,12 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-cd01e6c2.js');
3
+ var defaultTheme = require('./defaultTheme-104fcbf4.js');
4
4
  var lodash = require('lodash');
5
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');
9
- require('./shift-away-subtle-631cd794.js');
9
+ require('./shift-away-subtle-6d929fae.js');
10
10
  var maxSize = require('popper-max-size-modifier');
11
11
 
12
12
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-cd01e6c2.js');
3
+ var defaultTheme = require('./defaultTheme-104fcbf4.js');
4
4
  var React = require('react');
5
5
  var nanoid = require('nanoid');
6
6
  var polished = require('polished');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-cd01e6c2.js');
3
+ var defaultTheme = require('./defaultTheme-104fcbf4.js');
4
4
  var React = require('react');
5
5
  var styled = require('styled-components');
6
6
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-cd01e6c2.js');
3
+ var defaultTheme = require('./defaultTheme-104fcbf4.js');
4
4
  var React = require('react');
5
5
  var nanoid = require('nanoid');
6
6
  var polished = require('polished');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-cd01e6c2.js');
3
+ var defaultTheme = require('./defaultTheme-104fcbf4.js');
4
4
  var React = require('react');
5
5
  var styled = require('styled-components');
6
6
 
@@ -1,9 +1,9 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-cd01e6c2.js');
3
+ var defaultTheme = require('./defaultTheme-104fcbf4.js');
4
4
  var lodash = require('lodash');
5
5
  var React = require('react');
6
- var Tab = require('./Tab-e43241f0.js');
6
+ var Tab = require('./Tab-d978a3c4.js');
7
7
  var styled = require('styled-components');
8
8
 
9
9
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -1,16 +1,16 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-cd01e6c2.js');
3
+ var defaultTheme = require('./defaultTheme-104fcbf4.js');
4
4
  var React = require('react');
5
5
  var useMergedRefs = require('./useMergedRefs-b6d2f8fc.js');
6
6
  var nanoid = require('nanoid');
7
- require('./Alert-d69a3f95.js');
8
- require('./Badge-cbbff6b8.js');
9
- require('./Popover-c5e425a7.js');
10
- require('./Tab-e43241f0.js');
11
- require('./Tabs-21e0079f.js');
12
- var Tooltip = require('./Tooltip-a68a7e49.js');
13
- require('./VerificationStatusIcon-3bae6e2f.js');
7
+ require('./Alert-67936720.js');
8
+ require('./Badge-0edffd2a.js');
9
+ require('./Popover-d6cfcb7f.js');
10
+ require('./Tab-d978a3c4.js');
11
+ require('./Tabs-adff38d2.js');
12
+ var Tooltip = require('./Tooltip-b4907b91.js');
13
+ require('./VerificationStatusIcon-f831c83f.js');
14
14
  var editNote = require('./edit-note-cefe2215.js');
15
15
  var styled = require('styled-components');
16
16
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-cd01e6c2.js');
3
+ var defaultTheme = require('./defaultTheme-104fcbf4.js');
4
4
  var React = require('react');
5
5
  var nanoid = require('nanoid');
6
6
  var useMergedRefs = require('./useMergedRefs-b6d2f8fc.js');
@@ -1,10 +1,10 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-cd01e6c2.js');
3
+ var defaultTheme = require('./defaultTheme-104fcbf4.js');
4
4
  var React = require('react');
5
5
  var styled = require('styled-components');
6
6
  var TippyTooltip = require('@tippyjs/react');
7
- require('./shift-away-subtle-631cd794.js');
7
+ require('./shift-away-subtle-6d929fae.js');
8
8
 
9
9
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
10
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-cd01e6c2.js');
3
+ var defaultTheme = require('./defaultTheme-104fcbf4.js');
4
4
  var React = require('react');
5
5
  var styled = require('styled-components');
6
6
 
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
- var Alert = require('../../Alert-d69a3f95.js');
4
- require('../../defaultTheme-cd01e6c2.js');
3
+ var Alert = require('../../Alert-67936720.js');
4
+ require('../../defaultTheme-104fcbf4.js');
5
5
  require('styled-components');
6
6
  require('react');
7
7
  require('lodash');
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
- var Badge = require('../../Badge-cbbff6b8.js');
4
- require('../../defaultTheme-cd01e6c2.js');
3
+ var Badge = require('../../Badge-0edffd2a.js');
4
+ require('../../defaultTheme-104fcbf4.js');
5
5
  require('styled-components');
6
6
  require('react');
7
7
 
@@ -1,13 +1,13 @@
1
1
  'use strict';
2
2
 
3
- var Popover = require('../../Popover-c5e425a7.js');
4
- require('../../defaultTheme-cd01e6c2.js');
3
+ var Popover = require('../../Popover-d6cfcb7f.js');
4
+ require('../../defaultTheme-104fcbf4.js');
5
5
  require('styled-components');
6
6
  require('lodash');
7
7
  require('react');
8
8
  require('polished');
9
9
  require('@tippyjs/react');
10
- require('../../shift-away-subtle-631cd794.js');
10
+ require('../../shift-away-subtle-6d929fae.js');
11
11
  require('popper-max-size-modifier');
12
12
 
13
13
 
package/data/Tab/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
- var Tab = require('../../Tab-e43241f0.js');
4
- require('../../defaultTheme-cd01e6c2.js');
3
+ var Tab = require('../../Tab-d978a3c4.js');
4
+ require('../../defaultTheme-104fcbf4.js');
5
5
  require('styled-components');
6
6
  require('react');
7
7
 
@@ -1,11 +1,11 @@
1
1
  'use strict';
2
2
 
3
- var Tabs = require('../../Tabs-21e0079f.js');
4
- require('../../defaultTheme-cd01e6c2.js');
3
+ var Tabs = require('../../Tabs-adff38d2.js');
4
+ require('../../defaultTheme-104fcbf4.js');
5
5
  require('styled-components');
6
6
  require('lodash');
7
7
  require('react');
8
- require('../../Tab-e43241f0.js');
8
+ require('../../Tab-d978a3c4.js');
9
9
 
10
10
 
11
11